V1 Web PWA · Surface walkthrough

Studio · Yemaya · Studio Web

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

walked
8sections3 minread
Markdown source
On this page

Context. surface studio · domain yemaya · route /studio/yemaya/studio-web · auth signed-in + studio entitlement · source apps/oshun/web/src/app/studio/yemaya/studio-web/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#

Aggregator workspace that composes the Yemaya web-studio admin lanes — project workspaces, advanced collaboration features, and real-time presence — under a four-card capability summary. It issues no /v1 fetch of its own; each embedded lane runs its own real-backed engine.

Entry points#

  • Breadcrumb chain on this page: Studio › Yemaya Project Workspaces › Studio Web.
  • Reachable from the Studio index and from sibling Yemaya routes.
  • Direct URL / bookmark (signed-in + studio entitlement).

Layout regions#

page.tsx renders ShellLayout active="studio" and:

  • Breadcrumbs panel (data-yemaya-studio-web-breadcrumbs): Studio › Yemaya Project Workspaces › Studio Web.
  • Workspace panel (StudioYemayaStudioWebWorkspace, data-yemaya-studio-web-workspace):
    • <h1> "Yemaya Studio Web Workspace" (WorkspaceHeading).
    • Summary paragraph (data-yemaya-studio-web-summary).
    • Capability Summary (data-yemaya-studio-web-capability-summary): <h2>
      • four cards — Web Workspace Orchestration, Advanced Collaboration Runtime, Presence and Realtime Awareness, Security and Parity.
    • Project Workspaces Lane (data-yemaya-studio-web-project-workspaces-lane) — embedded StudioYemayaProjectWorkspacesWorkspace.
    • Advanced Collaboration Features Lane (data-yemaya-studio-web-collaboration-lane) — embedded StudioYemayaAdvancedCollaborationFeaturesWorkspace (the edit-lock console documented in studio-yemaya-advanced-collaboration-features.md).
    • Real-Time Presence Lane (data-yemaya-studio-web-presence-lane) — embedded StudioYemayaRealTimePresenceWorkspace.
  • Route Map panel (data-yemaya-studio-web-route-map): <h2> "Route Map" + six STUDIO_YEMAYA_STUDIO_WEB_ROUTE_MAP entries.
  • Quick-action panel: four quickAction links.

States#

Per embedded lane (this page has no fetch of its own):

  • Project Workspaces Lane — its own lane states.
  • Advanced Collaboration Features Lane — see studio-yemaya-advanced-collaboration-features.md.
  • Real-Time Presence Lane — its own lane states.
  • Capability Summary — static four-card panel, always rendered.

Interactions#

  • "Studio" (link) → /studio
  • "Yemaya Project Workspaces" (link) → /studio/yemaya/project-workspaces
  • "Studio Web" (current page) — aria-current="page".

Embedded lanes#

  • Project Workspaces Lane — StudioYemayaProjectWorkspacesWorkspace.
  • Advanced Collaboration Features Lane — StudioYemayaAdvancedCollaborationFeaturesWorkspace; see studio-yemaya-advanced-collaboration-features.md.
  • Real-Time Presence Lane — StudioYemayaRealTimePresenceWorkspace.

Route map#

data-yemaya-studio-web-route-map — six entries:

  • /studio/yemaya/studio-web
  • /studio/yemaya/studio-web/workspaces/[workspaceId]
  • /studio/yemaya/studio-web/collaboration/[sessionId]
  • /studio/yemaya/studio-web/presence/[presenceId]
  • /studio/yemaya/studio-web/parity/[parityId]
  • /studio/yemaya/studio-web/governance/[policyId]

Quick actions#

  • "Open Yemaya Project Workspaces workspace" → /studio/yemaya/project-workspaces.
  • "Open Yemaya Advanced Collaboration Features workspace" → /studio/yemaya/advanced-collaboration-features.
  • "Open Yemaya Real-Time Presence workspace" → /studio/yemaya/real-time-presence.
  • "Back to Studio workspace index" → /studio.

Data & contracts#

  • Reads / Writes: none at the aggregator boundary; each embedded lane issues its own admin GET catalog + POST verb.
  • Realtime: none.
  • Caching: delegated to the embedded lanes (client fetch on mount, cache: 'no-store').
  • Auth/role check: admin-scoped fail-closed inside each lane, behind the proxy studio gate.

Cross-references#

  • Studio overview: studio-overview.md
  • Workspace source: apps/oshun/web/src/components/studio/StudioYemayaStudioWebWorkspace.tsx
  • Route map source: apps/oshun/web/src/components/studio/StudioYemayaStudioWebRouteMap.ts
  • Embedded lane: apps/oshun/web/src/components/studio/StudioYemayaAdvancedCollaborationFeaturesWorkspace.tsx
  • Sibling per-view doc: studio-yemaya-advanced-collaboration-features.md
  • Native app: apps/yemaya/studio-web (separate from this PWA bridge)
  • Feature spec: V1/features.md

Open questions / known gaps#

  • The Route Map advertises workspaces / collaboration / presence / parity / governance sub-routes; confirm whether those dynamic children exist as page.tsx files yet.