gloomberb 0.11.2 → 0.12.0

package/src/components/ui/native-select.tsx

@@ -3,6 +3,7 @@
 import { type CSSProperties } from "react";
 import { Box } from "../../ui";
 import { blendHex, colors } from "../../theme/colors";
+import { WEB_CELL_HEIGHT } from "../../theme/font-scale";
 
 export type NativeSelectElement = HTMLSelectElement & { showPicker?: () => void };
 
@@ -18,6 +19,11 @@ export interface NativeSelectProps {
   options: NativeSelectOption[];
   width?: number | string;
   height?: number;
+  /**
+   * `field` is the settings-dialog control. `inline` drops the box so a dense
+   * pane row reads as text while staying a real, keyboard-accessible select.
+   */
+  variant?: "field" | "inline";
   includeUnsetOption?: boolean;
   selectRef?: (element: NativeSelectElement | null) => void;
   onFocus?: () => void;
@@ -41,23 +47,27 @@ export function openNativeSelect(element: NativeSelectElement | null | undefined
 export function NativeSelect({
   value,
   options,
-  width = 184,
-  height = 28,
+  width,
+  height,
+  variant = "field",
   includeUnsetOption = false,
   selectRef,
   onFocus,
   onChange,
 }: NativeSelectProps) {
+  const inline = variant === "inline";
   const hasCurrentValue = options.some((option) => option.value === value);
+  const resolvedWidth = width ?? (inline ? "auto" : 184);
+  const resolvedHeight = height ?? (inline ? WEB_CELL_HEIGHT : 28);
   const style: CSSProperties = {
-    width,
-    height,
+    width: resolvedWidth,
+    height: resolvedHeight,
     color: colors.text,
-    backgroundColor: blendHex(colors.panel, colors.textBright, 0.06),
-    border: `1px solid ${colors.border}`,
-    borderRadius: 6,
-    padding: "0 8px",
-    boxShadow: `inset 0 1px 0 ${blendHex(colors.bg, colors.textBright, 0.05)}`,
+    backgroundColor: inline ? "transparent" : blendHex(colors.panel, colors.textBright, 0.06),
+    border: inline ? "none" : `1px solid ${colors.border}`,
+    borderRadius: inline ? 0 : 6,
+    padding: inline ? 0 : "0 8px",
+    boxShadow: inline ? "none" : `inset 0 1px 0 ${blendHex(colors.bg, colors.textBright, 0.05)}`,
     cursor: "pointer",
     font: "inherit",
     letterSpacing: 0,
@@ -68,7 +78,7 @@ export function NativeSelect({
 
   return (
     <Box
-      height={`${height}px`}
+      height={`${resolvedHeight}px`}
       flexDirection="row"
       alignItems="center"
       onMouseDown={(event: any) => {

package/src/components/ui/select-button.tsx

@@ -0,0 +1,138 @@
+import { useCallback } from "react";
+import { Box, Text, TextAttributes, useUiHost } from "../../ui";
+import { type PromptContext, useDialog } from "../../ui/dialog";
+import { useRemoteUiNode } from "../../remote/semantic-tree";
+import { colors } from "../../theme/colors";
+import { ChoiceDialog } from "./choice-dialog";
+import { NativeSelect } from "./native-select";
+
+export interface SelectButtonOption<T extends string = string> {
+  value: T;
+  label: string;
+  /** Trigger wording when the full label is too wide for a pane header. */
+  short?: string;
+  description?: string;
+  disabled?: boolean;
+}
+
+export interface SelectButtonProps<T extends string = string> {
+  /** Names the dimension, e.g. "Prem". Shown before the value on the trigger. */
+  label: string;
+  value: T;
+  options: readonly SelectButtonOption<T>[];
+  onChange: (value: T) => void;
+  /** Dialog title. Defaults to `label`. */
+  title?: string;
+  disabled?: boolean;
+  /**
+   * Draws the value as active. Panes pass `value !== default` so a row of
+   * selects shows at a glance which ones are narrowing what you are looking at.
+   */
+  emphasized?: boolean;
+  idPrefix?: string;
+}
+
+/**
+ * Single-select control usable inside a pane body, not just the settings dialog.
+ * Desktop gets a real `<select>`; the terminal has no dropdown primitive, so it
+ * opens the standard choice dialog, which shows the full option labels instead
+ * of making people click a chip repeatedly to discover what the values are.
+ */
+export function SelectButton<T extends string = string>({
+  label,
+  value,
+  options,
+  onChange,
+  title,
+  disabled = false,
+  emphasized = false,
+  idPrefix,
+}: SelectButtonProps<T>) {
+  const isDesktopWeb = useUiHost().kind === "desktop-web";
+  const dialog = useDialog();
+  const current = options.find((option) => option.value === value);
+
+  const selectValue = useCallback((next: unknown) => {
+    const candidate = typeof next === "string" ? next : (next as { value?: string })?.value;
+    const match = options.find((option) => option.value === candidate);
+    if (!match || match.disabled || match.value === value) return;
+    onChange(match.value);
+  }, [onChange, options, value]);
+
+  // Same parity as Button and Tabs: the control has to be drivable without a
+  // mouse for remote control and UI automation.
+  useRemoteUiNode({
+    role: "select",
+    label,
+    disabled,
+    actions: { select: selectValue },
+    metadata: {
+      value,
+      options: options.map((option) => ({ value: option.value, label: option.label })),
+    },
+  });
+
+  const openDialog = useCallback((event?: { stopPropagation?: () => void; preventDefault?: () => void }) => {
+    event?.stopPropagation?.();
+    event?.preventDefault?.();
+    if (disabled) return;
+    void dialog.prompt<string>({
+      closeOnClickOutside: true,
+      content: (context: PromptContext<string>) => (
+        <ChoiceDialog
+          {...context}
+          title={title ?? label}
+          selectedChoiceId={value}
+          choices={options.map((option) => ({
+            id: option.value,
+            label: option.label,
+            description: option.description,
+            disabled: option.disabled,
+          }))}
+        />
+      ),
+    }).then((next) => {
+      if (!next) return;
+      const match = options.find((option) => option.value === next);
+      if (match && !match.disabled) onChange(match.value);
+    }).catch(() => {});
+  }, [dialog, disabled, label, onChange, options, title, value]);
+
+  if (isDesktopWeb) {
+    return (
+      <Box flexDirection="row" alignItems="center" gap={1} id={idPrefix ? `${idPrefix}:select` : undefined}>
+        <Text fg={colors.textMuted}>{label}</Text>
+        <NativeSelect
+          variant="inline"
+          value={value}
+          options={options.map((option) => ({
+            value: option.value,
+            label: option.label,
+            disabled: option.disabled,
+          }))}
+          onChange={(next) => {
+            if (next !== value) onChange(next as T);
+          }}
+        />
+      </Box>
+    );
+  }
+
+  return (
+    <Box
+      id={idPrefix ? `${idPrefix}:select` : undefined}
+      height={1}
+      flexDirection="row"
+      onMouseDown={openDialog}
+    >
+      <Text fg={colors.textMuted} onMouseDown={openDialog}>{`${label} `}</Text>
+      <Text
+        fg={disabled ? colors.textMuted : emphasized ? colors.textBright : colors.text}
+        attributes={emphasized ? TextAttributes.BOLD : undefined}
+        onMouseDown={openDialog}
+      >
+        {current?.short ?? current?.label ?? ""}
+      </Text>
+    </Box>
+  );
+}

package/src/components/ui/status.tsx

@@ -70,7 +70,7 @@ export function PaneStatusBody({
 }: PaneStatusBodyProps) {
   if (error) {
     return (
-      <Box paddingX={1} paddingY={1}>
+      <Box paddingX={1} paddingY={1} data-gloom-status="error">
         <EmptyState
           title={subject ? unavailableText(subject) : error}
           message={subject ? error : undefined}
@@ -89,7 +89,7 @@ export function PaneStatusBody({
   }
   if (empty) {
     return (
-      <Box paddingX={1} paddingY={1}>
+      <Box paddingX={1} paddingY={1} data-gloom-status="empty">
         <EmptyState
           title={emptyTitle ?? t("Nothing to show yet.")}
           message={emptyMessage}

package/src/components/ui/table-layout.ts

@@ -177,7 +177,7 @@ export function useMeasuredTableContentWidth(
     queueMicrotask(measureContentWidth);
   }, [measureContentWidth]);
 
-  useEffect(scheduleContentWidthMeasure);
+  useEffect(scheduleContentWidthMeasure, [scheduleContentWidthMeasure]);
 
   return {
     contentWidth: Math.max(tableWidth, viewportWidth),

package/src/components/use-double-click-activation.ts

@@ -16,21 +16,25 @@ export function useDoubleClickActivation<T>({
   onActivate?: (value: T) => void;
 }) {
   const lastClickRef = useRef<LastClickState | null>(null);
+  const onSelectRef = useRef(onSelect);
+  const onActivateRef = useRef(onActivate);
+  onSelectRef.current = onSelect;
+  onActivateRef.current = onActivate;
 
   return useCallback((targetKey: string, value: T, event?: ClickEventLike) => {
     const lastClick = lastClickRef.current;
 
-    onSelect?.(value);
+    onSelectRef.current?.(value);
 
     if ((typeof event?.detail === "number" && event.detail >= 2)
         || (lastClick && lastClick.targetKey === targetKey)) {
       lastClickRef.current = null;
-      onActivate?.(value);
+      onActivateRef.current?.(value);
       return;
     }
 
     lastClickRef.current = {
       targetKey,
     };
-  }, [onActivate, onSelect]);
+  }, []);
 }

package/src/core/app-services.ts

@@ -14,7 +14,7 @@ import { assetDataProvider, newsProvider } from "../capabilities";
 import type { DataProvider } from "../types/data-provider";
 import { debugLog } from "../utils/debug-log";
 import { measurePerf, measurePerfAsync } from "../utils/perf-marks";
-import { setIbkrPortfolioPerformanceResourceStore } from "../plugins/ibkr/portfolio-performance";
+import { setPluginResourceStore } from "../public/broker";
 import type { AppRuntimeServices, AppServicesFactoryOptions } from "./app-service-ports";
 
 const servicesLog = debugLog.createLogger("services");
@@ -41,7 +41,7 @@ export function createAppServices({
   });
   const dbPath = join(config.dataDir, ".gloomberb-cache.db");
   const persistence = measurePerf("startup.services.persistence", () => new AppPersistence(dbPath));
-  setIbkrPortfolioPerformanceResourceStore(persistence.resources);
+  setPluginResourceStore(persistence.resources);
   const tickerRepository = measurePerf("startup.services.ticker-repository", () => new TickerRepository(persistence.tickers));
   const disposeCloudConnectionSources = registerGloomCloudConnectionSources(connectionHealth);
   const providerRouter = measurePerf("startup.services.asset-data-router", () => (
@@ -105,7 +105,7 @@ export function createAppServices({
       newsService.stop();
       pluginRegistry.destroy();
       disposeCloudConnectionSources();
-      setIbkrPortfolioPerformanceResourceStore(null);
+      setPluginResourceStore(null);
       persistence.close();
     },
   };

package/src/data/config/chart-settings.ts

@@ -1,4 +1,4 @@
-import type { ChartResolution, TimeRange } from "../../time-series/range";
+import { CHART_RESOLUTIONS, TIME_RANGES, type ChartResolution, type TimeRange } from "../../time-series/range";
 import type { LayoutConfig, PaneBinding } from "../../types/config";
 import type {
   ChartPanelSpec,
@@ -16,8 +16,8 @@ import {
   validateChartSpec,
 } from "../../time-series/spec";
 
-const CHART_RANGES = new Set<TimeRange>(["1D", "1W", "1M", "3M", "6M", "1Y", "5Y", "ALL"]);
-const CHART_RESOLUTIONS = new Set<ChartResolution>(["auto", "1m", "5m", "15m", "30m", "45m", "1h", "1d", "1wk", "1mo"]);
+const CHART_RANGES = new Set<TimeRange>(TIME_RANGES);
+const CHART_RESOLUTION_SET = new Set<ChartResolution>(CHART_RESOLUTIONS);
 const PRICE_RENDER_MODES = new Set<SeriesStyle>(["area", "line", "candles", "ohlc", "hlc"]);
 const LEGACY_INDICATOR_IDS = new Set<LegacyChartIndicatorId>([
   "volume",
@@ -94,7 +94,7 @@ function range(value: unknown, fallback: TimeRange): TimeRange {
 }
 
 function resolution(value: unknown, fallback: ChartResolution): ChartResolution {
-  return CHART_RESOLUTIONS.has(value as ChartResolution) ? value as ChartResolution : fallback;
+  return CHART_RESOLUTION_SET.has(value as ChartResolution) ? value as ChartResolution : fallback;
 }
 
 function makeSpec(

package/src/data/config/layout.ts

@@ -10,8 +10,10 @@ import {
   cloneLayout,
   clonePaneSettings,
   createPaneInstanceId,
+  getPlacedPaneInstanceIds,
   normalizePaneLayout,
   normalizePaneId,
+  removeUnreachablePaneInstances,
 } from "../../types/config";
 import {
   migrateChartPaneSettings,
@@ -155,11 +157,14 @@ function sanitizePaneInstances(
         placementMemory: sanitizePlacementMemory(entry.placementMemory),
       };
     });
-  return instances.length > 0 ? instances : cloneLayout(fallback).instances;
+  return instances;
 }
 
-function getDefaultFollowSourceInstanceId(instances: PaneInstanceConfig[]): string | null {
-  return instances.find((instance) => instance.paneId === "portfolio-list")?.instanceId ?? null;
+function getDefaultFollowSourceInstanceId(layout: LayoutConfig): string | null {
+  const placedPaneIds = new Set(getPlacedPaneInstanceIds(layout));
+  return layout.instances.find((instance) => (
+    instance.paneId === "portfolio-list" && placedPaneIds.has(instance.instanceId)
+  ))?.instanceId ?? null;
 }
 
 function sanitizeFloatingEntries(value: unknown, validInstanceIds: Set<string>): LayoutConfig["floating"] {
@@ -219,7 +224,7 @@ export function sanitizeLayout(
   if (!Array.isArray((value as LayoutConfig & { instances?: unknown }).instances)) {
     const layout = cloneLayout(fallback);
     return normalizePaneLayout(layout, {
-      defaultFollowSourceInstanceId: getDefaultFollowSourceInstanceId(layout.instances),
+      defaultFollowSourceInstanceId: getDefaultFollowSourceInstanceId(layout),
       resolveOrphanSymbol: () => null,
     });
   }
@@ -241,8 +246,9 @@ export function sanitizeLayout(
     detached,
   };
 
-  return normalizePaneLayout(layout, {
-    defaultFollowSourceInstanceId: getDefaultFollowSourceInstanceId(layout.instances),
+  const normalized = normalizePaneLayout(layout, {
+    defaultFollowSourceInstanceId: getDefaultFollowSourceInstanceId(layout),
     resolveOrphanSymbol: () => null,
   });
+  return removeUnreachablePaneInstances(normalized);
 }

package/src/data/config/store/index.test.ts

@@ -49,6 +49,50 @@ async function writeConfigJson(dataDir: string, config: Record<string, unknown>)
 }
 
 describe("sanitizeLayout", () => {
+  test("preserves an intentionally blank layout", () => {
+    expect(sanitizeLayout({
+      dockRoot: null,
+      instances: [],
+      floating: [],
+      detached: [],
+    }, DEFAULT_LAYOUT)).toEqual({
+      dockRoot: null,
+      instances: [],
+      floating: [],
+      detached: [],
+    });
+  });
+
+  test("prunes abandoned panes while retaining a hidden follow source", () => {
+    const layout = sanitizeLayout({
+      dockRoot: { kind: "pane", instanceId: "ticker-research:visible" },
+      instances: [
+        {
+          instanceId: "portfolio-list:source",
+          paneId: "portfolio-list",
+          binding: { kind: "none" },
+        },
+        {
+          instanceId: "ticker-research:visible",
+          paneId: "ticker-research",
+          binding: { kind: "follow", sourceInstanceId: "portfolio-list:source" },
+        },
+        {
+          instanceId: "ticker-research:closed",
+          paneId: "ticker-research",
+          binding: { kind: "fixed", symbol: "NVDA" },
+        },
+      ],
+      floating: [],
+      detached: [],
+    }, DEFAULT_LAYOUT);
+
+    expect(layout.instances.map((instance) => instance.instanceId)).toEqual([
+      "portfolio-list:source",
+      "ticker-research:visible",
+    ]);
+  });
+
   test("ships a focused Home layout with portfolio, chat, and following research", () => {
     expect(DEFAULT_LAYOUT.instances.map((instance) => instance.instanceId)).toEqual([
       "portfolio-list:main",
@@ -318,6 +362,59 @@ describe("sanitizeLayout", () => {
 });
 
 describe("loadConfig", () => {
+  test("migrates unreachable pane instances and their saved state", async () => {
+    const dataDir = await createTempConfigDir();
+    const hiddenPaneId = "ticker-research:closed";
+    const legacyLayout = {
+      ...DEFAULT_LAYOUT,
+      instances: [
+        ...DEFAULT_LAYOUT.instances.map((instance) => instance.instanceId === "chat:main"
+          ? {
+            ...instance,
+            placementMemory: {
+              docked: {
+                anchorInstanceId: hiddenPaneId,
+                position: "right" as const,
+              },
+            },
+          }
+          : instance),
+        {
+          instanceId: hiddenPaneId,
+          paneId: "ticker-research",
+          binding: { kind: "fixed" as const, symbol: "NVDA" },
+          placementMemory: { floating: { x: 12, y: 4, width: 90, height: 30 } },
+        },
+      ],
+    };
+    await writeConfigJson(dataDir, createSavedConfig({
+      configVersion: 21,
+      layout: legacyLayout,
+      layouts: [{
+        name: "Default",
+        layout: legacyLayout,
+        paneState: {
+          "chat:main": { draft: "keep" },
+          [hiddenPaneId]: { activeTabId: "overview" },
+        },
+        focusedPaneId: hiddenPaneId,
+      }],
+    }));
+
+    const config = await loadConfig(dataDir);
+
+    expect(config.configVersion).toBe(CURRENT_CONFIG_VERSION);
+    expect(config.layout.instances.some((instance) => instance.instanceId === hiddenPaneId)).toBe(false);
+    expect(config.layouts[0]?.layout.instances.some((instance) => instance.instanceId === hiddenPaneId)).toBe(false);
+    expect(config.layouts[0]?.paneState).toEqual({ "chat:main": { draft: "keep" } });
+    expect(config.layouts[0]?.focusedPaneId).toBeNull();
+    expect(findPaneInstance(config.layout, "chat:main")?.placementMemory?.docked).toEqual({
+      anchorInstanceId: undefined,
+      path: undefined,
+      position: "right",
+    });
+  });
+
   test("folds saved graph plugin state into composer specs and removes only chart-owned state", async () => {
     const dataDir = await createTempConfigDir();
     const legacyLayout = {

package/src/data/config/store/migrations.ts

@@ -4,6 +4,7 @@ import {
   CURRENT_CONFIG_VERSION,
   DEFAULT_COLUMNS,
   DEFAULT_PORTFOLIO_COLUMN_IDS,
+  getPlacedPaneInstanceIds,
   type LayoutConfig,
 } from "../../../types/config";
 import {
@@ -24,6 +25,7 @@ const CLOUD_MACRO_SPLIT_CONFIG_VERSION = 15;
 const PORTFOLIO_DEFAULT_COLUMNS_CONFIG_VERSION = 17;
 const BUILTIN_OWNERSHIP_AND_CHART_CONFIG_VERSION = 20;
 const ONBOARDING_BACKFILL_CONFIG_VERSION = 21;
+const UNREACHABLE_PANE_CLEANUP_CONFIG_VERSION = 22;
 
 const LEGACY_MAIN_PORTFOLIO_COLUMN_IDS = DEFAULT_COLUMNS.map((column) => column.id);
 const PRE_SPARKLINE_PORTFOLIO_COLUMN_IDS = [
@@ -85,6 +87,11 @@ const CONFIG_MIGRATIONS: readonly ConfigMigration[] = [
     toVersion: ONBOARDING_BACKFILL_CONFIG_VERSION,
     migrate: migrateOnboardingComplete,
   },
+  {
+    name: "prune-unreachable-pane-instances",
+    toVersion: UNREACHABLE_PANE_CLEANUP_CONFIG_VERSION,
+    migrate: migrateUnreachablePaneInstances,
+  },
 ];
 
 export function migrateSavedConfig(saved: Record<string, unknown>, dataDir: string): ConfigMigrationResult {
@@ -139,6 +146,40 @@ function migrateOnboardingComplete(saved: Record<string, unknown>): Record<strin
   };
 }
 
+function migrateUnreachablePaneInstances(
+  saved: Record<string, unknown>,
+  dataDir: string,
+): Record<string, unknown> {
+  const defaults = createDefaultConfig(dataDir);
+  const layout = sanitizeLayout(saved.layout, defaults.layout);
+  const layouts = Array.isArray(saved.layouts)
+    ? saved.layouts.map((entry) => {
+      if (!isPlainRecord(entry) || typeof entry.name !== "string") return entry;
+      const entryLayout = sanitizeLayout(entry.layout, layout);
+      const instanceIds = new Set(entryLayout.instances.map((instance) => instance.instanceId));
+      const placedIds = new Set(getPlacedPaneInstanceIds(entryLayout));
+      const paneState = isPlainRecord(entry.paneState)
+        ? Object.fromEntries(Object.entries(entry.paneState).filter(([instanceId]) => instanceIds.has(instanceId)))
+        : entry.paneState;
+      const focusedPaneId = typeof entry.focusedPaneId === "string" && !placedIds.has(entry.focusedPaneId)
+        ? null
+        : entry.focusedPaneId;
+      return {
+        ...entry,
+        layout: entryLayout,
+        paneState,
+        focusedPaneId,
+      };
+    })
+    : saved.layouts;
+
+  return {
+    ...saved,
+    layout,
+    layouts,
+  };
+}
+
 function migrateCloudDefault(saved: Record<string, unknown>): Record<string, unknown> {
   return {
     ...saved,

package/src/data/config/store/normalize.ts

@@ -10,6 +10,7 @@ import {
   cloneLayout,
   createDefaultConfig,
   CURRENT_CONFIG_VERSION,
+  getPlacedPaneInstanceIds,
 } from "../../../types/config";
 import type { Portfolio, Watchlist } from "../../../types/ticker";
 import { isLanguagePreference } from "../../../i18n/languages";
@@ -305,15 +306,16 @@ function sanitizeSavedLayouts(
     )
     .map((entry) => {
       const layout = sanitizeLayout(entry.layout, fallbackLayout);
+      const placedPaneIds = new Set(getPlacedPaneInstanceIds(layout));
       const paneState = sanitizeSavedPaneState((entry as { paneState?: unknown }).paneState, layout);
       return {
         id: typeof entry.id === "string" ? entry.id : undefined,
         name: entry.name,
         layout,
         paneState,
-        focusedPaneId: typeof entry.focusedPaneId === "string" || entry.focusedPaneId === null
-          ? entry.focusedPaneId
-          : undefined,
+        focusedPaneId: typeof entry.focusedPaneId === "string"
+          ? placedPaneIds.has(entry.focusedPaneId) ? entry.focusedPaneId : null
+          : entry.focusedPaneId === null ? null : undefined,
         activePanel: entry.activePanel === "right" || entry.activePanel === "left"
           ? entry.activePanel
           : undefined,

package/src/i18n/es.ts

@@ -572,6 +572,7 @@ export const es: Record<string, string> = {
   "Open the help window": "Abrir la ventana de ayuda",
   "Set up a portfolio": "Configura una cartera",
   "How would you like to get started?": "¿Cómo quieres empezar?",
+  "{shortcut} to get started.": "{shortcut} para empezar.",
   "Edits later from the command bar.": "Se edita luego desde la barra de comandos.",
   "Create Manual Portfolio": "Crear cartera manual",
   "Add tickers and positions by hand": "Agrega tickers y posiciones a mano",
@@ -760,7 +761,7 @@ export const es: Record<string, string> = {
   "Verify your email to send messages.": "Verifica tu correo para enviar mensajes.",
   "Verify your email to use Cloud tweets.": "Verifica tu correo para usar Cloud tweets.",
   "Resend Verification Email": "Reenviar correo de verificación",
-  "Ctrl+P, then Resend Verification Email": "Ctrl+P y luego Reenviar correo de verificación",
+  "{shortcut}, then Resend Verification Email": "{shortcut} y luego Reenviar correo de verificación",
   "editing": "editando",
   "replying to": "respondiendo a",
   "Reply": "Responder",
@@ -998,7 +999,7 @@ export const es: Record<string, string> = {
   "No watchlist tickers": "Sin tickers en seguimiento",
   "No tickers in {name}.": "No hay tickers en {name}.",
   "this collection": "esta colección",
-  "Press Ctrl+P to add one.": "Pulsa Ctrl+P para agregar uno.",
+  "Press {shortcut} to add one.": "Pulsa {shortcut} para agregar uno.",
   "PRE-MKT": "PRE-MKT",
   "OPEN": "ABIERTO",
   "AFTER-HRS": "POST-MKT",
@@ -1092,6 +1093,9 @@ export const es: Record<string, string> = {
   "Approve from your phone, no typing": "Aprueba desde tu teléfono, sin escribir",
   "Scan with the Gloom app": "Escanea con la app Gloom",
   "Open the Gloom app on your phone and approve this workspace.": "Abre la app Gloom en tu teléfono y aprueba este espacio de trabajo.",
+  "Approve the code from a phone that is already signed in.": "Aprueba el código desde un teléfono que ya tenga la sesión iniciada.",
+  "Layouts, watchlists and portfolios sync to your account.": "Los diseños, las listas de seguimiento y las carteras se sincronizan con tu cuenta.",
+  "Use email instead": "Usar el correo",
   "Scan with the Gloom app to sign in": "Escanea con la app Gloom para iniciar sesión",
   "Waiting for approval...": "Esperando aprobación...",
   "Approved as {email}": "Aprobado como {email}",

package/src/i18n/ja.ts

@@ -573,6 +573,7 @@ export const ja: Record<string, string> = {
   "Open the help window": "ヘルプ ウィンドウを開く",
   "Set up a portfolio": "ポートフォリオを設定する",
   "How would you like to get started?": "どの方法で始めますか？",
+  "{shortcut} to get started.": "{shortcut} で開始します。",
   "Edits later from the command bar.": "後でコマンド バーから編集します。",
   "Create Manual Portfolio": "手動ポートフォリオを作成",
   "Add tickers and positions by hand": "銘柄とポジションを手動で追加",
@@ -775,7 +776,7 @@ export const ja: Record<string, string> = {
   "Verify your email to send messages.": "メッセージを送信するにはメールを確認してください。",
   "Verify your email to use Cloud tweets.": "Cloud tweets を使用するにはメールを確認してください。",
   "Resend Verification Email": "確認メールを再送信",
-  "Ctrl+P, then Resend Verification Email": "Ctrl+P から「確認メールを再送信」",
+  "{shortcut}, then Resend Verification Email": "{shortcut} から「確認メールを再送信」",
   "editing": "編集",
   "replying to": "返信先",
   "Reply": "返信",
@@ -1013,7 +1014,7 @@ export const ja: Record<string, string> = {
   "No watchlist tickers": "ウォッチリストに銘柄がありません",
   "No tickers in {name}.": "{name} に銘柄がありません。",
   "this collection": "このコレクション",
-  "Press Ctrl+P to add one.": "Ctrl+P を押して追加します。",
+  "Press {shortcut} to add one.": "{shortcut} を押して追加します。",
   "PRE-MKT": "PRE-MKT",
   "OPEN": "取引中",
   "AFTER-HRS": "時間外",
@@ -1079,6 +1080,9 @@ export const ja: Record<string, string> = {
   "Approve from your phone, no typing": "スマホから承認、入力不要",
   "Scan with the Gloom app": "Gloom アプリでスキャン",
   "Open the Gloom app on your phone and approve this workspace.": "スマホで Gloom アプリを開き、このワークスペースを承認してください。",
+  "Approve the code from a phone that is already signed in.": "すでにログイン済みのスマートフォンでコードを承認してください。",
+  "Layouts, watchlists and portfolios sync to your account.": "レイアウト、ウォッチリスト、ポートフォリオがアカウントに同期されます。",
+  "Use email instead": "メールを使う",
   "Scan with the Gloom app to sign in": "Gloom アプリでスキャンしてログイン",
   "Waiting for approval...": "承認を待っています...",
   "Approved as {email}": "{email} として承認されました",