V1 Web PWA · Surface walkthrough

Isis Florence-2

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/florence-2 · auth signed-in + studio entitlement (AAA-gated — segment florence-2 in AAA_ONLY_STUDIO_ROUTES) · source apps/oshun/web/src/app/studio/isis/florence-2/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 lane console for the Florence-2 region codec. The operator submits pixel-space bounding boxes as JSON; the codec quantizes them into Florence-2 <loc_N> location tokens (0–999 grid) and returns the encoded token string plus the decoded round-trip regions and any quantization error. Reads and encodes via /v1/admin/isis/florence2; admin-scoped and fail-closed.

Entry points#

  • Embedded as the "Florence-2 Lane" inside /studio/isis/comfyui-nodes
  • Sibling quick-action from /studio/isis/instantid
  • Studio index (/studio)
  • Direct URL / bookmark (AAA entitlement required)

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-florence-2-workspace):
    • <h1> (WorkspaceHeading) "Isis Florence-2 Workspace"
    • Summary paragraph (data-isis-florence-2-summary)
    • Live Florence-2 Region Codec lane (data-frl-lane, <h2 data-frl-heading>Live Florence-2 Region Codec</h2>): a JSON region form (data-frl-form) + result (data-frl-result)
  • Route Map panel (data-isis-florence-2-route-map): <h2>Route Map</h2> over the route map (5 entries)
  • Sibling quick-actions panel: /studio/isis/instantid, /studio

States#

  • Loading — data-frl-loading
  • Unauthorized — 401/403 admin-scope fail-closed; data-frl-unauthorized
  • Error — non-OK / malformed; data-frl-error
  • Ready (form) — region form renders
  • Result — data-frl-result with data-frl-tokens, data-frl-decoded, decoded data-frl-region-row rows, and quantization error (data-frl-max-error / data-frl-error-px); encode failure → data-frl-encode-error

Interactions#

Region codec form (data-frl-form)#

  • Florence regions (JSON) (data-frl-payload, textarea, aria-label="florence regions json")
  • Encode regions (data-frl-submit, submit) — POST /v1/admin/isis/florence2/encode-regions

Route Map#

  • Route-map articles ×5

Sibling quick-actions#

  • Open Isis InstantID workspace → /studio/isis/instantid
  • Back to Studio workspace index → /studio

Data & contracts#

  • Reads: GET /v1/admin/isis/florence2 (codec catalog probe)
  • Writes: POST /v1/admin/isis/florence2/encode-regions (quantize regions → location tokens, with decode + error)
  • Realtime: none
  • Caching: client fetch on mount, cache: 'no-store', buildBffAuthHeaders()
  • Auth/role check: admin-scoped, fail-closed (401/403); route AAA-gated (florence-2 in AAA_ONLY_STUDIO_ROUTES)
  • Component sources:
    • apps/oshun/web/src/components/studio/StudioIsisFlorence2Workspace.tsx
    • apps/oshun/web/src/components/studio/StudioIsisFlorence2RouteMap.ts

Cross-references#

Open questions / known gaps#

  • No breadcrumb on this route — navigation via sibling quick-actions
  • Summary copy references "dense expert-mode controls"; the only wired control is the region codec lane — confirm whether further VL tooling is planned
  • Route-map sub-paths are declared but not yet implemented as separate pages