<a href=\"/\">{titleText}</a>{!dashConfig?.title && <span style={{ color: \"var(--dim)\", fontWeight: 400 }}> v9</span>}

waiting for data…

;\n\n return (\n \n

\n \n \n

\n <a href=\"/\">{titleText}</a>{!dashConfig?.title && <span style={{ color: \"var(--dim)\", fontWeight: 400 }}> v9</span>}\n {subtitleText}\n

\n {pollStatus === \"live\" ? \"live\" : pollStatus === \"error\" ? \"error\" : \"connecting…\"}\n \n {(!hasSurfaces || debugOpen) && (\n \n identity:\n {tokenKind === \"room\" ? \"room admin\" : tokenKind === \"view\" ? \"observer\" : \"agent\"}\n {tokenKind === \"room\" && setViewAs(e.target.value)}>{derivedAgents.map(a => )}}\n {tokenKind === \"view\" && read-only}\n ✕ disconnect\n \n )}\n {!hasSurfaces && (\n \n {derivedAgents.length} agents\n {activeAgents > 0 && {activeAgents} active}\n {waitingAgents > 0 && {waitingAgents} waiting}\n {stateCount} keys / {scopeCount} scopes\n {derivedMessages.length} msgs\n {derivedActions.length} actions\n {derivedViews.length} views\n {data && data.audit.length > 0 && {data.audit.length} audit}\n \n )}\n \n\n {hasSurfaces && surfaceCtx && (\n <>\n \n {!dashConfig?.hide_debug && (\n <>\n setDebugOpen(o => !o)}>\n ▶\n {debugOpen ? \"hide debug\" : \"debug\"} · {derivedAgents.length} agents · {data?.state.length ?? 0} keys · {derivedActions.length} actions\n \n \n

{visibleTabs.map(t => { const a = activeTab === t.id; const counts: Record = { agents: panelAgents.length, state: panelState.length, messages: panelMessages.length, actions: panelActions.length, views: panelViews.length, audit: panelAudit.length }; const c = counts[t.id] ?? null; return setActiveTab(t.id)}>{t.label}{c !== null && {c}}; })}

\n \n \n \n \n \n \n \n \n \n )}\n \n )}\n\n {!hasSurfaces && (\n <>\n

\n \n \n \n \n \n \n \n \n )}\n

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