gloomberb 0.8.1 → 0.8.2

package/src/components/layout/pane/title.ts

@@ -11,7 +11,11 @@ export function getPaneDisplayTitle(
     const channelId = typeof instance.settings?.channelId === "string" && instance.settings.channelId.trim()
       ? instance.settings.channelId.trim()
       : "everyone";
-    return instance.title ?? `#${channelId}`;
+    const title = typeof instance.title === "string" ? instance.title.trim() : "";
+    const displayTitle = title && !title.startsWith("dm:") && !title.startsWith("group:") ? title : undefined;
+    if (channelId.startsWith("dm:")) return displayTitle ?? "DM";
+    if (channelId.startsWith("group:")) return displayTitle ?? "Group";
+    return displayTitle ?? `#${channelId}`;
   }
 
   if (instance.paneId === TICKER_RESEARCH_PANE_ID) {

package/src/components/pane-settings-dialog/field-dialogs.tsx

@@ -61,7 +61,6 @@ export function TuiSelectFieldDialog(props: SelectFieldDialogProps) {
   return (
     <DialogFrame
       title={field.label}
-      footer="Use ↑↓ to choose · enter to apply · esc cancel"
     >
       <ListView
         items={field.options.map((option) => ({
@@ -158,7 +157,6 @@ function TuiTextFieldDialog(props: TextFieldDialogProps) {
   return (
     <DialogFrame
       title={field.label}
-      footer="Enter to apply · esc cancel"
     >
       <Box flexDirection="column" gap={1}>
         <TextField

package/src/components/pane-settings-dialog/tui.tsx

@@ -29,7 +29,7 @@ export function TuiPaneSettingsDialogBody({
   onActivate: (field: PaneSettingField | undefined) => void;
 }) {
   return (
-    <DialogFrame title={title} footer="Use ↑↓ to choose · enter to edit · esc cancel">
+    <DialogFrame title={title}>
       <ListView
         items={fields.map((field) => ({
           id: field.key,

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

@@ -3,7 +3,6 @@ import {
   useEffect,
   useMemo,
   useRef,
-  useState,
   type ReactNode,
   type RefObject,
 } from "react";
@@ -61,8 +60,6 @@ export interface TickerListTableViewProps {
   setHoveredIdx?: (index: number | null) => void;
   keyboardNavigation?: boolean;
   onRootKeyDown?: (event: DataTableKeyEvent) => boolean | void;
-  onSelectIndex?: (index: number, ticker: TickerRecord) => void;
-  onActivateIndex?: (index: number, ticker: TickerRecord) => void;
   onVisibleRangeChange?: (range: TickerListVisibleRange) => void;
   visibleRangeBuffer?: number;
   resetScrollKey?: unknown;
@@ -120,8 +117,6 @@ export function TickerListTableView({
   setHoveredIdx,
   keyboardNavigation = true,
   onRootKeyDown,
-  onSelectIndex,
-  onActivateIndex,
   onVisibleRangeChange,
   visibleRangeBuffer = 0,
   resetScrollKey,
@@ -153,8 +148,6 @@ export function TickerListTableView({
     () => tickers.findIndex((ticker) => ticker.metadata.ticker === cursorSymbol),
     [cursorSymbol, tickers],
   );
-  const [scrollToIndex, setScrollToIndex] = useState<number | null>(null);
-  const [scrollToIndexVersion, setScrollToIndexVersion] = useState(0);
   const lastScrollCursorSymbolRef = useRef<string | null | undefined>(undefined);
 
   const emitVisibleRange = useCallback(() => {
@@ -177,16 +170,12 @@ export function TickerListTableView({
   useEffect(() => {
     const shouldScrollToCursor = lastScrollCursorSymbolRef.current !== cursorSymbol;
     lastScrollCursorSymbolRef.current = cursorSymbol;
-    if (shouldScrollToCursor && selectedIndex >= 0) {
-      setScrollToIndex(selectedIndex);
-      setScrollToIndexVersion((current) => current + 1);
-    }
-    queueMicrotask(emitVisibleRange);
+    if (shouldScrollToCursor && selectedIndex >= 0) queueMicrotask(emitVisibleRange);
   }, [cursorSymbol, emitVisibleRange, selectedIndex]);
 
   useEffect(() => {
     queueMicrotask(emitVisibleRange);
-  }, [emitVisibleRange, scrollToIndexVersion]);
+  }, [emitVisibleRange]);
 
   const renderCell = useCallback((
     ticker: TickerRecord,
@@ -236,18 +225,16 @@ export function TickerListTableView({
   }, [financialsMap, renderer, showContextMenu]);
 
   const handleRowMouseDown = useCallback((ticker: TickerRecord, _index: number, event: TableMouseEvent) => {
-    setCursorSymbol(ticker.metadata.ticker);
     if (event.button !== 2) return false;
     if (nativeContextMenu !== true) {
       showTickerContextMenu(ticker, event);
     }
     return true;
-  }, [nativeContextMenu, setCursorSymbol, showTickerContextMenu]);
+  }, [nativeContextMenu, showTickerContextMenu]);
 
   const handleRowContextMenu = useCallback((ticker: TickerRecord, _index: number, event: TableMouseEvent) => {
-    setCursorSymbol(ticker.metadata.ticker);
     showTickerContextMenu(ticker, event);
-  }, [setCursorSymbol, showTickerContextMenu]);
+  }, [showTickerContextMenu]);
 
   return (
     <DataTableView<TickerRecord, ColumnConfig>
@@ -258,9 +245,13 @@ export function TickerListTableView({
       sortDirection={sortDirection}
       onHeaderClick={onHeaderClick ?? (() => {})}
       getItemKey={(ticker) => ticker.metadata.ticker}
-      isSelected={(ticker) => ticker.metadata.ticker === cursorSymbol}
-      onSelect={(ticker) => {
-        setCursorSymbol(ticker.metadata.ticker);
+      selection={{
+        kind: "id",
+        selectedId: cursorSymbol,
+        getId: (ticker) => ticker.metadata.ticker,
+        onChange: (symbol) => {
+          setCursorSymbol(symbol);
+        },
       }}
       onActivate={(ticker) => {
         onRowActivate?.(ticker);
@@ -273,9 +264,6 @@ export function TickerListTableView({
       emptyStateHint={emptyHint}
       virtualize={virtualize}
       overscan={overscan}
-      selectedIndex={selectedIndex}
-      onSelectIndex={onSelectIndex}
-      onActivateIndex={onActivateIndex}
       rootBefore={rootBefore}
       rootAfter={rootAfter}
       rootWidth={rootWidth}
@@ -290,8 +278,6 @@ export function TickerListTableView({
       keyboardNavigation={keyboardNavigation}
       onRootKeyDown={onRootKeyDown}
       resetScrollKey={resetScrollKey}
-      scrollToIndex={scrollToIndex}
-      scrollToIndexVersion={scrollToIndexVersion}
     />
   );
 }

package/src/components/ui/choice-dialog.tsx

@@ -17,6 +17,7 @@ export interface ChoiceDialogChoice {
 export interface ChoiceDialogProps extends PromptContext<string> {
   title: string;
   choices: ChoiceDialogChoice[];
+  selectedChoiceId?: string;
   footer?: string;
   bgColor?: string;
 }
@@ -30,14 +31,23 @@ function getChoiceDescription(choice: ChoiceDialogChoice | undefined): string {
   return choice?.description ?? "";
 }
 
+function getInitialChoiceIndex(choices: ChoiceDialogChoice[], selectedChoiceId: string | undefined): number {
+  if (!selectedChoiceId) return 0;
+  const selectedIndex = choices.findIndex((choice) => choice.id === selectedChoiceId);
+  return selectedIndex >= 0 ? selectedIndex : 0;
+}
+
 export function ChoiceDialog({
   resolve,
   title,
   choices,
-  footer = "↑↓ choose · Enter/click select · Esc cancel",
+  selectedChoiceId,
+  footer,
   bgColor = colors.bg,
 }: ChoiceDialogProps) {
-  const [index, setIndex] = useState(() => clampChoiceIndex(0, choices.length));
+  const [index, setIndex] = useState(() =>
+    clampChoiceIndex(getInitialChoiceIndex(choices, selectedChoiceId), choices.length)
+  );
   const selectedIndex = clampChoiceIndex(index, choices.length);
   const selectedChoice = selectedIndex >= 0 ? choices[selectedIndex] : undefined;
   const items = useMemo<ListViewItem[]>(() => choices.map((choice) => ({

package/src/components/ui/multi-select/dialog.tsx

@@ -2,7 +2,7 @@ import { Box, Text, useUiHost } from "../../../ui";
 import { TextAttributes } from "../../../ui";
 import { useShortcut } from "../../../react/input";
 import { type AlertContext, useDialog, useDialogKeyboard } from "../../../ui/dialog";
-import { type ReactNode, useEffect, useMemo, useState } from "react";
+import { type ReactNode, useEffect, useMemo, useRef, useState } from "react";
 import { colors } from "../../../theme/colors";
 import { isDetailBackNavigationKey } from "../../../utils/back-navigation";
 import { isPlainKey } from "../../../utils/keyboard";
@@ -253,6 +253,7 @@ export function MultiSelectDialogButton({
 }: MultiSelectDialogButtonProps) {
   const isDesktopWeb = useUiHost().kind === "desktop-web";
   const dialog = useDialog();
+  const triggerMouseDownRef = useRef(false);
   const summary = summarizeMultiSelectValues({ options, selectedValues, emptyLabel });
   const buttonLabel = `${label}: ${summary}`;
   const buttonText = ` ${buttonLabel} `;
@@ -311,6 +312,17 @@ export function MultiSelectDialogButton({
     );
   }
 
+  const startTriggerPress = (event?: DialogTriggerEvent) => {
+    triggerMouseDownRef.current = true;
+    stopMouseEvent(event);
+  };
+  const finishTriggerPress = (event?: DialogTriggerEvent) => {
+    const startedOnTrigger = triggerMouseDownRef.current;
+    triggerMouseDownRef.current = false;
+    if (startedOnTrigger) openDialog(event);
+    else stopMouseEvent(event);
+  };
+
   return (
     <Box
       id={idPrefix ? `${idPrefix}:button` : undefined}
@@ -318,14 +330,14 @@ export function MultiSelectDialogButton({
       width={buttonText.length}
       flexDirection="row"
       backgroundColor={disabled ? colors.panel : colors.selected}
-      onMouseDown={stopMouseEvent}
-      onMouseUp={openDialog}
+      onMouseDown={startTriggerPress}
+      onMouseUp={finishTriggerPress}
     >
       <Text
         fg={disabled ? colors.textMuted : colors.selectedText}
         attributes={TextAttributes.BOLD}
-        onMouseDown={stopMouseEvent}
-        onMouseUp={openDialog}
+        onMouseDown={startTriggerPress}
+        onMouseUp={finishTriggerPress}
       >
         {buttonText}
       </Text>

package/src/components/ui/shortcut-hint.tsx

@@ -1,5 +1,6 @@
 import { StyledText, Text, TextAttributes } from "../../ui";
 import { colors } from "../../theme/colors";
+import { useRef } from "react";
 
 type ShortcutHintMouseEvent = {
   stopPropagation?: () => void;
@@ -36,6 +37,17 @@ export function ShortcutHint({
   const keyColor = disabled ? colors.textMuted : colors.textBright;
   const labelColor = disabled ? colors.textMuted : colors.textDim;
   const keyText = `[${hotkey}]`;
+  const triggerMouseDownRef = useRef(false);
+  const startPress = (event?: ShortcutHintMouseEvent) => {
+    triggerMouseDownRef.current = true;
+    stopMouseEvent(event);
+  };
+  const finishPress = (event?: ShortcutHintMouseEvent) => {
+    const startedOnTrigger = triggerMouseDownRef.current;
+    triggerMouseDownRef.current = false;
+    if (startedOnTrigger) onPress?.(event);
+    else stopMouseEvent(event);
+  };
 
   return (
     <Text
@@ -47,8 +59,8 @@ export function ShortcutHint({
       ])}
       fg={disabled ? colors.textMuted : colors.textDim}
       attributes={interactive ? TextAttributes.BOLD : 0}
-      onMouseDown={interactive ? stopMouseEvent : undefined}
-      onMouseUp={interactive ? onPress : undefined}
+      onMouseDown={interactive ? startPress : undefined}
+      onMouseUp={interactive ? finishPress : undefined}
       {...(dataGloomRole ? { "data-gloom-role": dataGloomRole } : {})}
     />
   );

package/src/components/ui/table-layout.test.ts

@@ -27,7 +27,7 @@ describe("table layout", () => {
     ]);
 
     expect(template).toBe(
-      "minmax(4ch, 4ch) minmax(14ch, 40fr) minmax(8ch, 24ch) minmax(5ch, 5ch)",
+      "minmax(calc(4 * var(--cell-w)), calc(4 * var(--cell-w))) minmax(calc(14 * var(--cell-w)), 40fr) minmax(calc(8 * var(--cell-w)), calc(24 * var(--cell-w))) minmax(calc(5 * var(--cell-w)), calc(5 * var(--cell-w)))",
     );
   });
 
@@ -37,6 +37,6 @@ describe("table layout", () => {
       { width: 8, align: "right" },
     ]);
 
-    expect(template).toBe("minmax(8ch, 12fr) minmax(8ch, 8fr)");
+    expect(template).toBe("minmax(calc(8 * var(--cell-w)), 12fr) minmax(calc(8 * var(--cell-w)), 8fr)");
   });
 });

package/src/components/ui/table-layout.ts

@@ -8,6 +8,7 @@ export interface TableWidthColumn {
 }
 
 const TRAILING_COLUMN_GUTTER_WIDTH = 1;
+const WEB_CELL_UNIT = "var(--cell-w)";
 
 export function getTableWidth(columns: readonly TableWidthColumn[]): number {
   return columns.reduce((sum, column) => sum + column.width + 1, 2);
@@ -57,15 +58,20 @@ function columnFlexWeight(column: TableWidthColumn): number {
   return flexGrow > 0 ? baseWeight * Math.max(1, flexGrow) : baseWeight;
 }
 
+function cellWidthCss(width: number): string {
+  return `calc(${width} * ${WEB_CELL_UNIT})`;
+}
+
 export function buildTableGridTemplateColumns(columns: readonly TableWidthColumn[]): string {
   const hasFlexColumn = columns.some((column) => (column.flexGrow ?? 0) > 0);
   return columns
     .map((column) => {
       const width = normalizedColumnWidth(column);
+      const minWidth = cellWidthCss(columnMinCh(column));
       if (!hasFlexColumn || (column.flexGrow ?? 0) > 0) {
-        return `minmax(${columnMinCh(column)}ch, ${columnFlexWeight(column)}fr)`;
+        return `minmax(${minWidth}, ${columnFlexWeight(column)}fr)`;
       }
-      return `minmax(${columnMinCh(column)}ch, ${width}ch)`;
+      return `minmax(${minWidth}, ${cellWidthCss(width)})`;
     })
     .join(" ");
 }

package/src/components/ui/tabs.tsx

@@ -48,6 +48,12 @@ export function Tabs({
 }: TabsProps) {
   const ui = useUiHost();
   const NativeTabs = ui.Tabs;
+  const navigationValueRef = useRef<string | null>(activeValue);
+  const renderedActiveValueRef = useRef<string | null>(activeValue);
+  if (renderedActiveValueRef.current !== activeValue) {
+    renderedActiveValueRef.current = activeValue;
+    navigationValueRef.current = activeValue;
+  }
   const palette = {
     activeFg: variant === "bare" ? colors.textBright : colors.text,
     inactiveFg: colors.textDim,
@@ -62,18 +68,26 @@ export function Tabs({
     closeFg: colors.textMuted,
     addFg: colors.textMuted,
   };
+  const handleSelect = useCallback((value: string) => {
+    navigationValueRef.current = value;
+    onSelect(value);
+  }, [onSelect]);
+
   const selectAdjacentTab = useCallback((direction: -1 | 1) => {
     const enabledTabs = tabs.filter((tab) => !tab.disabled);
     if (enabledTabs.length === 0) return;
 
-    const activeIndex = enabledTabs.findIndex((tab) => tab.value === activeValue);
+    const navigationValue = enabledTabs.some((tab) => tab.value === navigationValueRef.current)
+      ? navigationValueRef.current
+      : activeValue;
+    const activeIndex = enabledTabs.findIndex((tab) => tab.value === navigationValue);
     const nextIndex = activeIndex >= 0
       ? Math.max(0, Math.min(activeIndex + direction, enabledTabs.length - 1))
       : direction > 0 ? 0 : enabledTabs.length - 1;
     const nextTab = enabledTabs[nextIndex];
-    if (!nextTab || nextTab.value === activeValue) return;
-    onSelect(nextTab.value);
-  }, [activeValue, onSelect, tabs]);
+    if (!nextTab || nextTab.value === navigationValue) return;
+    handleSelect(nextTab.value);
+  }, [activeValue, handleSelect, tabs]);
 
   useShortcut((event) => {
     if (event.ctrl || event.meta || event.alt || event.targetEditable) return;
@@ -96,7 +110,7 @@ export function Tabs({
       <NativeTabs
         tabs={tabs}
         activeValue={activeValue}
-        onSelect={onSelect}
+        onSelect={handleSelect}
         compact={compact}
         variant={variant}
         closeMode={closeMode}
@@ -111,7 +125,7 @@ export function Tabs({
     <OpenTuiTabs
       tabs={tabs}
       activeValue={activeValue}
-      onSelect={onSelect}
+      onSelect={handleSelect}
       compact={compact}
       variant={variant}
       closeMode={closeMode}

package/src/components/ui/ui.test.tsx

@@ -151,6 +151,7 @@ function DataTableHorizontalScrollHarness({
     <DataTableView
       rootWidth={containerWidth}
       rootHeight={containerHeight}
+      selection={{ kind: "none" }}
       columns={columns}
       items={items}
       sortColumnId={null}
@@ -159,8 +160,6 @@ function DataTableHorizontalScrollHarness({
       headerScrollRef={headerScrollRef}
       scrollRef={scrollRef}
       getItemKey={(row) => row.id}
-      isSelected={() => false}
-      onSelect={() => {}}
       renderCell={(row) => ({ text: row.name })}
       emptyStateTitle="No rows."
       showHorizontalScrollbar={showHorizontalScrollbar}
@@ -228,7 +227,7 @@ function MultiSelectDialogButtonHarness() {
   );
 }
 
-function ChoiceDialogHarness() {
+function ChoiceDialogHarness({ selectedChoiceId }: { selectedChoiceId?: string } = {}) {
   return (
     <ChoiceDialog
       title="Choose Account"
@@ -241,6 +240,7 @@ function ChoiceDialogHarness() {
         { id: "beta", label: "Beta", description: "Beta account" },
         { id: "gamma", label: "Gamma", description: "Gamma account" },
       ]}
+      selectedChoiceId={selectedChoiceId}
     />
   );
 }
@@ -318,6 +318,7 @@ describe("shared UI kit", () => {
 
   test("moves focused tabs with arrow keys and leaves Tab for pane focus", async () => {
     let lastSelected = "overview";
+    const selectedValues: string[] = [];
 
     function KeyboardTabsHarness() {
       const [activeValue, setActiveValue] = useState("overview");
@@ -331,6 +332,7 @@ describe("shared UI kit", () => {
           activeValue={activeValue}
           onSelect={(value) => {
             lastSelected = value;
+            selectedValues.push(value);
             setActiveValue(value);
           }}
           focused
@@ -343,17 +345,19 @@ describe("shared UI kit", () => {
     await act(async () => {
       await testSetup!.renderOnce();
       testSetup!.mockInput.pressArrow("right");
+      testSetup!.mockInput.pressArrow("right");
       await testSetup!.renderOnce();
     });
 
-    expect(lastSelected).toBe("news");
+    expect(selectedValues).toEqual(["news", "chart"]);
+    expect(lastSelected).toBe("chart");
 
     await act(async () => {
       testSetup!.mockInput.pressTab();
       await testSetup!.renderOnce();
     });
 
-    expect(lastSelected).toBe("news");
+    expect(lastSelected).toBe("chart");
   });
 
   test("renders tab actions for editable tab sets", async () => {
@@ -407,6 +411,15 @@ describe("shared UI kit", () => {
     expect(button).toBeDefined();
     expect(button!.width).toBe(" IND: SMA ".length);
 
+    await act(async () => {
+      await testSetup!.mockMouse.release(button!.x + 1, button!.y);
+      await Promise.resolve();
+      await testSetup!.renderOnce();
+    });
+
+    frame = testSetup.captureCharFrame();
+    expect(frame).not.toContain("Chart Indicators");
+
     await act(async () => {
       await testSetup!.mockMouse.click(button!.x + 1, button!.y);
       await Promise.resolve();
@@ -470,6 +483,18 @@ describe("shared UI kit", () => {
     expect(resolvedChoice).toBe("gamma");
   });
 
+  test("preselects the current choice in choice dialogs", async () => {
+    testSetup = await testRender(<ChoiceDialogHarness selectedChoiceId="beta" />, { width: 44, height: 10 });
+
+    await act(async () => {
+      await testSetup!.renderOnce();
+    });
+
+    const frame = testSetup.captureCharFrame();
+    expect(frame).toContain("Beta account");
+    expect(frame).not.toContain("Alpha account");
+  });
+
   test("cancels choice dialogs with escape", async () => {
     testSetup = await testRender(<ChoiceDialogHarness />, { width: 44, height: 10 });
 

package/src/market-data/coordinator/auxiliary.ts

@@ -1,4 +1,4 @@
-import type { DataProvider, SecFilingItem } from "../../types/data-provider";
+import type { DataProvider, SecFilingDocument, SecFilingItem } from "../../types/data-provider";
 import type { NewsArticle } from "../../news/types";
 import type { OptionsChain } from "../../types/financials";
 import type { NewsRequest, OptionsRequest, SecFilingsRequest } from "../request-types";
@@ -26,6 +26,7 @@ import {
   buildNewsKey,
   buildOptionsKey,
   buildSecContentKey,
+  buildSecDocumentsKey,
   buildSecFilingsKey,
   toMarketDataContext,
 } from "../selectors";
@@ -170,6 +171,33 @@ export function loadSecFilingContentEntry(options: {
   });
 }
 
+export function loadSecFilingDocumentsEntry(options: {
+  dataProvider: DataProvider;
+  filing: SecFilingItem;
+  store: QueryStore<SecFilingDocument[]>;
+  runSingleFlight: RunSingleFlight;
+}): Promise<QueryEntry<SecFilingDocument[]>> {
+  const { dataProvider, filing, store, runSingleFlight } = options;
+  const key = buildSecDocumentsKey(filing.accessionNumber);
+  return loadAuxiliaryEntry({
+    dataProvider,
+    key,
+    store,
+    ttlMs: SEC_CONTENT_CACHE_TTL_MS,
+    runSingleFlight,
+    load: async (startedAt) => {
+      if (!dataProvider.getSecFilingDocuments) {
+        const attempt = createAttempt(dataProvider.id, startedAt, "unsupported", "UNSUPPORTED_RANGE", "SEC filing documents are not available");
+        return store.update(key, (current) => errorEntry(current, attempt));
+      }
+      const data = await dataProvider.getSecFilingDocuments(filing);
+      const status = data.length > 0 ? "success" : "empty";
+      const attempts = [createAttempt(dataProvider.id, startedAt, status, data.length > 0 ? undefined : "NO_DATA")];
+      return store.update(key, (current) => readyEntry(current, data.length > 0 ? data : null, dataProvider.id, attempts, { keepLastGoodOnEmpty: true }));
+    },
+  });
+}
+
 export function loadArticleSummaryEntry(options: {
   dataProvider: DataProvider;
   url: string;

package/src/market-data/coordinator/index.ts

@@ -1,4 +1,4 @@
-import type { DataProvider, SecFilingItem } from "../../types/data-provider";
+import type { DataProvider, SecFilingDocument, SecFilingItem } from "../../types/data-provider";
 import type { NewsArticle } from "../../news/types";
 import type { OptionsChain, PricePoint, Quote, TickerFinancials } from "../../types/financials";
 import type { ChartRequest, InstrumentRef, NewsRequest, OptionsRequest, SecFilingsRequest } from "../request-types";
@@ -13,6 +13,7 @@ import {
   buildOptionsKey,
   buildQuoteKey,
   buildSecContentKey,
+  buildSecDocumentsKey,
   buildSecFilingsKey,
   buildSnapshotKey,
   resolveEntryData,
@@ -41,6 +42,7 @@ import {
   loadNewsEntry,
   loadOptionsEntry,
   loadSecFilingContentEntry,
+  loadSecFilingDocumentsEntry,
   loadSecFilingsEntry,
 } from "./auxiliary";
 import {
@@ -72,6 +74,7 @@ export class MarketDataCoordinator {
   private readonly newsStore = new QueryStore<NewsArticle[]>((key) => this.events.bump(key));
   private readonly optionsStore = new QueryStore<OptionsChain>((key) => this.events.bump(key));
   private readonly secFilingsStore = new QueryStore<SecFilingItem[]>((key) => this.events.bump(key));
+  private readonly secDocumentsStore = new QueryStore<SecFilingDocument[]>((key) => this.events.bump(key));
   private readonly secContentStore = new QueryStore<string | null>((key) => this.events.bump(key));
   private readonly articleSummaryStore = new QueryStore<string | null>((key) => this.events.bump(key));
   private readonly fxStore = new QueryStore<number>((key) => this.events.bump(key));
@@ -135,6 +138,10 @@ export class MarketDataCoordinator {
     return this.secContentStore.get(buildSecContentKey(accessionNumber));
   }
 
+  getSecDocumentsEntry(accessionNumber: string): QueryEntry<SecFilingDocument[]> {
+    return this.secDocumentsStore.get(buildSecDocumentsKey(accessionNumber));
+  }
+
   getArticleSummaryEntry(url: string): QueryEntry<string | null> {
     return this.articleSummaryStore.get(buildArticleSummaryKey(url));
   }
@@ -336,6 +343,15 @@ export class MarketDataCoordinator {
     });
   }
 
+  async loadSecFilingDocuments(filing: SecFilingItem): Promise<QueryEntry<SecFilingDocument[]>> {
+    return loadSecFilingDocumentsEntry({
+      dataProvider: this.dataProvider,
+      filing,
+      store: this.secDocumentsStore,
+      runSingleFlight: (key, task) => this.runSingleFlight(key, task),
+    });
+  }
+
   async loadArticleSummary(url: string): Promise<QueryEntry<string | null>> {
     return loadArticleSummaryEntry({
       dataProvider: this.dataProvider,

package/src/market-data/hooks.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
-import type { SecFilingItem } from "../types/data-provider";
+import type { SecFilingDocument, SecFilingItem } from "../types/data-provider";
 import type { OptionsChain, PricePoint, Quote, TickerFinancials } from "../types/financials";
 import type { TickerRecord } from "../types/ticker";
 import type { ChartRequest, InstrumentRef, OptionsRequest, SecFilingsRequest } from "./request-types";
@@ -17,6 +17,7 @@ import {
   buildOptionsKey,
   buildQuoteKey,
   buildSecContentKey,
+  buildSecDocumentsKey,
   buildSecFilingsKey,
   buildSnapshotKey,
 } from "./selectors";
@@ -315,6 +316,21 @@ export function useSecFilingContent(filing: SecFilingItem | null | undefined): Q
   return entry;
 }
 
+export function useSecFilingDocuments(filing: SecFilingItem | null | undefined): QueryEntry<SecFilingDocument[]> | null {
+  const key = filing ? buildSecDocumentsKey(filing.accessionNumber) : null;
+  useCoordinatorKeysVersion(key ? [key] : []);
+  const coordinator = getSharedMarketDataCoordinator();
+  const entry = coordinator && filing ? coordinator.getSecDocumentsEntry(filing.accessionNumber) : null;
+
+  useEffect(() => {
+    const coordinator = getSharedMarketDataCoordinator();
+    if (!coordinator || !filing) return;
+    void coordinator.loadSecFilingDocuments(filing).catch(() => {});
+  }, [key]);
+
+  return entry;
+}
+
 export function useArticleSummary(url: string | null | undefined): QueryEntry<string | null> | null {
   const key = url ? buildArticleSummaryKey(url) : null;
   useCoordinatorKeysVersion(key ? [key] : []);

package/src/market-data/selectors.ts

@@ -77,6 +77,10 @@ export function buildSecContentKey(accessionNumber: string): string {
   return `sec-content:${accessionNumber}`;
 }
 
+export function buildSecDocumentsKey(accessionNumber: string): string {
+  return `sec-documents:${accessionNumber}`;
+}
+
 export function buildArticleSummaryKey(url: string): string {
   return `article-summary:${url.trim()}`;
 }

package/src/plugins/builtin/account-management/form-components.tsx

@@ -90,10 +90,6 @@ export function PickerRow({
         event?.stopPropagation?.();
         event?.preventDefault?.();
         onFocus();
-      }}
-      onMouseUp={(event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
-        event?.stopPropagation?.();
-        event?.preventDefault?.();
         onOpen();
       }}
     >