umbrella-context 0.1.2 → 0.1.32

package/dist/commands/tui.js

@@ -0,0 +1,1273 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Box, render, Text, useApp, useInput } from "ink";
+import TextInput from "ink-text-input";
+import Spinner from "ink-spinner";
+import chalk from "chalk";
+import { getUmbrellaContextRuntimeSummary, useUmbrellaContextRuntimeBridgeStore, hydrateUmbrellaContextRuntimeBridgeFromSnapshot, } from "../adapters/byterover-context-runtime-store.js";
+import { getUmbrellaTransportTaskBridgeSummary, useUmbrellaTransportTaskBridgeStore, hydrateUmbrellaTransportTaskBridgeFromSnapshot, } from "../adapters/byterover-transport-task-store.js";
+import { buildVendorRuntimeBridgeSnapshot, } from "../adapters/byterover-runtime-bridge.js";
+import { addPendingMemory, completeTask, createTask, ensureRepoContext, getContextTreeState, ensureSessionState, getConnectorRuns, getInstalledConnectors, getInstalledHubEntries, getPendingMemories, getPulledFixes, getPulledMemories, getRepoContext, getSessionState, getTasks, getTransportState, recordSessionEvent, setSessionPanel, summarizeLocalMemoryMatches, } from "../repo-state.js";
+import { configManager } from "../config.js";
+import { checkUmbrellaOnboardingServer, connectUmbrellaDevice, createUmbrellaOnboardingCompany, createUmbrellaOnboardingSpace, loadUmbrellaOnboardingSpaces, signInUmbrellaOnboarding, } from "../adapters/umbrella-onboarding.js";
+import { buildProviderDraftValue, connectSavedProviderFromDraft, createEmptyProviderConnectDraft, UMBRELLA_PROVIDER_CHOICES, updateProviderDraftValue, } from "../adapters/umbrella-provider-runtime.js";
+import { connectorsCommandAction, listConnectorTemplates } from "./connectors.js";
+import { hubCommandAction, listHubRegistryEntries } from "./hub.js";
+import { modelCommandAction } from "./model.js";
+import { pullCommandAction } from "./pull.js";
+import { pushCommandAction } from "./push.js";
+import { getProviderReadinessSummary, providersCommandAction } from "./providers.js";
+import { spaceCommandAction } from "./space.js";
+const PANELS = [
+    { id: "home", title: "Home", description: "Repo status, sync, and next steps" },
+    { id: "tasks", title: "Tasks", description: "Live local task activity from .um" },
+    { id: "activity", title: "Activity", description: "Recent session and repo events" },
+    { id: "providers", title: "Providers", description: "Runtime provider readiness" },
+    { id: "model", title: "Models", description: "Current model and available options" },
+    { id: "spaces", title: "Spaces", description: "Company lanes like Growth or Engineering" },
+    { id: "hub", title: "Hub", description: "Installed bundles and reusable assets" },
+    { id: "connectors", title: "Connectors", description: "Repo automations and MCP wiring" },
+    { id: "session", title: "Session", description: "Live terminal memory for this repo" },
+];
+function trimSlash(value) {
+    return value.trim().replace(/\/+$/, "");
+}
+function panelIndexFor(id) {
+    return Math.max(0, PANELS.findIndex((panel) => panel.id === id));
+}
+function panelForTaskKind(kind) {
+    switch (kind) {
+        case "provider":
+            return "providers";
+        case "model":
+            return "model";
+        case "space":
+            return "spaces";
+        case "hub":
+            return "hub";
+        case "connector":
+            return "connectors";
+        default:
+            return "tasks";
+    }
+}
+function panelForActivityItem(event) {
+    if (event.panel && PANELS.some((panel) => panel.id === event.panel)) {
+        return event.panel;
+    }
+    if (event.kind === "transport" && event.focus) {
+        return "tasks";
+    }
+    if (event.kind === "provider")
+        return "providers";
+    if (event.kind === "model")
+        return "model";
+    if (event.kind === "space")
+        return "spaces";
+    if (event.kind === "hub")
+        return "hub";
+    if (event.kind === "connector")
+        return "connectors";
+    return null;
+}
+function buildVendorTasksList(taskStore) {
+    return taskStore.recentTaskIds
+        .map((taskId) => taskStore.tasks[taskId] ?? null)
+        .filter((task) => Boolean(task));
+}
+function buildActivityItems(transportStore, sessionEvents) {
+    const transportItems = (transportStore?.events ?? []).map((event) => ({
+        id: event.taskId ? `${event.kind}:${event.taskId}:${event.at}` : `${event.kind}:${event.at}`,
+        at: new Date(event.at).toISOString(),
+        kind: "transport",
+        title: `${event.kind}: ${event.title}`,
+        detail: event.detail,
+        panel: "tasks",
+        focus: event.taskId,
+        status: event.status,
+    }));
+    const sessionItems = (sessionEvents ?? []).map((event) => ({
+        id: event.id,
+        at: event.at,
+        kind: event.kind,
+        title: event.title,
+        detail: event.detail,
+        panel: event.panel,
+        focus: event.focus,
+        status: event.status,
+    }));
+    return [...transportItems, ...sessionItems]
+        .sort((a, b) => new Date(b.at).getTime() - new Date(a.at).getTime())
+        .slice(0, 25);
+}
+function formatAgo(value) {
+    if (!value)
+        return "Never";
+    return new Date(value).toLocaleString();
+}
+function StatusLine({ label, value }) {
+    return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", children: label.padEnd(18) }), _jsx(Text, { children: value })] }));
+}
+function Section({ title, children }) {
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: title }), children] }));
+}
+function SpacePanelView(props) {
+    const { companyName, currentSpaceName, draftName, mode, onDraftChange, selectedIndex, spaces } = props;
+    if (mode === "create") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Create a New Space" }), _jsx(Text, { color: "gray", children: "Spaces are team lanes inside one company, like Growth, Engineering, or Marketing." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Company", value: companyName }), _jsx(StatusLine, { label: "Current space", value: currentSpaceName })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "New space name" }), _jsx(TextInput, { value: draftName, onChange: onDraftChange })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { color: "gray", children: "Press Enter to create the new space, or Esc to go back to the list." }) })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Company Spaces" }), _jsx(Text, { color: "gray", children: "This is the live team-lane picker for the current company, similar to ByteRover's space switch flow." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Company", value: companyName }), _jsx(StatusLine, { label: "Current space", value: currentSpaceName }), _jsx(StatusLine, { label: "Available spaces", value: String(spaces.length) })] }), _jsx(Section, { title: "Select a Space", children: spaces.length === 0 ? (_jsx(Text, { color: "yellow", children: "No spaces found yet. Press n to create the first one." })) : spaces.map((space, index) => {
+                    const highlighted = index === selectedIndex;
+                    const active = space.name === currentSpaceName;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : active ? "green" : "white", children: [highlighted ? ">" : " ", " ", space.name, space.isPrimary ? " (core)" : "", active ? " (active)" : ""] }, space.id));
+                }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { color: "gray", children: "Up and down move through spaces. Enter or w switches. n creates a new space. i refreshes the list." }) })] }));
+}
+function ProviderPanelView(props) {
+    const { activeModel, activeProviderId, connectDraftValue, connectKindIndex, mode, onConnectDraftChange, providers, recentProviderId, readinessState, selectedIndex, } = props;
+    if (mode === "connect-kind") {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Connect a Provider" }), _jsx(Text, { color: "gray", children: "Pick the model company you want this device to use for Context work." }), _jsx(Section, { title: "Provider Types", children: UMBRELLA_PROVIDER_CHOICES.map((choice, index) => (_jsxs(Text, { color: index === connectKindIndex ? "yellow" : "white", children: [index === connectKindIndex ? ">" : " ", " ", choice.name] }, choice.kind))) }), _jsx(Text, { color: "gray", children: "Up and down move through provider types. Enter confirms. Esc goes back." })] }));
+    }
+    if (mode === "connect-label" || mode === "connect-key" || mode === "connect-base-url") {
+        const label = mode === "connect-label"
+            ? "Provider label on this device"
+            : mode === "connect-key"
+                ? "Provider API key"
+                : "Base URL for the compatible API";
+        const help = mode === "connect-label"
+            ? "Give this provider a simple name you will recognize later."
+            : mode === "connect-key"
+                ? "This key stays on this device and is used for terminal Context work."
+                : "This is only needed for OpenAI-compatible providers.";
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Connect a Provider" }), _jsx(Text, { color: "gray", children: help }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: label }), _jsx(TextInput, { value: connectDraftValue, onChange: onConnectDraftChange })] }), _jsx(Text, { color: "gray", children: "Press Enter to continue. Esc goes back one step." })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Provider Runtime" }), _jsx(Text, { color: "gray", children: "This is the device-side runtime picker, closer to ByteRover's provider flow." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Connected providers", value: String(providers.length) }), _jsx(StatusLine, { label: "Active provider", value: providers.find((entry) => entry.id === activeProviderId)?.name ?? "Not connected" }), _jsx(StatusLine, { label: "Active model", value: activeModel ?? "Not selected" }), _jsx(StatusLine, { label: "State", value: readinessState })] }), _jsx(Section, { title: "Select a Provider", children: providers.length === 0 ? (_jsx(Text, { color: "yellow", children: "No providers are connected yet. Press c to start the live connect flow." })) : providers.map((provider, index) => {
+                    const highlighted = index === selectedIndex;
+                    const active = provider.id === activeProviderId;
+                    const recent = provider.id === recentProviderId;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : active ? "green" : "white", children: [highlighted ? ">" : " ", " ", provider.name, " (", provider.kind, ")", active ? " (active)" : "", recent ? " (recent)" : ""] }, provider.id));
+                }) }), _jsx(Text, { color: "gray", children: "Up and down move through providers. Enter or w makes one active. c connects a new provider. d disconnects the highlighted one." }), _jsx(Text, { color: "gray", children: "t tests the runtime, i inspects the recent provider, g runs the full guided setup, and m jumps to models." })] }));
+}
+function ModelPanelView(props) {
+    const { activeModel, providerName, recentModel, selectedIndex, models } = props;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Model Runtime" }), _jsx(Text, { color: "gray", children: "This is the live model picker for the active provider, closer to ByteRover's model flow." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Provider", value: providerName }), _jsx(StatusLine, { label: "Active model", value: activeModel ?? "Not selected" }), _jsx(StatusLine, { label: "Available models", value: String(models.length) })] }), _jsx(Section, { title: "Select a Model", children: models.length === 0 ? (_jsx(Text, { color: "yellow", children: "No models are available for the active provider yet." })) : models.map((model, index) => {
+                    const highlighted = index === selectedIndex;
+                    const active = model === activeModel;
+                    const recent = model === recentModel;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : active ? "green" : "white", children: [highlighted ? ">" : " ", " ", model, active ? " (active)" : "", recent ? " (recent)" : ""] }, model));
+                }) }), _jsx(Text, { color: "gray", children: "Up and down move through models. Enter or w makes one active. i inspects the recent model. t checks runtime readiness." })] }));
+}
+function HubPanelView(props) {
+    const { installedSlugs, recentSlug, registryEntries, selectedIndex } = props;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Hub" }), _jsx(Text, { color: "gray", children: "This is the live Hub picker for reusable bundles, skills, and connector packs in this repo." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Available entries", value: String(registryEntries.length) }), _jsx(StatusLine, { label: "Installed entries", value: String(installedSlugs.length) })] }), _jsx(Section, { title: "Browse Hub Registry", children: registryEntries.map((entry, index) => {
+                    const highlighted = index === selectedIndex;
+                    const installed = installedSlugs.includes(entry.slug);
+                    const recent = recentSlug === entry.slug;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : installed ? "green" : "white", children: [highlighted ? ">" : " ", " ", entry.name, " [", entry.type, "]", installed ? " (installed)" : "", recent ? " (recent)" : ""] }, entry.slug));
+                }) }), _jsx(Section, { title: "Selected Entry", children: registryEntries[selectedIndex] ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: registryEntries[selectedIndex].description }), _jsxs(Text, { color: "gray", children: ["Includes: ", registryEntries[selectedIndex].includes.join(", ")] }), _jsxs(Text, { color: "gray", children: ["Next: ", registryEntries[selectedIndex].nextSteps[0] ?? "Review and install"] })] })) : (_jsx(Text, { color: "yellow", children: "No Hub entries are available right now." })) }), _jsx(Text, { color: "gray", children: "Up and down move through hub entries. Enter or n installs the selected entry. i inspects it. b opens the guided browse flow. l refreshes installed items." })] }));
+}
+function ConnectorsPanelView(props) {
+    const { installedSources, recentSource, recentRunSource, registryEntries, selectedIndex } = props;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Connectors" }), _jsx(Text, { color: "gray", children: "This is the live repo connector picker for MCP wiring, hooks, rules, and skill bridges." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Available connectors", value: String(registryEntries.length) }), _jsx(StatusLine, { label: "Installed connectors", value: String(installedSources.length) })] }), _jsx(Section, { title: "Browse Connector Registry", children: registryEntries.map((entry, index) => {
+                    const highlighted = index === selectedIndex;
+                    const installed = installedSources.includes(entry.key);
+                    const recent = recentSource === entry.key;
+                    const recentRun = recentRunSource === entry.key;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : installed ? "green" : "white", children: [highlighted ? ">" : " ", " ", entry.name, " [", entry.type, "]", installed ? " (installed)" : "", recent ? " (recent)" : "", recentRun ? " (ran)" : ""] }, entry.key));
+                }) }), _jsx(Section, { title: "Selected Connector", children: registryEntries[selectedIndex] ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: registryEntries[selectedIndex].description }), _jsxs(Text, { color: "gray", children: ["Best for: ", registryEntries[selectedIndex].type, " workflows in this repo."] }), _jsx(Text, { color: "gray", children: "Next: install it, then run it to apply repo changes or stage local Context output." })] })) : (_jsx(Text, { color: "yellow", children: "No connector templates are available right now." })) }), _jsx(Text, { color: "gray", children: "Up and down move through connectors. Enter or i installs the selected connector. r runs it. o opens its outputs. v inspects the recent connector." })] }));
+}
+function TasksPanelView(props) {
+    const { mode, selectedIndex, tasks, transportStatus, queueLength, activeTaskId } = props;
+    const selectedTask = tasks[selectedIndex] ?? null;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Live Local Tasks" }), _jsx(Text, { color: "gray", children: "This is the live task queue for this repo, backed by the local .um runtime." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Transport", value: transportStatus }), _jsx(StatusLine, { label: "Queue", value: String(queueLength) }), _jsx(StatusLine, { label: "Active task", value: activeTaskId ?? "None" })] }), _jsx(Section, { title: "Browse Tasks", children: tasks.length === 0 ? (_jsx(Text, { color: "yellow", children: "No local tasks yet. Ask a question, curate a note, or run push/pull." })) : tasks.slice(0, 12).map((task, index) => {
+                    const highlighted = index === selectedIndex;
+                    const active = task.taskId === activeTaskId;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : active ? "green" : "white", children: [highlighted ? ">" : " ", " [", task.type, "] ", task.content, " (", task.status, ")", active ? " (active)" : ""] }, task.taskId));
+                }) }), _jsx(Section, { title: "Selected Task", children: selectedTask ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: selectedTask.content ?? selectedTask.result ?? "No extra detail recorded." }), _jsxs(Text, { color: "gray", children: ["Updated: ", new Date(selectedTask.completedAt ?? selectedTask.startedAt ?? selectedTask.createdAt).toLocaleString()] }), _jsxs(Text, { color: "gray", children: ["Related panel: ", panelForTaskKind(selectedTask.type)] }), _jsxs(Text, { color: "gray", children: ["Reasoning: ", String(selectedTask.reasoningContents?.length ?? 0), " | Tool calls: ", String(selectedTask.toolCalls?.length ?? 0)] }), mode === "inspect" ? (_jsx(_Fragment, { children: _jsxs(Section, { title: "Deep Inspect", children: [_jsxs(Text, { color: "gray", children: ["Result: ", selectedTask.result ?? "No final result yet."] }), _jsxs(Text, { color: "gray", children: ["Streaming: ", selectedTask.streamingContent ?? "No streaming content captured."] }), _jsxs(Text, { color: "gray", children: ["Focus: ", selectedTask.input ?? "None", " | Session: ", selectedTask.sessionId ?? "None"] }), selectedTask.reasoningContents?.length ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "yellow", children: "Reasoning Trail" }), selectedTask.reasoningContents.slice(0, 5).map((item, index) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { children: [index + 1, ". ", item.content] }), _jsxs(Text, { color: "gray", children: [new Date(item.timestamp).toLocaleString(), item.isThinking ? " | thinking" : ""] })] }, `${selectedTask.taskId}-reasoning-${index}`)))] })) : null, selectedTask.toolCalls?.length ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "yellow", children: "Tool Calls" }), selectedTask.toolCalls.slice(0, 4).map((call, index) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { children: [index + 1, ". ", call.toolName, " (", call.status, ")"] }), _jsx(Text, { color: "gray", children: new Date(call.timestamp).toLocaleString() }), _jsxs(Text, { color: "gray", children: ["Args: ", JSON.stringify(call.args)] }), _jsxs(Text, { color: "gray", children: ["Result: ", call.result !== undefined ? JSON.stringify(call.result) : "None"] }), call.error ? _jsxs(Text, { color: "red", children: ["Error: ", call.error] }) : null] }, `${selectedTask.taskId}-tool-${index}`)))] })) : null] }) })) : null] })) : (_jsx(Text, { color: "gray", children: "Choose a task to inspect it." })) }), _jsx(Text, { color: "gray", children: mode === "inspect" ? "Esc goes back to the task list. o opens the related panel. r refreshes the runtime." : "Up and down move through tasks. Enter or i inspects the selected task. o opens the related panel. r refreshes the runtime." })] }));
+}
+function ActivityPanelView(props) {
+    const { activity, mode, selectedIndex } = props;
+    const selectedEvent = activity[selectedIndex] ?? null;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Session and Repo Activity" }), _jsx(Text, { color: "gray", children: "This is the live event feed for the current repo and terminal session." }), _jsx(Section, { title: "Browse Activity", children: activity.length === 0 ? (_jsx(Text, { color: "yellow", children: "No activity recorded yet." })) : activity.slice(0, 12).map((event, index) => {
+                    const highlighted = index === selectedIndex;
+                    return (_jsxs(Text, { color: highlighted ? "yellow" : event.status === "success" ? "green" : event.status === "failure" ? "red" : event.status === "warning" ? "yellow" : "white", children: [highlighted ? ">" : " ", " [", event.kind, "] ", event.title] }, event.id));
+                }) }), _jsx(Section, { title: "Selected Event", children: selectedEvent ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: selectedEvent.detail ?? "No extra detail recorded." }), _jsxs(Text, { color: "gray", children: ["When: ", new Date(selectedEvent.at).toLocaleString()] }), _jsxs(Text, { color: "gray", children: ["Panel: ", panelForActivityItem(selectedEvent) ?? "None", " | Focus: ", selectedEvent.focus ?? "None"] }), mode === "inspect" ? (_jsxs(Section, { title: "Deep Inspect", children: [_jsxs(Text, { color: "gray", children: ["Kind: ", selectedEvent.kind] }), _jsxs(Text, { color: "gray", children: ["Status: ", selectedEvent.status] }), _jsxs(Text, { color: "gray", children: ["Suggested panel: ", panelForActivityItem(selectedEvent) ?? "None"] }), _jsx(Text, { color: "gray", children: "Open the related panel with Enter or o." })] })) : null] })) : (_jsx(Text, { color: "gray", children: "Choose an event to view its detail." })) }), _jsx(Text, { color: "gray", children: mode === "inspect" ? "Esc goes back to the event list. Enter or o jumps to the related panel. r refreshes the runtime." : "Up and down move through events. Enter or o jumps to the related panel when one exists. r refreshes the runtime." })] }));
+}
+function PanelShell({ activePanel, children, footer, message, selectedPanelIndex, }) {
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "UMBRELLA CONTEXT TUI" }), _jsx(Text, { color: "gray", children: "  pane-based repo Context terminal" })] }), _jsxs(Box, { children: [_jsx(Box, { flexDirection: "column", width: 26, marginRight: 2, borderStyle: "round", paddingX: 1, paddingY: 1, children: PANELS.map((panel, index) => {
+                            const active = panel.id === activePanel;
+                            const selected = index === selectedPanelIndex;
+                            return (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: active ? "green" : selected ? "yellow" : "white", children: [active ? "*" : selected ? ">" : " ", " ", panel.title] }) }, panel.id));
+                        }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", paddingX: 1, paddingY: 1, children: children })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [message ? _jsx(Text, { color: "green", children: message }) : null, _jsx(Text, { color: "gray", children: footer })] })] }));
+}
+function SetupView(props) {
+    const { busyLabel, companies, config, inputValue, message, onInputChange, selectedCompanyIndex, selectedSpaceIndex, serverUrl, spaces, step, } = props;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: config ? "Connected Device" : "Connect This Device" }), _jsx(Text, { color: "gray", children: "Sign into Umbrella, choose a company, then choose the team space for this repo." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Server", value: serverUrl || "Not set" }), _jsx(StatusLine, { label: "Step", value: step }), config ? _jsx(StatusLine, { label: "Current link", value: `${config.companyName} / ${config.projectName}` }) : null] }), busyLabel ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "cyan", children: [_jsx(Spinner, { type: "dots" }), " ", busyLabel] }) })) : null, message ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "green", children: message }) })) : null, (step === "server" || step === "email" || step === "password" || step === "company-create" || step === "space-create") ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: step === "server" ? "Server URL" :
+                            step === "email" ? "Umbrella email" :
+                                step === "password" ? "Umbrella password" :
+                                    step === "company-create" ? "New company name" :
+                                        "New space name" }), _jsx(TextInput, { value: inputValue, onChange: onInputChange })] })) : null, step === "company" ? (_jsxs(Section, { title: "Companies", children: [companies.map((company, index) => (_jsxs(Text, { color: index === selectedCompanyIndex ? "yellow" : "white", children: [index === selectedCompanyIndex ? ">" : " ", " ", company.name, " (", company.issuePrefix, ")"] }, company.id))), _jsxs(Text, { color: selectedCompanyIndex === companies.length ? "yellow" : "white", children: [selectedCompanyIndex === companies.length ? ">" : " ", " + Create new company"] })] })) : null, step === "space" ? (_jsxs(Section, { title: "Spaces", children: [spaces.map((space, index) => (_jsxs(Text, { color: index === selectedSpaceIndex ? "yellow" : "white", children: [index === selectedSpaceIndex ? ">" : " ", " ", space.name, space.isPrimary ? " (core)" : ""] }, space.id))), _jsxs(Text, { color: selectedSpaceIndex === spaces.length ? "yellow" : "white", children: [selectedSpaceIndex === spaces.length ? ">" : " ", " + Create new space"] })] })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "Enter confirms the current step. Up and down move through companies or spaces." }), _jsx(Text, { color: "gray", children: "Esc leaves setup. This terminal saves the final link into your device config and the repo's .um folder." })] })] }));
+}
+function App() {
+    const { exit } = useApp();
+    const vendorTaskStore = useUmbrellaTransportTaskBridgeStore((state) => state.taskStore);
+    const vendorTransportStore = useUmbrellaTransportTaskBridgeStore((state) => state.transportStore);
+    const vendorTreeStore = useUmbrellaContextRuntimeBridgeStore((state) => state.treeStore);
+    const [selectedPanelIndex, setSelectedPanelIndex] = useState(0);
+    const [activePanel, setActivePanel] = useState(configManager.config ? "home" : "setup");
+    const [refreshTick, setRefreshTick] = useState(0);
+    const [message, setMessage] = useState(null);
+    const [busyLabel, setBusyLabel] = useState(null);
+    const [inputMode, setInputMode] = useState(null);
+    const [inputValue, setInputValue] = useState("");
+    const [queryResult, setQueryResult] = useState(null);
+    const [refreshState, setRefreshState] = useState(null);
+    const [setupStep, setSetupStep] = useState(configManager.config ? "done" : "server");
+    const [serverUrl, setServerUrl] = useState(configManager.config?.umbrellaUrl ?? configManager.config?.serverUrl ?? "http://127.0.0.1:3100");
+    const [setupEmail, setSetupEmail] = useState("");
+    const [setupCookie, setSetupCookie] = useState(null);
+    const [companies, setCompanies] = useState([]);
+    const [selectedCompanyIndex, setSelectedCompanyIndex] = useState(0);
+    const [spaces, setSpaces] = useState([]);
+    const [selectedSpaceIndex, setSelectedSpaceIndex] = useState(0);
+    const [selectedCompany, setSelectedCompany] = useState(null);
+    const [spacePanelMode, setSpacePanelMode] = useState("browse");
+    const [spacePanelDraftName, setSpacePanelDraftName] = useState("");
+    const [spacePanelSelectedIndex, setSpacePanelSelectedIndex] = useState(0);
+    const [providerPanelMode, setProviderPanelMode] = useState("browse");
+    const [providerPanelSelectedIndex, setProviderPanelSelectedIndex] = useState(0);
+    const [providerPanelConnectKindIndex, setProviderPanelConnectKindIndex] = useState(0);
+    const [providerPanelConnectDraft, setProviderPanelConnectDraft] = useState(createEmptyProviderConnectDraft);
+    const [providerPanelRecentId, setProviderPanelRecentId] = useState(null);
+    const [modelPanelMode, setModelPanelMode] = useState("browse");
+    const [modelPanelSelectedIndex, setModelPanelSelectedIndex] = useState(0);
+    const [modelPanelRecentModel, setModelPanelRecentModel] = useState(null);
+    const [hubPanelMode, setHubPanelMode] = useState("browse");
+    const [hubPanelSelectedIndex, setHubPanelSelectedIndex] = useState(0);
+    const [connectorsPanelMode, setConnectorsPanelMode] = useState("browse");
+    const [connectorsPanelSelectedIndex, setConnectorsPanelSelectedIndex] = useState(0);
+    const [tasksPanelMode, setTasksPanelMode] = useState("browse");
+    const [tasksPanelSelectedIndex, setTasksPanelSelectedIndex] = useState(0);
+    const [activityPanelMode, setActivityPanelMode] = useState("browse");
+    const [activityPanelSelectedIndex, setActivityPanelSelectedIndex] = useState(0);
+    async function refreshAll() {
+        try {
+            if (configManager.config) {
+                await ensureRepoContext(configManager.config);
+            }
+            const vendorSnapshot = await buildVendorRuntimeBridgeSnapshot();
+            hydrateUmbrellaTransportTaskBridgeFromSnapshot(vendorSnapshot);
+            hydrateUmbrellaContextRuntimeBridgeFromSnapshot(vendorSnapshot);
+            const [transport, treeState, pending, pulled, fixes, connectors, hubEntries, connectorRuns, session, repoContext, tasks] = await Promise.all([
+                getTransportState(),
+                getContextTreeState(),
+                getPendingMemories(),
+                getPulledMemories(),
+                getPulledFixes(),
+                getInstalledConnectors(),
+                getInstalledHubEntries(),
+                getConnectorRuns(),
+                ensureSessionState(),
+                getRepoContext(),
+                getTasks(),
+            ]);
+            setRefreshState({
+                transport,
+                treeState,
+                pending,
+                pulled,
+                fixes,
+                connectors,
+                hubEntries,
+                connectorRuns,
+                session,
+                repoContext,
+                tasks,
+                activity: buildActivityItems(vendorSnapshot.stores.transport, session.events ?? []),
+            });
+        }
+        catch {
+            setRefreshState(null);
+        }
+    }
+    useEffect(() => {
+        void refreshAll();
+    }, [refreshTick]);
+    useEffect(() => {
+        void setSessionPanel(activePanel, configManager.config?.projectName ?? null);
+    }, [activePanel]);
+    useEffect(() => {
+        if (activePanel !== "spaces" || busyLabel)
+            return;
+        const activeIndex = Math.max(0, vendorSpaces.findIndex((space) => space.id === (vendorSpaceStore?.activeSpaceId ?? configManager.config?.projectId)));
+        setSpacePanelSelectedIndex(activeIndex === -1 ? 0 : activeIndex);
+    }, [activePanel, busyLabel, vendorSpaces, vendorSpaceStore]);
+    useEffect(() => {
+        if (activePanel !== "providers" || busyLabel)
+            return;
+        const activeIndex = Math.max(0, vendorProviders.findIndex((provider) => provider.id === (vendorProviderStore?.activeProviderId ?? configManager.config?.activeProvider)));
+        setProviderPanelSelectedIndex(activeIndex === -1 ? 0 : activeIndex);
+        void (async () => {
+            const session = await getSessionState();
+            setProviderPanelRecentId(session?.recentProviderIds?.[0] ?? null);
+        })();
+    }, [activePanel, refreshTick, busyLabel, vendorProviders, vendorProviderStore]);
+    useEffect(() => {
+        if (activePanel !== "model" || busyLabel)
+            return;
+        const activeIndex = Math.max(0, vendorModels.findIndex((model) => model === (vendorModelStore?.activeModel ?? configManager.config?.activeModel)));
+        setModelPanelSelectedIndex(activeIndex === -1 ? 0 : activeIndex);
+        void (async () => {
+            const session = await getSessionState();
+            setModelPanelRecentModel(session?.recentModels?.[0] ?? vendorModelStore?.activeModel ?? configManager.config?.activeModel ?? null);
+        })();
+    }, [activePanel, refreshTick, busyLabel, vendorModels, vendorModelStore]);
+    useEffect(() => {
+        if (activePanel !== "hub" || busyLabel)
+            return;
+        const registryEntries = listHubRegistryEntries();
+        const recentSlug = vendorHubStore?.recentSlug ?? null;
+        const recentIndex = registryEntries.findIndex((entry) => entry.slug === recentSlug);
+        setHubPanelSelectedIndex(recentIndex >= 0 ? recentIndex : 0);
+        setHubPanelMode("browse");
+    }, [activePanel, refreshTick, busyLabel, vendorHubStore?.recentSlug]);
+    useEffect(() => {
+        if (activePanel !== "connectors" || busyLabel)
+            return;
+        const registryEntries = listConnectorTemplates();
+        const recentSource = vendorConnectorsStore?.recentSource ?? null;
+        const recentIndex = registryEntries.findIndex((entry) => entry.key === recentSource);
+        setConnectorsPanelSelectedIndex(recentIndex >= 0 ? recentIndex : 0);
+        setConnectorsPanelMode("browse");
+    }, [activePanel, refreshTick, busyLabel, vendorConnectorsStore?.recentSource]);
+    useEffect(() => {
+        if (activePanel !== "tasks" || busyLabel || !refreshState)
+            return;
+        const activeTaskId = vendorTransportStore?.queue[0]?.id ??
+            vendorTransportStore?.queue.find((item) => item.status === "running")?.id ??
+            null;
+        const activeIndex = Math.max(0, vendorTasks.findIndex((task) => task.taskId === activeTaskId));
+        setTasksPanelSelectedIndex(activeIndex === -1 ? 0 : activeIndex);
+        setTasksPanelMode("browse");
+    }, [activePanel, busyLabel, refreshState, vendorTasks, vendorTransportStore]);
+    useEffect(() => {
+        if (activePanel !== "activity" || busyLabel || !refreshState)
+            return;
+        setActivityPanelSelectedIndex(0);
+        setActivityPanelMode("browse");
+    }, [activePanel, busyLabel, refreshState, vendorActivity]);
+    const readiness = useMemo(() => getProviderReadinessSummary(), [refreshTick, refreshState]);
+    const vendorTransportSummary = getUmbrellaTransportTaskBridgeSummary();
+    const vendorContextSummary = getUmbrellaContextRuntimeSummary();
+    const vendorProviderStore = useUmbrellaContextRuntimeBridgeStore((state) => state.providerStore);
+    const vendorModelStore = useUmbrellaContextRuntimeBridgeStore((state) => state.modelStore);
+    const vendorSpaceStore = useUmbrellaContextRuntimeBridgeStore((state) => state.spaceStore);
+    const vendorHubStore = useUmbrellaContextRuntimeBridgeStore((state) => state.hubStore);
+    const vendorConnectorsStore = useUmbrellaContextRuntimeBridgeStore((state) => state.connectorsStore);
+    const vendorTasks = useMemo(() => buildVendorTasksList(vendorTaskStore), [vendorTaskStore]);
+    const vendorActivity = useMemo(() => buildActivityItems(vendorTransportStore, refreshState?.session?.events ?? []), [vendorTransportStore, refreshState?.session?.events]);
+    const vendorProviders = useMemo(() => vendorProviderStore?.providers ?? [], [vendorProviderStore]);
+    const vendorModels = useMemo(() => (vendorModelStore?.models ?? []).map((model) => model.label), [vendorModelStore]);
+    const vendorSpaces = useMemo(() => (vendorSpaceStore?.spaces ?? []).map((space) => ({
+        id: space.id,
+        name: space.name,
+        isPrimary: space.isPrimary,
+    })), [vendorSpaceStore]);
+    const vendorRecentTransportEvents = useMemo(() => (vendorTransportStore?.events ?? []).slice(0, 5), [vendorTransportStore]);
+    const vendorRootTreeNodes = useMemo(() => (vendorTreeStore?.nodes ?? []).filter((node) => node.depth <= 1).slice(0, 8), [vendorTreeStore]);
+    async function runPanelAction(busyText, action, successMessage) {
+        setBusyLabel(busyText);
+        setMessage(null);
+        try {
+            await action();
+            if (successMessage) {
+                setMessage(successMessage);
+            }
+        }
+        catch (error) {
+            setMessage(error?.message ? `Action failed: ${error.message}` : "Action failed.");
+        }
+        finally {
+            setBusyLabel(null);
+            setRefreshTick((value) => value + 1);
+        }
+    }
+    async function runQuery(query) {
+        const config = configManager.config;
+        if (!config) {
+            setMessage("Run setup first so this device knows which company and space to use.");
+            return;
+        }
+        setBusyLabel("Searching local and shared Context...");
+        const task = await createTask({
+            kind: "query",
+            title: `Query: ${query}`,
+            detail: "Searching local .um notes and shared server memory.",
+            status: "running",
+            panel: "query",
+            focus: query,
+        });
+        try {
+            const localMatches = summarizeLocalMemoryMatches([...(await getPendingMemories()), ...(await getPulledMemories())], query);
+            const res = await fetch(`${config.serverUrl}/api/memories/search?query=${encodeURIComponent(query)}`, {
+                headers: { Authorization: `Bearer ${config.apiKey}` },
+            });
+            if (!res.ok) {
+                const err = await res.text();
+                await completeTask(task.id, "failed", err || "Search failed.");
+                setMessage(`Query failed: ${err || "Search failed."}`);
+                return;
+            }
+            const data = await res.json();
+            setQueryResult({
+                query,
+                localMatches,
+                remoteMatches: (data.results ?? []).map((entry) => ({
+                    id: entry.id,
+                    content: entry.content,
+                    tags: entry.tags ?? [],
+                    source: entry.source ?? "server",
+                    systemType: entry.systemType ?? "system1_knowledge",
+                    createdAt: entry.createdAt ?? new Date().toISOString(),
+                })),
+            });
+            await recordSessionEvent({
+                kind: "query",
+                title: `Queried Context for "${query}"`,
+                detail: `Found ${localMatches.length} local match${localMatches.length === 1 ? "" : "es"} and ${(data.results ?? []).length} shared match${(data.results ?? []).length === 1 ? "" : "es"}.`,
+                panel: "query",
+                focus: query,
+                status: "success",
+            });
+            await completeTask(task.id, "completed", "Query finished.");
+            setMessage(`Query finished for "${query}".`);
+            setActivePanel("tasks");
+            setSelectedPanelIndex(panelIndexFor("tasks"));
+            setRefreshTick((value) => value + 1);
+        }
+        finally {
+            setBusyLabel(null);
+        }
+    }
+    async function runCurate(content) {
+        const config = configManager.config;
+        if (!config) {
+            setMessage("Run setup first so this repo can save Context into .um.");
+            return;
+        }
+        setBusyLabel("Saving local Context note...");
+        const task = await createTask({
+            kind: "curate",
+            title: "Curate local note",
+            detail: content,
+            status: "running",
+            panel: "curate",
+            focus: content,
+        });
+        try {
+            await ensureRepoContext(config);
+            const entry = await addPendingMemory({
+                content,
+                tags: [],
+                source: "cli",
+                systemType: "system1_knowledge",
+            });
+            await recordSessionEvent({
+                kind: "curate",
+                title: "Saved a new local Context note",
+                detail: `Draft ${entry.id} was added to .um for ${config.companyName} / ${config.projectName}.`,
+                panel: "curate",
+                focus: entry.id,
+                status: "success",
+            });
+            await completeTask(task.id, "completed", `Saved local draft ${entry.id}.`);
+            setMessage(`Saved local Context note for ${config.companyName} / ${config.projectName}.`);
+            setActivePanel("tasks");
+            setSelectedPanelIndex(panelIndexFor("tasks"));
+            setRefreshTick((value) => value + 1);
+        }
+        finally {
+            setBusyLabel(null);
+        }
+    }
+    async function submitSetupText() {
+        const nextValue = inputValue.trim();
+        if (!nextValue && setupStep !== "password")
+            return;
+        if (setupStep === "server") {
+            const nextServer = trimSlash(nextValue || serverUrl);
+            setServerUrl(nextServer);
+            setInputValue("");
+            setBusyLabel("Checking Umbrella server...");
+            try {
+                const serverCheck = await checkUmbrellaOnboardingServer(nextServer);
+                if (serverCheck.deploymentMode === "authenticated") {
+                    setSetupStep("email");
+                }
+                else {
+                    setCompanies(serverCheck.companies);
+                    setSelectedCompanyIndex(0);
+                    setSetupStep("company");
+                }
+            }
+            catch (error) {
+                setMessage(`Could not reach Umbrella: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+            return;
+        }
+        if (setupStep === "email") {
+            setSetupEmail(nextValue);
+            setInputValue("");
+            setSetupStep("password");
+            return;
+        }
+        if (setupStep === "password") {
+            setInputValue("");
+            setBusyLabel("Signing into Umbrella...");
+            try {
+                const signIn = await signInUmbrellaOnboarding(serverUrl, setupEmail, nextValue);
+                setSetupCookie(signIn.cookie);
+                setCompanies(signIn.companies);
+                setSelectedCompanyIndex(0);
+                setSetupStep("company");
+            }
+            catch (error) {
+                setMessage(`Sign-in failed: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+            return;
+        }
+        if (setupStep === "company-create") {
+            setBusyLabel("Creating company...");
+            try {
+                const created = await createUmbrellaOnboardingCompany(serverUrl, nextValue, setupCookie);
+                const company = created.company;
+                const nextCompanies = [...companies, company];
+                setCompanies(nextCompanies);
+                setSelectedCompany(company);
+                setSpaces(created.spaces);
+                setSelectedSpaceIndex(0);
+                setInputValue("");
+                setSetupStep("space");
+            }
+            catch (error) {
+                setMessage(`Could not create company: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+            return;
+        }
+        if (setupStep === "space-create" && selectedCompany) {
+            setBusyLabel("Creating space...");
+            try {
+                const created = await createUmbrellaOnboardingSpace(serverUrl, selectedCompany.id, nextValue, setupCookie);
+                const nextSpaces = created.spaces;
+                setSpaces(nextSpaces);
+                setSelectedSpaceIndex(Math.max(0, nextSpaces.findIndex((space) => space.id === created.activeSpaceId)));
+                setInputValue("");
+                setSetupStep("space");
+            }
+            catch (error) {
+                setMessage(`Could not create space: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+        }
+    }
+    async function confirmSetupSelection() {
+        if (setupStep === "company") {
+            if (selectedCompanyIndex === companies.length) {
+                setInputValue("");
+                setSetupStep("company-create");
+                return;
+            }
+            const company = companies[selectedCompanyIndex] ?? null;
+            if (!company)
+                return;
+            setSelectedCompany(company);
+            setBusyLabel("Loading spaces...");
+            try {
+                const nextSpaces = await loadUmbrellaOnboardingSpaces(serverUrl, company.id, setupCookie);
+                setSpaces(nextSpaces);
+                setSelectedSpaceIndex(0);
+                setSetupStep("space");
+            }
+            catch (error) {
+                setMessage(`Could not load spaces: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+            return;
+        }
+        if (setupStep === "space" && selectedCompany) {
+            if (selectedSpaceIndex === spaces.length) {
+                setInputValue("");
+                setSetupStep("space-create");
+                return;
+            }
+            const space = spaces[selectedSpaceIndex] ?? null;
+            if (!space)
+                return;
+            setBusyLabel("Saving device link...");
+            try {
+                const setup = await connectUmbrellaDevice(serverUrl, selectedCompany.id, space.id, setupCookie);
+                await recordSessionEvent({
+                    kind: "session",
+                    title: `Connected this device to ${setup.companyName} / ${setup.activeSpaceName}`,
+                    detail: "Setup completed inside the TUI.",
+                    panel: "setup",
+                    focus: setup.activeSpaceName,
+                    status: "success",
+                });
+                setSetupStep("done");
+                setMessage(`Connected to ${setup.companyName} / ${setup.activeSpaceName}.`);
+                setActivePanel("home");
+                setSelectedPanelIndex(panelIndexFor("home"));
+                setRefreshTick((value) => value + 1);
+            }
+            catch (error) {
+                setMessage(`Could not finish setup: ${error.message}`);
+            }
+            finally {
+                setBusyLabel(null);
+            }
+        }
+    }
+    useInput((input, key) => {
+        if (busyLabel)
+            return;
+        if (inputMode) {
+            if (key.return) {
+                const nextValue = inputValue.trim();
+                if (!nextValue) {
+                    setInputMode(null);
+                    setInputValue("");
+                    return;
+                }
+                if (inputMode === "query") {
+                    void runQuery(nextValue);
+                }
+                else {
+                    void runCurate(nextValue);
+                }
+                setInputMode(null);
+                setInputValue("");
+                return;
+            }
+            if (key.escape) {
+                setInputMode(null);
+                setInputValue("");
+            }
+            return;
+        }
+        if (activePanel === "setup" && setupStep !== "done") {
+            if (key.return) {
+                if (setupStep === "company" || setupStep === "space") {
+                    void confirmSetupSelection();
+                }
+                else {
+                    void submitSetupText();
+                }
+                return;
+            }
+            if (key.escape) {
+                if (configManager.config) {
+                    setActivePanel("home");
+                    setSelectedPanelIndex(panelIndexFor("home"));
+                }
+                return;
+            }
+            if (key.upArrow && setupStep === "company") {
+                setSelectedCompanyIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow && setupStep === "company") {
+                setSelectedCompanyIndex((value) => Math.min(companies.length, value + 1));
+                return;
+            }
+            if (key.upArrow && setupStep === "space") {
+                setSelectedSpaceIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow && setupStep === "space") {
+                setSelectedSpaceIndex((value) => Math.min(spaces.length, value + 1));
+                return;
+            }
+            return;
+        }
+        if (activePanel === "spaces" && spacePanelMode === "create") {
+            if (key.return) {
+                const nextName = spacePanelDraftName.trim();
+                if (!nextName) {
+                    setMessage("Type a name for the new space first.");
+                    return;
+                }
+                void runPanelAction("Creating a new space...", async () => {
+                    await spaceCommandAction("create", nextName);
+                    setSpacePanelDraftName("");
+                    setSpacePanelMode("browse");
+                }, "Space creation finished.");
+                return;
+            }
+            if (key.escape) {
+                setSpacePanelDraftName("");
+                setSpacePanelMode("browse");
+            }
+            return;
+        }
+        if (activePanel === "providers" && providerPanelMode !== "browse") {
+            if (providerPanelMode === "connect-kind") {
+                if (key.upArrow || input === "k") {
+                    setProviderPanelConnectKindIndex((value) => Math.max(0, value - 1));
+                    return;
+                }
+                if (key.downArrow || input === "j") {
+                    setProviderPanelConnectKindIndex((value) => Math.min(UMBRELLA_PROVIDER_CHOICES.length - 1, value + 1));
+                    return;
+                }
+                if (key.return) {
+                    const choice = UMBRELLA_PROVIDER_CHOICES[providerPanelConnectKindIndex];
+                    if (!choice)
+                        return;
+                    setProviderPanelConnectDraft((value) => ({ ...value, kind: choice.kind, label: "" }));
+                    setProviderPanelMode("connect-label");
+                    return;
+                }
+                if (key.escape) {
+                    setProviderPanelConnectDraft(createEmptyProviderConnectDraft());
+                    setProviderPanelMode("browse");
+                    return;
+                }
+                return;
+            }
+            if (providerPanelMode === "connect-label") {
+                if (key.return) {
+                    const nextLabel = providerPanelConnectDraft.label.trim();
+                    if (!nextLabel) {
+                        setMessage("Type a provider label first.");
+                        return;
+                    }
+                    setProviderPanelConnectDraft((value) => ({ ...value, label: nextLabel }));
+                    setProviderPanelMode("connect-key");
+                    return;
+                }
+                if (key.escape) {
+                    setProviderPanelConnectDraft((value) => ({ ...value, label: "", kind: value.kind }));
+                    setProviderPanelMode("connect-kind");
+                }
+                return;
+            }
+            if (providerPanelMode === "connect-key") {
+                if (key.return) {
+                    const nextKey = providerPanelConnectDraft.apiKey.trim();
+                    if (!nextKey) {
+                        setMessage("Paste an API key first.");
+                        return;
+                    }
+                    setProviderPanelConnectDraft((value) => ({ ...value, apiKey: nextKey }));
+                    if (providerPanelConnectDraft.kind === "openai-compatible") {
+                        setProviderPanelMode("connect-base-url");
+                    }
+                    else {
+                        void runPanelAction("Connecting provider...", async () => {
+                            const provider = await connectSavedProviderFromDraft({
+                                ...providerPanelConnectDraft,
+                                apiKey: nextKey,
+                            });
+                            setProviderPanelRecentId(provider.id);
+                            setProviderPanelMode("browse");
+                            setProviderPanelConnectDraft(createEmptyProviderConnectDraft());
+                        }, "Provider connected.");
+                    }
+                    return;
+                }
+                if (key.escape) {
+                    setProviderPanelConnectDraft((value) => ({ ...value, apiKey: "" }));
+                    setProviderPanelMode("connect-label");
+                }
+                return;
+            }
+            if (providerPanelMode === "connect-base-url") {
+                if (key.return) {
+                    const nextBaseUrl = providerPanelConnectDraft.baseUrl.trim();
+                    if (!nextBaseUrl) {
+                        setMessage("Type the compatible base URL first.");
+                        return;
+                    }
+                    void runPanelAction("Connecting provider...", async () => {
+                        const provider = await connectSavedProviderFromDraft({
+                            ...providerPanelConnectDraft,
+                            baseUrl: nextBaseUrl,
+                        });
+                        setProviderPanelRecentId(provider.id);
+                        setProviderPanelMode("browse");
+                        setProviderPanelConnectDraft(createEmptyProviderConnectDraft());
+                    }, "Provider connected.");
+                    return;
+                }
+                if (key.escape) {
+                    setProviderPanelConnectDraft((value) => ({ ...value, baseUrl: "" }));
+                    setProviderPanelMode("connect-key");
+                }
+                return;
+            }
+        }
+        if (input === "q") {
+            exit();
+            return;
+        }
+        const providerPanelOwnsArrows = activePanel === "providers";
+        const modelPanelOwnsArrows = activePanel === "model";
+        const spacePanelOwnsArrows = activePanel === "spaces";
+        const hubPanelOwnsArrows = activePanel === "hub";
+        const connectorsPanelOwnsArrows = activePanel === "connectors";
+        const tasksPanelOwnsArrows = activePanel === "tasks";
+        const activityPanelOwnsArrows = activePanel === "activity";
+        if (key.upArrow || input === "k") {
+            if (!providerPanelOwnsArrows && !modelPanelOwnsArrows && !spacePanelOwnsArrows && !hubPanelOwnsArrows && !connectorsPanelOwnsArrows && !tasksPanelOwnsArrows && !activityPanelOwnsArrows) {
+                const nextIndex = Math.max(0, selectedPanelIndex - 1);
+                setSelectedPanelIndex(nextIndex);
+                setActivePanel(PANELS[nextIndex]?.id ?? "home");
+                return;
+            }
+        }
+        if (key.downArrow || input === "j") {
+            if (!providerPanelOwnsArrows && !modelPanelOwnsArrows && !spacePanelOwnsArrows && !hubPanelOwnsArrows && !connectorsPanelOwnsArrows && !tasksPanelOwnsArrows && !activityPanelOwnsArrows) {
+                const nextIndex = Math.min(PANELS.length - 1, selectedPanelIndex + 1);
+                setSelectedPanelIndex(nextIndex);
+                setActivePanel(PANELS[nextIndex]?.id ?? "home");
+                return;
+            }
+        }
+        if (key.tab) {
+            const nextIndex = (selectedPanelIndex + 1) % PANELS.length;
+            setSelectedPanelIndex(nextIndex);
+            setActivePanel(PANELS[nextIndex]?.id ?? "home");
+            return;
+        }
+        if (input === "?") {
+            setInputMode("query");
+            setInputValue("");
+            return;
+        }
+        if (input === "+") {
+            setInputMode("curate");
+            setInputValue("");
+            return;
+        }
+        if (input === "s") {
+            setActivePanel("setup");
+            setSelectedPanelIndex(0);
+            return;
+        }
+        if (activePanel === "providers") {
+            if (key.upArrow || input === "k") {
+                setProviderPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                setProviderPanelSelectedIndex((value) => Math.min(Math.max(0, vendorProviders.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "w") {
+                const provider = vendorProviders[providerPanelSelectedIndex];
+                if (!provider)
+                    return;
+                void runPanelAction("Switching provider...", async () => {
+                    await providersCommandAction("switch", provider.id);
+                    setProviderPanelRecentId(provider.id);
+                }, "Provider switch finished.");
+                return;
+            }
+            if (input === "c") {
+                setProviderPanelConnectKindIndex(0);
+                setProviderPanelConnectDraft(createEmptyProviderConnectDraft());
+                setProviderPanelMode("connect-kind");
+                return;
+            }
+            if (input === "d") {
+                const provider = vendorProviders[providerPanelSelectedIndex];
+                if (!provider)
+                    return;
+                void runPanelAction("Disconnecting provider...", async () => {
+                    await providersCommandAction("disconnect", provider.id);
+                }, "Provider disconnect finished.");
+                return;
+            }
+            if (input === "t") {
+                void runPanelAction("Testing provider runtime...", async () => {
+                    await providersCommandAction("test");
+                }, "Provider runtime check finished.");
+                return;
+            }
+            if (input === "i") {
+                void runPanelAction("Inspecting provider...", async () => {
+                    await providersCommandAction("recent");
+                }, "Provider inspection finished.");
+                return;
+            }
+            if (input === "g") {
+                void runPanelAction("Running guided provider setup...", async () => {
+                    await providersCommandAction("setup");
+                }, "Provider setup flow finished.");
+                return;
+            }
+            if (input === "m") {
+                setActivePanel("model");
+                setSelectedPanelIndex(panelIndexFor("model"));
+                return;
+            }
+        }
+        if (activePanel === "model") {
+            if (key.upArrow || input === "k") {
+                setModelPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                setModelPanelSelectedIndex((value) => Math.min(Math.max(0, vendorModels.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "w") {
+                const selectedModel = vendorModels[modelPanelSelectedIndex];
+                if (!selectedModel)
+                    return;
+                void runPanelAction("Switching model...", async () => {
+                    await modelCommandAction("switch", selectedModel);
+                    setModelPanelRecentModel(selectedModel);
+                }, "Model switch finished.");
+                return;
+            }
+            if (input === "i") {
+                void runPanelAction("Inspecting model...", async () => {
+                    await modelCommandAction("recent");
+                }, "Model inspection finished.");
+                return;
+            }
+            if (input === "t") {
+                void runPanelAction("Checking model readiness...", async () => {
+                    await modelCommandAction("ready");
+                }, "Model readiness check finished.");
+                return;
+            }
+        }
+        if (activePanel === "spaces") {
+            if (key.upArrow || input === "k") {
+                setSpacePanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                setSpacePanelSelectedIndex((value) => Math.min(Math.max(0, vendorSpaces.length - 1), value + 1));
+                return;
+            }
+            if (key.return) {
+                const selectedSpace = vendorSpaces[spacePanelSelectedIndex];
+                if (!selectedSpace)
+                    return;
+                void runPanelAction("Switching space...", async () => {
+                    await spaceCommandAction("switch", selectedSpace.id);
+                }, "Space switch finished.");
+                return;
+            }
+            if (input === "w") {
+                const selectedSpace = vendorSpaces[spacePanelSelectedIndex];
+                if (!selectedSpace)
+                    return;
+                void runPanelAction("Switching space...", async () => {
+                    await spaceCommandAction("switch", selectedSpace.id);
+                }, "Space switch finished.");
+                return;
+            }
+            if (input === "n") {
+                setSpacePanelDraftName("");
+                setSpacePanelMode("create");
+                return;
+            }
+            if (input === "i") {
+                void runPanelAction("Refreshing space list...", async () => {
+                    await buildVendorRuntimeBridgeSnapshot();
+                }, "Space list refreshed.");
+                return;
+            }
+        }
+        if (activePanel === "tasks") {
+            if (key.upArrow || input === "k") {
+                if (tasksPanelMode === "inspect")
+                    return;
+                setTasksPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                if (tasksPanelMode === "inspect")
+                    return;
+                setTasksPanelSelectedIndex((value) => Math.min(Math.max(0, vendorTasks.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "i") {
+                const task = vendorTasks[tasksPanelSelectedIndex];
+                if (!task)
+                    return;
+                setTasksPanelMode("inspect");
+                return;
+            }
+            if (input === "o") {
+                const task = vendorTasks[tasksPanelSelectedIndex];
+                if (!task)
+                    return;
+                const nextPanel = panelForTaskKind(task.type);
+                setActivePanel(nextPanel);
+                setSelectedPanelIndex(panelIndexFor(nextPanel));
+                return;
+            }
+            if (key.escape && tasksPanelMode === "inspect") {
+                setTasksPanelMode("browse");
+                return;
+            }
+        }
+        if (activePanel === "activity") {
+            if (key.upArrow || input === "k") {
+                if (activityPanelMode === "inspect")
+                    return;
+                setActivityPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                if (activityPanelMode === "inspect")
+                    return;
+                setActivityPanelSelectedIndex((value) => Math.min(Math.max(0, vendorActivity.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "o") {
+                const event = vendorActivity[activityPanelSelectedIndex];
+                if (!event)
+                    return;
+                if (input !== "o" && key.return && activityPanelMode === "browse") {
+                    setActivityPanelMode("inspect");
+                    return;
+                }
+                const nextPanel = panelForActivityItem(event);
+                if (!nextPanel)
+                    return;
+                setActivePanel(nextPanel);
+                setSelectedPanelIndex(panelIndexFor(nextPanel));
+                return;
+            }
+            if (key.escape && activityPanelMode === "inspect") {
+                setActivityPanelMode("browse");
+                return;
+            }
+            if (input === "i") {
+                setActivityPanelMode("inspect");
+                return;
+            }
+        }
+        if (activePanel === "hub") {
+            const registryEntries = listHubRegistryEntries();
+            if (key.upArrow || input === "k") {
+                setHubPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                setHubPanelSelectedIndex((value) => Math.min(Math.max(0, registryEntries.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "n") {
+                const entry = registryEntries[hubPanelSelectedIndex];
+                if (!entry)
+                    return;
+                void runPanelAction("Installing hub entry...", async () => {
+                    await hubCommandAction("install", entry.slug);
+                }, "Hub install finished.");
+                return;
+            }
+            if (input === "b") {
+                void runPanelAction("Browsing hub entries...", async () => {
+                    await hubCommandAction("browse");
+                }, "Hub browse flow finished.");
+                return;
+            }
+            if (input === "i") {
+                const entry = registryEntries[hubPanelSelectedIndex] ??
+                    registryEntries.find((candidate) => candidate.slug === vendorHubStore?.recentSlug);
+                void runPanelAction("Inspecting hub entry...", async () => {
+                    await hubCommandAction("inspect", entry?.slug);
+                }, "Hub inspection finished.");
+                return;
+            }
+            if (input === "l") {
+                void runPanelAction("Listing installed hub entries...", async () => {
+                    await hubCommandAction("installed");
+                }, "Hub inventory refreshed.");
+                return;
+            }
+        }
+        if (activePanel === "connectors") {
+            const registryEntries = listConnectorTemplates();
+            if (key.upArrow || input === "k") {
+                setConnectorsPanelSelectedIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                setConnectorsPanelSelectedIndex((value) => Math.min(Math.max(0, registryEntries.length - 1), value + 1));
+                return;
+            }
+            if (key.return || input === "i") {
+                const entry = registryEntries[connectorsPanelSelectedIndex];
+                if (!entry)
+                    return;
+                void runPanelAction("Installing connector...", async () => {
+                    await connectorsCommandAction("install", entry.key);
+                }, "Connector install finished.");
+                return;
+            }
+            if (input === "r") {
+                const entry = registryEntries[connectorsPanelSelectedIndex];
+                if (!entry)
+                    return;
+                void runPanelAction("Running connector...", async () => {
+                    await connectorsCommandAction("run", entry.key);
+                }, "Connector run finished.");
+                return;
+            }
+            if (input === "o") {
+                const entry = registryEntries[connectorsPanelSelectedIndex] ??
+                    registryEntries.find((candidate) => candidate.key === vendorConnectorsStore?.recentRunSource);
+                void runPanelAction("Opening connector outputs...", async () => {
+                    await connectorsCommandAction("outputs", entry?.key);
+                }, "Connector outputs refreshed.");
+                return;
+            }
+            if (input === "v") {
+                const entry = registryEntries[connectorsPanelSelectedIndex] ??
+                    registryEntries.find((candidate) => candidate.key === vendorConnectorsStore?.recentSource);
+                void runPanelAction("Inspecting connector...", async () => {
+                    await connectorsCommandAction("inspect", entry?.key);
+                }, "Connector inspection finished.");
+                return;
+            }
+        }
+        if (input === "r") {
+            setRefreshTick((value) => value + 1);
+            setMessage("Refreshed the local TUI view.");
+            return;
+        }
+        if (input === "p" && configManager.config) {
+            setBusyLabel("Pushing local Context to the server...");
+            void pushCommandAction().finally(() => {
+                setBusyLabel(null);
+                setMessage("Finished push.");
+                setRefreshTick((value) => value + 1);
+            });
+            return;
+        }
+        if (input === "l" && configManager.config) {
+            setBusyLabel("Pulling the latest shared Context...");
+            void pullCommandAction().finally(() => {
+                setBusyLabel(null);
+                setMessage("Finished pull.");
+                setRefreshTick((value) => value + 1);
+            });
+            return;
+        }
+    });
+    const footer = inputMode
+        ? inputMode === "query"
+            ? "Query mode: type your question, Enter to search, Esc to cancel"
+            : "Curate mode: type what you learned, Enter to save locally, Esc to cancel"
+        : activePanel === "setup" && setupStep !== "done"
+            ? "Setup mode: Enter confirms, Up/Down move through companies or spaces, Esc leaves setup"
+            : activePanel === "providers"
+                ? providerPanelMode === "browse"
+                    ? "Providers: Up/Down choose | Enter or w switch | c connect | d disconnect | t test | i inspect recent | g guided setup | m model | ? query | + curate | q quit"
+                    : providerPanelMode === "connect-kind"
+                        ? "Providers connect: Up/Down choose provider type | Enter confirm | Esc back"
+                        : "Providers connect: type value | Enter continue | Esc back"
+                : activePanel === "model"
+                    ? modelPanelMode === "browse"
+                        ? "Model: Up/Down choose | Enter or w switch | i inspect recent | t readiness | ? query | + curate | q quit"
+                        : "Model runtime panel"
+                    : activePanel === "spaces"
+                        ? "Spaces: i list | w switch | n create | ? query | + curate | q quit"
+                        : activePanel === "hub"
+                            ? hubPanelMode === "browse"
+                                ? "Hub: Up/Down choose | Enter or n install | i inspect | b guided browse | l refresh | ? query | + curate | q quit"
+                                : "Hub live panel"
+                            : activePanel === "connectors"
+                                ? connectorsPanelMode === "browse"
+                                    ? "Connectors: Up/Down choose | Enter or i install | r run | o outputs | v inspect | ? query | + curate | q quit"
+                                    : "Connectors live panel"
+                                : activePanel === "tasks"
+                                    ? tasksPanelMode === "browse"
+                                        ? "Tasks: Up/Down choose | Enter or i inspect | o open related panel | r refresh | ? query | + curate | q quit"
+                                        : "Tasks inspect: Esc back | o open related panel | r refresh | ? query | + curate | q quit"
+                                    : activePanel === "activity"
+                                        ? activityPanelMode === "browse"
+                                            ? "Activity: Up/Down choose | Enter or i inspect | o open related panel | r refresh | ? query | + curate | q quit"
+                                            : "Activity inspect: Esc back | Enter or o open related panel | r refresh | ? query | + curate | q quit"
+                                        : "Up/Down or j/k move panels | Tab cycles | ? query | + curate | p push | l pull | r refresh | s setup | q quit";
+    const config = configManager.config;
+    let mainContent = null;
+    if (activePanel === "setup") {
+        mainContent = (_jsx(SetupView, { busyLabel: busyLabel, companies: companies, config: config, inputValue: inputValue, message: message, onInputChange: setInputValue, selectedCompanyIndex: selectedCompanyIndex, selectedSpaceIndex: selectedSpaceIndex, serverUrl: serverUrl, spaces: spaces, step: setupStep }));
+    }
+    else if (!config || !refreshState) {
+        mainContent = (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "This device is not linked yet." }), _jsx(Text, { color: "gray", children: "Move to Setup and connect the repo to a company and space first." })] }));
+    }
+    else if (activePanel === "home") {
+        mainContent = (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { bold: true, children: [config.companyName, " / ", config.projectName] }), _jsx(Text, { color: "gray", children: "This is the repo-level Context home for the current company space." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Section, { title: "Sync", children: [_jsx(StatusLine, { label: "Pending drafts", value: String(refreshState.pending.length) }), _jsx(StatusLine, { label: "Pulled context", value: String(refreshState.pulled.length) }), _jsx(StatusLine, { label: "Known fixes", value: String(refreshState.fixes.length) }), _jsx(StatusLine, { label: "Last push", value: formatAgo(refreshState.repoContext.state?.lastPushAt) }), _jsx(StatusLine, { label: "Last pull", value: formatAgo(refreshState.repoContext.state?.lastPullAt) })] }), _jsxs(Section, { title: "Runtime", children: [_jsx(StatusLine, { label: "Provider", value: readiness.activeProvider?.name ?? "Not connected" }), _jsx(StatusLine, { label: "Model", value: readiness.activeModel ?? "Not selected" }), _jsx(StatusLine, { label: "Transport", value: vendorTransportStore?.status ?? refreshState.transport.status }), _jsx(StatusLine, { label: "Repo .um", value: refreshState.repoContext.umDir })] }), _jsxs(Section, { title: "Context Tree", children: [_jsx(StatusLine, { label: "Summary", value: vendorTreeStore?.summaryHandle ?? refreshState.treeState.summaryHandle }), _jsx(StatusLine, { label: "Nodes", value: String(vendorTreeStore?.nodes.length ?? refreshState.treeState.nodes.length) }), _jsx(StatusLine, { label: "Runtime provider", value: vendorTreeStore?.runtime.provider ?? "No provider" }), _jsx(StatusLine, { label: "Runtime model", value: vendorTreeStore?.runtime.model ?? "No model" })] }), queryResult ? (_jsxs(Section, { title: `Latest Query: ${queryResult.query}`, children: [_jsxs(Text, { children: ["Local matches: ", String(queryResult.localMatches.length)] }), _jsxs(Text, { children: ["Shared matches: ", String(queryResult.remoteMatches.length)] })] })) : null] })] }));
+    }
+    else if (activePanel === "tasks") {
+        mainContent = (_jsx(TasksPanelView, { mode: tasksPanelMode, selectedIndex: tasksPanelSelectedIndex, tasks: vendorTasks, transportStatus: vendorTransportStore?.status ?? vendorTransportSummary.transportStatus, queueLength: vendorTransportStore?.queue.length ?? vendorTransportSummary.queueDepth, activeTaskId: vendorTransportStore?.queue[0]?.id ??
+                vendorTransportStore?.queue.find((item) => item.status === "running")?.id ??
+                vendorTransportSummary.activeTaskId }));
+    }
+    else if (activePanel === "activity") {
+        mainContent = (_jsx(ActivityPanelView, { activity: vendorActivity, mode: activityPanelMode, selectedIndex: activityPanelSelectedIndex }));
+    }
+    else if (activePanel === "providers") {
+        mainContent = (_jsx(ProviderPanelView, { activeModel: readiness.activeModel, activeProviderId: vendorProviderStore?.activeProviderId ?? config.activeProvider, connectDraftValue: buildProviderDraftValue(providerPanelConnectDraft, providerPanelMode === "browse" || providerPanelMode === "connect-kind" ? "connect-label" : providerPanelMode), connectKindIndex: providerPanelConnectKindIndex, mode: providerPanelMode, onConnectDraftChange: (value) => {
+                if (providerPanelMode === "browse" || providerPanelMode === "connect-kind") {
+                    return;
+                }
+                setProviderPanelConnectDraft((current) => updateProviderDraftValue(current, providerPanelMode, value));
+            }, providers: vendorProviders, recentProviderId: providerPanelRecentId, readinessState: !readiness.providerReady ? "Needs provider" : !readiness.modelReady ? "Needs model" : "Ready", selectedIndex: providerPanelSelectedIndex }));
+    }
+    else if (activePanel === "model") {
+        mainContent = (_jsx(ModelPanelView, { activeModel: vendorModelStore?.activeModel ?? readiness.activeModel, providerName: vendorProviders.find((provider) => provider.id === (vendorProviderStore?.activeProviderId ?? config.activeProvider))?.name ?? readiness.activeProvider?.name ?? "Not connected", recentModel: modelPanelRecentModel, selectedIndex: modelPanelSelectedIndex, models: vendorModels }));
+    }
+    else if (activePanel === "spaces") {
+        mainContent = (_jsx(SpacePanelView, { companyName: vendorContextSummary.companyName ?? config.companyName, currentSpaceName: vendorContextSummary.spaceName ?? config.projectName, draftName: spacePanelDraftName, mode: spacePanelMode, onDraftChange: setSpacePanelDraftName, selectedIndex: spacePanelSelectedIndex, spaces: vendorSpaces }));
+    }
+    else if (activePanel === "hub") {
+        const registryEntries = listHubRegistryEntries();
+        mainContent = (_jsx(HubPanelView, { installedSlugs: vendorHubStore?.installedSlugs ?? [], recentSlug: vendorHubStore?.recentSlug ?? null, registryEntries: registryEntries, selectedIndex: hubPanelSelectedIndex }));
+    }
+    else if (activePanel === "connectors") {
+        const registryEntries = listConnectorTemplates();
+        mainContent = (_jsx(ConnectorsPanelView, { installedSources: vendorConnectorsStore?.installedSources ?? [], recentSource: vendorConnectorsStore?.recentSource ?? null, recentRunSource: vendorConnectorsStore?.recentRunSource ?? null, registryEntries: registryEntries, selectedIndex: connectorsPanelSelectedIndex }));
+    }
+    else {
+        mainContent = (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Session Memory" }), _jsx(Text, { color: "gray", children: "This is the live terminal memory saved inside the repo, plus the vendor-style runtime stores hydrated from the same Context engine." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(StatusLine, { label: "Session ID", value: refreshState.session?.id ?? "None" }), _jsx(StatusLine, { label: "Current panel", value: refreshState.session?.currentPanel ?? "None" }), _jsx(StatusLine, { label: "Current focus", value: refreshState.session?.currentFocus ?? "None" }), _jsx(StatusLine, { label: "Commands", value: String(refreshState.session?.commandHistory.length ?? 0) }), _jsx(StatusLine, { label: "Events", value: String(refreshState.session?.events.length ?? 0) }), _jsx(StatusLine, { label: "Transport", value: vendorTransportStore?.status ?? refreshState.transport.status }), _jsx(StatusLine, { label: "Tree summary", value: vendorTreeStore?.summaryHandle ?? refreshState.treeState.summaryHandle })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Section, { title: "Transport and Tasks", children: [_jsx(StatusLine, { label: "Queue depth", value: String(vendorTransportStore?.queue.length ?? 0) }), _jsx(StatusLine, { label: "Recent tasks", value: String(vendorTasks.length) }), _jsx(StatusLine, { label: "Active task", value: vendorTransportSummary.activeTaskId ?? "None" }), _jsx(StatusLine, { label: "Started tasks", value: String(vendorTransportSummary.startedTasks) }), vendorRecentTransportEvents.length ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "yellow", children: "Recent transport events" }), vendorRecentTransportEvents.map((event) => (_jsxs(Text, { color: "gray", children: [new Date(event.at).toLocaleString(), " | ", event.kind, " | ", event.title] }, `${event.kind}-${event.at}-${event.taskId ?? "no-task"}`)))] })) : (_jsx(Text, { color: "gray", children: "No transport events yet." }))] }), _jsxs(Section, { title: "Context Runtime Tree", children: [_jsx(StatusLine, { label: "Nodes", value: String(vendorTreeStore?.nodes.length ?? 0) }), _jsx(StatusLine, { label: "Pending drafts", value: String(vendorTreeStore?.stats.pendingDrafts ?? 0) }), _jsx(StatusLine, { label: "Pulled context", value: String(vendorTreeStore?.stats.pulledContext ?? 0) }), _jsx(StatusLine, { label: "Known fixes", value: String(vendorTreeStore?.stats.pulledFixes ?? 0) }), _jsx(StatusLine, { label: "Runtime transport", value: vendorTreeStore?.runtime.transportStatus ?? "idle" }), vendorRootTreeNodes.length ? (_jsxs(_Fragment, { children: [_jsx(Text, { bold: true, color: "yellow", children: "Top runtime nodes" }), vendorRootTreeNodes.map((node) => (_jsx(Text, { color: "gray", children: `${"  ".repeat(node.depth)}- ${node.label}${node.detail ? ` | ${node.detail}` : ""}` }, node.id)))] })) : (_jsx(Text, { color: "gray", children: "The context tree has not been built yet." }))] }), _jsxs(Section, { title: "Session Continuity", children: [_jsx(StatusLine, { label: "Panel history", value: refreshState.session?.panelHistory.join(" -> ") || "None" }), _jsx(StatusLine, { label: "Recent providers", value: refreshState.session?.recentProviderIds.join(", ") || "None" }), _jsx(StatusLine, { label: "Recent models", value: refreshState.session?.recentModels.join(", ") || "None" }), _jsx(StatusLine, { label: "Recent hub items", value: refreshState.session?.recentHubSlugs.join(", ") || "None" }), _jsx(StatusLine, { label: "Recent connectors", value: refreshState.session?.recentConnectorSources.join(", ") || "None" })] }), _jsxs(Section, { title: "Vendor Bridge Runtime", children: [_jsx(StatusLine, { label: "Hydrated", value: vendorTransportSummary.isHydrated ? "Yes" : "No" }), _jsx(StatusLine, { label: "Generated", value: formatAgo(vendorTransportSummary.generatedAt) }), _jsx(StatusLine, { label: "Bridge queue", value: String(vendorTransportSummary.queueDepth) }), _jsx(StatusLine, { label: "Bridge tasks", value: String(vendorTransportSummary.recentTaskCount) }), _jsx(StatusLine, { label: "Bridge company", value: vendorContextSummary.companyName ?? "Unlinked company" }), _jsx(StatusLine, { label: "Bridge space", value: vendorContextSummary.spaceName ?? "Unlinked space" }), _jsx(StatusLine, { label: "Bridge provider", value: vendorContextSummary.providerName ?? "No provider" }), _jsx(StatusLine, { label: "Bridge model", value: vendorContextSummary.modelName ?? "No model" }), _jsx(StatusLine, { label: "Tree nodes", value: String(vendorContextSummary.treeNodes) }), _jsx(StatusLine, { label: "Runtime status", value: vendorContextSummary.runtimeStatus })] })] })] }));
+    }
+    return (_jsxs(PanelShell, { activePanel: activePanel, footer: footer, message: busyLabel ? `${busyLabel}` : message, selectedPanelIndex: selectedPanelIndex, children: [mainContent, inputMode ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: inputMode === "query" ? "Ask Context" : "Save a local Context note" }), _jsx(TextInput, { value: inputValue, onChange: setInputValue })] })) : null] }));
+}
+export async function runTui() {
+    if (!process.stdin.isTTY || !process.stdout.isTTY) {
+        console.log(chalk.yellow("The pane-based TUI needs a real interactive terminal."));
+        console.log(chalk.gray('Run "umbrella-context" or "umbrella-context tui" inside a normal terminal window.'));
+        return;
+    }
+    const app = render(_jsx(App, {}));
+    await app.waitUntilExit();
+}
+export function tuiCommand(cli) {
+    cli.command("tui", "Open the pane-based Umbrella Context terminal app").action(async () => {
+        await runTui();
+    });
+}