gloomberb 0.3.3 → 0.4.0

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

@@ -1,136 +1,25 @@
-import { useRef } from "react";
-import { TextAttributes, type BoxRenderable } from "@opentui/core";
-import { Spinner, TabBar } from "../../components";
+import { TextAttributes } from "@opentui/core";
+import { PageStackView, TabBar } from "../../components";
+import type { PaneProps } from "../../types/plugin";
+import { colors } from "../../theme/colors";
+import { PREDICTION_CATEGORY_OPTIONS } from "./categories";
 import { usePredictionMarketsController } from "./controller";
 import { PredictionMarketDetailPane } from "./detail/pane";
 import { BROWSE_TABS, VENUE_TABS } from "./navigation";
 import { PredictionMarketsTable } from "./table";
-import { formatPredictionTransportBadge } from "./status";
-import { PREDICTION_CATEGORY_OPTIONS } from "./categories";
 import type { PredictionBrowseTab, PredictionCategoryId } from "./types";
-import type { PaneProps } from "../../types/plugin";
-import { colors } from "../../theme/colors";
-import { formatTimeAgo } from "../../utils/format";
-
-function clamp(value: number, min: number, max: number): number {
-  return Math.min(Math.max(value, min), max);
-}
 
 export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
   const controller = usePredictionMarketsController({ focused });
-  const rootRef = useRef<BoxRenderable>(null);
-  const splitDragRef = useRef<{ startX: number; startRatio: number } | null>(
-    null,
-  );
-  const statusBadge = formatPredictionTransportBadge(
-    controller.catalogLoadCount > 0 || controller.detailLoadCount > 0
-      ? "loading"
-      : controller.transportState,
-  );
-  const showSummaryUnitsHint = controller.effectiveVenueScope === "all";
-  const minTableWidth = 44;
-  const minDetailWidth = 36;
-  const effectiveMinTableWidth = controller.selectedSummary
-    ? Math.min(minTableWidth, Math.max(width - minDetailWidth - 1, 20))
-    : width;
-  const effectiveMinDetailWidth = controller.selectedSummary
-    ? Math.min(minDetailWidth, Math.max(width - effectiveMinTableWidth - 1, 20))
-    : 0;
-  const listWidth = controller.selectedSummary
-    ? clamp(
-        Math.round(width * controller.detailSplitRatio),
-        effectiveMinTableWidth,
-        Math.max(effectiveMinTableWidth, width - effectiveMinDetailWidth - 1),
-      )
-    : width;
-  const detailWidth = controller.selectedSummary
-    ? Math.max(width - listWidth - 1, effectiveMinDetailWidth)
-    : 0;
-  const dividerColor =
-    controller.focusRegion === "detail" ? colors.borderFocused : colors.border;
 
