V1 Web PWA · Surface walkthrough

Studio · Yemaya · Enterprise

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/enterprise · auth signed-in + studio entitlement · source apps/oshun/web/src/app/studio/yemaya/enterprise/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 four sibling Yemaya lanes — Organization Management, Enterprise Plans, Compliance and Audit, and Enterprise Analytics — under one shell, with a Capability Summary heading the page. The page performs no /v1 fetch; each embedded lane runs its own admin-scoped console.

Entry points#

  • Studio index quick-actions.
  • Breadcrumb chain on this page: Studio › Yemaya Organization Management › Enterprise.
  • Direct URL / bookmark (signed-in + studio entitlement).

Layout regions#

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

  • Breadcrumbs panel (data-yemaya-enterprise-breadcrumbs): Studio › Yemaya Organization Management › Enterprise (current aria-current="page").
  • Workspace panel (StudioYemayaEnterpriseWorkspace, data-yemaya-enterprise-workspace):
    • <h1> "Yemaya Enterprise Workspace".
    • Summary <p data-yemaya-enterprise-summary>.
    • Capability Summary (data-yemaya-enterprise-capability-summary, <h2>): four data-yemaya-enterprise-capability cards — Enterprise Account Governance, Plans and Contract Orchestration, Compliance and Enterprise Observability, Security and Parity.
    • Organization Management Lane (data-yemaya-enterprise-organization-lane, <h2>) — embeds StudioYemayaOrganizationManagementWorkspace.
    • Enterprise Plans Lane (data-yemaya-enterprise-plans-lane, <h2>) — embeds StudioYemayaEnterprisePlansWorkspace.
    • Compliance and Audit Lane (data-yemaya-enterprise-compliance-lane, <h2>) — embeds StudioYemayaComplianceAndAuditWorkspace.
    • Enterprise Analytics Lane (data-yemaya-enterprise-analytics-lane, <h2>) — embeds StudioYemayaEnterpriseAnalyticsWorkspace.
  • Route Map panel (data-yemaya-enterprise-route-map): <h2> "Route Map" with six entries.
  • Quick-action panel: five quickAction links.

States#

The aggregator renders unconditionally; each embedded lane owns its own states:

Interactions#

Capability cards (non-interactive)#

  • Enterprise Account Governance / Plans and Contract Orchestration / Compliance and Enterprise Observability / Security and Parity (data-yemaya-enterprise-capability articles).

Embedded lanes#

  • Organization Management Lane / Enterprise Plans Lane / Compliance and Audit Lane / Enterprise Analytics Lane — see their per-view walkthroughs.

Route map#

data-yemaya-enterprise-route-map — six entries:

  • /studio/yemaya/enterprise
  • /studio/yemaya/enterprise/accounts/[accountId]
  • /studio/yemaya/enterprise/contracts/[contractId]
  • /studio/yemaya/enterprise/analytics/[dashboardId]
  • /studio/yemaya/enterprise/parity/[parityId]
  • /studio/yemaya/enterprise/governance/[policyId]

Quick actions#

  • "Open Yemaya Organization Management workspace" → /studio/yemaya/organization-management.
  • "Open Yemaya Enterprise Plans workspace" → /studio/yemaya/enterprise-plans.
  • "Open Yemaya Compliance and Audit workspace" → /studio/yemaya/compliance-and-audit.
  • "Open Yemaya Enterprise Analytics workspace" → /studio/yemaya/enterprise-analytics.
  • "Back to Studio workspace index" → /studio.

Data & contracts#

  • Reads: none at the page boundary; reads happen inside each embedded lane.
  • Writes: none at the page boundary; the embedded lanes own their POSTs.
  • Realtime: None.
  • Caching: aggregator delegates to embedded lanes.
  • Auth/role check: admin-scoped, fail-closed inside each lane; route additionally signed-in + studio via the proxy gate.

Cross-references#

  • Workspace source: apps/oshun/web/src/components/studio/StudioYemayaEnterpriseWorkspace.tsx
  • Route map source: apps/oshun/web/src/components/studio/StudioYemayaEnterpriseRouteMap.ts
  • Page source: apps/oshun/web/src/app/studio/yemaya/enterprise/page.tsx
  • Embedded lanes:
    • apps/oshun/web/src/components/studio/StudioYemayaOrganizationManagementWorkspace.tsx
    • apps/oshun/web/src/components/studio/StudioYemayaEnterprisePlansWorkspace.tsx
    • apps/oshun/web/src/components/studio/StudioYemayaComplianceAndAuditWorkspace.tsx
    • apps/oshun/web/src/components/studio/StudioYemayaEnterpriseAnalyticsWorkspace.tsx
  • Studio overview: studio-overview.md
  • Feature spec: V1/features.md

Open questions / known gaps#

  • Route-map children (accounts/contracts/analytics/parity/ governance) are a sitemap contract; confirm which dynamic pages exist.