gloomberb 0.4.0 → 0.5.0

package/src/plugins/builtin/market-movers/screener.test.ts

@@ -0,0 +1,143 @@
+import { describe, expect, test } from "bun:test";
+import { parseScreenerResponse, parseTrendingResponse } from "./screener";
+
+const SAMPLE_SCREENER_RESPONSE = {
+  finance: {
+    result: [
+      {
+        quotes: [
+          {
+            symbol: "AAPL",
+            shortName: "Apple Inc.",
+            regularMarketPrice: 185.5,
+            regularMarketChange: 3.25,
+            regularMarketChangePercent: 1.78,
+            regularMarketVolume: 52_000_000,
+            averageDailyVolume3Month: 20_000_000,
+            marketCap: 2_900_000_000_000,
+            currency: "USD",
+            fiftyTwoWeekHigh: 199.62,
+            fiftyTwoWeekLow: 140.0,
+            regularMarketDayHigh: 186.0,
+            regularMarketDayLow: 182.0,
+            fullExchangeName: "NasdaqGS",
+          },
+          {
+            symbol: "MSFT",
+            shortName: "Microsoft Corporation",
+            regularMarketPrice: 415.0,
+            regularMarketChange: -2.1,
+            regularMarketChangePercent: -0.5,
+            regularMarketVolume: 18_000_000,
+            averageDailyVolume3Month: 25_000_000,
+            marketCap: 3_100_000_000_000,
+            currency: "USD",
+            fullExchangeName: "NasdaqGS",
+          },
+        ],
+      },
+    ],
+    error: null,
+  },
+};
+
+const SAMPLE_TRENDING_RESPONSE = {
+  finance: {
+    result: [
+      {
+        quotes: [
+          { symbol: "NVDA" },
+          { symbol: "TSLA" },
+        ],
+      },
+    ],
+    error: null,
+  },
+};
+
+describe("parseScreenerResponse", () => {
+  test("maps Yahoo Finance fields to ScreenerQuote", () => {
+    const results = parseScreenerResponse(SAMPLE_SCREENER_RESPONSE);
+    expect(results).toHaveLength(2);
+
+    const apple = results[0]!;
+    expect(apple.symbol).toBe("AAPL");
+    expect(apple.name).toBe("Apple Inc.");
+    expect(apple.price).toBe(185.5);
+    expect(apple.change).toBe(3.25);
+    expect(apple.changePercent).toBe(1.78);
+    expect(apple.volume).toBe(52_000_000);
+    expect(apple.avgVolume).toBe(20_000_000);
+    expect(apple.volumeRatio).toBeCloseTo(2.6, 1);
+    expect(apple.marketCap).toBe(2_900_000_000_000);
+    expect(apple.currency).toBe("USD");
+    expect(apple.fiftyTwoWeekHigh).toBe(199.62);
+    expect(apple.fiftyTwoWeekLow).toBe(140.0);
+    expect(apple.exchange).toBe("NasdaqGS");
+
+    const msft = results[1]!;
+    expect(msft.symbol).toBe("MSFT");
+    expect(msft.change).toBe(-2.1);
+    expect(msft.changePercent).toBe(-0.5);
+    expect(msft.volumeRatio).toBeCloseTo(0.72, 1);
+  });
+
+  test("returns [] for missing finance.result", () => {
+    expect(parseScreenerResponse({})).toEqual([]);
+    expect(parseScreenerResponse(null)).toEqual([]);
+    expect(parseScreenerResponse({ finance: {} })).toEqual([]);
+    expect(parseScreenerResponse({ finance: { result: [] } })).toEqual([]);
+  });
+
+  test("returns [] for non-array quotes", () => {
+    expect(parseScreenerResponse({ finance: { result: [{ quotes: null }] } })).toEqual([]);
+    expect(parseScreenerResponse({ finance: { result: [{}] } })).toEqual([]);
+  });
+
+  test("skips entries without a string symbol", () => {
+    const data = {
+      finance: {
+        result: [{ quotes: [{ symbol: 123 }, { symbol: "AMD", regularMarketPrice: 100 }] }],
+      },
+    };
+    const results = parseScreenerResponse(data);
+    expect(results).toHaveLength(1);
+    expect(results[0]!.symbol).toBe("AMD");
+  });
+
+  test("falls back to symbol when shortName and longName are absent", () => {
+    const data = {
+      finance: {
+        result: [{ quotes: [{ symbol: "XYZ", regularMarketPrice: 10 }] }],
+      },
+    };
+    const results = parseScreenerResponse(data);
+    expect(results[0]!.name).toBe("XYZ");
+  });
+});
+
+describe("parseTrendingResponse", () => {
+  test("extracts symbols from trending response", () => {
+    const results = parseTrendingResponse(SAMPLE_TRENDING_RESPONSE);
+    expect(results).toHaveLength(2);
+    expect(results[0]!.symbol).toBe("NVDA");
+    expect(results[1]!.symbol).toBe("TSLA");
+  });
+
+  test("returns [] for malformed input", () => {
+    expect(parseTrendingResponse({})).toEqual([]);
+    expect(parseTrendingResponse(null)).toEqual([]);
+    expect(parseTrendingResponse({ finance: { result: [{ quotes: "bad" }] } })).toEqual([]);
+  });
+
+  test("skips entries without a string symbol", () => {
+    const data = {
+      finance: {
+        result: [{ quotes: [{ symbol: null }, { symbol: "SPY" }] }],
+      },
+    };
+    const results = parseTrendingResponse(data);
+    expect(results).toHaveLength(1);
+    expect(results[0]!.symbol).toBe("SPY");
+  });
+});

