gloomberb 0.6.1 → 0.7.1

package/src/theme/colors.test.ts

@@ -0,0 +1,75 @@
+import { afterEach, describe, expect, test } from "bun:test";
+import {
+  applyTheme,
+  clearTransientThemePreview,
+  getCurrentThemeId,
+  previewTheme,
+  syncTheme,
+} from "./colors";
+import { DEFAULT_THEME, getTheme } from "./themes";
+
+const originalDocument = (globalThis as Record<string, unknown>).document;
+
+function setDocument(value: unknown): void {
+  Object.defineProperty(globalThis, "document", {
+    configurable: true,
+    writable: true,
+    value,
+  });
+}
+
+function installDocumentStyleMock() {
+  const values = new Map<string, string>();
+  setDocument({
+    documentElement: {
+      style: {
+        setProperty(name: string, value: string) {
+          values.set(name, value);
+        },
+      },
+    },
+  });
+  return values;
+}
+
+afterEach(() => {
+  if (originalDocument === undefined) {
+    Reflect.deleteProperty(globalThis, "document");
+  } else {
+    setDocument(originalDocument);
+  }
+  clearTransientThemePreview();
+  syncTheme(DEFAULT_THEME);
+});
+
+describe("theme colors", () => {
+  test("syncs CSS variables when a theme is applied", () => {
+    const values = installDocumentStyleMock();
+    const theme = getTheme("midnight");
+
+    applyTheme("midnight");
+
+    expect(values.get("--gloom-bg")).toBe(theme.bg);
+    expect(values.get("--gloom-panel")).toBe(theme.panel);
+    expect(values.get("--gloom-text-dim")).toBe(theme.textDim);
+    expect(values.get("--gloom-selected")).toBe(theme.selected);
+    expect(values.get("--gloom-hover-bg")).toBeString();
+  });
+
+  test("does not let provider sync clobber a pending preview", () => {
+    const values = installDocumentStyleMock();
+    const preview = getTheme("midnight");
+
+    previewTheme("midnight");
+    syncTheme(DEFAULT_THEME);
+
+    expect(getCurrentThemeId()).toBe("midnight");
+    expect(values.get("--gloom-bg")).toBe(preview.bg);
+
+    clearTransientThemePreview();
+    syncTheme(DEFAULT_THEME);
+
+    expect(getCurrentThemeId()).toBe(DEFAULT_THEME);
+    expect(values.get("--gloom-bg")).toBe(getTheme(DEFAULT_THEME).bg);
+  });
+});

package/src/theme/colors.ts

@@ -5,7 +5,33 @@ import { getTheme, DEFAULT_THEME, type Theme } from "./themes";
 // React components re-read these on each render triggered by the SET_THEME action.
 export const colors: Omit<Theme, "name" | "description"> = { ...getTheme(DEFAULT_THEME) };
 
+export type ColorKey = keyof typeof colors;
+
 let currentThemeId = DEFAULT_THEME;
