umbrella-context 0.1.37 → 0.1.39

package/dist/commands/tui.js

@@ -8,7 +8,7 @@ import { formatUmbrellaAuthStatus } from "../auth-state.js";
 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 { addPendingMemory, completeTask, createTask, ensureRepoContext, getContextTreeState, ensureSessionState, getConnectorRuns, getInstalledConnectors, getInstalledHubEntries, getPendingMemories, getPulledFixes, getPulledMemories, getRepoContext, removeTask, getSessionState, getTasks, getTransportState, recordSessionEvent, setSessionPanel, summarizeLocalMemoryMatches, } from "../repo-state.js";
 import { configManager } from "../config.js";
 import { getStoredUmbrellaAuthSnapshot, setUmbrellaAuthAuthorized, setUmbrellaAuthChecking, setUmbrellaAuthFailure, } from "../adapters/umbrella-auth-runtime.js";
 import { checkUmbrellaOnboardingServer, connectUmbrellaDevice, createUmbrellaOnboardingCompany, createUmbrellaOnboardingSpace, loadUmbrellaOnboardingSpaces, signInUmbrellaOnboarding, } from "../adapters/umbrella-onboarding.js";
@@ -20,6 +20,7 @@ import { pullCommandAction } from "./pull.js";
 import { pushCommandAction } from "./push.js";
 import { getProviderReadinessSummary, providersCommandAction } from "./providers.js";
 import { spaceCommandAction } from "./space.js";
+import { buildConnectionPresentation } from "./status.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" },
@@ -31,12 +32,52 @@ const PANELS = [
     { id: "connectors", title: "Connectors", description: "Repo automations and MCP wiring" },
     { id: "session", title: "Session", description: "Live terminal memory for this repo" },
 ];
+const PANEL_SHORTCUTS = [
+    { id: "home", key: "h", label: "Home" },
+    { id: "tasks", key: "t", label: "Tasks" },
+    { id: "activity", key: "a", label: "Activity" },
+    { id: "providers", key: "v", label: "Providers" },
+    { id: "model", key: "m", label: "Models" },
+    { id: "spaces", key: "w", label: "Spaces" },
+    { id: "hub", key: "b", label: "Hub" },
+    { id: "connectors", key: "c", label: "Connectors" },
+    { id: "session", key: "u", label: "Session" },
+];
+const DEFAULT_UMBRELLA_SERVER_URL = "http://5.161.55.138:3100";
+const LOCAL_UMBRELLA_SERVER_URL = "http://127.0.0.1:3100";
+const SETUP_SERVER_CHOICES = [
+    {
+        value: "live",
+        title: `Live Umbrella server (${DEFAULT_UMBRELLA_SERVER_URL})`,
+        description: "Recommended for most people. Uses the shared live Umbrella server.",
+    },
+    {
+        value: "local",
+        title: `Local development server (${LOCAL_UMBRELLA_SERVER_URL})`,
+        description: "Only use this if Umbrella is running on this same computer right now.",
+    },
+    {
+        value: "custom",
+        title: "Custom URL",
+        description: "Type a different Umbrella server URL yourself.",
+    },
+];
 function trimSlash(value) {
     return value.trim().replace(/\/+$/, "");
 }
 function panelIndexFor(id) {
     return Math.max(0, PANELS.findIndex((panel) => panel.id === id));
 }
