gloomberb 0.4.0 → 0.5.0

package/src/components/chart/stock-chart-renderer-switch.test.tsx

@@ -10,6 +10,7 @@ import {
   type AppAction,
 } from "../../state/app-context";
 import { MarketDataCoordinator, setSharedMarketDataCoordinator } from "../../market-data/coordinator";
+import { setSharedDataProviderForTests } from "../../plugins/registry";
 import { cloneLayout, createDefaultConfig, type AppConfig } from "../../types/config";
 import type { DataProvider } from "../../types/data-provider";
 import type { PricePoint, TickerFinancials } from "../../types/financials";
@@ -17,6 +18,7 @@ import type { TickerRecord } from "../../types/ticker";
 import { StockChart } from "./stock-chart";
 
 const TEST_PANE_ID = "ticker-detail:test";
+const CHART_DETAIL_REQUEST_DEBOUNCE_WAIT_MS = 220;
 
 let testSetup: Awaited<ReturnType<typeof createTestRenderer>> | undefined;
 let root: ReturnType<typeof createRoot> | undefined;
@@ -40,11 +42,14 @@ function makeTicker(symbol: string): TickerRecord {
   };
 }
 
-function makeHistory(length: number): PricePoint[] {
+function makeHistory(
+  length: number,
+  startDate = new Date(Date.UTC(2024, 0, 1)),
+): PricePoint[] {
   return Array.from({ length }, (_, index) => {
     const trend = index < length / 2 ? index : length - index;
     return {
-      date: new Date(Date.UTC(2024, 0, index + 1)),
+      date: new Date(startDate.getTime() + index * 24 * 3600_000),
       open: 100 + trend,
       high: 101 + trend,
       low: 99 + trend,
@@ -54,6 +59,49 @@ function makeHistory(length: number): PricePoint[] {
   });
 }
 
+function makeIntradayHistory(
+  days: number,
+  intervalHours = 1,
+  startDate = new Date(Date.UTC(2024, 0, 1)),
+): PricePoint[] {
+  const pointsPerDay = Math.floor(24 / intervalHours);
+  return Array.from({ length: days * pointsPerDay }, (_, index) => {
+    const date = new Date(startDate.getTime() + index * intervalHours * 3600_000);
+    const base = 100 + Math.sin(index / 12) * 4 + index * 0.02;
+    return {
+      date,
+      open: base - 0.4,
+      high: base + 0.8,
+      low: base - 0.9,
+      close: base,
+      volume: 5_000 + index * 10,
+    };
+  });
+}
+
+function makeMonthlyHistory(
+  months: number,
+  startDate = new Date(Date.UTC(2021, 5, 1)),
+): PricePoint[] {
+  return Array.from({ length: months }, (_, index) => {
+    const date = new Date(Date.UTC(
+      startDate.getUTCFullYear(),
+      startDate.getUTCMonth() + index,
+      startDate.getUTCDate(),
+      12,
+    ));
+    const base = 100 + index * 2.5;
+    return {
+      date,
+      open: base - 1,
+      high: base + 2,
+      low: base - 3,
+      close: base,
+      volume: 2_000 + index * 50,
+    };
+  });
+}
+
 function makeChartConfig(symbol: string): AppConfig {
   const config = createDefaultConfig("/tmp/gloomberb-test");
   config.layout = {
@@ -98,11 +146,21 @@ function ChartHarness({
 async function flushFrames(count = 2) {
   for (let index = 0; index < count; index += 1) {
     await act(async () => {
+      await Promise.resolve();
+      await new Promise((resolve) => setTimeout(resolve, 0));
       await testSetup!.renderOnce();
+      await Promise.resolve();
     });
   }
 }
 
+async function flushDebouncedChartRequests() {
+  await act(async () => {
+    await new Promise((resolve) => setTimeout(resolve, CHART_DETAIL_REQUEST_DEBOUNCE_WAIT_MS));
+  });
+  await flushFrames(2);
+}
+
 async function emitKeypress(event: { name?: string; sequence?: string }) {
   await act(async () => {
     testSetup!.renderer.keyInput.emit("keypress", {
@@ -118,6 +176,14 @@ async function emitKeypress(event: { name?: string; sequence?: string }) {
   });
 }
 
+function getFrameLineContaining(frame: string, text: string): string {
+  return frame.split("\n").find((line) => line.includes(text)) ?? "";
+}
+
+function getFrameRowContaining(frame: string, text: string): number {
+  return frame.split("\n").findIndex((line) => line.includes(text));
+}
+
 function makeProvider(historyBySymbol: Record<string, PricePoint[]>): DataProvider {
   return {
     id: "test-provider",
@@ -140,7 +206,14 @@ function makeProvider(historyBySymbol: Record<string, PricePoint[]>): DataProvid
     getNews: async () => [],
     getArticleSummary: async () => null,
     getPriceHistory: async (symbol) => historyBySymbol[symbol] ?? [],
+    getDetailedPriceHistory: async (symbol, _exchange, startDate, endDate) => (
+      historyBySymbol[symbol] ?? []
+    ).filter((point) => {
+      const date = point.date instanceof Date ? point.date : new Date(point.date);
+      return date >= startDate && date <= endDate;
+    }),
     getChartResolutionSupport: async () => [
+      { resolution: "1m", maxRange: "1D" },
       { resolution: "5m", maxRange: "1W" },
       { resolution: "15m", maxRange: "1M" },
       { resolution: "1h", maxRange: "3M" },
@@ -151,13 +224,15 @@ function makeProvider(historyBySymbol: Record<string, PricePoint[]>): DataProvid
   };
 }
 
-afterEach(() => {
+afterEach(async () => {
   harnessDispatch = null;
   sharedCoordinator = null;
   setSharedMarketDataCoordinator(null);
+  setSharedDataProviderForTests(undefined);
   if (root) {
-    act(() => {
+    await act(async () => {
       root!.unmount();
+      await Promise.resolve();
     });
     root = undefined;
   }
@@ -165,7 +240,6 @@ afterEach(() => {
     testSetup.renderer.destroy();
     testSetup = undefined;
   }
-  actEnvironment.IS_REACT_ACT_ENVIRONMENT = false;
 });
 
 describe("StockChart renderer switching", () => {
@@ -176,6 +250,7 @@ describe("StockChart renderer switching", () => {
     const provider = makeProvider({ [symbol]: [] });
     sharedCoordinator = new MarketDataCoordinator(provider);
     setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
     const financials: TickerFinancials = {
       annualStatements: [],
       quarterlyStatements: [],
@@ -217,8 +292,8 @@ describe("StockChart renderer switching", () => {
 
     actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
     testSetup = await createTestRenderer({ width: 120, height: 32 });
-    (testSetup.renderer as { _capabilities: unknown })._capabilities = { kitty_graphics: true };
-    (testSetup.renderer as { _resolution: unknown })._resolution = { width: 1200, height: 960 };
+    ((testSetup.renderer as unknown) as { _capabilities: unknown })._capabilities = { kitty_graphics: true };
+    ((testSetup.renderer as unknown) as { _resolution: unknown })._resolution = { width: 1200, height: 960 };
 
     root = createRoot(testSetup.renderer);
     act(() => {
@@ -257,6 +332,7 @@ describe("StockChart renderer switching", () => {
     const provider = makeProvider({ [symbol]: makeHistory(180) });
     sharedCoordinator = new MarketDataCoordinator(provider);
     setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
     const financials: TickerFinancials = {
       annualStatements: [],
       quarterlyStatements: [],
@@ -277,13 +353,668 @@ describe("StockChart renderer switching", () => {
     });
 
     await flushFrames(3);
-    expect(testSetup.captureCharFrame()).toContain("AAPL - 1W");
+    expect(testSetup.captureCharFrame()).toContain("AAPL - AUTO");
 
     await emitKeypress({ name: "3", sequence: "3" });
     await flushFrames(3);
+    await flushDebouncedChartRequests();
 
     const frame = testSetup.captureCharFrame();
+    expect(frame).not.toContain("AAPL - AUTO");
     expect(frame).toContain("AAPL - 15M");
-    expect(frame).not.toContain("AAPL - 1W");
+    expect(frame).toContain("May 28");
+    expect(frame).not.toContain("view:");
+  });
+
+  test("chooses supported auto detail resolutions as the visible window changes", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    config.layout.instances = config.layout.instances.map((instance) => (
+      instance.instanceId === TEST_PANE_ID
+        ? {
+          ...instance,
+          settings: {
+            chartRangePreset: "1W",
+            chartResolution: "auto",
+          },
+        }
+        : instance
+    ));
+
+    const ticker = makeTicker(symbol);
+    const history = makeIntradayHistory(30);
+    const detailBarSizes: string[] = [];
+    const provider = {
+      ...makeProvider({ [symbol]: history }),
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailBarSizes.push(barSize);
+        return history.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: history,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    await flushDebouncedChartRequests();
+    expect(testSetup.captureCharFrame()).toContain("AAPL - AUTO");
+    expect(detailBarSizes).toContain("15m");
+
+    for (let index = 0; index < 6; index += 1) {
+      await emitKeypress({ name: "=", sequence: "=" });
+      await flushFrames(3);
+    }
+    await flushDebouncedChartRequests();
+
+    expect(detailBarSizes).toContain("1m");
+    expect(testSetup.captureCharFrame()).not.toContain("zoom:");
+  });
+
+  test("keeps auto zoom span-based even when the base history is coarse", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    config.layout.instances = config.layout.instances.map((instance) => (
+      instance.instanceId === TEST_PANE_ID
+        ? {
+          ...instance,
+          settings: {
+            chartRangePreset: "1W",
+            chartResolution: "auto",
+          },
+        }
+        : instance
+    ));
+
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeHistory(120);
+    const detailHistory = makeIntradayHistory(35, 1, new Date(Date.UTC(2024, 2, 25)));
+    const detailRequests: Array<{ barSize: string; spanMs: number }> = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailRequests.push({ barSize, spanMs: endDate.getTime() - startDate.getTime() });
+        return detailHistory.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    await flushDebouncedChartRequests();
+    expect(detailRequests.some((request) => request.barSize === "15m")).toBe(true);
+
+    for (let index = 0; index < 8; index += 1) {
+      await emitKeypress({ name: "=", sequence: "=" });
+      await flushFrames(3);
+    }
+    await flushDebouncedChartRequests();
+
+    expect(detailRequests.some((request) => request.barSize === "1m")).toBe(true);
+    expect(
+      detailRequests.some((request) => request.barSize === "1m" && request.spanMs <= 24 * 60 * 60_000),
+    ).toBe(true);
+  });
+
+  test("prefers resolution history when it can satisfy the requested auto window", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeMonthlyHistory(59, new Date(Date.UTC(2021, 5, 1)));
+    const resolutionHistory = makeIntradayHistory(1774, 1, new Date(Date.UTC(2021, 5, 1)));
+    const resolutionRequests: Array<{ bufferRange: string; resolution: string }> = [];
+    const detailRequests: string[] = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getPriceHistory: async () => baseHistory,
+      getPriceHistoryForResolution: async (
+        requestSymbol: string,
+        _exchange: string,
+        bufferRange: string,
+        resolution: string,
+      ) => {
+        resolutionRequests.push({ bufferRange, resolution });
+        return resolutionHistory;
+      },
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailRequests.push(barSize);
+        return [];
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    for (let index = 0; index < 14; index += 1) {
+      await emitKeypress({ name: "=", sequence: "=" });
+      await flushFrames(4);
+    }
+    await flushDebouncedChartRequests();
+
+    const frame = testSetup.captureCharFrame();
+    expect(resolutionRequests.some((request) => request.resolution === "1d")).toBe(true);
+    expect(detailRequests).toHaveLength(0);
+    expect(frame).not.toContain("No price history available.");
+    expect(frame).toContain("Apr");
+  });
+
+  test("mouse scroll at the auto edge does not zoom into narrower detail windows", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeHistory(1774, new Date(Date.UTC(2021, 5, 1)));
+    const intradayDetail = makeIntradayHistory(240, 1, new Date(Date.UTC(2025, 8, 1)));
+    const detailRequests: string[] = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailRequests.push(barSize);
+        const source = /(m|h)$/i.test(barSize) ? intradayDetail : baseHistory;
+        return source.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    const initialFrame = testSetup.captureCharFrame();
+    const titleRow = getFrameRowContaining(initialFrame, "AAPL - AUTO");
+    expect(titleRow).toBeGreaterThanOrEqual(0);
+
+    await act(async () => {
+      await testSetup!.mockMouse.scroll(1, titleRow, "up");
+      await testSetup!.renderOnce();
+    });
+    await flushFrames(2);
+
+    for (let index = 0; index < 4; index += 1) {
+      await act(async () => {
+        await testSetup!.mockMouse.scroll(68, titleRow + 3, "up");
+        await testSetup!.renderOnce();
+      });
+      await flushFrames(2);
+    }
+    await flushDebouncedChartRequests();
+
+    const pannedFrame = testSetup.captureCharFrame();
+    const pannedHeader = getFrameLineContaining(pannedFrame, "AAPL - AUTO");
+    expect(pannedHeader).not.toContain("view:");
+    expect(detailRequests.some((request) => /(m|h)$/i.test(request))).toBe(false);
+  });
+
+  test("keeps the chart interactive while a wider pan range is loading", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    config.layout.instances = config.layout.instances.map((instance) => ({
+      ...instance,
+      settings: {
+        chartRangePreset: "1Y",
+        chartResolution: "1d",
+      },
+    }));
+    config.layouts = [{ name: "Default", layout: cloneLayout(config.layout) }];
+    const ticker = makeTicker(symbol);
+    const oneYearHistory = makeHistory(252, new Date(Date.UTC(2025, 0, 1)));
+    const fiveYearHistory = makeHistory(1260, new Date(Date.UTC(2021, 0, 1)));
+    const pendingResolvers: Array<(history: PricePoint[]) => void> = [];
+    const provider = {
+      ...makeProvider({ [symbol]: oneYearHistory }),
+      getPriceHistory: async (_requestSymbol, _exchange, range) => {
+        if (range === "5Y") {
+          return new Promise<PricePoint[]>((resolve) => {
+            pendingResolvers.push(resolve);
+          });
+        }
+        return oneYearHistory;
+      },
+      getPriceHistoryForResolution: async (_requestSymbol, _exchange, range) => {
+        if (range === "5Y") {
+          return new Promise<PricePoint[]>((resolve) => {
+            pendingResolvers.push(resolve);
+          });
+        }
+        return oneYearHistory;
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: oneYearHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    expect(testSetup.captureCharFrame()).toContain("AAPL - 1D");
+
+    await emitKeypress({ name: "a", sequence: "a" });
+    await flushFrames(3);
+
+    const loadingFrame = testSetup.captureCharFrame();
+    expect(pendingResolvers.length).toBeGreaterThan(0);
+    expect(loadingFrame).toContain("AAPL - 1D");
+    expect(loadingFrame).not.toContain("Loading chart...");
+
+    await emitKeypress({ name: "a", sequence: "a" });
+    await flushFrames(3);
+    expect(testSetup.captureCharFrame()).not.toContain("Loading chart...");
+
+    await act(async () => {
+      for (const resolve of pendingResolvers) {
+        resolve(fiveYearHistory);
+      }
+      await Promise.resolve();
+    });
+    await flushFrames(4);
+    expect(testSetup.captureCharFrame()).not.toContain("Loading chart...");
+  });
+
+  test("keeps the last rendered chart while a manual detail window is loading", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    config.layout.instances = config.layout.instances.map((instance) => ({
+      ...instance,
+      settings: {
+        chartRangePreset: "1Y",
+        chartResolution: "1d",
+      },
+    }));
+    config.layouts = [{ name: "Default", layout: cloneLayout(config.layout) }];
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeHistory(600, new Date(Date.UTC(2024, 0, 1)));
+    let holdDetailRequests = false;
+    const pendingResolvers: Array<(history: PricePoint[]) => void> = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getDetailedPriceHistory: async (
+        _requestSymbol,
+        _exchange,
+        startDate,
+        endDate,
+      ) => {
+        if (holdDetailRequests) {
+          return new Promise<PricePoint[]>((resolve) => {
+            pendingResolvers.push(resolve);
+          });
+        }
+        return baseHistory.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    expect(testSetup.captureCharFrame()).toContain("AAPL - 1D");
+
+    holdDetailRequests = true;
+    for (let index = 0; index < 5; index += 1) {
+      await emitKeypress({ name: "a", sequence: "a" });
+    }
+    await flushFrames(3);
+    await flushDebouncedChartRequests();
+
+    const loadingFrame = testSetup.captureCharFrame();
+    expect(pendingResolvers.length).toBeGreaterThan(0);
+    expect(loadingFrame).toContain("AAPL - 1D");
+    expect(loadingFrame).not.toContain("Loading chart...");
+
+    await act(async () => {
+      for (const resolve of pendingResolvers) {
+        resolve(baseHistory);
+      }
+      await Promise.resolve();
+    });
+    await flushFrames(4);
+    expect(testSetup.captureCharFrame()).not.toContain("Loading chart...");
+  });
+
+  test("keeps panning on fallback data while the preferred detail request is loading", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    config.layout.instances = config.layout.instances.map((instance) => ({
+      ...instance,
+      settings: {
+        chartRangePreset: "1Y",
+        chartResolution: "1d",
+      },
+    }));
+    config.layouts = [{ name: "Default", layout: cloneLayout(config.layout) }];
+    config.chartPreferences.defaultRenderMode = "candles";
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeMonthlyHistory(84, new Date(Date.UTC(2019, 0, 1)));
+    const fallbackDetailHistory = makeHistory(900, new Date(Date.UTC(2023, 8, 1)));
+    const pendingOneDayResolvers: Array<(history: PricePoint[]) => void> = [];
+    let fallbackRequests = 0;
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getDetailedPriceHistory: async (
+        _requestSymbol,
+        _exchange,
+        startDate,
+        endDate,
+        barSize,
+      ) => {
+        if (barSize === "1d") {
+          return new Promise<PricePoint[]>((resolve) => {
+            pendingOneDayResolvers.push(resolve);
+          });
+        }
+        if (barSize === "1wk") {
+          fallbackRequests += 1;
+          return fallbackDetailHistory.filter((point) => {
+            const date = point.date instanceof Date ? point.date : new Date(point.date);
+            return date >= startDate && date <= endDate;
+          });
+        }
+        return [];
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    await flushDebouncedChartRequests();
+
+    const firstFrame = testSetup.captureCharFrame();
+    expect(pendingOneDayResolvers.length).toBeGreaterThan(0);
+    expect(fallbackRequests).toBeGreaterThan(0);
+    expect(firstFrame).toContain("AAPL - 1D");
+    expect(firstFrame).toContain("showing 1W");
+    expect(firstFrame).toContain("updating");
+    expect(firstFrame).not.toContain("Loading chart...");
+
+    await emitKeypress({ name: "a", sequence: "a" });
+    await flushFrames(3);
+    await flushDebouncedChartRequests();
+
+    const pannedFrame = testSetup.captureCharFrame();
+    expect(pannedFrame).toContain("showing 1W");
+    expect(pannedFrame).not.toContain("Loading chart...");
+    expect(pannedFrame).not.toBe(firstFrame);
+  });
+
+  test("falls back manual resolution without repeated input when finer resolutions are empty", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeHistory(400, new Date(Date.UTC(2025, 0, 1)));
+    const detailRequests: string[] = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailRequests.push(barSize);
+        if (barSize !== "1d" && barSize !== "1wk" && barSize !== "1mo") {
+          return [];
+        }
+        return baseHistory.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    await emitKeypress({ name: "r", sequence: "r" });
+    await flushFrames(12);
+    await flushDebouncedChartRequests();
+
+    const frame = testSetup.captureCharFrame();
+    expect(detailRequests).toContain("1m");
+    expect(detailRequests).toContain("1d");
+    expect(frame).toContain("AAPL - 1M");
+    expect(frame).toContain("showing 1D");
+    expect(frame).not.toContain("No price history available.");
+  });
+
+  test("keeps updating the visible auto span when coarse resolution data stays sparse", async () => {
+    const symbol = "AAPL";
+    const config = makeChartConfig(symbol);
+    const ticker = makeTicker(symbol);
+    const baseHistory = makeMonthlyHistory(59, new Date(Date.UTC(2021, 5, 1)));
+    const dailyDetail = makeHistory(260, new Date(Date.UTC(2025, 7, 1)));
+    const intradayDetail = makeIntradayHistory(40, 1, new Date(Date.UTC(2026, 2, 1)));
+    const detailRequests: string[] = [];
+    const provider = {
+      ...makeProvider({ [symbol]: baseHistory }),
+      getPriceHistory: async () => baseHistory,
+      getPriceHistoryForResolution: async () => baseHistory,
+      getDetailedPriceHistory: async (
+        requestSymbol: string,
+        _exchange: string,
+        startDate: Date,
+        endDate: Date,
+        barSize: string,
+      ) => {
+        detailRequests.push(barSize);
+        const source = /(m|h)$/i.test(barSize) ? intradayDetail : dailyDetail;
+        return source.filter((point) => {
+          const date = point.date instanceof Date ? point.date : new Date(point.date);
+          return date >= startDate && date <= endDate;
+        });
+      },
+    } satisfies DataProvider;
+    sharedCoordinator = new MarketDataCoordinator(provider);
+    setSharedMarketDataCoordinator(sharedCoordinator);
+    setSharedDataProviderForTests(provider);
+    const financials: TickerFinancials = {
+      annualStatements: [],
+      quarterlyStatements: [],
+      priceHistory: baseHistory,
+    };
+
+    actEnvironment.IS_REACT_ACT_ENVIRONMENT = true;
+    testSetup = await createTestRenderer({ width: 120, height: 32 });
+    root = createRoot(testSetup.renderer);
+    act(() => {
+      root!.render(
+        <ChartHarness
+          config={config}
+          ticker={ticker}
+          financials={financials}
+        />,
+      );
+    });
+
+    await flushFrames(6);
+    const frames: string[] = [];
+    for (let index = 0; index < 10; index += 1) {
+      await emitKeypress({ name: "=", sequence: "=" });
+      await flushFrames(4);
+      frames.push(testSetup.captureCharFrame());
+    }
+    await flushDebouncedChartRequests();
+
+    expect(detailRequests).toContain("1d");
+    expect(frames[6]).not.toBe(frames[7]);
+    expect(frames[7]).not.toContain("view:");
   });
 });