gloomberb 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gloomberb",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Bloomberg-style stock portfolio tracker for the terminal",
   "module": "src/index.tsx",
   "type": "module",

package/src/app.tsx

@@ -51,7 +51,7 @@ import { setLayoutManagerDispatch } from "./plugins/builtin/layout-manager";
 import { getLoadablePlugins } from "./plugins/catalog";
 import { saveConfig } from "./data/config-store";
 import { Toaster, toast } from "@opentui-ui/toast/react";
-import { canSelfUpdate, checkForUpdateDetailed, performUpdate } from "./updater";
+import { canSelfUpdate, checkForUpdateDetailed, performUpdate, type ReleaseInfo } from "./updater";
 import { VERSION } from "./version";
 import { join } from "path";
 import {
@@ -525,6 +525,13 @@ function AppInner({ pluginRegistry, tickerRepository, dataProvider, marketData,
     }
   }, [state.config.brokerInstances, importBrokerPositions]);
 
+  const startUpdate = useCallback((release: ReleaseInfo) => {
+    dispatch({ type: "SET_UPDATE_PROGRESS", progress: { phase: "downloading", percent: 0 } });
+    void performUpdate(release, (progress) => {
+      dispatch({ type: "SET_UPDATE_PROGRESS", progress });
+    });
+  }, [dispatch]);
+
   const runUpdateCheck = useCallback(async (manual = false) => {
     if (manual) {
       dispatch({ type: "SET_UPDATE_CHECK_IN_PROGRESS", checking: true });
@@ -566,6 +573,12 @@ function AppInner({ pluginRegistry, tickerRepository, dataProvider, marketData,
     void runUpdateCheck(false);
   }, [runUpdateCheck]);
 
+  useEffect(() => {
+    if (!state.updateAvailable || state.updateProgress || state.updateCheckInProgress) return;
+    if (!canSelfUpdate(state.updateAvailable)) return;
+    startUpdate(state.updateAvailable);
+  }, [startUpdate, state.updateAvailable, state.updateCheckInProgress, state.updateProgress]);
+
   // Load tickers on mount
   useEffect(() => {
     if (state.initialized || (globalThis as any).__gloomInitStarted) return;
@@ -1172,9 +1185,7 @@ function AppInner({ pluginRegistry, tickerRepository, dataProvider, marketData,
         dispatch({ type: "SET_COMMAND_BAR", open: true, query: "" });
       }
     } else if (event.name === "u" && state.updateAvailable && !state.updateProgress && !state.updateCheckInProgress && canSelfUpdate(state.updateAvailable)) {
-      performUpdate(state.updateAvailable, (progress) => {
-        dispatch({ type: "SET_UPDATE_PROGRESS", progress });
-      });
+      startUpdate(state.updateAvailable);
     } else {
       // Plugin keyboard shortcuts (built-ins take priority)
       const disabledPlugins = new Set(state.config.disabledPlugins || []);
@@ -1278,6 +1289,7 @@ export function App({
   useEffect(() => {
     return () => {
       setSharedMarketDataCoordinator(null);
+      services.pluginRegistry.destroy();
       services.persistence.close();
     };
   }, [services]);

package/src/components/command-bar/command-bar.tsx

@@ -2488,6 +2488,10 @@ export function CommandBar({
           return name ? `in "${name}"` : command.description;
         }
         case "check-for-updates":
+          if (state.updateProgress?.phase === "downloading") return `Downloading v${state.updateAvailable?.version}: ${state.updateProgress.percent ?? 0}%`;
+          if (state.updateProgress?.phase === "replacing") return "Installing update";
+          if (state.updateProgress?.phase === "done") return "Update installed - restart to apply";
+          if (state.updateProgress?.phase === "error") return `Update failed: ${state.updateProgress.error}`;
           if (state.updateCheckInProgress) return "Checking GitHub releases now";
           if (state.updateAvailable) return `Latest available: v${state.updateAvailable.version}`;
           if (state.updateNotice) return state.updateNotice;

package/src/components/layout/floating-pane.tsx

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 import { colors, floatingPaneBg } from "../../theme/colors";
 import { PaneHeader } from "./pane-header";
+import { getPaneBodyHeight } from "./pane-sizing";
 
 interface FloatingPaneWrapperProps {
   title: string;
@@ -20,6 +21,7 @@ export function FloatingPaneWrapper({
   title, x, y, width, height, zIndex, focused, showActions = false, onMouseMove, children,
 }: FloatingPaneWrapperProps) {
   const bg = floatingPaneBg(focused);
+  const bodyHeight = getPaneBodyHeight(height);
 
   return (
     <box
@@ -36,7 +38,7 @@ export function FloatingPaneWrapper({
       <PaneHeader title={title} width={width} focused={focused} floating showActions={showActions} />
 
       {/* Content */}
-      <box flexGrow={1} overflow="hidden">
+      <box height={bodyHeight} overflow="hidden">
         {children}
       </box>
 

package/src/components/layout/header.tsx

@@ -31,7 +31,7 @@ function UpdateStatus() {
         <box flexDirection="row" gap={1}>
           <spinner name="dots" color={colors.headerText} />
           <text fg={colors.headerText}>
-            Downloading v{updateAvailable?.version}... {updateProgress.percent ?? 0}%
+            Downloading v{updateAvailable?.version}: {updateProgress.percent ?? 0}%
           </text>
         </box>
       );
@@ -45,7 +45,7 @@ function UpdateStatus() {
       );
     }
     if (updateProgress.phase === "done") {
-      return <text fg={colors.headerText}>Update installed — restart to apply</text>;
+      return <text fg={colors.headerText}>Update installed, restart to apply</text>;
     }
     if (updateProgress.phase === "error") {
       return <text fg={colors.headerText}>Update failed: {updateProgress.error}</text>;
@@ -71,7 +71,7 @@ function UpdateStatus() {
     }
     return (
       <text fg={colors.headerText}>
-        v{updateAvailable.version} available — press <span fg={colors.headerText}>u</span> to update
+        v{updateAvailable.version} available — starting download...
       </text>
     );
   }

package/src/components/layout/pane-sizing.ts

@@ -0,0 +1,6 @@
+const RESERVED_PANE_CHROME_ROWS = 2;
+
+export function getPaneBodyHeight(height: number): number {
+  // Reserve the header row plus the bottom border/resize row.
+  return Math.max(1, height - RESERVED_PANE_CHROME_ROWS);
+}

package/src/components/layout/pane.tsx

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 import { paneBg } from "../../theme/colors";
 import { PaneHeader } from "./pane-header";
+import { getPaneBodyHeight } from "./pane-sizing";
 
 interface PaneWrapperProps {
   title?: string;
@@ -26,6 +27,9 @@ export function PaneWrapper({
   children,
 }: PaneWrapperProps) {
   const bg = paneBg(focused);
+  const bodyHeight = typeof height === "number"
+    ? title ? getPaneBodyHeight(height) : height
+    : undefined;
 
   return (
     <box
@@ -41,7 +45,7 @@ export function PaneWrapper({
       {title && (
         <PaneHeader title={title} width={width} focused={focused} showActions={showActions} />
       )}
-      <box flexGrow={1} overflow="hidden">
+      <box height={bodyHeight} flexGrow={bodyHeight == null ? 1 : 0} overflow="hidden">
         {children}
       </box>
     </box>

package/src/components/layout/shell.test.tsx

@@ -1,12 +1,14 @@
 import { afterEach, describe, expect, test } from "bun:test";
 import { testRender } from "@opentui/react/test-utils";
 import { DialogProvider } from "@opentui-ui/dialog/react";
+import type { ReactNode } from "react";
 import { act, useReducer } from "react";
 import { AppContext, appReducer, createInitialState } from "../../state/app-context";
 import { cloneLayout, createDefaultConfig } from "../../types/config";
 import type { PluginRegistry } from "../../plugins/registry";
 import { setSharedRegistryForTests } from "../../plugins/registry";
 import { portfolioListPlugin } from "../../plugins/builtin/portfolio-list";
+import type { PaneProps } from "../../types/plugin";
 import { StatusBar } from "./status-bar";
 import { Header } from "./header";
 import { buildNativeWindowState, finalizePaneDragRelease, resolveNativeDockDividers, Shell } from "./shell";
@@ -26,7 +28,9 @@ afterEach(() => {
   setSharedRegistryForTests(undefined);
 });
 
-function createShellPluginRegistry(): PluginRegistry {
+function createShellPluginRegistry(options?: {
+  tickerDetailComponent?: (props: PaneProps) => ReactNode;
+}): PluginRegistry {
   return {
     panes: new Map([
       ["portfolio-list", {
@@ -38,7 +42,7 @@ function createShellPluginRegistry(): PluginRegistry {
       ["ticker-detail", {
         id: "ticker-detail",
         name: "Ticker Detail",
-        component: () => <text>Ticker Detail Body</text>,
+        component: options?.tickerDetailComponent ?? (() => <text>Ticker Detail Body</text>),
         defaultPosition: "right",
         defaultMode: "floating",
       }],
@@ -160,15 +164,18 @@ function createHeaderDataProvider(): DataProvider {
 
 function HeaderHarness({
   updateAvailable = null,
+  updateProgress = null,
   updateCheckInProgress = false,
   updateNotice = null,
 }: {
   updateAvailable?: ReturnType<typeof createInitialState>["updateAvailable"];
+  updateProgress?: ReturnType<typeof createInitialState>["updateProgress"];
   updateCheckInProgress?: boolean;
   updateNotice?: string | null;
 }) {
   const initialState = createInitialState(createDefaultConfig("/tmp/gloomberb-header-test"));
   initialState.updateAvailable = updateAvailable;
+  initialState.updateProgress = updateProgress;
   initialState.updateCheckInProgress = updateCheckInProgress;
   initialState.updateNotice = updateNotice;
   const [state, dispatch] = useReducer(appReducer, initialState);
@@ -258,7 +265,7 @@ function BrokerShellHarness({ pluginRegistry }: { pluginRegistry: PluginRegistry
 }
 
 describe("Header", () => {
-  test("shows the self-update shortcut for standalone binaries", async () => {
+  test("shows automatic self-update status for standalone binaries", async () => {
     testSetup = await testRender(
       <HeaderHarness updateAvailable={{
         version: "0.3.0",
@@ -274,7 +281,8 @@ describe("Header", () => {
     const frame = testSetup.captureCharFrame();
 
     expect(frame).toContain("v0.3.0 available");
-    expect(frame).toContain("press u to update");
+    expect(frame).toContain("starting download");
+    expect(frame).not.toContain("press u to update");
   });
 
   test("shows the manual npm command when self-update is disabled", async () => {
@@ -297,7 +305,26 @@ describe("Header", () => {
     expect(frame).not.toContain("press u to update");
   });
 
-  test("shows update check progress and notices", async () => {
+  test("shows update download progress and notices", async () => {
+    testSetup = await testRender(
+      <HeaderHarness
+        updateAvailable={{
+          version: "0.3.0",
+          tagName: "v0.3.0",
+          downloadUrl: "https://example.com/gloomberb",
+          publishedAt: "2026-04-01T00:00:00.000Z",
+          updateAction: { kind: "self" },
+        }}
+        updateProgress={{ phase: "downloading", percent: 42 }}
+      />,
+      { width: 120, height: 2 },
+    );
+
+    await testSetup.renderOnce();
+    expect(testSetup.captureCharFrame()).toContain("Downloading v0.3.0: 42%");
+
+    testSetup.renderer.destroy();
+
     testSetup = await testRender(
       <HeaderHarness updateCheckInProgress />,
       { width: 120, height: 2 },
@@ -648,4 +675,49 @@ describe("Shell", () => {
     expect(updateLayout?.layout.floating).toEqual([]);
     expect(updateLayout?.layout.dockRoot).toEqual({ kind: "pane", instanceId: "portfolio-list:main" });
   });
+
+  test("keeps the last floating pane body row visible above the border", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-shell-footer-test");
+    const detailPane = config.layout.instances.find((instance) => instance.instanceId === "ticker-detail:main");
+    if (!detailPane) throw new Error("missing detail pane");
+
+    const floatingOnlyLayout = {
+      dockRoot: null,
+      instances: [{ ...detailPane }],
+      floating: [{ instanceId: "ticker-detail:main", x: 4, y: 2, width: 30, height: 8, zIndex: 75 }],
+    };
+    const state = {
+      ...createInitialState({
+        ...config,
+        layout: cloneLayout(floatingOnlyLayout),
+        layouts: [{ name: "Default", layout: cloneLayout(floatingOnlyLayout) }],
+      }),
+      focusedPaneId: "ticker-detail:main",
+    };
+
+    testSetup = await testRender(
+      <AppContext value={{ state, dispatch: () => {} }}>
+        <DialogProvider dialogOptions={{ style: { backgroundColor: "#000000", borderColor: "#ffffff", borderStyle: "single" } }}>
+          <Shell pluginRegistry={createShellPluginRegistry({
+            tickerDetailComponent: ({ width, height }) => (
+              <box flexDirection="column" width={width} height={height}>
+                <box flexGrow={1} />
+                <box paddingLeft={1}>
+                  <text>Footer Probe</text>
+                </box>
+              </box>
+            ),
+          })} />
+        </DialogProvider>
+      </AppContext>,
+      { width: 40, height: 12 },
+    );
+
+    await act(async () => {
+      await testSetup!.renderOnce();
+      await testSetup!.renderOnce();
+    });
+
+    expect(testSetup.captureCharFrame()).toContain("Footer Probe");
+  });
 });

package/src/components/layout/shell.tsx

@@ -38,6 +38,7 @@ import { PANE_HEADER_ACTION, PANE_HEADER_CLOSE } from "./pane-header";
 import { getNativeSurfaceManager, type NativeOccluder, type NativePaneLayer } from "../chart/native/surface-manager";
 import { FloatingPaneWrapper } from "./floating-pane";
 import { PaneWrapper } from "./pane";
+import { getPaneBodyHeight } from "./pane-sizing";
 
 interface ShellProps {
   pluginRegistry: PluginRegistry;
@@ -984,6 +985,7 @@ export function Shell({ pluginRegistry }: ShellProps) {
         if (!pane) return null;
         const focused = state.focusedPaneId === leaf.instanceId && (!overlayOpen || menuState?.paneId === leaf.instanceId);
         const showActions = focused || hoveredPaneId === leaf.instanceId || menuState?.paneId === leaf.instanceId;
+        const bodyHeight = getPaneBodyHeight(leaf.rect.height);
         return (
           <box
             key={`dock:${leaf.instanceId}`}
@@ -1007,7 +1009,7 @@ export function Shell({ pluginRegistry }: ShellProps) {
                   paneType={pane.instance.paneId}
                   focused={focused}
                   width={leaf.rect.width}
-                  height={leaf.rect.height - 1}
+                  height={bodyHeight}
                 />
               </PaneInstanceProvider>
             </PaneWrapper>
@@ -1019,6 +1021,7 @@ export function Shell({ pluginRegistry }: ShellProps) {
         const preview = dragFloatingRect?.paneId === pane.instance.instanceId ? dragFloatingRect.rect : pane.floating!;
         const focused = state.focusedPaneId === pane.instance.instanceId && (!overlayOpen || menuState?.paneId === pane.instance.instanceId);
         const showActions = focused || hoveredPaneId === pane.instance.instanceId || menuState?.paneId === pane.instance.instanceId;
+        const bodyHeight = getPaneBodyHeight(preview.height);
         return (
           <FloatingPaneWrapper
             key={`float:${pane.instance.instanceId}`}
@@ -1038,7 +1041,7 @@ export function Shell({ pluginRegistry }: ShellProps) {
                 paneType={pane.instance.paneId}
                 focused={focused}
                 width={preview.width}
-                height={preview.height - 1}
+                height={bodyHeight}
                 close={() => handleFloatingClose(pane.instance.instanceId)}
               />
             </PaneInstanceProvider>

package/src/components/ticker-list-table.tsx

@@ -86,7 +86,13 @@ const TickerListHeader = memo(function TickerListHeader({
       scrollX
       focusable={false}
     >
-      <box flexDirection="row" height={1} paddingX={1}>
+      <box
+        flexDirection="row"
+        height={1}
+        width="100%"
+        paddingX={1}
+        backgroundColor={colors.panel}
+      >
         {columns.map((column) => {
           const isSorted = sortColumnId === column.id;
           const indicator = isSorted ? (sortDirection === "asc" ? " \u25B2" : " \u25BC") : "";
@@ -95,6 +101,7 @@ const TickerListHeader = memo(function TickerListHeader({
             <box
               key={column.id}
               width={column.width + 1}
+              backgroundColor={colors.panel}
               onMouseDown={onHeaderClick ? (event) => {
                 event.preventDefault();
                 onHeaderClick(column.id);

package/src/components/ui/data-table.tsx

@@ -1,7 +1,8 @@
-import { useMemo, useState, type RefObject } from "react";
+import { useCallback, useMemo, useState, type RefObject } from "react";
 import { TextAttributes, type ScrollBoxRenderable } from "@opentui/core";
 import { colors, hoverBg } from "../../theme/colors";
 import type { ColumnConfig } from "../../types/config";
+import { useAppDispatch, usePaneInstance } from "../../state/app-context";
 import { padTo } from "../../utils/format";
 import { useDoubleClickActivation } from "../use-double-click-activation";
 import { EmptyState } from "./status";
@@ -75,6 +76,8 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
   virtualize = false,
   overscan = 3,
 }: DataTableProps<T, C>) {
+  const dispatch = useAppDispatch();
+  const paneInstanceId = usePaneInstance()?.instanceId ?? null;
   const [scrollVersion, setScrollVersion] = useState(0);
   const scrollTop = virtualize ? (scrollRef.current?.scrollTop ?? 0) : 0;
   const viewportHeight = virtualize
@@ -106,11 +109,21 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
     }
     onBodyScrollActivity();
   };
+  const focusPane = useCallback(() => {
+    if (!paneInstanceId) return;
+    dispatch({ type: "FOCUS_PANE", paneId: paneInstanceId });
+  }, [dispatch, paneInstanceId]);
 
   return (
     <>
       <scrollbox ref={headerScrollRef} height={1} scrollX focusable={false}>
-        <box flexDirection="row" height={1} paddingX={1}>
+        <box
+          flexDirection="row"
+          height={1}
+          width="100%"
+          paddingX={1}
+          backgroundColor={colors.panel}
+        >
           {columns.map((column) => {
             const isSorted = sortColumnId === column.id;
             const indicator = isSorted
@@ -127,7 +140,9 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
               <box
                 key={column.id}
                 width={column.width + 1}
+                backgroundColor={colors.panel}
                 onMouseDown={(event) => {
+                  focusPane();
                   event.preventDefault();
                   onHeaderClick(column.id);
                 }}
@@ -150,7 +165,10 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
         scrollX
         scrollY
         focusable={false}
-        onMouseDown={() => queueMicrotask(syncHeaderScroll)}
+        onMouseDown={() => {
+          focusPane();
+          queueMicrotask(syncHeaderScroll);
+        }}
         onMouseUp={() => queueMicrotask(handleBodyScrollActivity)}
         onMouseDrag={() => queueMicrotask(handleBodyScrollActivity)}
         onMouseScroll={() => queueMicrotask(handleBodyScrollActivity)}
@@ -181,6 +199,7 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
                   backgroundColor={rowBg}
                   onMouseMove={() => setHoveredIdx(index)}
                   onMouseDown={(event) => {
+                    focusPane();
                     event.preventDefault();
                     handleRowMouseDown(getItemKey(item, index), {
                       item,
@@ -198,6 +217,7 @@ export function DataTable<T, C extends DataTableColumn = DataTableColumn>({
                         key={column.id}
                         width={column.width + 1}
                         onMouseDown={(event) => {
+                          focusPane();
                           if (cell.onMouseDown) {
                             cell.onMouseDown(event);
                             return;

package/src/plugins/builtin/chat-controller.test.ts

@@ -84,6 +84,7 @@ class MemoryPersistence implements PluginPersistence {
 }
 
 afterEach(() => {
+  apiClient.dispose();
   apiClient.setSessionToken(null);
   apiClient.connectChannel = originalConnectChannel;
   apiClient.getSession = originalGetSession;
@@ -203,6 +204,35 @@ describe("ChatController", () => {
     controller.reset(true);
   });
 
+  test("dispose stops verification polling and closes the live connection", () => {
+    const controller = new ChatController();
+    let closed = false;
+
+    apiClient.setSessionToken("token-123");
+    (controller as any).user = { id: "u1", username: "vince", emailVerified: false };
+    (controller as any).syncVerificationPolling();
+    expect((controller as any).verificationPollTimer).not.toBeNull();
+
+    (controller as any).user = { id: "u1", username: "vince", emailVerified: true };
+    apiClient.connectChannel = () => ({
+      send: async () => {
+        throw new Error("not implemented");
+      },
+      close: () => {
+        closed = true;
+      },
+    });
+
+    controller.ensureConnection();
+    expect((controller as any).wsConnection).not.toBeNull();
+
+    controller.dispose();
+
+    expect(closed).toBe(true);
+    expect((controller as any).verificationPollTimer).toBeNull();
+    expect((controller as any).wsConnection).toBeNull();
+  });
+
   test("keeps the cached session when session refresh fails transiently", async () => {
     const persistence = new MemoryPersistence();
     const controller = new ChatController();

package/src/plugins/builtin/chat-controller.ts

@@ -1,5 +1,6 @@
 import type { PluginPersistence, PluginResumeState } from "../../types/plugin";
 import { apiClient, type ChatMessage, type PersistedAuthUser } from "../../utils/api-client";
+import { debugLog } from "../../utils/debug-log";
 import { toTimestampMillis } from "../../utils/timestamp";
 
 const SESSION_STATE_KEY = "session";
@@ -18,6 +19,7 @@ const VERIFICATION_POLL_MS = 5_000;
 const ISO_TIMESTAMP_CURSOR = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?Z$/;
 const USERNAME_MENTION = /(^|[^A-Za-z0-9_])@([A-Za-z][A-Za-z0-9_]{2,29})(?![A-Za-z0-9_])/g;
 const PENDING_RECONCILE_WINDOW_MS = 2 * 60_000;
+const chatLog = debugLog.createLogger("chat-controller");
 
 interface PersistedSessionState {
   sessionToken: string | null;
@@ -326,6 +328,22 @@ export class ChatController {
     this.emit();
   }
 
+  dispose(): void {
+    chatLog.info("dispose controller", {
+      listeners: this.listeners.size,
+      hasConnection: !!this.wsConnection,
+    });
+    this.stopVerificationPolling();
+    this.wsConnection?.close();
+    this.wsConnection = null;
+    this.wsConnected = false;
+    this.messagesLoading = false;
+    this.refreshMessagesPromise = null;
+    this.openViewCount = 0;
+    this.toastFn = () => {};
+    this.listeners.clear();
+  }
+
   send(content: string, replyToId?: string): void {
     if (!this.user?.emailVerified || !apiClient.getSessionToken()) return;
     if (!this.wsConnection && this.user?.emailVerified && apiClient.getSessionToken()) {

package/src/plugins/builtin/chat.tsx

@@ -674,6 +674,11 @@ export const gloomberbCloudPlugin: GloomPlugin = {
       hidden: () => !apiClient.getSessionToken(),
     });
   },
+
+  dispose() {
+    chatController.dispose();
+    apiClient.dispose();
+  },
 };
 
 export const chatPlugin = gloomberbCloudPlugin;

package/src/plugins/builtin/layout-manager.tsx

@@ -25,6 +25,11 @@ export function setLayoutManagerDispatch(
   getStateRef = getState;
 }
 
+export function clearLayoutManagerDispatch() {
+  dispatchRef = null;
+  getStateRef = null;
+}
+
 function persistLayout(layout: LayoutConfig) {
   if (!dispatchRef) return;
   dispatchRef({ type: "PUSH_LAYOUT_HISTORY" });
@@ -261,4 +266,8 @@ export const layoutManagerPlugin: GloomPlugin = {
       },
     });
   },
+
+  dispose() {
+    clearLayoutManagerDispatch();
+  },
 };

package/src/plugins/ibkr/gateway-service.test.ts

@@ -5,6 +5,7 @@ import {
   applyTickByTickAllLastToQuote,
   applyTickByTickBidAskToQuote,
   diagnoseLocalIbkrPortIssue,
+  IbkrGatewayServiceManager,
   IbkrGatewayService,
   parseIbkrHistoricalBarTime,
   resolveGatewayConnection,
@@ -521,4 +522,25 @@ describe("IbkrGatewayService", () => {
     expect(service.getSnapshot().openOrders).toEqual([]);
     expect(service.getSnapshot().executions).toEqual([]);
   });
+
+  test("destroyAll disconnects every cached gateway service", async () => {
+    const manager = new IbkrGatewayServiceManager();
+    let disconnectCount = 0;
+
+    (manager as any).services.set("one", {
+      disconnect: async () => {
+        disconnectCount += 1;
+      },
+    });
+    (manager as any).services.set("two", {
+      disconnect: async () => {
+        disconnectCount += 1;
+      },
+    });
+
+    await manager.destroyAll();
+
+    expect(disconnectCount).toBe(2);
+    expect((manager as any).services.size).toBe(0);
+  });
 });

package/src/plugins/ibkr/gateway-service.ts

@@ -2393,6 +2393,12 @@ export class IbkrGatewayServiceManager {
     await service.disconnect();
     this.services.delete(instanceId);
   }
+
+  async destroyAll(): Promise<void> {
+    const services = [...this.services.values()];
+    this.services.clear();
+    await Promise.allSettled(services.map((service) => service.disconnect()));
+  }
 }
 
 export const ibkrGatewayManager = new IbkrGatewayServiceManager();

package/src/plugins/ibkr/index.tsx

@@ -1,7 +1,7 @@
 import type { GloomPlugin, GloomPluginContext } from "../../types/plugin";
 import { ibkrBroker } from "./broker-adapter";
 import { buildPersistedIbkrGatewayConfig } from "./config";
-import { setResolvedIbkrGatewayListener } from "./gateway-service";
+import { ibkrGatewayManager, setResolvedIbkrGatewayListener } from "./gateway-service";
 import {
   getTradeTicketState,
   getTradingPaneState,
@@ -150,4 +150,10 @@ export const ibkrPlugin: GloomPlugin = {
       },
     });
   },
+
+  dispose() {
+    lastSelectedTickerSymbol = null;
+    setResolvedIbkrGatewayListener(null);
+    void ibkrGatewayManager.destroyAll().catch(() => {});
+  },
 };

package/src/plugins/prediction-markets/controller-data.ts

@@ -26,6 +26,7 @@ import { subscribePolymarketMarket } from "./services/polymarket-ws";
 import type {
   PredictionBrowseTab,
   PredictionCategoryId,
+  PredictionVenue,
   PredictionListRow,
   PredictionMarketDetail,
   PredictionMarketSummary,
@@ -36,6 +37,48 @@ import type {
 
 const KEYBOARD_DETAIL_LOAD_DELAY_MS = 140;
 
+function formatPredictionVenueLabel(venue: PredictionVenue): string {
+  return venue === "polymarket" ? "Polymarket" : "Kalshi";
+}
+
+function joinPredictionVenueLabels(venues: PredictionVenue[]): string {
+  const labels = [...new Set(venues.map(formatPredictionVenueLabel))];
+  if (labels.length <= 1) return labels[0] ?? "";
+  return `${labels.slice(0, -1).join(" and ")} and ${labels.at(-1)}`;
+}
+
+function formatPredictionLoadError(
+  venue: PredictionVenue,
+  subject: "markets" | "market detail",
+  error: unknown,
+): string {
+  const venueLabel = formatPredictionVenueLabel(venue);
+  const fallback = `Could not load ${venueLabel} ${subject}.`;
+  if (!(error instanceof Error)) {
+    return fallback;
+  }
+
+  const message = error.message.trim();
+  if (message.length === 0) {
+    return fallback;
+  }
+
+  const requestFailureMatch = message.match(/Request failed \((\d+)\)/i);
+  if (requestFailureMatch) {
+    return `${venueLabel} ${subject} request failed (${requestFailureMatch[1]}).`;
+  }
+
+  if (
+    /typo in the url or port|access the url|unable to connect|could not resolve host|connection refused/i.test(
+      message,
+    )
+  ) {
+    return `${venueLabel} is unavailable right now.`;
+  }
+
+  return `${fallback} ${message}`;
+}
+
 export function usePredictionMarketsDataState({
   browseTab,
   categoryId,
@@ -152,14 +195,84 @@ export function usePredictionMarketsDataState({
       ].filter((value): value is string => value != null),
     [includeKalshi, includePolymarket, kalshiCatalogKey, polymarketCatalogKey],
   );
+  const activeCatalogSources = useMemo(
+    () =>
+      [
+        includePolymarket
+          ? {
+              venue: "polymarket" as const,
+              cacheKey: polymarketCatalogKey,
+              error: catalogErrors[polymarketCatalogKey] ?? null,
+              markets: polymarketCatalog,
+            }
+          : null,
+        includeKalshi
+          ? {
+              venue: "kalshi" as const,
+              cacheKey: kalshiCatalogKey,
+              error: catalogErrors[kalshiCatalogKey] ?? null,
+              markets: kalshiCatalog,
+            }
+          : null,
+      ].filter(
+        (
+          value,
+        ): value is {
+          venue: PredictionVenue;
+          cacheKey: string;
+          error: string | null;
+          markets: PredictionMarketSummary[];
+        } => value != null,
+      ),
+    [
+      catalogErrors,
+      includeKalshi,
+      includePolymarket,
+      kalshiCatalog,
+      kalshiCatalogKey,
+      polymarketCatalog,
+      polymarketCatalogKey,
+    ],
+  );
   const catalogLoadCount = activeCatalogKeys.reduce(
     (count, cacheKey) => count + (catalogPending[cacheKey] ?? 0),
     0,
   );
-  const catalogError = activeCatalogKeys
-    .map((cacheKey) => catalogErrors[cacheKey])
-    .filter((value): value is string => !!value)
-    .join(" ") || null;
+  const catalogStatus = useMemo(() => {
+    const failingSources = activeCatalogSources.filter((source) => !!source.error);
+    if (failingSources.length === 0) {
+      return null;
+    }
+
+    const loadedSources = activeCatalogSources.filter(
+      (source) => !source.error && source.markets.length > 0,
+    );
+    if (failingSources.length < activeCatalogSources.length) {
+      const unavailableVenues = joinPredictionVenueLabels(
+        failingSources.map((source) => source.venue),
+      );
+      if (loadedSources.length > 0) {
+        return {
+          tone: "warning" as const,
+          message: `${unavailableVenues} unavailable right now; showing ${joinPredictionVenueLabels(
+            loadedSources.map((source) => source.venue),
+          )} markets.`,
+        };
+      }
+      return {
+        tone: "warning" as const,
+        message: `${unavailableVenues} unavailable right now.`,
+      };
+    }
+
+    return {
+      tone: "danger" as const,
+      message: failingSources
+        .map((source) => source.error)
+        .filter((value): value is string => !!value)
+        .join(" "),
+    };
+  }, [activeCatalogSources]);
 
   const allMarkets = useMemo(() => {
     const merged: PredictionMarketSummary[] = [];
@@ -276,9 +389,7 @@ export function usePredictionMarketsDataState({
           updatePredictionErrorState(
             current,
             cacheKey,
-            error instanceof Error
-              ? error.message
-              : "Could not load Polymarket markets.",
+            formatPredictionLoadError("polymarket", "markets", error),
           ),
         );
       } finally {
@@ -310,9 +421,7 @@ export function usePredictionMarketsDataState({
           updatePredictionErrorState(
             current,
             cacheKey,
-            error instanceof Error
-              ? error.message
-              : "Could not load Kalshi markets.",
+            formatPredictionLoadError("kalshi", "markets", error),
           ),
         );
       } finally {
@@ -360,9 +469,7 @@ export function usePredictionMarketsDataState({
           updatePredictionErrorState(
             current,
             cacheKey,
-            error instanceof Error
-              ? error.message
-              : "Could not load market detail.",
+            formatPredictionLoadError(summary.venue, "market detail", error),
           ),
         );
         if (currentDetailCacheKeyRef.current === cacheKey) {
@@ -605,7 +712,7 @@ export function usePredictionMarketsDataState({
   }, []);
 
   return {
-    catalogError,
+    catalogStatus,
     catalogLoadCount,
     debouncedSearchQuery,
     detail,

package/src/plugins/prediction-markets/controller.ts

@@ -692,7 +692,7 @@ export function usePredictionMarketsController({
     paneSettings,
     browseTab,
     categoryId,
-    catalogError: data.catalogError,
+    catalogStatus: data.catalogStatus,
     catalogLoadCount: data.catalogLoadCount,
     detail: data.detail,
     detailError: data.detailError,

package/src/plugins/prediction-markets/index.tsx

@@ -1,7 +1,7 @@
 import type { GloomPlugin, GloomPluginContext } from "../../types/plugin";
 import { parsePredictionSearchShortcut } from "./navigation";
 import { PredictionMarketsPane } from "./pane";
-import { attachPredictionMarketsPersistence } from "./services/fetch";
+import { attachPredictionMarketsPersistence, resetPredictionMarketsPersistence } from "./services/fetch";
 import { predictionMarketsCliCommand } from "./cli";
 import {
   buildPredictionMarketsPaneSettingsDef,
@@ -101,4 +101,8 @@ export const predictionMarketsPlugin: GloomPlugin = {
       },
     });
   },
+
+  dispose() {
+    resetPredictionMarketsPersistence();
+  },
 };

package/src/plugins/prediction-markets/pane.test.tsx

@@ -83,6 +83,57 @@ describe("prediction markets pane interactions", () => {
     expect(frame).toContain("Will the Fed cut rates?");
   });
 
+  test("shows a venue warning instead of a raw fetch error when one catalog fails", async () => {
+    attachPredictionMarketsPersistence(new MemoryPersistence());
+
+    globalThis.fetch = (async (input: Request | string | URL) => {
+      const url = String(input);
+      if (url.includes("gamma-api.polymarket.com")) {
+        throw new Error("Unable to connect. Was there a typo in the url or port?");
+      }
+      if (url.includes("/trade-api/v2/events?")) {
+        return new Response(
+          JSON.stringify({
+            events: [
+              {
+                title: "Fed series",
+                category: "Economics",
+                event_ticker: "FED-1",
+                series_ticker: "FED",
+                markets: [
+                  {
+                    ticker: "KAL-1",
+                    title: "Will the Fed cut rates?",
+                    yes_sub_title: "Yes",
+                    event_ticker: "FED-1",
+                    status: "open",
+                    market_type: "binary",
+                    last_price_dollars: "0.48",
+                    volume_24h_fp: "15000",
+                    volume_fp: "90000",
+                    open_interest_fp: "45000",
+                  },
+                ],
+              },
+            ],
+          }),
+          { status: 200 },
+        );
+      }
+      return new Response(JSON.stringify({}), { status: 200 });
+    }) as unknown as typeof fetch;
+
+    testSetup = await testRender(<Harness />, { width: 120, height: 34 });
+    await flushFrames(testSetup);
+
+    const frame = testSetup.captureCharFrame();
+    expect(frame).toContain("Will the Fed cut rates?");
+    expect(frame).toContain(
+      "Polymarket unavailable right now; showing Kalshi markets.",
+    );
+    expect(frame).not.toContain("Was there a typo in the url or port?");
+  });
+
   test("selects a market on single click and opens detail on double click", async () => {
     installPredictionMarketMocks();
 
@@ -127,6 +178,33 @@ describe("prediction markets pane interactions", () => {
     expect(frame).toContain("Kalshi primary rule");
   });
 
+  test("focuses the pane when a market row is clicked", async () => {
+    installPredictionMarketMocks();
+
+    testSetup = await testRender(
+      <Harness initialFocusedPaneId="portfolio-list:main" />,
+      { width: 120, height: 34 },
+    );
+    await flushFrames(testSetup);
+
+    expect(harnessStateRef.current?.focusedPaneId).toBe("portfolio-list:main");
+
+    const frame = testSetup.captureCharFrame();
+    const lines = frame.split("\n");
+    const kalshiRow = lines.findIndex((line) =>
+      line.includes("Will the Fed cut rates?"),
+    );
+    const kalshiCol = lines[kalshiRow]?.indexOf("Will the Fed cut rates?") ?? -1;
+
+    await act(async () => {
+      await testSetup!.mockMouse.click(kalshiCol + 1, kalshiRow);
+      await testSetup!.renderOnce();
+    });
+    await flushFrames(testSetup);
+
+    expect(harnessStateRef.current?.focusedPaneId).toBe(TEST_PANE_ID);
+  });
+
   test("loads selected detail once instead of refetching in a render loop", async () => {
     const { fetchUrls } = installPredictionMarketMocks();
 

package/src/plugins/prediction-markets/pane.tsx

@@ -11,6 +11,10 @@ import type { PredictionBrowseTab, PredictionCategoryId } from "./types";
 
 export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
   const controller = usePredictionMarketsController({ focused });
+  const catalogStatusColor =
+    controller.catalogStatus?.tone === "danger"
+      ? colors.negative
+      : colors.borderFocused;
 
   const browseContent = (
     <box
@@ -113,9 +117,9 @@ export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
         </scrollbox>
       ) : null}
 
-      {controller.catalogError ? (
-        <box height={1} paddingX={1}>
-          <text fg={colors.negative}>{controller.catalogError}</text>
+      {controller.catalogStatus ? (
+        <box height={1} paddingX={1} width={width} backgroundColor={colors.panel}>
+          <text fg={catalogStatusColor}>{controller.catalogStatus.message}</text>
         </box>
       ) : null}
 

package/src/plugins/prediction-markets/services/fetch.ts

@@ -19,6 +19,10 @@ export function attachPredictionMarketsPersistence(
   predictionMarketsPersistence = persistence;
 }
 
+export function resetPredictionMarketsPersistence(): void {
+  predictionMarketsPersistence = null;
+}
+
 export function getPredictionMarketsPersistence(): PluginPersistence | null {
   return predictionMarketsPersistence;
 }

package/src/plugins/prediction-markets/test-helpers.tsx

@@ -99,11 +99,22 @@ export class MemoryPersistence implements PluginPersistence {
 
 attachPredictionMarketsPersistence(new MemoryPersistence());
 
-export function createConfig(): AppConfig {
+export function createConfig(options?: {
+  initialFocusedPaneId?: string;
+}): AppConfig {
   const config = createDefaultConfig("/tmp/gloomberb-prediction-markets");
+  const initialFocusedPaneId = options?.initialFocusedPaneId ?? TEST_PANE_ID;
+  const extraInstances = initialFocusedPaneId !== TEST_PANE_ID
+    ? [{
+        instanceId: initialFocusedPaneId,
+        paneId: initialFocusedPaneId.split(":")[0] ?? "portfolio-list",
+        binding: { kind: "none" as const },
+      }]
+    : [];
   const layout = {
     dockRoot: { kind: "pane" as const, instanceId: TEST_PANE_ID },
     instances: [
+      ...extraInstances,
       {
         instanceId: TEST_PANE_ID,
         paneId: "prediction-markets",
@@ -424,13 +435,17 @@ export function installPredictionMarketMocks() {
   return { fetchUrls };
 }
 
-export function Harness() {
+export function Harness({
+  initialFocusedPaneId = TEST_PANE_ID,
+}: {
+  initialFocusedPaneId?: string;
+} = {}) {
   const runtime = useMemo(() => createRuntime(), []);
   const [state, dispatch] = useReducer(
     appReducer,
     (() => {
-      const initial = createInitialState(createConfig());
-      initial.focusedPaneId = TEST_PANE_ID;
+      const initial = createInitialState(createConfig({ initialFocusedPaneId }));
+      initial.focusedPaneId = initialFocusedPaneId;
       return initial;
     })(),
   );
@@ -442,7 +457,7 @@ export function Harness() {
           <PredictionMarketsPane
             paneId={TEST_PANE_ID}
             paneType="prediction-markets"
-            focused
+            focused={state.focusedPaneId === TEST_PANE_ID}
             width={120}
             height={34}
           />

package/src/plugins/registry.ts

@@ -630,4 +630,27 @@ export class PluginRegistry implements PluginRuntimeAccess {
     this.plugins.delete(pluginId);
     this.events.emit("plugin:unregistered", { pluginId });
   }
+
+  destroy(): void {
+    for (const pluginId of [...this.plugins.keys()].reverse()) {
+      try {
+        this.unregister(pluginId);
+      } catch (error) {
+        this.registryLog.error("Failed to unregister plugin during registry destroy", {
+          pluginId,
+          error: error instanceof Error ? error.message : String(error),
+        });
+      }
+    }
+    this.pluginResumeListeners.clear();
+    if (sharedRegistry === this) {
+      sharedRegistry = undefined;
+    }
+    if (sharedDataProvider === this.dataProvider) {
+      sharedDataProvider = undefined;
+    }
+    if ((globalThis as any).__gloomRegistry === this) {
+      delete (globalThis as any).__gloomRegistry;
+    }
+  }
 }

package/src/updater.test.ts

@@ -272,6 +272,8 @@ describe("performUpdate", () => {
       });
 
       expect(readFileSync(execPath)).toEqual(nextBinary);
+      expect(progress[0]).toEqual({ phase: "downloading", percent: 0 });
+      expect(progress).toContainEqual({ phase: "downloading", percent: 100 });
       expect(progress.at(-1)).toEqual({ phase: "done" });
     } finally {
       Object.defineProperty(process, "execPath", { value: originalExecPath, configurable: true });

package/src/utils/api-client.ts

@@ -647,6 +647,18 @@ class GloomApiClient {
     };
   }
 
+  dispose(): void {
+    cloudApiLog.info("dispose api client", {
+      quoteTargets: this.quoteTargets.size,
+      channelTargets: this.channelListeners.size,
+    });
+    this.channelListeners.clear();
+    this.quoteListeners.clear();
+    this.quoteTargets.clear();
+    this.reconnectDelayMs = 1000;
+    this.teardownSocket();
+  }
+
   async searchInstruments(query: string, limit = 10): Promise<InstrumentSearchResult[]> {
     const params = new URLSearchParams({
       q: query,

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.4.0";
+export const VERSION = "0.4.1";