gloomberb 0.10.0 → 0.10.2

package/src/components/chart/core/types.ts

@@ -1,48 +1,13 @@
 import type { PricePoint } from "../../../types/financials";
+export type { ChartResolution, TimeRange } from "../../../time-series/range";
 
-export type TimeRange = "1D" | "1W" | "1M" | "3M" | "6M" | "1Y" | "5Y" | "ALL";
-export type ChartResolution = "auto" | "1m" | "5m" | "15m" | "30m" | "45m" | "1h" | "1d" | "1wk" | "1mo";
 export type ChartRenderMode = "area" | "line" | "candles" | "ohlc" | "hlc";
 export type ChartAxisMode = "price" | "percent";
 export type ChartRendererPreference = "auto" | "kitty" | "braille";
 export type ResolvedChartRenderer = "kitty" | "braille";
-export type ComparisonChartRenderMode = "area" | "line";
 export type ChartSessionBackgroundKind = "pre" | "post";
 
-export interface ChartDateWindow {
-  start: Date | null;
-  end: Date | null;
-}
-
-export const TIME_RANGES: TimeRange[] = ["1D", "1W", "1M", "3M", "6M", "1Y", "5Y", "ALL"];
-export const CHART_RENDER_MODES: ChartRenderMode[] = ["area", "line", "candles", "ohlc", "hlc"];
 export const CHART_RENDERER_PREFERENCES: ChartRendererPreference[] = ["auto", "kitty", "braille"];