-  const handlePaneMouse = (event: {
-    type?: string;
-    x?: number;
-    preventDefault?: () => void;
-    stopPropagation?: () => void;
-  }) => {
-    if (!controller.selectedSummary || !rootRef.current) {
-      splitDragRef.current = null;
-      return;
-    }
-
-    const localX = (event.x ?? 0) - rootRef.current.x;
-    const dividerX = listWidth;
-
-    if (
-      event.type === "down" &&
-      localX >= dividerX &&
-      localX <= dividerX + 1
-    ) {
-      splitDragRef.current = {
-        startX: localX,
-        startRatio: controller.detailSplitRatio,
-      };
-      event.preventDefault?.();
-      event.stopPropagation?.();
-      return;
-    }
-
-    if (!splitDragRef.current) return;
-
-    if (event.type === "drag") {
-      const delta = localX - splitDragRef.current.startX;
-      const nextListWidth = clamp(
-        Math.round(width * splitDragRef.current.startRatio) + delta,
-        effectiveMinTableWidth,
-        Math.max(effectiveMinTableWidth, width - effectiveMinDetailWidth - 1),
-      );
-      controller.actions.setDetailSplitRatio(nextListWidth / Math.max(width, 1));
-      event.preventDefault?.();
-      event.stopPropagation?.();
-      return;
-    }
-
-    if (event.type === "up" || event.type === "drag-end") {
-      splitDragRef.current = null;
-      event.preventDefault?.();
-      event.stopPropagation?.();
-    }
-  };
-
-  return (
+  const browseContent = (
     <box
-      ref={rootRef}
       flexDirection="column"
       width={width}
       height={height}
       backgroundColor={colors.panel}
-      onMouse={handlePaneMouse}
     >
-      {!controller.paneSettings.hideHeader && (
-        <box flexDirection="row" height={1} paddingX={1}>
-          <text fg={colors.textBright} attributes={TextAttributes.BOLD}>
-            Prediction Markets
-          </text>
-          <box flexGrow={1} />
-          {showSummaryUnitsHint && (
-            <text fg={colors.textDim}>VOL = native venue units</text>
-          )}
-          <box width={1} />
-          {controller.searchLoading && <Spinner />}
-          {controller.searchLoading && <box width={1} />}
-          <text fg={statusBadge.color}>{statusBadge.label}</text>
-          <box width={1} />
-          <text fg={colors.textDim}>
-            {controller.lastRefreshAt
-              ? `refresh ${formatTimeAgo(new Date(controller.lastRefreshAt))}`
-              : "waiting"}
-          </text>
-        </box>
-      )}
-
-      {!controller.paneSettings.hideTabs && (
+      {!controller.paneSettings.hideTabs ? (
         <TabBar
           tabs={VENUE_TABS.map((tab) => ({
             label: tab.label,
@@ -140,7 +29,7 @@ export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
           onSelect={controller.actions.setVenue}
           compact
         />
-      )}
+      ) : null}
 
       <box flexDirection="row" height={1} paddingX={1} gap={2}>
         <box
@@ -148,9 +37,7 @@ export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
           onMouseDown={controller.actions.focusSearch}
           width={Math.max(18, Math.floor(width * 0.32))}
         >
-          <text fg={colors.textDim}>
-            {controller.searchFocused ? "?" : "/"}
-          </text>
+          <text fg={colors.textDim}>{controller.searchFocused ? "?" : "/"}</text>
           <box width={1} />
           {controller.searchFocused ? (
             <input
@@ -198,7 +85,7 @@ export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
         </box>
       </box>
 
-      {PREDICTION_CATEGORY_OPTIONS.length > 1 && (
+      {PREDICTION_CATEGORY_OPTIONS.length > 1 ? (
         <scrollbox height={1} scrollX focusable={false}>
           <box flexDirection="row" paddingX={1} gap={2}>
             {PREDICTION_CATEGORY_OPTIONS.map((category) => {
@@ -224,71 +111,75 @@ export function PredictionMarketsPane({ focused, width, height }: PaneProps) {
             })}
           </box>
         </scrollbox>
-      )}
+      ) : null}
 
-      {controller.catalogError && (
+      {controller.catalogError ? (
         <box height={1} paddingX={1}>
           <text fg={colors.negative}>{controller.catalogError}</text>
         </box>
-      )}
-
-      <box flexDirection="row" flexGrow={1}>
-        <box
-          width={listWidth}
-          flexDirection="column"
-          onMouseDown={controller.actions.focusList}
-        >
-          <PredictionMarketsTable
-            columns={controller.visibleColumns}
-            rows={controller.visibleRows}
-            selectedRowKey={controller.selectedRow?.key ?? null}
-            hoveredIdx={controller.hoveredIdx}
-            setHoveredIdx={controller.actions.setHoveredIdx}
-            setSelectedRowKey={controller.actions.selectRow}
-            watchlist={controller.watchlistSet}
-            onToggleWatchlist={controller.actions.toggleWatchlist}
-            sortPreference={controller.sortPreference}
-            onHeaderClick={controller.actions.handleSortHeaderClick}
-            headerScrollRef={controller.headerScrollRef}
-            scrollRef={controller.scrollRef}
-            syncHeaderScroll={controller.layout.syncHeaderScroll}
-            onBodyScrollActivity={controller.layout.onBodyScrollActivity}
-          />
-        </box>
-
-        {controller.selectedSummary && (
-          <>
-            <box width={1}>
-              <text fg={dividerColor}>│</text>
-            </box>
-
-            <box
-              width={detailWidth}
-              flexDirection="column"
-              paddingX={1}
-              onMouseDown={controller.actions.focusDetail}
-            >
-              <PredictionMarketDetailPane
-                detail={controller.detail}
-                detailError={controller.detailError}
-                detailLoadCount={controller.detailLoadCount}
-                detailTab={controller.detailTab}
-                detailWidth={Math.max(detailWidth - 2, 24)}
-                focused={controller.focusRegion === "detail"}
-                height={height}
-                historyRange={controller.historyRange}
-                onDetailTabChange={controller.actions.setDetailTab}
-                onHistoryRangeChange={controller.actions.setHistoryRange}
-                onPreviewOrder={controller.actions.previewOrder}
-                onSelectMarket={controller.actions.selectMarket}
-                scrollRef={controller.detailScrollRef}
-                selectedRow={controller.selectedRow}
-                selectedSummary={controller.selectedSummary}
-              />
-            </box>
-          </>
-        )}
+      ) : null}
+
+      <box flexDirection="column" flexGrow={1}>
+        <PredictionMarketsTable
+          columns={controller.visibleColumns}
+          rows={controller.visibleRows}
+          selectedRowKey={controller.selectedRow?.key ?? null}
+          hoveredIdx={controller.hoveredIdx}
+          setHoveredIdx={controller.actions.setHoveredIdx}
+          onSelectRow={(rowKey) => controller.actions.setBrowseSelection(rowKey)}
+          onOpenRow={controller.actions.openSelectedRow}
+          watchlist={controller.watchlistSet}
+          onToggleWatchlist={controller.actions.toggleWatchlist}
+          sortPreference={controller.sortPreference}
+          onHeaderClick={controller.actions.handleSortHeaderClick}
+          headerScrollRef={controller.headerScrollRef}
+          scrollRef={controller.scrollRef}
+          syncHeaderScroll={controller.layout.syncHeaderScroll}
+          onBodyScrollActivity={controller.layout.onBodyScrollActivity}
+        />
       </box>
     </box>
   );
+
+  const detailContent =
+    controller.selectedSummary && controller.selectedRow ? (
+      <box
+        flexDirection="column"
+        flexGrow={1}
+        width={width}
+        height={Math.max(height - 1, 1)}
+        paddingX={1}
+        backgroundColor={colors.panel}
+      >
+        <PredictionMarketDetailPane
+          detail={controller.detail}
+          detailError={controller.detailError}
+          detailLoadCount={controller.detailLoadCount}
+          detailTab={controller.detailTab}
+          detailWidth={Math.max(width - 2, 24)}
+          focused={focused && controller.detailOpen}
+          height={Math.max(height - 1, 1)}
+          historyRange={controller.historyRange}
+          onDetailTabChange={controller.actions.setDetailTab}
+          onHistoryRangeChange={controller.actions.setHistoryRange}
+          onPreviewOrder={controller.actions.previewOrder}
+          onSelectMarket={controller.actions.selectMarket}
+          scrollRef={controller.detailScrollRef}
+          selectedRow={controller.selectedRow}
+          selectedSummary={controller.selectedSummary}
+        />
+      </box>
+    ) : (
+      <box flexGrow={1} backgroundColor={colors.panel} />
+    );
+
+  return (
+    <PageStackView
+      focused={focused}
+      detailOpen={controller.detailOpen && !!controller.selectedSummary}
+      onBack={controller.actions.closeDetail}
+      rootContent={browseContent}
+      detailContent={detailContent}
+    />
+  );
 }

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

@@ -14,7 +14,8 @@ export function PredictionMarketsTable({
   selectedRowKey,
   hoveredIdx,
   setHoveredIdx,
-  setSelectedRowKey,
+  onSelectRow,
+  onOpenRow,
   watchlist,
   onToggleWatchlist,
   sortPreference,
@@ -29,7 +30,8 @@ export function PredictionMarketsTable({
   selectedRowKey: string | null;
   hoveredIdx: number | null;
   setHoveredIdx: (index: number | null) => void;
-  setSelectedRowKey: (rowKey: string) => void;
+  onSelectRow: (rowKey: string) => void;
+  onOpenRow: (rowKey: string) => void;
   watchlist: Set<string>;
   onToggleWatchlist: (row: PredictionListRow) => void;
   sortPreference: PredictionSortPreference;
@@ -56,7 +58,8 @@ export function PredictionMarketsTable({
       setHoveredIdx={setHoveredIdx}
       getItemKey={(row) => row.key}
       isSelected={(row) => selectedRowKey === row.key}
-      onSelect={(row) => setSelectedRowKey(row.key)}
+      onSelect={(row) => onSelectRow(row.key)}
+      onActivate={(row) => onOpenRow(row.key)}
       virtualize
       renderCell={(row, column, _index, rowState) => {
         const watchlisted = row.watchMarketKeys.some((marketKey) =>

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

@@ -5,7 +5,6 @@ export type PredictionVenue = "polymarket" | "kalshi";
 export type PredictionVenueScope = "all" | PredictionVenue;
 export type PredictionBrowseTab = "top" | "ending" | "new" | "watchlist";
 export type PredictionDetailTab = "overview" | "book" | "trades" | "rules";
-export type PredictionFocusRegion = "list" | "detail";
 export type PredictionHistoryRange = "1D" | "1W" | "1M" | "ALL";
 export type PredictionVolumeUnit = "usd" | "contracts";
 export type PredictionSortDirection = "asc" | "desc";

package/src/sources/gloomberb-cloud.test.ts

@@ -26,6 +26,11 @@ afterEach(() => {
 });
 
 describe("GloomberbCloudProvider", () => {
+  test("reports its manual chart resolution capabilities", () => {
+    const provider = new GloomberbCloudProvider();
+    expect(provider.getChartResolutionCapabilities()).toEqual(["1m", "5m", "15m", "30m", "45m", "1h", "1d", "1wk", "1mo"]);
+  });
+
   test("fetches detailed intraday chart history with Twelve Data intervals", async () => {
     apiClient.ensureVerifiedSession = async () => verifiedUser;
 
@@ -91,6 +96,30 @@ describe("GloomberbCloudProvider", () => {
     });
   });
 
+  test("fetches fixed-resolution chart history with the requested interval", async () => {
+    apiClient.ensureVerifiedSession = async () => verifiedUser;
+
+    let requestArgs: Record<string, string | number | undefined> | null = null;
+    apiClient.getCloudHistory = async (_symbol, _exchange, params = {}) => {
+      requestArgs = params;
+      return {
+        status: "success",
+        data: [{
+          date: "2026-03-27",
+          close: 250.12,
+        }],
+      };
+    };
+
+    const provider = new GloomberbCloudProvider();
+    const history = await provider.getPriceHistoryForResolution("AAPL", "NASDAQ", "1Y", "1wk");
+
+    expect(requestArgs?.interval).toBe("1week");
+    expect(requestArgs?.startDate).toBeDefined();
+    expect(requestArgs?.endDate).toBeDefined();
+    expect(history[0]?.close).toBe(250.12);
+  });
+
   test("normalizes sub-unit cloud quotes to their main currency", async () => {
     apiClient.ensureVerifiedSession = async () => verifiedUser;
     apiClient.getCloudQuote = async () => ({

package/src/sources/gloomberb-cloud.ts

@@ -1,4 +1,9 @@
 import type { TimeRange } from "../components/chart/chart-types";
+import {
+  normalizeChartResolutionSupport,
+  type ChartResolutionSupport,
+  type ManualChartResolution,
+} from "../components/chart/chart-resolution";
 import type { DataProvider, MarketDataRequestContext, NewsItem, QuoteSubscriptionTarget, SearchRequestContext, SecFilingItem } from "../types/data-provider";
 import type { OptionsChain, PricePoint, Quote, TickerFinancials } from "../types/financials";
 import type { InstrumentSearchResult } from "../types/instrument";
@@ -14,6 +19,17 @@ import { normalizePriceValueByDivisor, resolveCurrencyUnit } from "../utils/curr
 import { createProviderMiss } from "./provider-errors";
 
 const providerId = "gloomberb-cloud" as const;
+const CLOUD_RESOLUTION_SUPPORT = normalizeChartResolutionSupport([
+  { resolution: "1m", maxRange: "1W" },
+  { resolution: "5m", maxRange: "1M" },
+  { resolution: "15m", maxRange: "3M" },
+  { resolution: "30m", maxRange: "6M" },
+  { resolution: "45m", maxRange: "6M" },
+  { resolution: "1h", maxRange: "1Y" },
+  { resolution: "1d", maxRange: "ALL" },
+  { resolution: "1wk", maxRange: "ALL" },
+  { resolution: "1mo", maxRange: "ALL" },
+]);
 const CLOUD_PROVIDER_MISS_PATTERNS = [
   /data not found/i,
   /symbol.*missing or invalid/i,
@@ -39,6 +55,8 @@ async function withCloudFallback<T>(load: () => Promise<T>, message: string): Pr
 
 function mapQuote(quote: CloudQuotePayload): Quote {
   const { currency, divisor } = resolveCurrencyUnit(quote.currency);
+  const listingExchangeName = quote.listingExchangeName ?? quote.exchangeName;
+  const listingExchangeFullName = quote.listingExchangeFullName ?? quote.fullExchangeName ?? listingExchangeName;
   return {
     ...quote,
     currency: currency || quote.currency,
@@ -57,6 +75,10 @@ function mapQuote(quote: CloudQuotePayload): Quote {
     preMarketChange: normalizePriceValueByDivisor(quote.preMarketChange, divisor),
     postMarketPrice: normalizePriceValueByDivisor(quote.postMarketPrice, divisor),
     postMarketChange: normalizePriceValueByDivisor(quote.postMarketChange, divisor),
+    listingExchangeName,
+    listingExchangeFullName,
+    exchangeName: listingExchangeName,
+    fullExchangeName: listingExchangeFullName,
     providerId,
   };
 }
@@ -92,7 +114,7 @@ function toCloudInterval(interval: string): string {
       return "45min";
     case "1d":
       return "1day";
-    case "1w":
+    case "1wk":
       return "1week";
     case "1mo":
       return "1month";
@@ -118,12 +140,45 @@ function formatCloudDateTime(date: Date, includeTime: boolean): string {
   return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 }
 
+function getRangeStartDate(range: TimeRange, endDate = new Date()): Date {
+  const startDate = new Date(endDate);
+  switch (range) {
+    case "1D":
+      startDate.setDate(startDate.getDate() - 1);
+      break;
+    case "1W":
+      startDate.setDate(startDate.getDate() - 7);
+      break;
+    case "1M":
+      startDate.setMonth(startDate.getMonth() - 1);
+      break;
+    case "3M":
+      startDate.setMonth(startDate.getMonth() - 3);
+      break;
+    case "6M":
+      startDate.setMonth(startDate.getMonth() - 6);
+      break;
+    case "1Y":
+      startDate.setFullYear(startDate.getFullYear() - 1);
+      break;
+    case "5Y":
+      startDate.setFullYear(startDate.getFullYear() - 5);
+      break;
+    case "ALL":
+      startDate.setFullYear(startDate.getFullYear() - 20);
+      break;
+  }
+  return startDate;
+}
+
 function toHistoryRequest(range: TimeRange): {
   interval: string;
   outputsize: number;
   rangeKey: TimeRange;
 } {
   switch (range) {
+    case "1D":
+      return { interval: "5min", outputsize: 24 * 12, rangeKey: range };
     case "1W":
       return { interval: "1h", outputsize: 7 * 24, rangeKey: range };
     case "1M":
@@ -179,6 +234,14 @@ export class GloomberbCloudProvider implements DataProvider {
   readonly name = "Gloomberb Cloud";
   readonly priority = 100;
 
+  getChartResolutionSupport(): ChartResolutionSupport[] {
+    return CLOUD_RESOLUTION_SUPPORT;
+  }
+
+  getChartResolutionCapabilities(): ManualChartResolution[] {
+    return CLOUD_RESOLUTION_SUPPORT.map((entry) => entry.resolution);
+  }
+
   async canProvide(): Promise<boolean> {
     return !!(await apiClient.ensureVerifiedSession());
   }
@@ -260,6 +323,31 @@ export class GloomberbCloudProvider implements DataProvider {
       .map((point) => mapPricePoint(point, divisor));
   }
 
+  async getPriceHistoryForResolution(
+    ticker: string,
+    exchange: string,
+    bufferRange: TimeRange,
+    resolution: ManualChartResolution,
+    _context?: MarketDataRequestContext,
+  ): Promise<PricePoint[]> {
+    await requireVerifiedSession();
+    const interval = toCloudInterval(resolution);
+    const endDate = new Date();
+    const startDate = getRangeStartDate(bufferRange, endDate);
+    const includeTime = /(min|h)$/i.test(interval);
+    const response = await withCloudFallback(
+      () => apiClient.getCloudHistory(ticker, exchange, {
+        interval,
+        startDate: formatCloudDateTime(startDate, includeTime),
+        endDate: formatCloudDateTime(endDate, includeTime),
+      }),
+      `Cloud chart data is unavailable for ${ticker}`,
+    );
+    const { divisor } = resolveCurrencyUnit(response.providerMeta?.currency);
+    return unwrapRequiredCloudResponse(response, `Cloud chart data is unavailable for ${ticker}`)
+      .map((point) => mapPricePoint(point, divisor));
+  }
+
   async getDetailedPriceHistory(
     ticker: string,
     exchange: string,