gloomberb 0.6.0 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gloomberb",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Bloomberg-style stock portfolio tracker for the terminal",
   "module": "src/index.tsx",
   "type": "module",
@@ -53,6 +53,7 @@
     "@opentui/react": "^0.1.90",
     "@stoqey/ib": "^1.5.3",
     "@tanstack/react-virtual": "^3.13.23",
+    "jimp": "1.6.0",
     "opentui-spinner": "^0.0.6",
     "react": "19.2.5",
     "rxjs": "^7.8.2"

package/patches/@opentui%2Fcore@0.1.90.patch

@@ -1,5 +1,5 @@
 diff --git a/index-e89anq5x.js b/index-e89anq5x.js
-index e3b6cf9..14a46d7 100644
+index e3b6cf9f90b13698966eec991fa7a1b2e1e22d96..709940f3998e5cb1caa88642fa68fa9ace80b7b1 100644
 --- a/index-e89anq5x.js
 +++ b/index-e89anq5x.js
 @@ -6328,17 +6328,27 @@ class MouseParser {
@@ -66,16 +66,39 @@ index e3b6cf9..14a46d7 100644
              consumed: index - offset + 1
            };
          }
-@@ -6408,7 +6418,7 @@ class MouseParser {
+@@ -6408,10 +6418,12 @@ class MouseParser {
        consumed: 6
      };
    }
 -  decodeSgrEvent(rawButtonCode, wireX, wireY, pressRelease) {
+-    const button = rawButtonCode & 3;
 +  decodeSgrEvent(rawButtonCode, wireX, wireY, pressRelease, context = void 0) {
-     const button = rawButtonCode & 3;
++    const encodedButton = rawButtonCode & 3;
++    const isExtendedButton = (rawButtonCode & 128) !== 0;
++    const button = isExtendedButton ? 8 + encodedButton : encodedButton;
      const isScroll = (rawButtonCode & 64) !== 0;
-     const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[button];
-@@ -6443,11 +6453,26 @@ class MouseParser {
+-    const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[button];
++    const scrollDirection = !isScroll ? undefined : MouseParser.SCROLL_DIRECTIONS[encodedButton];
+     const isMotion = (rawButtonCode & 32) !== 0;
+     const modifiers = {
+       shift: (rawButtonCode & 4) !== 0,
+@@ -6422,7 +6434,7 @@ class MouseParser {
+     let scrollInfo;
+     if (isMotion) {
+       const isDragging = this.mouseButtonsPressed.size > 0;
+-      if (button === 3) {
++      if (!isExtendedButton && encodedButton === 3) {
+         type = "move";
+       } else if (isDragging) {
+         type = "drag";
+@@ -6437,17 +6449,32 @@ class MouseParser {
+       };
+     } else {
+       type = pressRelease === "M" ? "down" : "up";
+-      if (type === "down" && button !== 3) {
++      if (type === "down" && (isExtendedButton || encodedButton !== 3)) {
+         this.mouseButtonsPressed.add(button);
+       } else if (type === "up") {
          this.mouseButtonsPressed.clear();
        }
      }
@@ -90,9 +113,10 @@ index e3b6cf9..14a46d7 100644
 +    const pixelY = pixelModeDetected ? Math.max(wireY - 1, 0) : void 0;
      return {
        type,
-       button: button === 3 ? 0 : button,
+-      button: button === 3 ? 0 : button,
 -      x: wireX - 1,
 -      y: wireY - 1,
++      button: !isExtendedButton && encodedButton === 3 ? 0 : button,
 +      x: pixelModeDetected && pixelX !== void 0
 +        ? this.projectPixelToCell(pixelX, context?.pixelWidth ?? 0, context?.terminalWidth ?? 0)
 +        : wireX - 1,
@@ -104,7 +128,7 @@ index e3b6cf9..14a46d7 100644
        modifiers,
        scroll: scrollInfo
      };
-@@ -6856,7 +6881,13 @@ var DEFAULT_PROTOCOL_CONTEXT = {
+@@ -6856,7 +6883,13 @@ var DEFAULT_PROTOCOL_CONTEXT = {
    kittyKeyboardEnabled: false,
    privateCapabilityRepliesActive: false,
    pixelResolutionQueryActive: false,
@@ -119,7 +143,7 @@ index e3b6cf9..14a46d7 100644
  };
  var RXVT_DOLLAR_CSI_RE = /^\x1b\[\d+\$$/;
  var SYSTEM_CLOCK = new SystemClock;
-@@ -7149,7 +7180,13 @@ class StdinParser {
+@@ -7149,7 +7182,13 @@ class StdinParser {
        kittyKeyboardEnabled: options.protocolContext?.kittyKeyboardEnabled ?? false,
        privateCapabilityRepliesActive: options.protocolContext?.privateCapabilityRepliesActive ?? false,
        pixelResolutionQueryActive: options.protocolContext?.pixelResolutionQueryActive ?? false,
@@ -134,7 +158,7 @@ index e3b6cf9..14a46d7 100644
      };
    }
    get bufferCapacity() {
-@@ -7952,11 +7989,14 @@ class StdinParser {
+@@ -7952,11 +7991,14 @@ class StdinParser {
      });
    }
    emitMouse(rawBytes, encoding) {
@@ -150,7 +174,7 @@ index e3b6cf9..14a46d7 100644
      this.events.push({
        type: "mouse",
        raw: decodeLatin1(rawBytes),
-@@ -17295,6 +17335,8 @@ class MouseEvent {
+@@ -17295,6 +17337,8 @@ class MouseEvent {
    button;
    x;
    y;
@@ -159,7 +183,7 @@ index e3b6cf9..14a46d7 100644
    source;
    modifiers;
    scroll;
-@@ -17314,6 +17356,8 @@ class MouseEvent {
+@@ -17314,6 +17358,8 @@ class MouseEvent {
      this.button = attributes.button;
      this.x = attributes.x;
      this.y = attributes.y;
@@ -168,7 +192,7 @@ index e3b6cf9..14a46d7 100644
      this.modifiers = attributes.modifiers;
      this.scroll = attributes.scroll;
      this.source = attributes.source;
-@@ -17479,6 +17523,8 @@ class CliRenderer extends EventEmitter8 {
+@@ -17479,6 +17525,8 @@ class CliRenderer extends EventEmitter8 {
    resizeDebounceDelay = 100;
    enableMouseMovement = false;
    _useMouse = true;
@@ -177,7 +201,7 @@ index e3b6cf9..14a46d7 100644
    autoFocus = true;
    _useAlternateScreen = env.OTUI_USE_ALTERNATE_SCREEN;
    _suspendedMouseEnabled = false;
-@@ -17507,7 +17553,7 @@ class CliRenderer extends EventEmitter8 {
+@@ -17507,7 +17555,7 @@ class CliRenderer extends EventEmitter8 {
      this.handleResize(width, height);
    }).bind(this);
    _capabilities = null;
@@ -186,7 +210,7 @@ index e3b6cf9..14a46d7 100644
    _hasPointer = false;
    _lastPointerModifiers = { shift: false, alt: false, ctrl: false };
    _currentMousePointerStyle = undefined;
-@@ -17661,7 +17707,13 @@ Captured output:
+@@ -17661,7 +17709,13 @@ Captured output:
          kittyKeyboardEnabled: useKittyForParsing,
          privateCapabilityRepliesActive: false,
          pixelResolutionQueryActive: false,
@@ -201,7 +225,7 @@ index e3b6cf9..14a46d7 100644
        },
        clock: this.clock
      });
-@@ -17983,12 +18035,14 @@ Captured output:
+@@ -17983,12 +18037,14 @@ Captured output:
    enableMouse() {
      this._useMouse = true;
      this.lib.enableMouse(this.rendererPtr, this.enableMouseMovement);
@@ -216,7 +240,7 @@ index e3b6cf9..14a46d7 100644
    }
    enableKittyKeyboard(flags = 3) {
      this.lib.enableKittyKeyboard(this.rendererPtr, flags);
-@@ -17998,6 +18052,64 @@ Captured output:
+@@ -17998,6 +18054,64 @@ Captured output:
      this.lib.disableKittyKeyboard(this.rendererPtr);
      this.updateStdinParserProtocolContext({ kittyKeyboardEnabled: false }, true);
    }
@@ -281,7 +305,7 @@ index e3b6cf9..14a46d7 100644
    set useThread(useThread) {
      this._useThread = useThread;
      this.lib.setUseThread(this.rendererPtr, useThread);
-@@ -18031,6 +18143,7 @@ Captured output:
+@@ -18031,6 +18145,7 @@ Captured output:
      if (this._useMouse) {
        this.enableMouse();
      }
@@ -289,7 +313,7 @@ index e3b6cf9..14a46d7 100644
      this.queryPixelResolution();
    }
    stdinListener = ((chunk) => {
-@@ -18070,6 +18183,7 @@ Captured output:
+@@ -18070,6 +18185,7 @@ Captured output:
      if (isCapabilityResponse(sequence)) {
        this.lib.processCapabilityResponse(this.rendererPtr, sequence);
        this._capabilities = this.lib.getTerminalCapabilities(this.rendererPtr);
@@ -297,7 +321,7 @@ index e3b6cf9..14a46d7 100644
        this.emit("capabilities" /* CAPABILITIES */, this._capabilities);
        return true;
      }
-@@ -18079,6 +18193,7 @@ Captured output:
+@@ -18079,6 +18195,7 @@ Captured output:
      if (sequence === "\x1B[I") {
        if (this.shouldRestoreModesOnNextFocus) {
          this.lib.restoreTerminalModes(this.rendererPtr);
@@ -305,7 +329,7 @@ index e3b6cf9..14a46d7 100644
          this.shouldRestoreModesOnNextFocus = false;
        }
        if (this._terminalFocusState !== true) {
-@@ -18187,6 +18302,7 @@ Captured output:
+@@ -18187,6 +18304,7 @@ Captured output:
          }
          this.waitingForPixelResolution = false;
          this.updateStdinParserProtocolContext({ pixelResolutionQueryActive: false }, true);
@@ -313,7 +337,7 @@ index e3b6cf9..14a46d7 100644
          return true;
        }
        return false;
-@@ -18221,9 +18337,15 @@ Captured output:
+@@ -18221,9 +18339,15 @@ Captured output:
          return false;
        }
        mouseEvent.y -= this.renderOffset;
@@ -329,7 +353,7 @@ index e3b6cf9..14a46d7 100644
      this._hasPointer = true;
      this._lastPointerModifiers = mouseEvent.modifiers;
      if (this._console.visible) {
-@@ -18352,6 +18474,8 @@ Captured output:
+@@ -18352,6 +18476,8 @@ Captured output:
        button: 0,
        x: this._latestPointer.x,
        y: this._latestPointer.y,
@@ -338,7 +362,7 @@ index e3b6cf9..14a46d7 100644
        modifiers: this._lastPointerModifiers
      };
      if (lastOver && !lastOver.isDestroyed) {
-@@ -18435,6 +18559,7 @@ Captured output:
+@@ -18435,6 +18561,7 @@ Captured output:
      const prevWidth = this._terminalWidth;
      this._terminalWidth = width;
      this._terminalHeight = height;
@@ -346,7 +370,7 @@ index e3b6cf9..14a46d7 100644
      this.queryPixelResolution();
      this.setCapturedRenderable(undefined);
      this.stdinParser?.resetMouseState();
-@@ -18712,6 +18837,7 @@ Captured output:
+@@ -18712,6 +18839,7 @@ Captured output:
      }
      this._isRunning = false;
      this.waitingForPixelResolution = false;

package/src/app.tsx

@@ -17,6 +17,7 @@ import { Header } from "./components/layout/header";
 import { StatusBar } from "./components/layout/status-bar";
 import { Shell } from "./components/layout/shell";
 import { DetachedPaneShell } from "./components/layout/detached-pane-shell";
+import { getVisiblePaneCycleOrder } from "./components/layout/pane-cycle-order";
 import { CommandBar } from "./components/command-bar/command-bar";
 import { OnboardingWizard } from "./components/onboarding/onboarding-wizard";
 import { useDialog, useDialogState } from "./ui/dialog";
@@ -1441,18 +1442,20 @@ function AppInner({
     if (state.commandBarOpen || state.inputCaptured) return;
 
     if (event.name === "tab") {
-      // Build pane order from current layout for cycling
-      const layout = state.config.layout;
-      const paneOrder = [
-        ...getDockedPaneIds(layout),
-        ...layout.floating.map((entry) => entry.instanceId),
-      ];
+      const paneOrder = getVisiblePaneCycleOrder(
+        state.config.layout,
+        pluginRegistry,
+        state.config.disabledPlugins,
+      );
+      if (paneOrder.length === 0) return;
 
       if (event.shift) {
         dispatch({ type: "FOCUS_PREV", paneOrder });
       } else {
         dispatch({ type: "FOCUS_NEXT", paneOrder });
       }
+      event.preventDefault();
+      event.stopPropagation();
     } else if (!isDetachedWindow && event.name === "q" && !(focusedPane?.paneId === "ticker-detail" && focusedDetailTab === "financials")) {
       rendererHost.requestExit();
     } else if (event.name === "r") {

package/src/cli/registry.test.ts

@@ -4,7 +4,6 @@ import { join } from "path";
 import { tmpdir } from "os";
 import { createDefaultConfig } from "../types/config";
 import type { GloomPlugin } from "../types/plugin";
-import type { LoadedExternalPlugin } from "../plugins/loader";
 import {
   buildCliCommandRegistry,
   createCliCommandContext,

package/src/components/chart/chart-controller.ts

@@ -13,7 +13,6 @@ import {
   isDateWindowWithinTimeRange,
   isTimeRangeAtOrBelow,
   subtractTimeRange,
-  type ChartResolutionSupport,
   type ManualChartResolution,
 } from "./chart-resolution";
 

package/src/components/chart/chart-data.ts

@@ -1,6 +1,5 @@
 import type { PricePoint } from "../../types/financials";
-import type { ChartRenderMode, ChartViewState, VisibleWindow } from "./chart-types";
-import { getVisiblePointCount } from "./chart-viewport";
+import type { ChartRenderMode } from "./chart-types";
 
 export interface ProjectedChartPoint {
   date: Date;
@@ -76,34 +75,6 @@ export function resolveRenderMode(
   };
 }
 
-/**
- * Apply zoom and pan to get the visible data window.
- */
-export function getVisibleWindow(
-  history: PricePoint[],
-  viewState: ChartViewState,
-  chartWidth: number,
-): VisibleWindow {
-  if (history.length === 0) {
-    return { points: [], startIdx: 0, endIdx: 0 };
-  }
-
-  const visibleCount = getVisiblePointCount(history.length, viewState.zoomLevel);
-
-  // Clamp pan offset
-  const maxPan = Math.max(history.length - visibleCount, 0);
-  const pan = Math.min(Math.max(viewState.panOffset, 0), maxPan);
-
-  const endIdx = history.length - pan;
-  const startIdx = Math.max(endIdx - visibleCount, 0);
-
-  return {
-    points: history.slice(startIdx, endIdx),
-    startIdx,
-    endIdx,
-  };
-}
-
 function normalizePoint(point: PricePoint): ProjectedChartPoint {
   const open = point.open ?? point.close;
   const high = point.high ?? point.close;
@@ -334,7 +305,6 @@ export function bucketOhlcSeries(
   return result;
 }
 
-const MS_HOUR = 3600_000;
 const MS_DAY = 86400_000;
 
 /**

package/src/components/chart/chart-renderer.ts

@@ -918,6 +918,76 @@ function writeAxisLabel(axis: string[], start: number, label: string) {
   }
 }
 
+export interface AxisLabelSegment {
+  text: string;
+  highlighted: boolean;
+}
+
+function formatCursorTimeAxisValue(
+  value: Date | string | number,
+  dates: Array<Date | string | number>,
+  width: number,
+): string {
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) return "—";
+
+  const normalizedDates = dates.map((entry) => (entry instanceof Date ? entry : new Date(entry)));
+  const validDates = normalizedDates.filter((entry) => !isNaN(entry.getTime()));
+  if (validDates.length === 0) return formatDateShort(date);
+
+  const first = validDates[0]!;
+  const last = validDates[validDates.length - 1]!;
+  const spanMs = Math.max(last.getTime() - first.getTime(), 1);
+  const roughLabelCount = Math.max(Math.floor(normalizeCount(width, 0) / 10), 2);
+  const minGapMs = getMinPositiveGapMs(validDates);
+  const effectiveStepMs = Math.max(spanMs / Math.max(roughLabelCount - 1, 1), minGapMs || 0);
+  const unit = resolveAxisLabelUnit(effectiveStepMs);
+  const counterpart = isSameCalendarDay(first, last)
+    ? first
+    : isSameCalendarDay(date, first)
+      ? last
+      : first;
+
+  return formatTimeAxisBoundaryLabel(date, unit, counterpart);
+}
+
+export function buildCursorTimeAxisSegments({
+  timeLabels,
+  width,
+  cursorColumn,
+  cursorDate,
+  dates,
+}: {
+  timeLabels: string;
+  width: number;
+  cursorColumn: number | null;
+  cursorDate: Date | string | number | null;
+  dates: Array<Date | string | number>;
+}): AxisLabelSegment[] {
+  const axisWidth = normalizeCount(width, 0);
+  if (axisWidth <= 0) return [];
+
+  const base = timeLabels.padEnd(axisWidth).slice(0, axisWidth);
+  if (cursorColumn === null || cursorDate === null) {
+    return [{ text: base, highlighted: false }];
+  }
+
+  const label = formatCursorTimeAxisValue(cursorDate, dates, axisWidth);
+  if (!label) return [{ text: base, highlighted: false }];
+
+  const axis = base.split("");
+  const column = Math.max(Math.min(Math.round(cursorColumn), axisWidth - 1), 0);
+  const start = resolveAxisLabelStart(column, label, axisWidth);
+  const end = Math.min(start + label.length, axisWidth);
+  writeAxisLabel(axis, start, label);
+
+  return [
+    { text: axis.slice(0, start).join(""), highlighted: false },
+    { text: axis.slice(start, end).join(""), highlighted: true },
+    { text: axis.slice(end).join(""), highlighted: false },
+  ].filter((segment) => segment.text.length > 0);
+}
+
 export function buildTimeAxis(dates: Array<Date | string | number>, width: number): string {
   const axisWidth = normalizeCount(width, 0);
   if (dates.length === 0 || axisWidth <= 0) return "";

package/src/components/chart/chart-resolution.test.ts

@@ -3,10 +3,8 @@ import {
   CHART_RESOLUTION_STEP_MS,
   clampTimeRangeForResolution,
   getActiveRangePreset,
-  getBestSupportedResolutionForDateWindow,
   getBestSupportedResolutionForVisibleWindow,
   getPresetResolution,
-  intersectChartResolutions,
   isRangePresetSupported,
   normalizeChartResolution,
   sortChartResolutions,
@@ -30,14 +28,6 @@ describe("chart-resolution", () => {
     expect(getActiveRangePreset("1Y", "1d", 1, 2)).toBeNull();
   });
 
-  test("intersects and sorts provider capabilities", () => {
-    expect(intersectChartResolutions([
-      ["1d", "5m", "1wk", "nope"],
-      ["1wk", "1d", "1mo"],
-      ["1d", "1wk"],
-    ])).toEqual(["1d", "1wk"]);
-  });
-
   test("checks whether a range preset is supported by the visible capability set", () => {
     expect(isRangePresetSupported("1Y", ["1d", "1wk"])).toBe(true);
     expect(isRangePresetSupported("ALL", ["1d", "1wk"])).toBe(false);
@@ -57,32 +47,6 @@ describe("chart-resolution", () => {
     expect(sortChartResolutions(["1wk", "auto", "15m", "1d"])).toEqual(["auto", "15m", "1d", "1wk"]);
   });
 
-  test("picks the best supported resolution for the current visible date window", () => {
-    const support = [
-      { resolution: "1m", maxRange: "1D" },
-      { resolution: "5m", maxRange: "1W" },
-      { resolution: "15m", maxRange: "1M" },
-      { resolution: "1h", maxRange: "3M" },
-      { resolution: "1d", maxRange: "5Y" },
-      { resolution: "1wk", maxRange: "ALL" },
-    ] as const;
-
-    expect(getBestSupportedResolutionForDateWindow({
-      start: new Date("2026-01-08T10:00:00Z"),
-      end: new Date("2026-01-08T16:00:00Z"),
-    }, support)).toBe("1m");
-
-    expect(getBestSupportedResolutionForDateWindow({
-      start: new Date("2026-01-01T00:00:00Z"),
-      end: new Date("2026-01-08T00:00:00Z"),
-    }, support)).toBe("5m");
-
-    expect(getBestSupportedResolutionForDateWindow({
-      start: new Date("2021-01-01T00:00:00Z"),
-      end: new Date("2026-01-01T00:00:00Z"),
-    }, support)).toBe("1wk");
-  });
-
   test("picks a denser supported resolution as the visible window narrows", () => {
     const support = [
       { resolution: "1m", maxRange: "1D" },

package/src/components/chart/chart-resolution.ts

@@ -151,24 +151,6 @@ export function sortChartResolutions<T extends ChartResolution>(resolutions: rea
   ));
 }
 
-function normalizeManualChartResolutions(resolutions: readonly string[]): ManualChartResolution[] {
-  const seen = new Set<ManualChartResolution>();
-  for (const resolution of resolutions) {
-    if (isManualChartResolution(resolution)) {
-      seen.add(resolution);
-    }
-  }
-  return sortChartResolutions([...seen]);
-}
-
-export function intersectChartResolutions(resolutionSets: Array<readonly string[]>): ManualChartResolution[] {
-  if (resolutionSets.length === 0) return [];
-  const [first = new Set<ManualChartResolution>(), ...rest] = resolutionSets.map((set) => new Set(normalizeManualChartResolutions(set)));
-  return sortChartResolutions(
-    [...first].filter((resolution) => rest.every((set) => set.has(resolution))),
-  );
-}
-
 function sortChartResolutionSupport(support: readonly ChartResolutionSupport[]): ChartResolutionSupport[] {
   return [...support].sort((left, right) => (
     CHART_RESOLUTION_ORDER.indexOf(left.resolution) - CHART_RESOLUTION_ORDER.indexOf(right.resolution)
@@ -324,15 +306,6 @@ export function getBestSupportedResolutionForPreset(
   return supportedResolutions[supportedResolutions.length - 1] ?? null;
 }
 
-export function getBestSupportedResolutionForDateWindow(
-  window: { start: Date | null; end: Date | null } | null,
-  support: readonly ChartResolutionSupport[] | ReadonlyMap<ManualChartResolution, TimeRange>,
-): ManualChartResolution | null {
-  if (!window?.start || !window.end) return null;
-  const range = getTimeRangeForDateWindow(window);
-  return getBestSupportedResolutionForPreset(range, support);
-}
-
 export function getTimeRangeForDateWindow(
   window: { start: Date | null; end: Date | null } | null,
 ): TimeRange {

package/src/components/chart/chart.test.ts

@@ -1,15 +1,14 @@
 import { describe, expect, test } from "bun:test";
 import {
   bucketOhlcSeries,
-  getVisibleWindow,
   projectChartData,
   resolveRenderMode,
   resolveStableOhlcProjectionOptions,
 } from "./chart-data";
 import { stepCursorTowards } from "./cursor-motion";
-import { buildChartScene, buildTimeAxis, formatAxisValue, formatCursorAxisValue, renderChart, resolveChartAxisWidth, resolveChartPalette } from "./chart-renderer";
+import { buildChartScene, buildCursorTimeAxisSegments, buildTimeAxis, formatAxisValue, formatCursorAxisValue, renderChart, resolveChartAxisWidth, resolveChartPalette } from "./chart-renderer";
 import type { PricePoint } from "../../types/financials";
-import type { ChartRenderMode, ChartViewState } from "./chart-types";
+import type { ChartRenderMode } from "./chart-types";
 
 const aggregationFixture: PricePoint[] = [
   { date: new Date("2024-01-02"), close: 10, volume: 100 },
@@ -225,48 +224,6 @@ describe("resolveRenderMode", () => {
   });
 });
 
-describe("getVisibleWindow", () => {
-  test("shows the full selected range at default zoom and lets the renderer downsample it", () => {
-    const history = buildDenseHistory(252);
-    const viewState: ChartViewState = {
-      presetRange: "1Y",
-      bufferRange: "1Y",
-      activePreset: "1Y",
-      resolution: "auto",
-      panOffset: 0,
-      zoomLevel: 1,
-      cursorX: null,
-      cursorY: null,
-    };
-
-    const window = getVisibleWindow(history, viewState, 80);
-
-    expect(window.points).toHaveLength(history.length);
-    expect(window.points[0]?.date.toISOString()).toBe(history[0]!.date.toISOString());
-    expect(window.points.at(-1)?.date.toISOString()).toBe(history.at(-1)!.date.toISOString());
-  });
-
-  test("zooms into the selected range instead of pinning the default view to chart width", () => {
-    const history = buildDenseHistory(252);
-    const viewState: ChartViewState = {
-      presetRange: "1Y",
-      bufferRange: "1Y",
-      activePreset: "1Y",
-      resolution: "auto",
-      panOffset: 0,
-      zoomLevel: 2,
-      cursorX: null,
-      cursorY: null,
-    };
-
-    const window = getVisibleWindow(history, viewState, 80);
-
-    expect(window.points).toHaveLength(126);
-    expect(window.points[0]?.date.toISOString()).toBe(history[126]!.date.toISOString());
-    expect(window.points.at(-1)?.date.toISOString()).toBe(history.at(-1)!.date.toISOString());
-  });
-});
-
 describe("renderChart", () => {
   test("sizes the y-axis to the visible label width instead of a fixed gutter", () => {
     expect(resolveChartAxisWidth(["$18", "$17", "$16", "$14"], 4, 10)).toBe(4);
@@ -457,6 +414,21 @@ describe("renderChart", () => {
     );
   });
 
+  test("overlays the cursor date on the x-axis without changing its width", () => {
+    const dates = Array.from({ length: 13 }, (_, index) => new Date(2026, 0, 5, 9, 30 + index * 30));
+    const width = 72;
+    const segments = buildCursorTimeAxisSegments({
+      timeLabels: buildTimeAxis(dates, width),
+      width,
+      cursorColumn: 36,
+      cursorDate: dates[6]!,
+      dates,
+    });
+
+    expect(segments.map((segment) => segment.text).join("")).toHaveLength(width);
+    expect(segments.find((segment) => segment.highlighted)?.text).toBe("12:30");
+  });
+
   test("shows second precision when the visible window reaches second-level data", () => {
     const dates = Array.from({ length: 6 }, (_, index) => new Date(2026, 0, 5, 9, 30, index * 10));
 

package/src/components/chart/comparison-chart-data.test.ts

@@ -25,10 +25,9 @@ describe("projectComparisonChartData", () => {
     const window = getVisibleComparisonWindow([
       makeSeries("AAPL", "USD", closes),
     ], {
-      timeRange: "ALL",
       panOffset: 0,
       zoomLevel: 1,
-    }, 40);
+    });
 
     expect(window.dates).toHaveLength(120);
     expect(window.dates[0]?.toISOString()).toBe("2024-01-01T00:00:00.000Z");
@@ -48,7 +47,6 @@ describe("projectComparisonChartData", () => {
         ["2024-01-05", 22],
       ]),
     ], 8, {
-      timeRange: "ALL",
       panOffset: 0,
       zoomLevel: 1,
       renderMode: "line",
@@ -72,7 +70,6 @@ describe("projectComparisonChartData", () => {
         ["2024-01-04", 60],
       ]),
     ], 8, {
-      timeRange: "ALL",
       panOffset: 0,
       zoomLevel: 1,
       renderMode: "line",
@@ -94,7 +91,6 @@ describe("projectComparisonChartData", () => {
         ["2024-01-03", 2100],
       ]),
     ], 8, {
-      timeRange: "ALL",
       panOffset: 0,
       zoomLevel: 1,
       renderMode: "line",

package/src/components/chart/comparison-chart-data.ts

@@ -83,9 +83,7 @@ function getUniqueSortedDates(series: ComparisonChartSeries[]): Date[] {
 
 export function getMaxComparisonPanOffset(
   series: ComparisonChartSeries[],
-  _timeRange: TimeRange,
   zoomLevel: number,
-  chartWidth: number,
 ): number {
   const dates = getUniqueSortedDates(series);
   const visibleCount = getVisiblePointCount(dates.length, zoomLevel);
@@ -95,7 +93,6 @@ export function getMaxComparisonPanOffset(
 export function getVisibleComparisonWindow(
   series: ComparisonChartSeries[],
   viewState: Pick<ComparisonChartViewState, "panOffset" | "zoomLevel">,
-  chartWidth: number,
 ): ComparisonVisibleWindow {
   const dates = getUniqueSortedDates(series);
 
@@ -214,7 +211,7 @@ export function projectComparisonChartData(
   requestedAxisMode: ChartAxisMode,
 ): ComparisonChartProjection {
   const normalizedSeries = series.map((entry) => ({ ...entry, points: normalizeSeriesPoints(entry.points) }));
-  const window = getVisibleComparisonWindow(normalizedSeries, viewState, chartWidth);
+  const window = getVisibleComparisonWindow(normalizedSeries, viewState);
   const axisResolution = resolveComparisonAxisMode(requestedAxisMode, normalizedSeries, window.dates);
   const requestedMode = normalizeComparisonMode(viewState.renderMode);
   if (window.dates.length === 0) {