package/src/plugins/builtin/market-movers/screener.ts

@@ -0,0 +1,105 @@
+import { createThrottledFetch } from "../../../utils/throttled-fetch";
+
+const screenerClient = createThrottledFetch({
+  requestsPerMinute: 15,
+  maxRetries: 2,
+  timeoutMs: 10_000,
+  defaultHeaders: {
+    "User-Agent": "Gloomberb/0.4.1",
+    Accept: "application/json",
+  },
+});
+
+export type ScreenerCategory = "day_gainers" | "day_losers" | "most_actives";
+
+export interface ScreenerQuote {
+  symbol: string;
+  name: string;
+  price: number;
+  change: number;
+  changePercent: number;
+  volume: number;
+  avgVolume: number;
+  volumeRatio: number; // volume / avgVolume
+  marketCap: number | undefined;
+  currency: string;
+  fiftyTwoWeekHigh: number | undefined;
+  fiftyTwoWeekLow: number | undefined;
+  dayHigh: number | undefined;
+  dayLow: number | undefined;
+  exchange: string;
+}
+
+export interface TrendingSymbol {
+  symbol: string;
+}
+
+export interface MarketSummaryQuote {
+  symbol: string;
+  name: string;
+  price: number;
+  change: number;
+  changePercent: number;
+}
+
+export function parseScreenerResponse(data: any): ScreenerQuote[] {
+  try {
+    const quotes = data?.finance?.result?.[0]?.quotes;
+    if (!Array.isArray(quotes)) return [];
+    const result: ScreenerQuote[] = [];
+    for (const q of quotes) {
+      if (!q || typeof q.symbol !== "string") continue;
+      const volume = q.regularMarketVolume ?? 0;
+      const avgVolume = q.averageDailyVolume3Month ?? q.averageDailyVolume10Day ?? 0;
+      result.push({
+        symbol: q.symbol,
+        name: q.shortName ?? q.longName ?? q.symbol,
+        price: q.regularMarketPrice ?? 0,
+        change: q.regularMarketChange ?? 0,
+        changePercent: q.regularMarketChangePercent ?? 0,
+        volume,
+        avgVolume,
+        volumeRatio: avgVolume > 0 ? volume / avgVolume : 0,
+        marketCap: q.marketCap ?? undefined,
+        currency: q.currency ?? "USD",
+        fiftyTwoWeekHigh: q.fiftyTwoWeekHigh ?? undefined,
+        fiftyTwoWeekLow: q.fiftyTwoWeekLow ?? undefined,
+        dayHigh: q.regularMarketDayHigh ?? undefined,
+        dayLow: q.regularMarketDayLow ?? undefined,
+        exchange: q.fullExchangeName ?? q.exchange ?? "",
+      });
+    }
+    return result;
+  } catch {
+    return [];
+  }
+}
+
+export async function fetchScreener(category: ScreenerCategory, count = 25): Promise<ScreenerQuote[]> {
+  const url = `https://query2.finance.yahoo.com/v1/finance/screener/predefined/saved?scrIds=${category}&count=${count}`;
+  const data = await screenerClient.fetchJson(url);
+  return parseScreenerResponse(data);
+}
+
+export function parseTrendingResponse(data: any): TrendingSymbol[] {
+  try {
+    const quotes = data?.finance?.result?.[0]?.quotes;
+    if (!Array.isArray(quotes)) return [];
+    const result: TrendingSymbol[] = [];
+    for (const q of quotes) {
+      if (!q || typeof q.symbol !== "string") continue;
+      result.push({ symbol: q.symbol });
+    }
+    return result;
+  } catch {
+    return [];
+  }
+}
+
+export async function fetchTrending(count = 25): Promise<TrendingSymbol[]> {
+  const url = `https://query2.finance.yahoo.com/v1/finance/trending/US?count=${count}`;
+  const data = await screenerClient.fetchJson(url);
+  return parseTrendingResponse(data);
+}
+
+export const MARKET_SUMMARY_SYMBOLS = ["^GSPC", "^DJI", "^IXIC", "^RUT"] as const;