-export const COMPARISON_RENDER_MODES: ComparisonChartRenderMode[] = ["area", "line"];
-
-/** Number of trading days for each time range */
-export const RANGE_DAYS: Record<TimeRange, number> = {
-  "1D": 1,
-  "1W": 5,
-  "1M": 21,
-  "3M": 63,
-  "6M": 126,
-  "1Y": 252,
-  "5Y": 1260,
-  "ALL": Infinity,
-};
-
-export interface ChartViewState {
-  presetRange: TimeRange;
-  bufferRange: TimeRange;
-  activePreset: TimeRange | null;
-  dateWindow: ChartDateWindow | null;
-  resolution: ChartResolution;
-  panOffset: number;   // data points shifted left from right edge (0 = most recent)
-  zoomLevel: number;   // 1.0 = full selected range, 2.0 = zoomed in 2x
-  cursorX: number | null; // local plot x in cell units; may be fractional with pixel mouse
-  cursorY: number | null; // local plot y in cell units; may be fractional with pixel mouse
-  renderMode?: ChartRenderMode;
-}
 
 export interface Pixel {
   color: string;
@@ -91,28 +56,6 @@ export interface VisibleWindow {
   endIdx: number;
 }
 
-export interface ComparisonChartSeries {
-  symbol: string;
-  color: string;
-  fillColor: string;
-  currency?: string;
-  points: PricePoint[];
-}
-
-export interface ComparisonChartViewState {
-  presetRange: TimeRange;
-  bufferRange: TimeRange;
-  activePreset: TimeRange | null;
-  dateWindow: ChartDateWindow | null;
-  resolution: ChartResolution;
-  panOffset: number;
-  zoomLevel: number; // 1.0 = full selected range, 2.0 = zoomed in 2x
-  cursorX: number | null;
-  cursorY: number | null;
-  renderMode?: ComparisonChartRenderMode;
-  selectedSymbol: string | null;
-}
-
 import type { OverlayPoint, OscillatorPoint, MacdResult, BollingerResult } from "../indicators/types";
 
 export interface ChartIndicatorOverlays {

package/src/components/chart/cursor-motion.ts

@@ -4,10 +4,8 @@ interface ChartCursorPosition {
   y: number | null;
 }
 
-export type ChartCursorMotionKind = "pixel" | "cell" | "discrete";
-
 const CELL_CURSOR_EASING = 0.72;
-export const CELL_CURSOR_SNAP_DISTANCE = 0.035;
+const CELL_CURSOR_SNAP_DISTANCE = 0.035;
 
 function sameNullableNumber(left: number | null, right: number | null, epsilon = 0): boolean {
   if (left === right) return true;
@@ -15,7 +13,7 @@ function sameNullableNumber(left: number | null, right: number | null, epsilon =
   return Math.abs(left - right) <= epsilon;
 }
 
-export function sameCursorPosition(
+function sameCursorPosition(
   left: ChartCursorPosition,
   right: ChartCursorPosition,
   epsilon = 0,

package/src/components/chart/indicators/types.ts

@@ -24,12 +24,3 @@ export interface BollingerResult {
   middle: OverlayPoint[];
   lower: OverlayPoint[];
 }
-
-/** Active indicator configuration for a chart pane */
-export interface IndicatorConfig {
-  sma?: number[];        // e.g. [20, 50, 200]
-  ema?: number[];        // e.g. [12, 26]
-  rsi?: number | null;   // e.g. 14
-  macd?: { fast: number; slow: number; signal: number } | null;
-  bollinger?: { period: number; stdDev: number } | null;
-}

package/src/components/chart/market-session.ts

@@ -136,17 +136,6 @@ export function resolveChartMarketSession(sources: readonly MarketSessionSource[
   return hasSupportedSource ? US_EXTENDED_HOURS_SESSION : null;
 }
 
-export function getChartMarketSessionKey(session: ChartMarketSession | null | undefined): string {
-  if (!session) return "session:none";
-  return [
-    session.timeZone,
-    session.preMarketStartMinutes,
-    session.regularStartMinutes,
-    session.regularEndMinutes,
-    session.postMarketEndMinutes,
-  ].join(":");
-}
-
 export function resolveExtendedHoursBackgroundSpans(
   values: readonly (Date | string | number)[],
   session: ChartMarketSession | null | undefined,

package/src/components/chart/native/kitty/protocol.ts

@@ -55,7 +55,7 @@ export function encodeKittyTransmitRgba(options: KittyTransmitOptions): string[]
   // ponytail: level 3 compresses chart pixels ~2.5x faster than the default for
   // ~40% more bytes; crosshair moves retransmit the whole plot every frame, so
   // CPU is the constraint on a local pty. Raise it if bandwidth ever is.
-  const compressed = deflateSync(Buffer.from(options.rgba), { level: 3 });
+  const compressed = deflateSync(options.rgba, { level: 3 });
   const chunks = chunkBase64Payload(compressed.toString("base64"), options.chunkSize);
 
   return chunks.map((chunk, index) => {

package/src/components/chart/native/raster/layout.ts

@@ -22,15 +22,6 @@ export function getChartPixelLayout(scene: ChartScene, pixelWidth: number, pixel
   };
 }
 
-export function getComparisonPixelLayout(pixelWidth: number, pixelHeight: number) {
-  return {
-    plotLeft: 0,
-    plotTop: 0,
-    plotRight: Math.max(pixelWidth - 1, 0),
-    plotBottom: Math.max(pixelHeight - 1, 0),
-  };
-}
-
 export function projectX(index: number, count: number, left: number, right: number): number {
   if (count <= 1) return (left + right) / 2;
   return lerp(left, right, index / (count - 1));
@@ -40,7 +31,9 @@ export function isOhlcLikeMode(mode: ChartRenderMode): boolean {
   return mode === "ohlc" || mode === "hlc";
 }
 
-export function isHighLowMode(mode: ChartRenderMode): boolean {
+export function isHighLowMode(
+  mode: ChartRenderMode,
+): mode is Extract<ChartRenderMode, "candles" | "ohlc" | "hlc"> {
   return mode === "candles" || isOhlcLikeMode(mode);
 }
 

package/src/components/chart/static/chart/axis-overlays.test.tsx

@@ -0,0 +1,64 @@
+import { describe, expect, test } from "bun:test";
+import { renderToStaticMarkup } from "react-dom/server";
+import {
+  UiHostProvider,
+  type RendererHost,
+  type UiHost,
+} from "../../../../ui";
+import { WebBox } from "../../../../renderers/electrobun/view/host/box";
+import { WebText } from "../../../../renderers/electrobun/view/host/text";
+import { StaticXAxisLabels } from "./axis-overlays";
+
+const renderer: RendererHost = {
+  requestExit() {},
+  async openExternal() {},
+  async copyText() {},
+  async readText() {
+    return "";
+  },
+  notify() {},
+};
+
+function renderAxis(kind: "opentui" | "desktop-web"): string {
+  const ui = {
+    kind,
+    capabilities: {
+      cellWidthPx: 8,
+      fractionalViewport: kind === "desktop-web",
+    },
+    Box: WebBox,
+    Text: WebText,
+  } as unknown as UiHost;
+  const fallback = "Nov 3 2025                    Mar                    Jul 29 2026";
+  return renderToStaticMarkup(
+    <UiHostProvider ui={ui} renderer={renderer}>
+      <StaticXAxisLabels
+        labels={[fallback]}
+        positionedLabels={[
+          { label: "Nov 3 2025", ratio: 0 },
+          { label: "Mar", ratio: 0.5 },
+          { label: "Jul 29 2026", ratio: 1 },
+        ]}
+        width={80}
+      />
+    </UiHostProvider>,
+  );
+}
+
+describe("StaticXAxisLabels", () => {
+  test("positions desktop labels by chart ratio instead of font-space advances", () => {
+    const html = renderAxis("desktop-web");
+
+    expect(html).toContain("left:50%");
+    expect(html).toContain("transform:translateX(-50%)");
+    expect(html).toContain("right:0");
+    expect(html).not.toContain("Nov 3 2025                    Mar");
+  });
+
+  test("keeps the fixed-width axis string for terminal cells", () => {
+    const html = renderAxis("opentui");
+
+    expect(html).toContain("Nov 3 2025                    Mar");
+    expect(html).not.toContain("left:50%");
+  });
+});

package/src/components/chart/static/chart/axis-overlays.tsx

@@ -8,6 +8,11 @@ export interface StaticChartXMarker {
   lineChar?: string;
 }
 
+export interface StaticChartXAxisLabel {
+  label: string;
+  ratio: number;
+}
+
 export function clampRatio(value: number): number {
   if (!Number.isFinite(value)) return 0;
   return Math.max(0, Math.min(1, value));
@@ -28,6 +33,7 @@ function alignAxisLabel(label: string, width: number, index: number, count: numb
 
 export function StaticXAxisLabels({
   labels,
+  positionedLabels,
   width,
   color,
   cursorColumn,
@@ -37,6 +43,7 @@ export function StaticXAxisLabels({
   cursorBackgroundColor,
 }: {
   labels: string[];
+  positionedLabels?: readonly StaticChartXAxisLabel[];
   width: number;
   color?: string;
   cursorColumn?: number | null;
@@ -45,11 +52,17 @@ export function StaticXAxisLabels({
   cursorColor?: string;
   cursorBackgroundColor?: string;
 }) {
+  const uiHost = useUiHost();
   const { cellWidthPx = 8, fractionalViewport = false } = useUiCapabilities();
   const visibleLabels = labels.filter(Boolean);
-  if (visibleLabels.length === 0 || width <= 0) return null;
-  const baseWidth = Math.floor(width / visibleLabels.length);
-  let remainder = width - baseWidth * visibleLabels.length;
+  const visiblePositionedLabels = positionedLabels?.filter((entry) => (
+    entry.label.length > 0 && Number.isFinite(entry.ratio)
+  )) ?? [];
+  if (visibleLabels.length === 0 && visiblePositionedLabels.length === 0) return null;
+  if (width <= 0) return null;
+  const segmentCount = Math.max(visibleLabels.length, 1);
+  const baseWidth = Math.floor(width / segmentCount);
+  let remainder = width - baseWidth * segmentCount;
   const clippedCursorLabel = cursorLabel ? cursorLabel.slice(0, width) : null;
   const cursorLabelWidth = clippedCursorLabel?.length ?? 0;
   const usePixelOverlay = fractionalViewport
@@ -83,17 +96,49 @@ export function StaticXAxisLabels({
       position="relative"
       overflow="hidden"
     >
-      <Box width={width} height={1} flexDirection="row">
-        {visibleLabels.map((label, index) => {
-          const cellWidth = baseWidth + (remainder > 0 ? 1 : 0);
-          remainder -= remainder > 0 ? 1 : 0;
-          return (
-            <Box key={`${label}:${index}`} width={cellWidth} overflow="hidden">
-              <Text fg={color}>{alignAxisLabel(label, cellWidth, index, visibleLabels.length)}</Text>
-            </Box>
-          );
-        })}
-      </Box>
+      {uiHost.kind === "desktop-web" && visiblePositionedLabels.length > 0 ? (
+        <Box position="absolute" left={0} top={0} width={width} height={1}>
+          {visiblePositionedLabels.map((entry, index) => {
+            const ratio = clampRatio(entry.ratio);
+            const edgeStyle = ratio <= 0
+              ? { left: 0 }
+              : ratio >= 1
+                ? { right: 0 }
+                : {
+                  left: `${ratio * 100}%`,
+                  transform: "translateX(-50%)",
+                };
+            return (
+              <Text
+                key={`${entry.label}:${entry.ratio}:${index}`}
+                fg={color}
+                selectable={false}
+                style={{
+                  position: "absolute",
+                  top: 0,
+                  whiteSpace: "pre",
+                  pointerEvents: "none",
+                  ...edgeStyle,
+                }}
+              >
+                {entry.label}
+              </Text>
+            );
+          })}
+        </Box>
+      ) : (
+        <Box width={width} height={1} flexDirection="row">
+          {visibleLabels.map((label, index) => {
+            const cellWidth = baseWidth + (remainder > 0 ? 1 : 0);
+            remainder -= remainder > 0 ? 1 : 0;
+            return (
+              <Box key={`${label}:${index}`} width={cellWidth} overflow="hidden">
+                <Text fg={color}>{alignAxisLabel(label, cellWidth, index, visibleLabels.length)}</Text>
+              </Box>
+            );
+          })}
+        </Box>
+      )}
       {clippedCursorLabel && (cursorLeftPercent !== null || cursorLeft !== null) ? (
         <Text
           fg={cursorColor}

package/src/components/chart/static/chart/surface.tsx

@@ -1,6 +1,5 @@
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Box, ChartSurface, Text, type BoxRenderable, type ChartSurfaceProps, useUiCapabilities } from "../../../../ui";
-import { colors as themeColors } from "../../../../theme/colors";
 import { useThemeColors } from "../../../../theme/theme-context";
 import { PriceAxisLabels } from "../../price-axis-labels";
 import type { ProjectedChartPoint } from "../../core/data";
@@ -102,7 +101,7 @@ export function StaticChartSurface({
   yAxisColor,
   formatYAxisValue,
 }: StaticChartSurfaceProps) {
-  useThemeColors();
+  const themeColors = useThemeColors();
   const { cellWidthPx = 8, cellHeightPx = 18 } = useUiCapabilities();
   const plotRef = useRef<BoxRenderable | null>(null);
   const [cursor, setCursor] = useState<{ x: number; y: number } | null>(null);

package/src/components/command-bar/action-runtime.ts

@@ -4,7 +4,7 @@ import {
   type MutableRefObject,
   type SetStateAction,
 } from "react";
-import type { TickerRepository } from "../../data/ticker-repository";
+import type { AppTickerRepositoryPort } from "../../core/app-service-ports";
 import type { PluginRegistry } from "../../plugins/registry";
 import type { AppAction, AppState } from "../../state/app/context";
 import type { DataProvider } from "../../types/data-provider";
@@ -45,7 +45,7 @@ interface UseCommandBarActionRuntimeOptions {
   state: AppState;
   stateRef: MutableRefObject<AppState>;
   themePickerRef: MutableRefObject<ThemePickerHandle | null>;
-  tickerRepository: TickerRepository;
+  tickerRepository: AppTickerRepositoryPort;
   tickers: AppState["tickers"];
   updateTopRoute: (updater: (route: CommandBarRoute) => CommandBarRoute) => void;
 }

package/src/components/command-bar/commands/direct/index.ts

@@ -248,7 +248,7 @@ export function runDirectCommandAction(options: {
       persistConfig(nextConfig);
       applyLanguagePreference(next);
       const languageLabel = next === "auto" ? t(LANGUAGE_DISPLAY_NAMES.auto) : LANGUAGE_DISPLAY_NAMES[next];
-      notify(`${t("Language")}: ${languageLabel} · ${t("Restart to apply everywhere")}`, { type: "success" });
+      notify(`${t("Language")}: ${languageLabel}`, { type: "success" });
       closeAll({ revertThemePreview: false });
       return;
     }

package/src/components/command-bar/panel/body.tsx

@@ -1,5 +1,4 @@
 import { Box, Text, TextAttributes } from "../../../ui";
-import { colors } from "../../../theme/colors";
 import { useThemeColors } from "../../../theme/theme-context";
 import { Button, Spinner } from "../../ui";
 import {
@@ -281,6 +280,7 @@ function CommandBarConfirmBody({
   queryDisplayWidth: number;
   onConfirm: () => void;
 }) {
+  const themeColors = useThemeColors();
   return (
     <Box flexDirection="column" height={bodyHeight} paddingX={contentPadding}>
       {route.body.map((line, index) => (
@@ -291,7 +291,7 @@ function CommandBarConfirmBody({
       <Box height={1} />
       {route.error && (
         <Box height={1}>
-          <Text fg={colors.negative}>{truncateText(route.error, queryDisplayWidth)}</Text>
+          <Text fg={themeColors.negative}>{truncateText(route.error, queryDisplayWidth)}</Text>
         </Box>
       )}
       {route.pending && (

package/src/components/command-bar/panel/index.tsx

@@ -11,6 +11,7 @@ import {
   commandBarSubtleText,
   commandBarText,
 } from "../../../theme/colors";
+import { useThemeColors } from "../../../theme/theme-context";
 import { CommandBarPanelBody } from "./body";
 import type { CommandBarPanelProps } from "./types";
 
@@ -68,15 +69,16 @@ export function CommandBarPanel({
   visibleListState,
   workflowScrollRef,
 }: CommandBarPanelProps) {
-  const paletteBg = commandBarBg();
-  const paletteHeadingText = commandBarHeadingText();
-  const paletteHoverBg = commandBarHoverBg();
-  const paletteSelectedBg = commandBarSelectedBg();
-  const paletteSelectedText = commandBarSelectedText();
-  const paletteText = commandBarText();
-  const paletteSubtleText = commandBarSubtleText();
-  const panelBg = nativePaneChrome ? commandBarPanelBg() : paletteBg;
-  const inputBg = nativePaneChrome ? commandBarInputBg() : paletteBg;
+  const colors = useThemeColors();
+  const paletteBg = commandBarBg(colors);
+  const paletteHeadingText = commandBarHeadingText(colors);
+  const paletteHoverBg = commandBarHoverBg(colors);
+  const paletteSelectedBg = commandBarSelectedBg(colors);
+  const paletteSelectedText = commandBarSelectedText(colors);
+  const paletteText = commandBarText(colors);
+  const paletteSubtleText = commandBarSubtleText(colors);
+  const panelBg = nativePaneChrome ? commandBarPanelBg(colors) : paletteBg;
+  const inputBg = nativePaneChrome ? commandBarInputBg(colors) : paletteBg;
 
   useLayoutEffect(() => {
     const scrollBox = nativeListScrollRef.current;

package/src/components/command-bar/routes/ticker-search/actions.ts

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from "react";
 import type { AppState } from "../../../../state/app/context";
-import type { TickerRepository } from "../../../../data/ticker-repository";
+import type { AppTickerRepositoryPort } from "../../../../core/app-service-ports";
 import type { PluginRegistry } from "../../../../plugins/registry";
 import {
   rankTickerSearchItems,
@@ -19,7 +19,7 @@ interface UseCommandBarTickerSearchActionsOptions {
   dispatch: (action: any) => void;
   focusTicker: (symbol: string, options?: { forceNewPane?: boolean }) => void;
   pluginRegistry: Pick<PluginRegistry, "events">;
-  tickerRepository: TickerRepository;
+  tickerRepository: AppTickerRepositoryPort;
   tickers: AppState["tickers"];
 }
 

package/src/components/command-bar/surface/index.tsx

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
 import type { DataProvider } from "../../../types/data-provider";
-import type { TickerRepository } from "../../../data/ticker-repository";
+import type { AppTickerRepositoryPort } from "../../../core/app-service-ports";
 import type { PluginRegistry } from "../../../plugins/registry";
 import type { LayoutBounds } from "../../../plugins/pane-manager";
 import { useRouteListState } from "../routing/list-state";
@@ -16,7 +16,7 @@ import { useCommandBarActionRuntime } from "../action-runtime";
 
 interface CommandBarProps {
   dataProvider: DataProvider;
-  tickerRepository: TickerRepository;
+  tickerRepository: AppTickerRepositoryPort;
   pluginRegistry: PluginRegistry;
   quitApp: () => void;
   onCheckForUpdates?: () => void | Promise<void>;

package/src/components/command-bar/workflow/body.tsx

@@ -99,12 +99,12 @@ export function CommandBarWorkflowBody({
     <>
       {route.subtitle && (
         <Box height={1}>
-          <Text fg={paletteSubtleText}>{truncateText(route.subtitle, queryDisplayWidth)}</Text>
+          <Text fg={paletteSubtleText}>{truncateText(t(route.subtitle), queryDisplayWidth)}</Text>
         </Box>
       )}
       {route.description?.map((line, index) => (
         <Box key={`workflow-desc:${index}`} height={1}>
-          <Text fg={paletteSubtleText}>{truncateText(line, queryDisplayWidth)}</Text>
+          <Text fg={paletteSubtleText}>{truncateText(t(line), queryDisplayWidth)}</Text>
         </Box>
       ))}
       {route.subtitle || (route.description?.length ?? 0) > 0 ? <Box height={1} /> : null}
@@ -144,7 +144,7 @@ export function CommandBarWorkflowBody({
       )}
       {route.pendingLabel && route.pending && (
         <Box height={1}>
-          <Spinner label={route.pendingLabel} />
+          <Spinner label={t(route.pendingLabel)} />
         </Box>
       )}
       {!nativePaneChrome && <Box flexGrow={1} />}

package/src/components/command-bar/workflow/collection-actions.ts

@@ -1,6 +1,6 @@
 import type { Dispatch } from "react";
 import type { DataProvider } from "../../../types/data-provider";
-import type { TickerRepository } from "../../../data/ticker-repository";
+import type { AppTickerRepositoryPort } from "../../../core/app-service-ports";
 import type { PluginRegistry } from "../../../plugins/registry";
 import type { AppAction, AppState } from "../../../state/app/context";
 import {
@@ -46,7 +46,7 @@ export function createCommandBarCollectionWorkflowActions(options: {
   persistConfig: (nextConfig: AppState["config"]) => void;
   pluginRegistry: PluginRegistry;
   setActiveCollection: (collectionId: string) => void;
-  tickerRepository: TickerRepository;
+  tickerRepository: AppTickerRepositoryPort;
 }): CommandBarCollectionWorkflowActions {
   const {
     activeCollectionId,

package/src/components/command-bar/workflow/coordinator.ts

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, type Dispatch, type MutableRefObject, type SetStateAction } from "react";
 import type { DataProvider } from "../../../types/data-provider";
-import type { TickerRepository } from "../../../data/ticker-repository";
+import type { AppTickerRepositoryPort } from "../../../core/app-service-ports";
 import type { PluginRegistry } from "../../../plugins/registry";
 import type { AppAction, AppState } from "../../../state/app/context";
 import type { TickerRecord } from "../../../types/ticker";
@@ -37,7 +37,7 @@ interface UseCommandBarWorkflowCoordinatorOptions {
   setActiveCollection: (collectionId: string) => void;
   setRouteStack: Dispatch<SetStateAction<CommandBarRoute[]>>;
   stateRef: MutableRefObject<AppState>;
-  tickerRepository: TickerRepository;
+  tickerRepository: AppTickerRepositoryPort;
   updateTopRoute: (updater: (route: CommandBarRoute) => CommandBarRoute) => void;
 }
 

package/src/components/command-bar/workflow/field-row.tsx

@@ -79,6 +79,8 @@ export function CommandBarWorkflowFieldRow({
   const fieldBg = nativePaneChrome ? "transparent" : active ? inputBg : panelBg;
   const useNativeSelect = nativePaneChrome && field.type === "select";
   const fieldDescription = getWorkflowFieldDescription(field, active);
+  const fieldLabel = t(field.label);
+  const translatedFieldDescription = translateWorkflowFieldDescription(fieldDescription);
   const submitOrMoveNext = () => {
     if (isLastField) {
       void onSubmit(route);
@@ -96,7 +98,7 @@ export function CommandBarWorkflowFieldRow({
 
   useRemoteUiNode({
     role: "command-bar-field",
-    label: field.label,
+    label: fieldLabel,
     disabled: route.pending,
     actions: {
       focus: focusOrOpenField,
@@ -106,12 +108,12 @@ export function CommandBarWorkflowFieldRow({
     metadata: {
       scope: "command-bar",
       surface: "workflow",
-      routeTitle: route.title,
+      routeTitle: t(route.title),
       fieldId: field.id,
       fieldType: field.type,
       active,
       value: summarizeWorkflowFieldValue(field, value),
-      description: fieldDescription,
+      description: translatedFieldDescription,
     },
   });
 
@@ -132,7 +134,7 @@ export function CommandBarWorkflowFieldRow({
     >
       <Box height={1}>
         <Text fg={active ? paletteText : paletteSubtleText} attributes={active ? TextAttributes.BOLD : 0}>
-          {field.label}
+          {fieldLabel}
         </Text>
       </Box>
       {isWorkflowTextField(field) ? (
@@ -140,7 +142,7 @@ export function CommandBarWorkflowFieldRow({
           <NumberField
             inputRef={getWorkflowInputRef(field.id) as RefObject<InputRenderable | null>}
             value={coerceFieldString(value)}
-            placeholder={field.placeholder}
+            placeholder={field.placeholder ? t(field.placeholder) : undefined}
             focused={active && !route.pending}
             variant="default"
             backgroundColor={nativePaneChrome ? inputBg : fieldBg}
@@ -175,7 +177,7 @@ export function CommandBarWorkflowFieldRow({
               />
             ) : (
               <Box flexDirection="column" paddingX={1} paddingY={0}>
-                {buildTextareaPreviewLines(coerceFieldString(value), field.placeholder, queryDisplayWidth).map((line, index) => (
+                {buildTextareaPreviewLines(coerceFieldString(value), field.placeholder ? t(field.placeholder) : undefined, queryDisplayWidth).map((line, index) => (
                   <Box key={`${field.id}:preview:${index}`} height={1}>
                     <Text fg={coerceFieldString(value).trim() ? paletteText : paletteSubtleText}>{line || " "}</Text>
                   </Box>
@@ -188,7 +190,7 @@ export function CommandBarWorkflowFieldRow({
             inputRef={getWorkflowInputRef(field.id) as RefObject<InputRenderable | null>}
             type={field.type === "password" ? "password" : "text"}
             value={coerceFieldString(value)}
-            placeholder={field.placeholder}
+            placeholder={field.placeholder ? t(field.placeholder) : undefined}
             focused={active && !route.pending}
             variant="default"
             backgroundColor={nativePaneChrome ? inputBg : fieldBg}
@@ -199,7 +201,11 @@ export function CommandBarWorkflowFieldRow({
       ) : useNativeSelect ? (
         <NativeSelect
           value={coerceFieldString(value)}
-          options={field.options}
+          options={field.options.map((option) => ({
+            ...option,
+            label: t(option.label),
+            description: option.description ? t(option.description) : undefined,
+          }))}
           width="100%"
           selectRef={(element) => onNativeSelectRef(field.id, element)}
           onFocus={() => onFieldFocus(field.id)}
@@ -216,14 +222,14 @@ export function CommandBarWorkflowFieldRow({
           style={nativePaneChrome ? { borderRadius: 4 } : undefined}
         >
           <Text fg={active ? paletteText : paletteSubtleText}>
-            {truncateText(summarizeWorkflowFieldValue(field, value), queryDisplayWidth)}
+            {truncateText(t(summarizeWorkflowFieldValue(field, value)), queryDisplayWidth)}
           </Text>
         </Box>
       )}
-      {fieldDescription && (
+      {translatedFieldDescription && (
         <Box height={1}>
           <Text fg={paletteSubtleText}>
-            {truncateText(fieldDescription, queryDisplayWidth)}
+            {truncateText(translatedFieldDescription, queryDisplayWidth)}
           </Text>
         </Box>
       )}
@@ -231,6 +237,14 @@ export function CommandBarWorkflowFieldRow({
   );
 }
 
+function translateWorkflowFieldDescription(description: string | null): string | null {
+  if (!description) return null;
+  const submitSuffix = " Ctrl+S submits.";
+  return description.endsWith(submitSuffix)
+    ? `${t(description.slice(0, -submitSuffix.length))} ${t(submitSuffix.trim())}`
+    : t(description);
+}
+
 function buildTextareaPreviewLines(value: string, placeholder: string | undefined, queryDisplayWidth: number): string[] {
   const preview = value.trim();
   return (preview || placeholder || t("Unset"))