\n {surface.surfaces.map(s => (\n \n ))}\n

\n \n );\n}\n\n// ── Main renderer ───────────────────────────────────────────────────────────\n\nexport interface SurfaceContext {\n /** Resolved views: id + value + description + render hint */\n views: SurfaceView[];\n /** Actions with availability resolved */\n actions: SurfaceAction[];\n /** Messages sorted by sort_key */\n messages: SurfaceMessage[];\n /** State entries for watch surfaces */\n state: SurfaceStateEntry[];\n /** Agent display names */\n agentMap: Record;\n roomId: string;\n baseUrl: string;\n authHeaders: () => Record;\n evalCel: (expr: string) => boolean;\n /** When true, hides action surfaces and feed compose (e.g. replay mode). */\n readOnly?: boolean;\n}\n\nexport function SurfaceRenderer({ surface, ctx }: { surface: Surface; ctx: SurfaceContext }) {\n // Check enabled expression\n if (surface.enabled && !ctx.evalCel(surface.enabled)) return null;\n\n switch (surface.type) {\n case \"metric\":\n return ;\n case \"view-grid\":\n return ;\n case \"view-table\":\n return ;\n case \"array-table\": {\n const view = ctx.views.find(v => v.id === (surface as SurfaceArrayTable).view);\n return view ? : null;\n }\n case \"action-bar\":\n if (ctx.readOnly) return null;\n return ;\n case \"action-form\":\n if (ctx.readOnly) return null;\n return ;\n case \"action-choice\":\n if (ctx.readOnly) return null;\n return ;\n case \"feed\":\n return ;\n case \"watch\":\n return ;\n case \"section\":\n return ;\n case \"markdown\":\n return ;\n default:\n return null;\n }\n}\n\nexport function SurfacesView({ surfaces, ctx }: { surfaces: Surface[]; ctx: SurfaceContext }) {\n return (\n

\n {surfaces.map(s => (\n \n ))}\n

\n );\n}\n","deleted","label",[180,181,182,161],"frontend","components","panels","permalink","https://www.val.town/x/c15r/sync/code/frontend/components/panels/Surfaces.tsx","extension","actionData","errors"]