+let transientPreviewThemeId: string | null = null;
+let cssThemeId: string | null = null;
+let cssThemeDocument: unknown = null;
+
+const THEME_CSS_VARIABLES: Array<[ColorKey, string]> = [
+  ["bg", "--gloom-bg"],
+  ["panel", "--gloom-panel"],
+  ["border", "--gloom-border"],
+  ["borderFocused", "--gloom-border-focused"],
+  ["text", "--gloom-text"],
+  ["textDim", "--gloom-text-dim"],
+  ["textBright", "--gloom-text-bright"],
+  ["textMuted", "--gloom-text-muted"],
+  ["positive", "--gloom-positive"],
+  ["negative", "--gloom-negative"],
+  ["neutral", "--gloom-neutral"],
+  ["warning", "--gloom-warning"],
+  ["header", "--gloom-header"],
+  ["headerText", "--gloom-header-text"],
+  ["selected", "--gloom-selected"],
+  ["selectedText", "--gloom-selected-text"],
+  ["commandBg", "--gloom-command-bg"],
+  ["commandBorder", "--gloom-command-border"],
+];
 
 export function getCurrentThemeId(): string {
   return currentThemeId;
@@ -16,14 +42,34 @@ export function applyTheme(id: string): void {
   currentThemeId = id;
   // Mutate in-place so every existing import sees the new values
   Object.assign(colors, theme);
+  syncThemeCssVariables();
 }
 
-export function syncTheme(id: string): void {
-  if (currentThemeId === id) return;
+export function previewTheme(id: string): void {
+  transientPreviewThemeId = id;
   applyTheme(id);
 }
 
-export type ColorKey = keyof typeof colors;
+export function clearTransientThemePreview(): void {
+  transientPreviewThemeId = null;
+}
+
+export function syncTheme(id: string): void {
+  if (
+    transientPreviewThemeId
+    && currentThemeId === transientPreviewThemeId
+    && id !== transientPreviewThemeId
+  ) {
+    syncThemeCssVariables();
+    return;
+  }
+  transientPreviewThemeId = null;
+  if (currentThemeId === id) {
+    syncThemeCssVariables();
+    return;
+  }
+  applyTheme(id);
+}
 
 export { blendHex } from "./color-utils";
 
@@ -49,6 +95,21 @@ export function hoverBg(): string {
   return blendHex(colors.bg, colors.selected, 0.5);
 }
 
+function syncThemeCssVariables(): void {
+  const documentLike = (globalThis as {
+    document?: { documentElement?: { style?: { setProperty: (name: string, value: string) => void } } };
+  }).document;
+  const style = documentLike?.documentElement?.style;
+  if (!style) return;
+  if (cssThemeId === currentThemeId && cssThemeDocument === documentLike) return;
+  cssThemeId = currentThemeId;
+  cssThemeDocument = documentLike;
+  for (const [key, name] of THEME_CSS_VARIABLES) {
+    style.setProperty(name, colors[key]);
+  }
+  style.setProperty("--gloom-hover-bg", hoverBg());
+}
+
 export function commandBarBg(): string {
   const base = higherContrast(colors.commandBg, colors.panel, colors.bg);
   const accent = higherContrast(colors.textBright, colors.borderFocused, base);
@@ -74,7 +135,7 @@ export function commandBarOverlayBg(): string {
 export function commandBarSelectedBg(): string {
   const base = commandBarBg();
   const accent = higherContrast(colors.selectedText, colors.textBright, colors.selected);
-  return blendForContrast(colors.selected, base, accent, 1.6);
+  return blendForContrast(colors.selected, base, accent, 1.45);
 }
 
 export function commandBarHoverBg(): string {
@@ -89,7 +150,12 @@ export function commandBarText(): string {
 
 export function commandBarHeadingText(): string {
   const base = commandBarBg();
-  return blendForContrast("#8f959e", base, "#b7bec8", 3.6);
+  const fallback = higherContrast(
+    higherContrast(colors.textDim, colors.text, base),
+    higherContrast(colors.textBright, colors.selectedText, base),
+    base,
+  );
+  return blendForContrast(colors.textMuted, base, fallback, 3.6);
 }
 
 export function commandBarSubtleText(): string {
@@ -101,7 +167,11 @@ export function commandBarSubtleText(): string {
 export function commandBarSelectedText(): string {
   const base = commandBarSelectedBg();
   const preferred = higherContrast(colors.selectedText, colors.text, base);
-  const fallback = higherContrast(colors.textBright, "#f2f2f2", base);
+  const fallback = higherContrast(
+    higherContrast(colors.textBright, colors.text, base),
+    higherContrast("#ffffff", "#000000", base),
+    base,
+  );
   return blendForContrast(preferred, base, fallback, 4.5);
 }
 

package/src/theme/theme-context.tsx

@@ -0,0 +1,26 @@
+import { createContext, useContext, useMemo, type ReactNode } from "react";
+import { colors, getCurrentThemeId, syncTheme } from "./colors";
+import type { Theme } from "./themes";
+
+type ThemeColors = Omit<Theme, "name" | "description">;
+
+interface ThemeContextValue {
+  themeId: string;
+  colors: ThemeColors;
+}
+
+const ThemeContext = createContext<ThemeContextValue | null>(null);
+
+export function ThemeProvider({ themeId, children }: { themeId: string; children: ReactNode }) {
+  syncTheme(themeId);
+  const value = useMemo(() => ({ themeId, colors }), [themeId]);
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+}
+
+export function useThemeId(): string {
+  return useContext(ThemeContext)?.themeId ?? getCurrentThemeId();
+}
+
+export function useThemeColors(): ThemeColors {
+  return useContext(ThemeContext)?.colors ?? colors;
+}

package/src/theme/themes.test.ts

@@ -1,5 +1,17 @@
 import { afterEach, describe, test } from "bun:test";
-import { applyTheme, floatingPaneTitleBg, paneTitleBg, paneTitleText } from "./colors";
+import {
+  applyTheme,
+  commandBarBg,
+  commandBarHeadingText,
+  commandBarPanelBg,
+  commandBarSelectedBg,
+  commandBarSelectedText,
+  commandBarSubtleText,
+  commandBarText,
+  floatingPaneTitleBg,
+  paneTitleBg,
+  paneTitleText,
+} from "./colors";
 import { contrastRatio } from "./color-utils";
 import { DEFAULT_THEME, themes } from "./themes";
 
@@ -44,4 +56,14 @@ describe("theme contrast", () => {
       assertMinContrast(id, "floatingPaneTitleText/unfocused", paneTitleText(false, true), floatingPaneTitleBg(false), CHROME_TEXT_MIN);
     }
   });
+
+  test("keeps command bar text readable", () => {
+    for (const id of Object.keys(themes)) {
+      applyTheme(id);
+      assertMinContrast(id, "commandBarText/bg", commandBarText(), commandBarBg(), BODY_TEXT_MIN);
+      assertMinContrast(id, "commandBarHeadingText/bg", commandBarHeadingText(), commandBarBg(), SUBTLE_TEXT_MIN);
+      assertMinContrast(id, "commandBarSubtleText/panel", commandBarSubtleText(), commandBarPanelBg(), SUBTLE_TEXT_MIN);
+      assertMinContrast(id, "commandBarSelectedText/selected", commandBarSelectedText(), commandBarSelectedBg(), BODY_TEXT_MIN);
+    }
+  });
 });

package/src/theme/themes.ts

@@ -305,6 +305,121 @@ const rawThemes: Record<string, Theme> = {
     commandBorder: "#cccccc",
   },
 
+  paper: {
+    name: "Paper",
+    description: "Warm light terminal palette",
+    bg: "#f7f3e8",
+    panel: "#fffaf0",
+    border: "#d8cdb7",
+    borderFocused: "#a05a2c",
+    text: "#2f2a23",
+    textDim: "#5f5548",
+    textBright: "#17130f",
+    textMuted: "#776b5d",
+    positive: "#2f7d4a",
+    negative: "#b33630",
+    neutral: "#6e6256",
+    warning: "#946200",
+    header: "#eadcc4",
+    headerText: "#7a3f1f",
+    selected: "#ead1ab",
+    selectedText: "#211810",
+    commandBg: "#fff7e8",
+    commandBorder: "#a05a2c",
+  },
+
+  "github-light": {
+    name: "GitHub Light",
+    description: "Clean light code palette",
+    bg: "#ffffff",
+    panel: "#f6f8fa",
+    border: "#d0d7de",
+    borderFocused: "#0969da",
+    text: "#24292f",
+    textDim: "#57606a",
+    textBright: "#0b1220",
+    textMuted: "#6e7781",
+    positive: "#1a7f37",
+    negative: "#cf222e",
+    neutral: "#57606a",
+    warning: "#9a6700",
+    header: "#eaeef2",
+    headerText: "#0969da",
+    selected: "#ddf4ff",
+    selectedText: "#0b1220",
+    commandBg: "#f6f8fa",
+    commandBorder: "#0969da",
+  },
+
+  "solarized-light": {
+    name: "Solarized Light",
+    description: "Ethan Schoonover's light palette",
+    bg: "#fdf6e3",
+    panel: "#eee8d5",
+    border: "#93a1a1",
+    borderFocused: "#b58900",
+    text: "#586e75",
+    textDim: "#657b83",
+    textBright: "#073642",
+    textMuted: "#7c8a8a",
+    positive: "#859900",
+    negative: "#dc322f",
+    neutral: "#657b83",
+    warning: "#b58900",
+    header: "#e6dfc9",
+    headerText: "#268bd2",
+    selected: "#dce6d6",
+    selectedText: "#073642",
+    commandBg: "#eee8d5",
+    commandBorder: "#b58900",
+  },
+
+  "gruvbox-light": {
+    name: "Gruvbox Light",
+    description: "Retro earthy light palette",
+    bg: "#fbf1c7",
+    panel: "#f2e5bc",
+    border: "#d5c4a1",
+    borderFocused: "#af3a03",
+    text: "#3c3836",
+    textDim: "#665c54",
+    textBright: "#282828",
+    textMuted: "#7c6f64",
+    positive: "#79740e",
+    negative: "#9d0006",
+    neutral: "#665c54",
+    warning: "#b57614",
+    header: "#ebdbb2",
+    headerText: "#af3a03",
+    selected: "#d5c4a1",
+    selectedText: "#282828",
+    commandBg: "#f2e5bc",
+    commandBorder: "#af3a03",
+  },
+
+  "nord-light": {
+    name: "Nord Light",
+    description: "Soft arctic light palette",
+    bg: "#eceff4",
+    panel: "#e5e9f0",
+    border: "#d8dee9",
+    borderFocused: "#5e81ac",
+    text: "#2e3440",
+    textDim: "#4c566a",
+    textBright: "#1f2530",
+    textMuted: "#687286",
+    positive: "#4b7f36",
+    negative: "#bf616a",
+    neutral: "#4c566a",
+    warning: "#9a7500",
+    header: "#d8dee9",
+    headerText: "#5e81ac",
+    selected: "#c8d5e8",
+    selectedText: "#1f2530",
+    commandBg: "#e5e9f0",
+    commandBorder: "#5e81ac",
+  },
+
   tokyo: {
     name: "Tokyo Night",
     description: "Cool blue-purple palette",

package/src/types/broker.ts

@@ -67,7 +67,7 @@ export interface BrokerConnectionStatus {
 export interface BrokerProfileAction {
   id: string;
   label: string;
-  widgetId?: string;
+  paneId?: string;
   disabled?: boolean;
   disabledReason?: string;
 }

package/src/types/capability-route-source.ts

@@ -6,6 +6,7 @@ export interface NewsDataProvider {
   supports?(query: NewsQuery): boolean;
   getCachedNews?(query: NewsQuery): NewsArticle[];
   fetchNews(query: NewsQuery): Promise<NewsArticle[]>;
+  fetchNewsStory?(storyId: string): Promise<NewsArticle | null>;
 }
 
 export interface CapabilityRouteSource {

package/src/types/data-provider.ts

@@ -2,7 +2,6 @@ import type {
   AnalystResearchData,
   CorporateActionsData,
   Quote,
-  Fundamentals,
   TickerFinancials,
   PricePoint,
   OptionsChain,
@@ -93,6 +92,18 @@ export interface QuoteSubscriptionTarget {
   route?: "auto" | "provider" | "broker";
 }
 
+export interface QuoteBatchResult {
+  target: QuoteSubscriptionTarget;
+  quote: Quote | null;
+  error?: unknown;
+}
+
+export interface TickerFinancialsBatchResult {
+  target: CachedFinancialsTarget;
+  financials: TickerFinancials | null;
+  error?: unknown;
+}
+
 export interface AssetDataProvider {
   readonly id: string;
   readonly name: string;
@@ -100,7 +111,9 @@ export interface AssetDataProvider {
   readonly cachePolicy?: CachePolicyMap;
 
   canProvide?(ticker: string, exchange?: string, context?: MarketDataRequestContext): Promise<boolean> | boolean;
-  getCachedFinancialsForTargets?(targets: CachedFinancialsTarget[], options?: { allowExpired?: boolean }): Map<string, TickerFinancials>;
+  getCachedFinancialsForTargets?(targets: CachedFinancialsTarget[], options?: { allowExpired?: boolean }): Map<string, TickerFinancials> | Promise<Map<string, TickerFinancials>>;
+  getQuotesBatch?(targets: QuoteSubscriptionTarget[], options?: { forceRefresh?: boolean }): Promise<QuoteBatchResult[]>;
+  getTickerFinancialsBatch?(targets: CachedFinancialsTarget[], options?: { forceRefresh?: boolean }): Promise<TickerFinancialsBatchResult[]>;
   getTickerFinancials(ticker: string, exchange?: string, context?: MarketDataRequestContext): Promise<TickerFinancials>;
   getQuote(ticker: string, exchange?: string, context?: MarketDataRequestContext): Promise<Quote>;
   getExchangeRate(fromCurrency: string): Promise<number>;

package/src/types/desktop-window.ts

@@ -15,10 +15,15 @@ export interface DesktopDockPreviewState {
   edge: "left" | "right" | "top" | "bottom" | null;
 }
 
+export interface DesktopThemePreviewState {
+  theme: string | null;
+}
+
 export interface DesktopWindowBridge {
   kind: "main" | "detached";
   paneId?: string;
   syncMainState?(snapshot: DesktopSharedStateSnapshot): Promise<void>;
+  syncThemePreview?(preview: DesktopThemePreviewState): Promise<void>;
   replaceDetachedPaneState?(paneId: string, paneState: PaneRuntimeState): Promise<void>;
   popOutPane?(paneId: string): Promise<void>;
   dockDetachedPane?(paneId: string): Promise<void>;
@@ -26,4 +31,5 @@ export interface DesktopWindowBridge {
   focusDetachedPane?(paneId: string): Promise<void>;
   subscribeState(listener: (snapshot: DesktopSharedStateSnapshot) => void): () => void;
   subscribeDockPreview?(listener: (preview: DesktopDockPreviewState) => void): () => void;
+  subscribeThemePreview?(listener: (preview: DesktopThemePreviewState) => void): () => void;
 }

package/src/types/financials.ts

@@ -141,6 +141,8 @@ export interface AnalystRatingRecord {
   action?: string;
   current?: string;
   prior?: string;
+  currentPriceTarget?: number;
+  priorPriceTarget?: number;
 }
 
 export interface AnalystEstimateRecord {

package/src/types/plugin.ts

@@ -449,14 +449,12 @@ export interface GloomPluginContext {
   hidePane(paneId: string): void;
   focusPane(paneId: string): void;
   pinTicker(symbol: string, options?: { floating?: boolean; paneType?: string }): void;
-  navigateTicker(symbol: string): void;
+  navigateTicker(symbol: string, options?: { sourcePaneId?: string | null }): void;
   openPaneSettings(paneId?: string): void;
 
   on<K extends keyof PluginEvents>(event: K, handler: (payload: PluginEvents[K]) => void): () => void;
   emit<K extends keyof PluginEvents>(event: K, payload: PluginEvents[K]): void;
 
-  showWidget(widgetId: string): void;
-  hideWidget(widgetId: string): void;
   notify(notification: AppNotificationRequest): void;
 }
 

package/src/ui/host.tsx

@@ -98,13 +98,19 @@ export interface ScrollBoxRenderable {
   scrollTop: number;
   scrollLeft?: number;
   scrollHeight: number;
+  scrollTopPx?: number;
+  scrollLeftPx?: number;
+  scrollHeightPx?: number;
+  scrollWidthPx?: number;
   viewport?: { width: number; height: number };
+  viewportPx?: { width: number; height: number };
   visible?: boolean;
   parent?: unknown;
   getBoundingClientRect?: () => { x: number; y: number; width: number; height: number };
   horizontalScrollBar?: { visible: boolean };
   verticalScrollBar?: { visible: boolean };
   scrollTo(target: number | { x?: number; y?: number }, y?: number): void;
+  scrollToPixels?(target: number | { x?: number; y?: number }, y?: number): void;
 }
 
 export interface InputRenderable {
@@ -245,6 +251,7 @@ export interface UiHost {
     cellHeightPx?: number;
     pixelRatio?: number;
     canvasCharts?: boolean;
+    nativeCharts?: boolean;
     nativeContextMenu?: boolean;
   };
   Box: ComponentType<BoxProps>;

package/src/utils/api-client.test.ts

@@ -320,4 +320,36 @@ describe("apiClient cloud news", () => {
     expect(url.searchParams.get("cursor")).toBe("cursor-1");
     expect(result).toEqual({ items: [], nextCursor: null });
   });
+
+  test("fetches news story details from the story route", async () => {
+    let seenUrl = "";
+    globalThis.fetch = mockFetch(async (input: Request | string | URL) => {
+      seenUrl = String(input);
+      return createResponse({
+        id: "story-1",
+        headline: "Story headline",
+        summary: "Story summary",
+        category: "general",
+        sentiment: "neutral",
+        sectors: [],
+        firstPublishedAt: "2026-04-01T10:00:00.000Z",
+        lastPublishedAt: "2026-04-01T10:05:00.000Z",
+        firstSeenAt: "2026-04-01T10:00:10.000Z",
+        lastSeenAt: "2026-04-01T10:05:10.000Z",
+        primaryUrl: "https://example.com/story",
+        primarySource: "example-wire",
+        variantCount: 2,
+        sourceCount: 2,
+        sources: ["example-wire"],
+        entities: [],
+        tickerLinks: [],
+        items: [],
+      });
+    });
+
+    const story = await apiClient.getCloudNewsStory("story-1");
+
+    expect(new URL(seenUrl).pathname).toBe("/news/story-1");
+    expect(story.id).toBe("story-1");
+  });
 });