+function panelForShortcut(input) {
+    const normalized = input.trim().toLowerCase();
+    if (!normalized)
+        return null;
+    const number = Number(normalized);
+    if (Number.isInteger(number) && number >= 1 && number <= PANELS.length) {
+        return PANELS[number - 1]?.id ?? null;
+    }
+    return PANEL_SHORTCUTS.find((entry) => entry.key === normalized)?.id ?? null;
+}
 function panelForTaskKind(kind) {
     switch (kind) {
         case "provider":
@@ -194,20 +235,23 @@ function ActivityPanelView(props) {
                     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 PanelShell({ activePanel, children, footer, message, navigationFocus, 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, { marginBottom: 1, gap: 2, children: [_jsx(Text, { color: "gray", children: "Active panel:" }), _jsx(Text, { color: "white", children: PANELS.find((panel) => panel.id === activePanel)?.title ?? activePanel }), _jsx(Text, { color: "gray", children: "Focus:" }), _jsx(Text, { color: navigationFocus === "sidebar" ? "yellow" : "green", children: navigationFocus === "sidebar" ? "Sidebar" : "Panel" }), _jsx(Text, { color: "gray", children: navigationFocus === "sidebar"
+                            ? "Enter or Right opens the panel."
+                            : "Left or Esc returns to the sidebar." })] }), _jsxs(Box, { children: [_jsxs(Box, { flexDirection: "column", width: 26, marginRight: 2, borderStyle: "round", borderColor: navigationFocus === "sidebar" ? "yellow" : undefined, paddingX: 1, paddingY: 1, children: [_jsx(Text, { color: navigationFocus === "sidebar" ? "yellow" : "gray", children: navigationFocus === "sidebar" ? "Sidebar focus" : "Panels" }), PANELS.map((panel, index) => {
+                                const active = panel.id === activePanel;
+                                const selected = index === selectedPanelIndex;
+                                const shortcut = PANEL_SHORTCUTS.find((entry) => entry.id === panel.id)?.key ?? String(index + 1);
+                                return (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: active ? "green" : selected ? "yellow" : "white", children: [active ? "*" : selected ? ">" : " ", " [", shortcut, "] ", 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 }), _jsx(Text, { color: "gray", children: "Tip: number keys or h/t/a/v/m/w/b/c/u jump straight to a panel." })] })] }));
 }
 function SetupView(props) {
-    const { busyLabel, companies, config, authSnapshot, 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 }), _jsx(StatusLine, { label: "Auth state", value: formatUmbrellaAuthStatus(authSnapshot.status) }), _jsx(StatusLine, { label: "Auth message", value: authSnapshot.message ?? "No auth check yet" }), _jsx(StatusLine, { label: "Auth hint", value: authSnapshot.hint ?? "No auth hint yet" }), 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" :
+    const { busyLabel, companies, config, authSnapshot, inputValue, message, onInputChange, selectedCompanyIndex, selectedServerChoiceIndex, 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 }), _jsx(StatusLine, { label: "Auth state", value: formatUmbrellaAuthStatus(authSnapshot.status) }), _jsx(StatusLine, { label: "Auth message", value: authSnapshot.message ?? "No auth check yet" }), _jsx(StatusLine, { label: "Auth hint", value: authSnapshot.hint ?? "No auth hint yet" }), 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-choice" ? (_jsx(Section, { title: "Choose an Umbrella Server", children: SETUP_SERVER_CHOICES.map((choice, index) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: index === selectedServerChoiceIndex ? "yellow" : "white", children: [index === selectedServerChoiceIndex ? ">" : " ", " ", choice.title] }), _jsx(Text, { color: "gray", children: choice.description })] }, choice.value))) })) : 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." })] })] }));
+                                        "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 server choices, 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();
@@ -221,6 +265,7 @@ function App() {
     const vendorConnectorsStore = useUmbrellaContextRuntimeBridgeStore((state) => state.connectorsStore);
     const [selectedPanelIndex, setSelectedPanelIndex] = useState(0);
     const [activePanel, setActivePanel] = useState(configManager.config ? "home" : "setup");
+    const [navigationFocus, setNavigationFocus] = useState("sidebar");
     const [refreshTick, setRefreshTick] = useState(0);
     const [message, setMessage] = useState(null);
     const [busyLabel, setBusyLabel] = useState(null);
@@ -228,8 +273,9 @@ function App() {
     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 [setupStep, setSetupStep] = useState(configManager.config ? "done" : "server-choice");
+    const [serverUrl, setServerUrl] = useState(configManager.config?.umbrellaUrl ?? configManager.config?.serverUrl ?? DEFAULT_UMBRELLA_SERVER_URL);
+    const [selectedServerChoiceIndex, setSelectedServerChoiceIndex] = useState(0);
     const [setupEmail, setSetupEmail] = useState("");
     const [authSnapshot, setAuthSnapshot] = useState(getStoredUmbrellaAuthSnapshot());
     const [setupCookie, setSetupCookie] = useState(null);
@@ -251,12 +297,18 @@ function App() {
     const [modelPanelRecentModel, setModelPanelRecentModel] = useState(null);
     const [hubPanelMode, setHubPanelMode] = useState("browse");
     const [hubPanelSelectedIndex, setHubPanelSelectedIndex] = useState(0);
+    const [hubRegistryEntries, setHubRegistryEntries] = useState([]);
     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);
+    function focusPanel(panelId, focus = "sidebar") {
+        setActivePanel(panelId);
+        setSelectedPanelIndex(panelIndexFor(panelId));
+        setNavigationFocus(focus);
+    }
     async function refreshAll() {
         try {
             if (configManager.config) {
@@ -309,6 +361,12 @@ function App() {
     const vendorContextSummary = getUmbrellaContextRuntimeSummary();
     const vendorTasks = useMemo(() => buildVendorTasksList(vendorTaskStore), [vendorTaskStore]);
     const vendorActivity = useMemo(() => buildActivityItems(vendorTransportStore, refreshState?.session?.events ?? []), [vendorTransportStore, refreshState?.session?.events]);
+    const connectionPresentation = useMemo(() => configManager.config
+        ? buildConnectionPresentation({
+            umbrellaUrl: configManager.config.umbrellaUrl ?? undefined,
+            serverUrl: configManager.config.serverUrl,
+        }, authSnapshot)
+        : null, [authSnapshot]);
     const vendorProviders = useMemo(() => vendorProviderStore?.providers ?? [], [vendorProviderStore]);
     const vendorModels = useMemo(() => (vendorModelStore?.models ?? []).map((model) => model.label), [vendorModelStore]);
     const vendorSpaces = useMemo(() => (vendorSpaceStore?.spaces ?? []).map((space) => ({
@@ -347,11 +405,14 @@ function App() {
     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");
+        void (async () => {
+            const registryEntries = await listHubRegistryEntries();
+            setHubRegistryEntries(registryEntries);
+            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)
@@ -369,14 +430,24 @@ function App() {
             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");
+        setTasksPanelSelectedIndex((current) => {
+            if (vendorTasks.length === 0)
+                return 0;
+            if (current >= 0 && current < vendorTasks.length)
+                return current;
+            return activeIndex === -1 ? 0 : activeIndex;
+        });
     }, [activePanel, busyLabel, refreshState, vendorTasks, vendorTransportStore]);
     useEffect(() => {
         if (activePanel !== "activity" || busyLabel || !refreshState)
             return;
-        setActivityPanelSelectedIndex(0);
-        setActivityPanelMode("browse");
+        setActivityPanelSelectedIndex((current) => {
+            if (vendorActivity.length === 0)
+                return 0;
+            if (current >= 0 && current < vendorActivity.length)
+                return current;
+            return 0;
+        });
     }, [activePanel, busyLabel, refreshState, vendorActivity]);
     async function runPanelAction(busyText, action, successMessage) {
         setBusyLabel(busyText);
@@ -434,6 +505,12 @@ function App() {
                     createdAt: entry.createdAt ?? new Date().toISOString(),
                 })),
             });
+            if ((data.results ?? []).length === 0 && localMatches.length === 0) {
+                await removeTask(task.id);
+                setMessage(`No local or shared context matched "${query}".`);
+                setRefreshTick((value) => value + 1);
+                return;
+            }
             await recordSessionEvent({
                 kind: "query",
                 title: `Queried Context for "${query}"`,
@@ -444,8 +521,7 @@ function App() {
             });
             await completeTask(task.id, "completed", "Query finished.");
             setMessage(`Query finished for "${query}".`);
-            setActivePanel("tasks");
-            setSelectedPanelIndex(panelIndexFor("tasks"));
+            focusPanel("tasks", "panel");
             setRefreshTick((value) => value + 1);
         }
         finally {
@@ -472,6 +548,9 @@ function App() {
             const entry = await addPendingMemory({
                 content,
                 tags: [],
+                keywords: [],
+                category: null,
+                accessLevel: "space",
                 source: "cli",
                 systemType: "system1_knowledge",
             });
@@ -485,46 +564,48 @@ function App() {
             });
             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"));
+            focusPanel("tasks", "panel");
             setRefreshTick((value) => value + 1);
         }
         finally {
             setBusyLabel(null);
         }
     }
+    async function startSetupServerCheck(nextServer) {
+        const normalizedServer = trimSlash(nextServer);
+        setServerUrl(normalizedServer);
+        setInputValue("");
+        setBusyLabel("Checking Umbrella server...");
+        try {
+            setAuthSnapshot(setUmbrellaAuthChecking(normalizedServer, setupEmail || null));
+            const serverCheck = await checkUmbrellaOnboardingServer(normalizedServer);
+            if (serverCheck.deploymentMode === "authenticated") {
+                setSetupStep("email");
+                setMessage("Umbrella is reachable. Enter the email for the account you want to use on this device.");
+            }
+            else {
+                setAuthSnapshot(setUmbrellaAuthAuthorized(normalizedServer, null, serverCheck.companies.length));
+                setCompanies(serverCheck.companies);
+                setSelectedCompanyIndex(0);
+                setSetupStep("company");
+                setMessage("Umbrella is reachable and trusted mode is active. Choose a company next.");
+            }
+        }
+        catch (error) {
+            const snapshot = setUmbrellaAuthFailure(normalizedServer, error, setupEmail || null);
+            setAuthSnapshot(snapshot);
+            setMessage(`Could not reach Umbrella: ${snapshot.message}${snapshot.hint ? ` ${snapshot.hint}` : ""}`);
+        }
+        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 {
-                setAuthSnapshot(setUmbrellaAuthChecking(nextServer, setupEmail || null));
-                const serverCheck = await checkUmbrellaOnboardingServer(nextServer);
-                if (serverCheck.deploymentMode === "authenticated") {
-                    setSetupStep("email");
-                    setMessage("Umbrella is reachable. Enter the email for the account you want to use on this device.");
-                }
-                else {
-                    setAuthSnapshot(setUmbrellaAuthAuthorized(nextServer, null, serverCheck.companies.length));
-                    setCompanies(serverCheck.companies);
-                    setSelectedCompanyIndex(0);
-                    setSetupStep("company");
-                    setMessage("Umbrella is reachable and trusted mode is active. Choose a company next.");
-                }
-            }
-            catch (error) {
-                const snapshot = setUmbrellaAuthFailure(nextServer, error, setupEmail || null);
-                setAuthSnapshot(snapshot);
-                setMessage(`Could not reach Umbrella: ${snapshot.message}${snapshot.hint ? ` ${snapshot.hint}` : ""}`);
-            }
-            finally {
-                setBusyLabel(null);
-            }
+            await startSetupServerCheck(nextValue || serverUrl);
             return;
         }
         if (setupStep === "email") {
@@ -600,6 +681,17 @@ function App() {
         }
     }
     async function confirmSetupSelection() {
+        if (setupStep === "server-choice") {
+            const choice = SETUP_SERVER_CHOICES[selectedServerChoiceIndex]?.value ?? "live";
+            if (choice === "custom") {
+                setInputValue(serverUrl);
+                setSetupStep("server");
+                setMessage("Type the Umbrella server URL you want this device to use.");
+                return;
+            }
+            await startSetupServerCheck(choice === "local" ? LOCAL_UMBRELLA_SERVER_URL : DEFAULT_UMBRELLA_SERVER_URL);
+            return;
+        }
         if (setupStep === "company") {
             if (selectedCompanyIndex === companies.length) {
                 setInputValue("");
@@ -649,8 +741,7 @@ function App() {
                 setAuthSnapshot(setUmbrellaAuthAuthorized(serverUrl, setupEmail || null, companies.length));
                 setSetupStep("done");
                 setMessage(`Connected to ${setup.companyName} / ${setup.activeSpaceName}.`);
-                setActivePanel("home");
-                setSelectedPanelIndex(panelIndexFor("home"));
+                focusPanel("home", "sidebar");
                 setRefreshTick((value) => value + 1);
             }
             catch (error) {
@@ -690,7 +781,7 @@ function App() {
         }
         if (activePanel === "setup" && setupStep !== "done") {
             if (key.return) {
-                if (setupStep === "company" || setupStep === "space") {
+                if (setupStep === "server-choice" || setupStep === "company" || setupStep === "space") {
                     void confirmSetupSelection();
                 }
                 else {
@@ -700,11 +791,18 @@ function App() {
             }
             if (key.escape) {
                 if (configManager.config) {
-                    setActivePanel("home");
-                    setSelectedPanelIndex(panelIndexFor("home"));
+                    focusPanel("home", "sidebar");
                 }
                 return;
             }
+            if (key.upArrow && setupStep === "server-choice") {
+                setSelectedServerChoiceIndex((value) => Math.max(0, value - 1));
+                return;
+            }
+            if (key.downArrow && setupStep === "server-choice") {
+                setSelectedServerChoiceIndex((value) => Math.min(SETUP_SERVER_CHOICES.length - 1, value + 1));
+                return;
+            }
             if (key.upArrow && setupStep === "company") {
                 setSelectedCompanyIndex((value) => Math.max(0, value - 1));
                 return;
@@ -844,33 +942,89 @@ function App() {
             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.backspace && activePanel !== "setup") {
+            setNavigationFocus("sidebar");
+            if (activePanel === "tasks")
+                setTasksPanelMode("browse");
+            if (activePanel === "activity")
+                setActivityPanelMode("browse");
+            setMessage("Returned focus to the sidebar.");
+            return;
+        }
+        if (key.leftArrow) {
+            setNavigationFocus("sidebar");
+            if (activePanel === "tasks")
+                setTasksPanelMode("browse");
+            if (activePanel === "activity")
+                setActivityPanelMode("browse");
+            setMessage("Returned focus to the sidebar.");
+            return;
+        }
+        if (key.escape) {
+            if (navigationFocus === "panel") {
+                setNavigationFocus("sidebar");
+                if (activePanel === "tasks")
+                    setTasksPanelMode("browse");
+                if (activePanel === "activity")
+                    setActivityPanelMode("browse");
+                setMessage("Returned focus to the sidebar.");
+                return;
+            }
+        }
+        if (key.rightArrow && activePanel !== "setup") {
+            setNavigationFocus("panel");
+            return;
+        }
+        if (key.return && navigationFocus === "sidebar" && activePanel !== "setup") {
+            setNavigationFocus("panel");
+            setMessage(`Opened ${PANELS[selectedPanelIndex]?.title ?? "panel"}.`);
+            return;
+        }
+        const shortcutPanel = panelForShortcut(input);
+        if (shortcutPanel && activePanel !== "setup") {
+            focusPanel(shortcutPanel, "panel");
+            setMessage(`Jumped to ${PANELS[panelIndexFor(shortcutPanel)]?.title ?? shortcutPanel}.`);
+            return;
+        }
         if (key.upArrow || input === "k") {
-            if (!providerPanelOwnsArrows && !modelPanelOwnsArrows && !spacePanelOwnsArrows && !hubPanelOwnsArrows && !connectorsPanelOwnsArrows && !tasksPanelOwnsArrows && !activityPanelOwnsArrows) {
+            if (navigationFocus === "sidebar") {
                 const nextIndex = Math.max(0, selectedPanelIndex - 1);
-                setSelectedPanelIndex(nextIndex);
-                setActivePanel(PANELS[nextIndex]?.id ?? "home");
+                focusPanel(PANELS[nextIndex]?.id ?? "home", "sidebar");
                 return;
             }
         }
         if (key.downArrow || input === "j") {
-            if (!providerPanelOwnsArrows && !modelPanelOwnsArrows && !spacePanelOwnsArrows && !hubPanelOwnsArrows && !connectorsPanelOwnsArrows && !tasksPanelOwnsArrows && !activityPanelOwnsArrows) {
+            if (navigationFocus === "sidebar") {
                 const nextIndex = Math.min(PANELS.length - 1, selectedPanelIndex + 1);
-                setSelectedPanelIndex(nextIndex);
-                setActivePanel(PANELS[nextIndex]?.id ?? "home");
+                focusPanel(PANELS[nextIndex]?.id ?? "home", "sidebar");
                 return;
             }
         }
-        if (key.tab) {
-            const nextIndex = (selectedPanelIndex + 1) % PANELS.length;
-            setSelectedPanelIndex(nextIndex);
-            setActivePanel(PANELS[nextIndex]?.id ?? "home");
+        if (input === "[" && activePanel !== "setup") {
+            const nextIndex = selectedPanelIndex === 0 ? PANELS.length - 1 : selectedPanelIndex - 1;
+            focusPanel(PANELS[nextIndex]?.id ?? "home", navigationFocus);
+            setMessage(`Moved to ${PANELS[nextIndex]?.title ?? "panel"}.`);
+            return;
+        }
+        if (input === "]" && activePanel !== "setup") {
+            const nextIndex = selectedPanelIndex === PANELS.length - 1 ? 0 : selectedPanelIndex + 1;
+            focusPanel(PANELS[nextIndex]?.id ?? "home", navigationFocus);
+            setMessage(`Moved to ${PANELS[nextIndex]?.title ?? "panel"}.`);
+            return;
+        }
+        if (key.tab && activePanel !== "setup") {
+            if (navigationFocus === "sidebar") {
+                setNavigationFocus("panel");
+                setMessage(`Opened ${PANELS[selectedPanelIndex]?.title ?? "panel"}.`);
+            }
+            else {
+                setNavigationFocus("sidebar");
+                if (activePanel === "tasks")
+                    setTasksPanelMode("browse");
+                if (activePanel === "activity")
+                    setActivityPanelMode("browse");
+                setMessage("Returned focus to the sidebar.");
+            }
             return;
         }
         if (input === "?") {
@@ -886,9 +1040,12 @@ function App() {
         if (input === "s") {
             setActivePanel("setup");
             setSelectedPanelIndex(0);
+            setNavigationFocus("panel");
             return;
         }
         if (activePanel === "providers") {
+            if (navigationFocus === "sidebar")
+                return;
             if (key.upArrow || input === "k") {
                 setProviderPanelSelectedIndex((value) => Math.max(0, value - 1));
                 return;
@@ -941,12 +1098,13 @@ function App() {
                 return;
             }
             if (input === "m") {
-                setActivePanel("model");
-                setSelectedPanelIndex(panelIndexFor("model"));
+                focusPanel("model", "panel");
                 return;
             }
         }
         if (activePanel === "model") {
+            if (navigationFocus === "sidebar")
+                return;
             if (key.upArrow || input === "k") {
                 setModelPanelSelectedIndex((value) => Math.max(0, value - 1));
                 return;
@@ -979,6 +1137,8 @@ function App() {
             }
         }
         if (activePanel === "spaces") {
+            if (navigationFocus === "sidebar")
+                return;
             if (key.upArrow || input === "k") {
                 setSpacePanelSelectedIndex((value) => Math.max(0, value - 1));
                 return;
@@ -1018,6 +1178,19 @@ function App() {
             }
         }
         if (activePanel === "tasks") {
+            if (key.escape) {
+                if (tasksPanelMode === "inspect") {
+                    setTasksPanelMode("browse");
+                    setMessage("Returned to the task list.");
+                }
+                else {
+                    setNavigationFocus("sidebar");
+                    setMessage("Returned focus to the sidebar.");
+                }
+                return;
+            }
+            if (navigationFocus === "sidebar")
+                return;
             if (key.upArrow || input === "k") {
                 if (tasksPanelMode === "inspect")
                     return;
@@ -1030,28 +1203,52 @@ function App() {
                 setTasksPanelSelectedIndex((value) => Math.min(Math.max(0, vendorTasks.length - 1), value + 1));
                 return;
             }
-            if (key.return || input === "i") {
+            if (input === "i") {
                 const task = vendorTasks[tasksPanelSelectedIndex];
                 if (!task)
                     return;
                 setTasksPanelMode("inspect");
+                setMessage(`Inspecting task ${task.taskId}.`);
                 return;
             }
-            if (input === "o") {
+            if (key.return) {
                 const task = vendorTasks[tasksPanelSelectedIndex];
                 if (!task)
                     return;
+                if (tasksPanelMode === "browse") {
+                    setTasksPanelMode("inspect");
+                    setMessage(`Inspecting task ${task.taskId}.`);
+                    return;
+                }
                 const nextPanel = panelForTaskKind(task.type);
-                setActivePanel(nextPanel);
-                setSelectedPanelIndex(panelIndexFor(nextPanel));
+                focusPanel(nextPanel, "panel");
+                setMessage(`Opened ${PANELS[panelIndexFor(nextPanel)]?.title ?? nextPanel} from task ${task.taskId}.`);
                 return;
             }
-            if (key.escape && tasksPanelMode === "inspect") {
-                setTasksPanelMode("browse");
+            if (input === "o") {
+                const task = vendorTasks[tasksPanelSelectedIndex];
+                if (!task)
+                    return;
+                const nextPanel = panelForTaskKind(task.type);
+                focusPanel(nextPanel, "panel");
+                setMessage(`Opened ${PANELS[panelIndexFor(nextPanel)]?.title ?? nextPanel} from task ${task.taskId}.`);
                 return;
             }
         }
         if (activePanel === "activity") {
+            if (key.escape) {
+                if (activityPanelMode === "inspect") {
+                    setActivityPanelMode("browse");
+                    setMessage("Returned to the activity list.");
+                }
+                else {
+                    setNavigationFocus("sidebar");
+                    setMessage("Returned focus to the sidebar.");
+                }
+                return;
+            }
+            if (navigationFocus === "sidebar")
+                return;
             if (key.upArrow || input === "k") {
                 if (activityPanelMode === "inspect")
                     return;
@@ -1064,32 +1261,48 @@ function App() {
                 setActivityPanelSelectedIndex((value) => Math.min(Math.max(0, vendorActivity.length - 1), value + 1));
                 return;
             }
-            if (key.return || input === "o") {
+            if (key.return) {
                 const event = vendorActivity[activityPanelSelectedIndex];
                 if (!event)
                     return;
-                if (input !== "o" && key.return && activityPanelMode === "browse") {
+                if (activityPanelMode === "browse") {
                     setActivityPanelMode("inspect");
+                    setMessage(`Inspecting activity item: ${event.title}.`);
                     return;
                 }
                 const nextPanel = panelForActivityItem(event);
                 if (!nextPanel)
                     return;
-                setActivePanel(nextPanel);
-                setSelectedPanelIndex(panelIndexFor(nextPanel));
-                return;
-            }
-            if (key.escape && activityPanelMode === "inspect") {
-                setActivityPanelMode("browse");
+                focusPanel(nextPanel, "panel");
+                setMessage(`Opened ${PANELS[panelIndexFor(nextPanel)]?.title ?? nextPanel} from activity.`);
                 return;
             }
             if (input === "i") {
+                const event = vendorActivity[activityPanelSelectedIndex];
                 setActivityPanelMode("inspect");
+                if (event) {
+                    setMessage(`Inspecting activity item: ${event.title}.`);
+                }
+                return;
+            }
+            if (input === "o") {
+                const event = vendorActivity[activityPanelSelectedIndex];
+                if (!event)
+                    return;
+                const nextPanel = panelForActivityItem(event);
+                if (!nextPanel) {
+                    setMessage("That activity item does not point to a related panel.");
+                    return;
+                }
+                focusPanel(nextPanel, "panel");
+                setMessage(`Opened ${PANELS[panelIndexFor(nextPanel)]?.title ?? nextPanel} from activity.`);
                 return;
             }
         }
         if (activePanel === "hub") {
-            const registryEntries = listHubRegistryEntries();
+            if (navigationFocus === "sidebar")
+                return;
+            const registryEntries = hubRegistryEntries;
             if (key.upArrow || input === "k") {
                 setHubPanelSelectedIndex((value) => Math.max(0, value - 1));
                 return;
@@ -1129,6 +1342,8 @@ function App() {
             }
         }
         if (activePanel === "connectors") {
+            if (navigationFocus === "sidebar")
+                return;
             const registryEntries = listConnectorTemplates();
             if (key.upArrow || input === "k") {
                 setConnectorsPanelSelectedIndex((value) => Math.max(0, value - 1));
@@ -1205,43 +1420,61 @@ function App() {
             ? "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"
+                    ? navigationFocus === "sidebar"
+                        ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens it | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                        : "Providers: Up/Down choose | Enter or w switch | c connect | d disconnect | t test | i inspect recent | g guided setup | m model | Esc or Left returns to sidebar | ? 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"
+                        ? navigationFocus === "sidebar"
+                            ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens it | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                            : "Model: Up/Down choose | Enter or w switch | i inspect recent | t readiness | Esc or Left returns to sidebar | ? query | + curate | q quit"
                         : "Model runtime panel"
                     : activePanel === "spaces"
-                        ? "Spaces: i list | w switch | n create | ? query | + curate | q quit"
+                        ? navigationFocus === "sidebar"
+                            ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens it | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                            : "Spaces: Enter or w switch | n create | i refresh | Esc or Left returns to sidebar | ? 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"
+                                ? navigationFocus === "sidebar"
+                                    ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens it | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                                    : "Hub: Up/Down choose | Enter or n install | i inspect | b guided browse | l refresh | Esc or Left returns to sidebar | ? 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"
+                                    ? navigationFocus === "sidebar"
+                                        ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens it | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                                        : "Connectors: Up/Down choose | Enter or i install | r run | o outputs | v inspect | Esc or Left returns to sidebar | ? 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"
+                                        ? navigationFocus === "sidebar"
+                                            ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens tasks | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                                            : "Tasks: Up/Down choose | Enter or i inspect | o open related panel | Esc or Left returns to sidebar | r refresh | ? query | + curate | q quit"
+                                        : "Tasks inspect: Esc goes back to the task list | Enter or o opens related panel | Left returns to sidebar | 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";
+                                            ? navigationFocus === "sidebar"
+                                                ? "Sidebar focus: Up/Down choose panel | Enter, Right, or Tab opens activity | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? query | + curate | p push | l pull | s setup | q quit"
+                                                : "Activity: Up/Down choose | Enter or i inspect | o open related panel | Esc or Left returns to sidebar | r refresh | ? query | + curate | q quit"
+                                            : "Activity inspect: Esc goes back to the event list | Left returns to sidebar | Enter or o opens related panel | r refresh | ? query | + curate | q quit"
+                                        : "Sidebar focus: Up/Down or j/k move panels | Enter, Right, or Tab opens a panel | [ ] cycle panels | 1-9 or h/t/a/v/m/w/b/c/u jumps panels | ? 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, { authSnapshot: authSnapshot, busyLabel: busyLabel, companies: companies, config: config, inputValue: inputValue, message: message, onInputChange: setInputValue, selectedCompanyIndex: selectedCompanyIndex, selectedSpaceIndex: selectedSpaceIndex, serverUrl: serverUrl, spaces: spaces, step: setupStep }));
+        mainContent = (_jsx(SetupView, { authSnapshot: authSnapshot, busyLabel: busyLabel, companies: companies, config: config, inputValue: inputValue, message: message, onInputChange: setInputValue, selectedCompanyIndex: selectedCompanyIndex, selectedServerChoiceIndex: selectedServerChoiceIndex, 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." })] }));
+        mainContent = (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "This terminal app can open before live sign-in is finished." }), _jsx(Text, { color: "gray", children: "Right now this repo is not fully linked to a company and space yet." }), _jsx(Text, { color: "gray", children: "Open Setup and finish the device link before you expect shared server context to work." })] }));
     }
     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] })] }));
+        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." }), _jsx(Text, { color: "gray", children: "The TUI is local-first: it reads this repo's .um folder even before the live server is queried." }), connectionPresentation ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: connectionPresentation.connectionMode === "verified_live_connection" ? "green" : "yellow", children: connectionPresentation.connectionMode === "verified_live_connection"
+                                ? "Live connection verified"
+                                : "Saved local setup only" }), _jsx(Text, { color: "gray", children: connectionPresentation.connectionSummary }), connectionPresentation.warnings.map((warning) => (_jsxs(Text, { color: "yellow", children: ["- ", warning] }, warning)))] })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Section, { title: "Connection", children: [_jsx(StatusLine, { label: "Umbrella server", value: config.umbrellaUrl ?? config.serverUrl }), _jsx(StatusLine, { label: "Auth state", value: formatUmbrellaAuthStatus(connectionPresentation?.authSnapshot.status ?? authSnapshot.status) }), _jsx(StatusLine, { label: "Shared API key", value: config.apiKey ? "Saved" : "Missing" }), _jsx(StatusLine, { label: "Connection mode", value: connectionPresentation?.connectionMode === "verified_live_connection"
+                                        ? "Verified live connection"
+                                        : "Saved local config only" })] }), _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, connectionPresentation?.connectionMode === "saved_local_config" ? (_jsx(Section, { title: "Next Step", children: _jsx(Text, { color: "yellow", children: "Run setup again before you trust shared server actions for this repo." }) })) : 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 ??
@@ -1266,8 +1499,7 @@ function App() {
         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 }));
+        mainContent = (_jsx(HubPanelView, { installedSlugs: vendorHubStore?.installedSlugs ?? [], recentSlug: vendorHubStore?.recentSlug ?? null, registryEntries: hubRegistryEntries, selectedIndex: hubPanelSelectedIndex }));
     }
     else if (activePanel === "connectors") {
         const registryEntries = listConnectorTemplates();
@@ -1276,7 +1508,7 @@ function App() {
     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 internal 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: "Runtime Bridge", 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] }));
+    return (_jsxs(PanelShell, { activePanel: activePanel, footer: footer, message: busyLabel ? `${busyLabel}` : message, navigationFocus: navigationFocus, 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) {