V1 Web PWA · Surface walkthrough

Isis Cost Optimization Engine

A per-surface walkthrough of the V1 Web PWA studio surface: layout, states, interactions, data, and cross-references.

walked
8sections2 minread
Markdown source
On this page

Context. surface studio · domain isis · route /studio/isis/cost-optimization-engine · auth signed-in + studio entitlement (segment not in AAA_ONLY_STUDIO_ROUTES — renders as-is) · source apps/oshun/web/src/app/studio/isis/cost-optimization-engine/page.tsx

Last walked. 2026-05-29 automated runtime walk (Playwright headless) — render, /v1 data (2xx), console/page-errors, expected content, screenshot verified; live screen-reader, touch, offline, and telemetry-delivery checks pending a manual AT pass. Evidence: WALKTHROUGH/results/runtime-sweep-2026-05-29.md; body re-derived 2026-06-03 from current source (lane-console architecture)

Purpose#

Admin §22 cost-governance lane console that runs prompt/context content through the real token-budget optimization techniques (truncation, deduplication, compression, …), reporting before/after token counts, the compression ratio, and a content-preservation quality score. All reads and optimizations flow through /v1/admin/isis/cost-optimization; it is admin-scoped and fails closed.

Entry points#

  • Sibling quick-action from /studio/isis/cost-tracking
  • Studio index (/studio)
  • Direct URL / bookmark

Layout regions#

page.tsx mounts <ShellLayout active="studio"> (no breadcrumb panel) and three panels: the workspace, the Route Map, and sibling quick-actions.

  • Header: shell header
  • Workspace panel (data-isis-cost-optimization-engine-workspace):
    • <h1> (WorkspaceHeading) "Isis Cost Optimization Engine Workspace"
    • Summary paragraph (data-optimization-summary)
    • Optimize form (data-optimization-form)
    • Run list (data-optimization-runs), each data-optimization-runcard=<runId>; empty state data-optimization-runs-empty
  • Route Map panel (data-isis-cost-optimization-engine-route-map): <h2>Route Map</h2> over STUDIO_ISIS_COST_OPTIMIZATION_ENGINE_ROUTE_MAP (5 entries)
  • Sibling quick-actions panel: /studio/isis/cost-tracking, /studio

States#

  • Loading — data-optimization-loading
  • Unauthorized — 401/403 admin-scope fail-closed; data-optimization-unauthorized
  • Error — non-OK or malformed response; data-optimization-error
  • Ready (form) — response present; technique select populated from response.techniques; form + run list render
  • Result — after an optimize POST, data-optimization-result shows data-optimization-tokens (before/after) and data-optimization-preview

Interactions#

Optimize form (data-optimization-form)#

  • Run id (data-optimization-runid, text input)
  • Technique (data-optimization-technique, <select> from response.techniques)
  • Max tokens (data-optimization-maxtokens, number input, min=1 step=1)
  • Content (data-optimization-content, <textarea>)
  • Run (data-optimization-run, button) — disabled until run id + technique + content present; POST /v1/admin/isis/cost-optimization

Route Map#

  • Route-map articles ×5

Sibling quick-actions#

  • Open Isis Cost Tracking workspace → /studio/isis/cost-tracking
  • Back to Studio workspace index → /studio

Data & contracts#

  • Reads: GET /v1/admin/isis/cost-optimization (techniques + prior runs)
  • Writes: POST /v1/admin/isis/cost-optimization (optimize content; returns before/after token counts, compression ratio, quality score)
  • Realtime: none
  • Caching: client fetch on mount, cache: 'no-store', buildBffAuthHeaders()
  • Auth/role check: admin-scoped, fail-closed (401/403); route gated on signed-in + studio entitlement
  • Component sources:
    • apps/oshun/web/src/components/studio/StudioIsisCostOptimizationEngineWorkspace.tsx
    • apps/oshun/web/src/components/studio/StudioIsisCostOptimizationEngineRouteMap.ts

Cross-references#

Open questions / known gaps#

  • No breadcrumb on this route — navigation is via sibling quick-actions