package/src/plugins/builtin/options.tsx

@@ -7,6 +7,7 @@ import { usePaneTicker } from "../../state/app-context";
 import { ListView, type ListViewItem } from "../../components/ui";
 import { colors, hoverBg } from "../../theme/colors";
 import { padTo, formatCompact, formatNumber } from "../../utils/format";
+import { formatMarketPrice } from "../../utils/market-format";
 import { formatExpDate, resolveOptionsTarget } from "../../utils/options";
 import { useOptionsQuery, useResolvedEntryValue } from "../../market-data/hooks";
 import { Spinner } from "../../components/spinner";
@@ -338,9 +339,9 @@ function formatContractRow(contract: { lastPrice: number; bid: number; ask: numb
     return padTo("—", w.last) + " " + padTo("—", w.bid) + " " + padTo("—", w.ask) + " " + padTo("—", w.vol) + " " + padTo("—", w.oi);
   }
   return (
-    padTo(contract.lastPrice.toFixed(2), w.last) + " " +
-    padTo(contract.bid.toFixed(2), w.bid) + " " +
-    padTo(contract.ask.toFixed(2), w.ask) + " " +
+    padTo(formatMarketPrice(contract.lastPrice, { assetCategory: "OPT", maxWidth: w.last }), w.last) + " " +
+    padTo(formatMarketPrice(contract.bid, { assetCategory: "OPT", maxWidth: w.bid }), w.bid) + " " +
+    padTo(formatMarketPrice(contract.ask, { assetCategory: "OPT", maxWidth: w.ask }), w.ask) + " " +
     padTo(formatCompact(contract.volume), w.vol) + " " +
     padTo(formatCompact(contract.openInterest), w.oi)
   );

package/src/plugins/builtin/portfolio-list/cli/commands.ts

@@ -17,6 +17,7 @@ import {
 } from "../../../../utils/cli-output";
 import { exchangeShortName } from "../../../../utils/market-status";
 import { formatCompact, formatCurrency } from "../../../../utils/format";
+import { formatMarketCostWithCurrency, formatMarketPriceWithCurrency, formatMarketQuantity } from "../../../../utils/market-format";
 import type { AppConfig } from "../../../../types/config";
 import type { CliCommandContext, CliCommandDef } from "../../../../types/plugin";
 import type { TickerRecord } from "../../../../types/ticker";
@@ -134,7 +135,9 @@ async function showCollection(name: string, ctx: CliCommandContext) {
     for (const ticker of filtered) {
       const quote = quotes.get(ticker.metadata.ticker);
       const positions = ticker.metadata.positions.filter((position) => position.portfolio === id);
-      const priceText = quote ? colorBySign(formatCurrency(quote.price, quote.currency), quote.change) : "—";
+      const priceText = quote
+        ? colorBySign(formatMarketPriceWithCurrency(quote.price, quote.currency, { assetCategory: ticker.metadata.assetCategory }), quote.change)
+        : "—";
       const changeText = quote ? colorBySign(formatSignedPercentRaw(quote.changePercent), quote.change) : "—";
 
       if (positions.length === 0) {
@@ -157,8 +160,8 @@ async function showCollection(name: string, ctx: CliCommandContext) {
           ticker.metadata.ticker,
           priceText,
           changeText,
-          String(position.shares),
-          formatCurrency(position.avgCost, positionCurrency),
+          formatMarketQuantity(position.shares, { assetCategory: ticker.metadata.assetCategory, multiplier: position.multiplier }),
+          formatMarketCostWithCurrency(position.avgCost, positionCurrency, { assetCategory: ticker.metadata.assetCategory, multiplier: position.multiplier }),
           pnl == null ? "—" : colorBySign(formatSignedCurrency(pnl, baseCurrency), pnl),
         ]);
       }
@@ -181,7 +184,9 @@ async function showCollection(name: string, ctx: CliCommandContext) {
     const rows: string[][] = [];
     for (const ticker of filtered) {
       const quote = quotes.get(ticker.metadata.ticker);
-      const priceText = quote ? colorBySign(formatCurrency(quote.price, quote.currency), quote.change) : "—";
+      const priceText = quote
+        ? colorBySign(formatMarketPriceWithCurrency(quote.price, quote.currency, { assetCategory: ticker.metadata.assetCategory }), quote.change)
+        : "—";
       const changeText = quote ? colorBySign(formatSignedPercentRaw(quote.changePercent), quote.change) : "—";
       const marketCapText = quote?.marketCap != null
         ? `${formatCompact(await toBase(quote.marketCap, quote.currency || ticker.metadata.currency || baseCurrency))} ${baseCurrency}`
@@ -343,8 +348,8 @@ async function setPositionCommand(
     });
     await store.saveTicker(result.ticker);
     console.log(cliStyles.success(`Set position for ${result.ticker.metadata.ticker} in "${portfolio.name}".`));
-    console.log(renderStat("Shares", String(shares)));
-    console.log(renderStat("Average Cost", formatCurrency(avgCost, currency)));
+    console.log(renderStat("Shares", formatMarketQuantity(shares, { assetCategory: result.ticker.metadata.assetCategory })));
+    console.log(renderStat("Average Cost", formatMarketCostWithCurrency(avgCost, currency, { assetCategory: result.ticker.metadata.assetCategory })));
     console.log(renderStat("Currency", currency));
   } catch (error: any) {
     ctx.closeAndFail(persistence, error?.message || `Failed to set position for ${symbol} in "${portfolioName}".`);

package/src/plugins/builtin/portfolio-list/command-bar.ts

@@ -15,6 +15,7 @@ interface ManualPortfolioPositionWorkflowOptions {
   pendingLabel: string;
   positionOptional?: boolean;
   defaultAvgCost?: number | null;
+  hidePortfolioFieldWhenSingleOption?: boolean;
 }
 
 function buildManualPortfolioPositionWorkflow(
@@ -28,19 +29,20 @@ function buildManualPortfolioPositionWorkflow(
   const preferredPosition = options.ticker
     ? getManualPortfolioPosition(options.ticker, preferredPortfolio.id)
     : null;
+  const showPortfolioField = !options.hidePortfolioFieldWhenSingleOption || manualPortfolios.length > 1;
 
   const fields: CommandBarWorkflowField[] = [
-    {
+    ...(showPortfolioField ? [{
       id: "portfolioId",
       label: "Portfolio",
-      type: "select",
+      type: "select" as const,
       options: manualPortfolios.map((portfolio) => ({
         label: portfolio.name,
         value: portfolio.id,
         description: portfolio.currency,
       })),
       required: true,
-    },
+    }] : []),
     {
       id: "ticker",
       label: "Ticker",
@@ -118,5 +120,6 @@ export function buildAddToPortfolioWorkflow(
     pendingLabel: "Adding to portfolio…",
     positionOptional: true,
     defaultAvgCost: options.defaultAvgCost,
+    hidePortfolioFieldWhenSingleOption: true,
   });
 }

package/src/plugins/builtin/portfolio-list/header.tsx

@@ -4,7 +4,8 @@ import type { AppState } from "../../../state/app-context";
 import { colors, priceColor } from "../../../theme/colors";
 import type { TickerFinancials } from "../../../types/financials";
 import type { Portfolio, TickerRecord } from "../../../types/ticker";
-import { formatCompact, formatNumber, formatPercentRaw, padTo } from "../../../utils/format";
+import { formatCompact, formatPercentRaw, padTo } from "../../../utils/format";
+import { formatMarketQuantity } from "../../../utils/market-format";
 import { getMostRecentQuoteUpdate } from "../../../utils/quote-time";
 import { ibkrGatewayManager } from "../../ibkr/gateway-service";
 import { calculatePortfolioSummaryTotals } from "./metrics";
@@ -110,7 +111,7 @@ export function PortfolioCashMarginDrawer({
             <box key={balance.currency} height={1} flexDirection="row">
               <text fg={colors.textBright}>{padTo(balance.currency, 4)}</text>
               <text fg={colors.textDim}>{" qty "}</text>
-              <text fg={colors.text}>{padTo(formatNumber(balance.quantity, 2), 14, "right")}</text>
+              <text fg={colors.text}>{padTo(formatMarketQuantity(balance.quantity, { isCashBalance: true, maxWidth: 14 }), 14, "right")}</text>
               <text fg={colors.textDim}>{"  value "}</text>
               <text fg={colors.text}>{padTo(balance.baseValue != null ? formatCompact(balance.baseValue) : "—", 10, "right")}</text>
             </box>

package/src/plugins/builtin/portfolio-list/metrics.ts

@@ -4,7 +4,8 @@ import type { TickerFinancials } from "../../../types/financials";
 import type { TickerRecord } from "../../../types/ticker";
 import { priceColor } from "../../../theme/colors";
 import { clampQuoteTimestamp, formatQuoteAgeWithSource } from "../../../utils/quote-time";
-import { convertCurrency, formatCompact, formatCurrency, formatNumber, formatPercentRaw, formatPrice } from "../../../utils/format";
+import { convertCurrency, formatCompact, formatNumber, formatPercentRaw } from "../../../utils/format";
+import { formatMarketCost, formatMarketPrice, formatMarketQuantity, formatSignedMarketPrice, type MarketFormatOptions } from "../../../utils/market-format";
 import { getActiveQuoteDisplay, marketStateDot, type ActiveQuoteDisplay } from "../../../utils/market-status";
 import { formatOptionTicker } from "../../../utils/options";
 
@@ -21,6 +22,7 @@ interface PortfolioPositionMetrics {
   totalCost: number;
   totalCostUnits: number;
   totalPriceUnits: number;
+  multiplierHint: number;
   brokerMktValue: number;
   hasBrokerMktValue: boolean;
   brokerPnl: number;
@@ -95,6 +97,7 @@ function getPortfolioPositionMetrics(
   let totalCost = 0;
   let totalCostUnits = 0;
   let totalPriceUnits = 0;
+  let multiplierHint = 1;
   let brokerMktValue = 0;
   let hasBrokerMktValue = false;
   let brokerPnl = 0;
@@ -103,6 +106,7 @@ function getPortfolioPositionMetrics(
     const direction = position.side === "short" ? -1 : 1;
     const priceMultiplier = normalizePositionMultiplier(position.multiplier);
     const costMultiplier = resolvePositionCostMultiplier(position);
+    multiplierHint = Math.max(multiplierHint, priceMultiplier, costMultiplier);
 
     totalShares += position.shares * direction;
     totalCost += position.shares * position.avgCost * costMultiplier;
@@ -125,6 +129,7 @@ function getPortfolioPositionMetrics(
     totalCost,
     totalCostUnits,
     totalPriceUnits,
+    multiplierHint,
     brokerMktValue,
     hasBrokerMktValue,
     brokerPnl,
@@ -155,15 +160,17 @@ function resolveBrokerFallbackPnl(metrics: PortfolioPositionMetrics, brokerMarke
 export function resolvePortfolioPriceValue(
   activeQuote: ActiveQuoteDisplay | null,
   brokerMarkPrice: number | undefined,
+  formatOptions: MarketFormatOptions,
+  maxWidth?: number,
 ): { text: string; color?: string } {
   if (activeQuote) {
     return {
-      text: formatPrice(activeQuote.price),
+      text: formatMarketPrice(activeQuote.price, { ...formatOptions, maxWidth }),
       color: priceColor(activeQuote.change),
     };
   }
   if (brokerMarkPrice != null) {
-    return { text: formatPrice(brokerMarkPrice) };
+    return { text: formatMarketPrice(brokerMarkPrice, { ...formatOptions, maxWidth }) };
   }
   return { text: "—" };
 }
@@ -180,13 +187,17 @@ export function getColumnValue(
   const quoteCurrency = quote?.currency || ticker.metadata.currency || "USD";
 
   const positionMetrics = getPortfolioPositionMetrics(ticker, ctx.activeTab, quoteCurrency);
-  const { positionCurrency, totalShares, totalCost, totalCostUnits, totalPriceUnits, brokerMarkPrice } = positionMetrics;
+  const { positionCurrency, totalShares, totalCost, totalCostUnits, totalPriceUnits, multiplierHint, brokerMarkPrice } = positionMetrics;
   const brokerFallbackMktValue = resolveBrokerFallbackMarketValue(positionMetrics);
   const brokerFallbackPnl = resolveBrokerFallbackPnl(positionMetrics, brokerFallbackMktValue);
   const toBaseQuote = (value: number) =>
     convertCurrency(value, quoteCurrency, ctx.baseCurrency, ctx.exchangeRates);
   const toBasePosition = (value: number) =>
     convertCurrency(value, positionCurrency, ctx.baseCurrency, ctx.exchangeRates);
+  const formatOptions: MarketFormatOptions = {
+    assetCategory: ticker.metadata.assetCategory,
+    multiplier: multiplierHint,
+  };
 
   switch (col.id) {
     case "ticker": {
@@ -198,21 +209,21 @@ export function getColumnValue(
       return { text: `${statusDot} ${displayName}` };
     }
     case "price":
-      return resolvePortfolioPriceValue(activeQuote, brokerMarkPrice);
+      return resolvePortfolioPriceValue(activeQuote, brokerMarkPrice, formatOptions, col.width);
     case "change":
       if (!activeQuote) return { text: "—" };
       return {
-        text: (activeQuote.change >= 0 ? "+" : "") + activeQuote.change.toFixed(2),
+        text: formatSignedMarketPrice(activeQuote.change, { ...formatOptions, maxWidth: col.width }),
         color: priceColor(activeQuote.change),
       };
     case "bid":
-      return { text: quote?.bid != null ? formatPrice(quote.bid) : "—" };
+      return { text: quote?.bid != null ? formatMarketPrice(quote.bid, { ...formatOptions, maxWidth: col.width }) : "—" };
     case "ask":
-      return { text: quote?.ask != null ? formatPrice(quote.ask) : "—" };
+      return { text: quote?.ask != null ? formatMarketPrice(quote.ask, { ...formatOptions, maxWidth: col.width }) : "—" };
     case "spread":
       return {
         text: quote?.bid != null && quote?.ask != null
-          ? formatCurrency(quote.ask - quote.bid, quoteCurrency)
+          ? formatMarketPrice(quote.ask - quote.bid, { ...formatOptions, maxWidth: col.width })
           : "—",
       };
     case "change_pct":
@@ -241,10 +252,10 @@ export function getColumnValue(
       }
       return { text: "—" };
     case "shares":
-      return { text: totalShares !== 0 ? formatCompact(totalShares) : "—" };
+      return { text: totalShares !== 0 ? formatMarketQuantity(totalShares, { ...formatOptions, maxWidth: col.width }) : "—" };
     case "avg_cost":
       if (totalCostUnits === 0) return { text: "—" };
-      return { text: formatPrice(totalCost / Math.abs(totalCostUnits)) };
+      return { text: formatMarketCost(totalCost / Math.abs(totalCostUnits), { ...formatOptions, maxWidth: col.width }) };
     case "cost_basis":
       if (totalCost === 0) return { text: "—" };
       return { text: formatCompact(toBasePosition(totalCost)) };

package/src/plugins/builtin/portfolio-list/pane.tsx

@@ -323,16 +323,10 @@ export function PortfolioListPane({ focused, width, height }: PaneProps) {
 
     flushCursorSymbol(cursorSymbol);
 
-    const follower = state.config.layout.instances.find((instance) =>
-      instance.paneId === "ticker-detail"
-      && instance.binding?.kind === "follow"
-      && instance.binding.sourceInstanceId === paneId,
-    );
-    if (follower) {
-      registry?.focusPaneFn(follower.instanceId);
-      return;
+    const ticker = sortedTickers[safeSelectedIdx];
+    if (ticker) {
+      registry?.navigateTickerFn(ticker.metadata.ticker);
     }
-    registry?.showPaneFn("ticker-detail");
   }, [
     cashDrawerExpanded,
     currentTabIdx,

package/src/plugins/builtin/portfolio-list/settings.ts

@@ -11,6 +11,7 @@ export interface PortfolioPaneSettings {
   hideHeader: boolean;
   hideCash: boolean;
   lockedCollectionId: string;
+  showSparklines?: boolean;
 }
 
 export interface CollectionEntry {
@@ -117,6 +118,7 @@ export function getPortfolioPaneSettings(settings: Record<string, unknown> | und
     hideHeader: settings?.hideHeader === true,
     hideCash: settings?.hideCash === true,
     lockedCollectionId: typeof settings?.lockedCollectionId === "string" ? settings.lockedCollectionId : "",
+    showSparklines: settings?.showSparklines === true,
   };
 }
 
@@ -129,6 +131,7 @@ export function createPortfolioPaneSettings(overrides: Partial<PortfolioPaneSett
     hideHeader: overrides.hideHeader ?? false,
     hideCash: overrides.hideCash ?? false,
     lockedCollectionId: overrides.lockedCollectionId ?? "",
+    showSparklines: overrides.showSparklines ?? false,
   };
 }
 
@@ -240,6 +243,12 @@ export function buildPortfolioPaneSettingsDef(config: AppConfig, settings: Portf
     description: "Hide the cash & margin drawer at the bottom of the pane.",
     type: "toggle",
   });
+  fields.push({
+    key: "showSparklines",
+    label: "Sparklines",
+    description: "Show a tiny price history chart in each row.",
+    type: "toggle",
+  });
 
   if (settings.hideTabs && lockedCollectionOptions.length > 0) {
     fields.push({

package/src/plugins/builtin/portfolio-list/table.tsx

@@ -25,6 +25,7 @@ export function PortfolioTickerTable({
   financialsMap,
   columnContext,
   flashSymbols,
+  showSparklines,
 }: {
   columns: ColumnConfig[];
   sortColumnId: string | null;
@@ -42,6 +43,7 @@ export function PortfolioTickerTable({
   financialsMap: Map<string, TickerFinancials>;
   columnContext: ColumnContext;
   flashSymbols: Map<string, QuoteFlashDirection>;
+  showSparklines?: boolean;
 }) {
   const resolveCell = useCallback(
     (column: ColumnConfig, ticker: TickerRecord, financials: TickerFinancials | undefined) => (
@@ -68,6 +70,7 @@ export function PortfolioTickerTable({
       sortColumnId={sortColumnId}
       sortDirection={sortDirection}
       onHeaderClick={onHeaderClick}
+      showSparklines={showSparklines}
     />
   );
 }

package/src/plugins/builtin/portfolio-list.test.tsx

@@ -463,6 +463,7 @@ describe("PortfolioListPane cash and margin UI", () => {
             netLiquidation: 125000,
             cashBalances: [
               { currency: "USD", quantity: -50000, baseValue: -50000, baseCurrency: "USD" },
+              { currency: "EUR", quantity: -351957.025, baseValue: -381000, baseCurrency: "USD" },
               { currency: "JPY", quantity: 0, baseValue: 0, baseCurrency: "USD" },
             ],
           }],
@@ -478,6 +479,7 @@ describe("PortfolioListPane cash and margin UI", () => {
     expect(frame).toContain("Cash & Margin");
     expect(frame).toContain("Net Liq");
     expect(frame).toContain("Flex Mar 27");
+    expect(frame).toContain("-351,957.025");
     expect(frame).not.toContain("Avail");
     expect(frame).not.toContain("JPY");
   });
@@ -654,7 +656,7 @@ describe("PortfolioListPane cash and margin UI", () => {
     expect(frame).toContain("SPREAD");
     expect(frame).toContain("124.95");
     expect(frame).toContain("125.05");
-    expect(frame).toContain("0.10");
+    expect(frame).toContain("0.1");
   });
 
   test("warms full financials for visible rows when only quote data is loaded", async () => {

package/src/plugins/builtin/portfolio-metrics.test.ts

@@ -196,7 +196,7 @@ describe("portfolio-metrics", () => {
     const pnlColumn: ColumnConfig = { id: "pnl", label: "P&L", width: 10, align: "right", format: "compact" };
 
     expect(getColumnValue(avgCostColumn, ticker, financials, defaultColumnContext)).toEqual({
-      text: "5,095.07",
+      text: "5,095.073",
     });
     expect(getColumnValue(pnlColumn, ticker, financials, defaultColumnContext)).toEqual({
       text: "+7.9k",
@@ -204,6 +204,18 @@ describe("portfolio-metrics", () => {
     });
   });
 
+  test("formats equity average cost with tighter precision than quote prices", () => {
+    const ticker = createTicker({
+      assetCategory: "STK",
+      positions: [{ portfolio: "main", shares: 10, avgCost: 119.3687, broker: "manual", currency: "HKD" }],
+    });
+    const avgCostColumn: ColumnConfig = { id: "avg_cost", label: "AVG COST", width: 10, align: "right", format: "currency" };
+
+    expect(getColumnValue(avgCostColumn, ticker, undefined, defaultColumnContext)).toEqual({
+      text: "119.37",
+    });
+  });
+
   test("formats portfolio-only column values and sort keys consistently", () => {
     const ticker = createTicker({
       positions: [{ portfolio: "main", shares: 10, avgCost: 100, broker: "manual" }],