gloomberb 0.11.2 → 0.11.3

package/README.md

@@ -280,6 +280,7 @@ The toolbar controls preset or exact date ranges, intervals from one minute thro
 | `TBO` | TheBuildout infrastructure intelligence |
 | `CG` | Congress trading disclosures |
 | `WEI` | Global equity indices |
+| `MAP` | Live world venue map with local market status and clocks |
 | `FUT` | Front-month futures across index, rates, energy, metals, grains, and FX |
 | `ECON` | Economic events and releases |
 | `GC` | Yield curve |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gloomberb",
-  "version": "0.11.2",
+  "version": "0.11.3",
   "packageManager": "bun@1.3.11",
   "description": "Market research and portfolio tracker for the terminal",
   "module": "src/index.tsx",

package/src/api-client/data.ts

@@ -55,6 +55,7 @@ import type {
   CloudPricePointPayload,
   CloudQuotePayload,
   CloudTweetSearchResponse,
+  CloudWorldVenueMapPayload,
   CloudYieldPointPayload,
 } from "./types";
 
@@ -94,6 +95,10 @@ export class CloudDataApi {
     return this.postMarketBatch("/market/quotes/batch", targets, mode);
   }
 
+  async getCloudWorldVenues(): Promise<CloudMarketResponse<CloudWorldVenueMapPayload>> {
+    return this.request<CloudMarketResponse<CloudWorldVenueMapPayload>>("/market/venues");
+  }
+
   async getCloudMarketScreener(
     category: CloudMarketScreenerCategory,
     count = 25,

package/src/api-client/index.ts

@@ -61,6 +61,7 @@ import type {
   CloudMarketBatchPayload,
   CloudMarketScreenerCategory,
   CloudMarketScreenerPayload,
+  CloudWorldVenueMapPayload,
   CloudVerificationResponse,
   DeviceAuthStartResponse,
   DeviceAuthTokenResponse,
@@ -545,6 +546,10 @@ class GloomApiClient {
     return this.data.getCloudQuotesBatch(targets, mode);
   }
 
+  async getCloudWorldVenues(): Promise<CloudMarketResponse<CloudWorldVenueMapPayload>> {
+    return this.data.getCloudWorldVenues();
+  }
+
   async getCloudMarketScreener(
     category: CloudMarketScreenerCategory,
     count = 25,

package/src/api-client/types.ts

@@ -253,6 +253,30 @@ export interface CloudQuotePayload extends Quote {
   dataSource: "live" | "delayed";
 }
 
+export interface CloudWorldVenuePayload {
+  mic: string;
+  name: string;
+  title: string;
+  country: string;
+  countryCode: string;
+  city: string;
+  timezone: string;
+  latitude: number;
+  longitude: number;
+  isOpen: boolean;
+  timeAfterOpenSeconds?: number;
+  timeToOpenSeconds?: number;
+  timeToCloseSeconds?: number;
+}
+
+export interface CloudWorldVenueMapPayload {
+  providerId: "gloomberb-cloud";
+  checkedAt: number;
+  refreshAt: number;
+  stale?: boolean;
+  venues: CloudWorldVenuePayload[];
+}
+
 export interface CloudOptionsChainPayload extends OptionsChain {
   providerId: "gloomberb-cloud";
 }

package/src/capabilities/chart-series.ts

@@ -9,6 +9,7 @@ import type {
   SeriesTransform,
   TimeSeriesPoint,
 } from "../time-series/types";
+import { CHART_RESOLUTIONS, TIME_RANGES } from "../time-series/range";
 import type {
   CapabilityInvoker,
   CapabilitySchema,
@@ -24,8 +25,8 @@ export const MAX_CHART_SERIES_POINTS = 20_000;
 const CAPABILITY_ID_PATTERN = /^[A-Za-z0-9][A-Za-z0-9._-]{0,79}$/;
 const SERIES_ID_PATTERN = /^[A-Za-z0-9][A-Za-z0-9._~%:/-]{0,239}$/;
 const chartSeriesLog = debugLog.createLogger("chart-series");
-const ranges = new Set(["1D", "1W", "1M", "3M", "6M", "1Y", "5Y", "ALL"]);
-const resolutions = new Set(["auto", "1m", "5m", "15m", "30m", "45m", "1h", "1d", "1wk", "1mo"]);
+const ranges = new Set<string>(TIME_RANGES);
+const resolutions = new Set<string>(CHART_RESOLUTIONS);
 const periods = new Set(["auto", "daily", "weekly", "monthly", "quarterly", "annual", "ttm"]);
 const styles = new Set(["line", "area", "step", "columns", "points", "candles", "ohlc", "hlc"]);
 const transforms = new Set(["raw", "percent", "index100", "yoy", "qoq", "log"]);

package/src/cli/commands/market.ts

@@ -1,5 +1,5 @@
 import type { CliCommandDef } from "../../types/plugin";
-import type { TimeRange } from "../../time-series/range";
+import { TIME_RANGES, type TimeRange } from "../../time-series/range";
 import type { EarningsEvent, QuoteBatchResult, SecFilingItem } from "../../types/data-provider";
 import type { NewsArticle, NewsFeed, NewsQuery } from "../../news/types";
 import type {
@@ -15,7 +15,7 @@ import { formatCompact } from "../../utils/format";
 import { withCliServices, withMarketData } from "../context";
 import { isoDate, parsePositiveInt, requireArg, takeOption } from "./command-utils";
 
-const VALID_RANGES = new Set<TimeRange>(["1D", "1W", "1M", "3M", "6M", "1Y", "5Y", "ALL"]);
+const VALID_RANGES = new Set<TimeRange>(TIME_RANGES);
 const VALID_NEWS_FEEDS = new Set<NewsFeed>(["latest", "top", "breaking", "ticker", "sector", "topic"]);
 
 type QuoteCliRecord = Omit<QuoteBatchResult, "error"> & { error: string | null };

package/src/cli/pane-functions/capabilities.ts

@@ -1,3 +1,4 @@
+import { CHART_RESOLUTIONS } from "../../time-series/range";
 import type { PaneDef, PaneTemplateDef } from "../../types/plugin";
 
 export type PaneFunctionReadiness = "ready" | "partial" | "unsupported";
@@ -128,8 +129,7 @@ const CAPABILITIES: Record<string, PaneFunctionCapability> = {
         description: "Market-price sampling resolution.",
         type: "enum",
         aliases: ["resolution"],
-        values: ["auto", "1m", "5m", "15m", "30m", "45m", "1h", "1d", "1wk", "1mo"]
-          .map((value) => ({ value })),
+        values: CHART_RESOLUTIONS.map((value) => ({ value })),
       },
     ],
   },
@@ -251,7 +251,7 @@ const CAPABILITIES: Record<string, PaneFunctionCapability> = {
         description: "Price sampling resolution.",
         type: "enum",
         aliases: ["resolution"],
-        values: ["1m", "5m", "15m", "30m", "45m", "1h", "1d", "1wk", "1mo"].map((value) => ({ value })),
+        values: CHART_RESOLUTIONS.filter((value) => value !== "auto").map((value) => ({ value })),
         defaultValue: "1d",
       },
     ],

package/src/cli/registry.ts

@@ -4,7 +4,6 @@ import type {
   CliCommandDef,
   CliDispatchResult,
   GloomPlugin,
-  PluginCliCommandDescriptor,
 } from "../types/plugin";
 import type { LoadedExternalPlugin } from "../plugins/loader";
 import { getPluginCatalog } from "../plugins/catalog";
@@ -35,7 +34,6 @@ export interface CliCommandRegistry {
   config: AppConfig | null;
   plugins: GloomPlugin[];
   externalPlugins: LoadedExternalPlugin[];
-  descriptors: Array<{ pluginId: string; descriptor: PluginCliCommandDescriptor }>;
 }
 
 interface BuildCliCommandRegistryOptions {
@@ -71,19 +69,6 @@ function getCommandUsageLabel(command: CliCommandDef): string {
   return command.help?.usage?.[0] ?? command.name;
 }
 
-function descriptorToCommand(descriptor: PluginCliCommandDescriptor): CliCommandDef | null {
-  if (!descriptor.execute) return null;
-  return {
-    name: descriptor.name,
-    aliases: descriptor.aliases,
-    description: descriptor.summary,
-    help: descriptor.examples?.length
-      ? { usage: descriptor.examples }
-      : undefined,
-    execute: descriptor.execute,
-  };
-}
-
 function renderHelpSections(registry: CliCommandRegistry): string[] {
   const lines: string[] = [];
 
@@ -172,7 +157,6 @@ export function buildCliCommandRegistry({
   }
 
   const loadablePlugins: GloomPlugin[] = [];
-  const descriptors: Array<{ pluginId: string; descriptor: PluginCliCommandDescriptor }> = [];
   for (const entry of catalog) {
     if (entry.error) {
       registryLog.warn(`Skipping external plugin "${entry.plugin.id}" for CLI registration.`, {
@@ -185,11 +169,6 @@ export function buildCliCommandRegistry({
     for (const command of entry.plugin.cliCommands ?? []) {
       registerCommand(command, entry.plugin.id, "plugin");
     }
-    for (const descriptor of entry.plugin.cli?.commands ?? []) {
-      descriptors.push({ pluginId: entry.plugin.id, descriptor });
-      const command = descriptorToCommand(descriptor);
-      if (command) registerCommand(command, entry.plugin.id, "plugin");
-    }
   }
 
   const commands = allCommands.filter((entry) => (
@@ -210,7 +189,6 @@ export function buildCliCommandRegistry({
     config,
     plugins: loadablePlugins.filter((plugin) => !disabledPlugins.has(plugin.id)),
     externalPlugins,
-    descriptors,
   };
 }
 

package/src/cli/result.ts

@@ -1,5 +1,6 @@
 import type { CliGlobalOptions } from "./options";
 import { renderTable, type CliTableColumn } from "../utils/cli-output";
+import { serializeCsv } from "../utils/csv";
 
 export interface CliResult<T = unknown> {
   data: T;
@@ -57,11 +58,6 @@ function inferColumns(rows: Record<string, unknown>[]): CliResultColumn<Record<s
   return [...keys].map((key) => ({ key, header: key }));
 }
 
-function csvEscape(value: string): string {
-  if (!/[",\n\r]/.test(value)) return value;
-  return `"${value.replace(/"/g, '""')}"`;
-}
-
 function serializeColumns<Row>(columns?: CliResultColumn<Row>[]) {
   return columns?.map((column) => ({
     key: column.key,
@@ -78,11 +74,12 @@ function renderCsv<Row extends Record<string, unknown>>(
   const resolvedColumns = columns && columns.length > 0
     ? columns
     : inferColumns(rows as Record<string, unknown>[]) as CliResultColumn<Row>[];
-  const header = resolvedColumns.map((column) => csvEscape(column.header)).join(",");
-  const body = rows.map((row) => resolvedColumns
-    .map((column) => csvEscape(normalizeCell(column.value ? column.value(row) : row[column.key])))
-    .join(","));
-  return [header, ...body].join("\n");
+  return serializeCsv([
+    resolvedColumns.map((column) => column.header),
+    ...rows.map((row) => resolvedColumns.map((column) => (
+      column.value ? column.value(row) : row[column.key]
+    ))),
+  ]);
 }
 
 function renderTextTable<Row extends Record<string, unknown>>(

package/src/components/data-table/export.test.ts

@@ -0,0 +1,21 @@
+import { expect, test } from "bun:test";
+import { EXCEL_CSV_BOM } from "../../utils/csv";
+import { createDataTableCsv } from "./export";
+
+test("exports displayed table cells and skips section headers", () => {
+  const items = [
+    { type: "section", name: "Americas", value: "" },
+    { type: "row", name: "S&P 500", value: "+1.25%" },
+  ];
+  const csv = createDataTableCsv({
+    columns: [
+      { id: "name", label: "Name", width: 20, align: "left" },
+      { id: "value", label: "Change", width: 10, align: "right" },
+    ],
+    items,
+    renderSectionHeader: (item) => item.type === "section" ? { text: item.name } : null,
+    renderCell: (item, column) => ({ text: item[column.id as "name" | "value"] }),
+  });
+
+  expect(csv).toBe(`${EXCEL_CSV_BOM}Name,Change\nS&P 500,'+1.25%`);
+});

package/src/components/data-table/export.ts

@@ -0,0 +1,21 @@
+import type { DataTableColumn, DataTableProps } from "../ui";
+import { serializeCsv } from "../../utils/csv";
+
+export function createDataTableCsv<
+  T,
+  C extends DataTableColumn = DataTableColumn,
+>({
+  columns,
+  items,
+  renderCell,
+  renderSectionHeader,
+}: Pick<DataTableProps<T, C>, "columns" | "items" | "renderCell" | "renderSectionHeader">): string {
+  const rows = items.flatMap((item, index) => {
+    if (renderSectionHeader?.(item, index)) return [];
+    return [columns.map((column) => renderCell(item, column, index, { selected: false }).text)];
+  });
+  return serializeCsv([
+    columns.map((column) => column.label),
+    ...rows,
+  ], { excelCompatible: true });
+}

package/src/components/ui/data-table/index.tsx

@@ -1,5 +1,5 @@
-import { type ComponentType } from "react";
-import { useUiHost } from "../../../ui";
+import { type ComponentType, useEffect, useRef } from "react";
+import { useRendererHost, useUiHost } from "../../../ui";
 import { OpenTuiDataTable } from "./opentui";
 import type {
   DataTableColumn,
@@ -7,6 +7,9 @@ import type {
 } from "./types";
 import { useRemoteUiNode } from "../../../remote/semantic-tree";
 import { remoteNumberValue, resolveRemoteItemIndex } from "../../../remote/semantic-helpers";
+import { useOptionalPaneInstanceId } from "../../../state/app/context";
+import { registerPaneTableExporter } from "../../../state/pane-table-export-registry";
+import { createDataTableCsv } from "../../data-table/export";
 
 export type {
   DataTableCell,
@@ -19,6 +22,20 @@ export type {
 export function DataTable<T, C extends DataTableColumn = DataTableColumn>(
   props: DataTableProps<T, C>,
 ) {
+  const paneId = useOptionalPaneInstanceId();
+  const renderer = useRendererHost();
+  const propsRef = useRef(props);
+  propsRef.current = props;
+
+  useEffect(() => {
+    if (!paneId || !renderer.saveTextFile) return;
+    return registerPaneTableExporter(paneId, (filename) => renderer.saveTextFile!({
+      name: filename,
+      text: createDataTableCsv(propsRef.current),
+      mimeType: "text/csv;charset=utf-8",
+    }));
+  }, [paneId, renderer]);
+
   useRemoteUiNode({
     role: "table",
     label: "Data table",

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/layout-marketplace/gallery-terminal.tsx

@@ -1,11 +1,11 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box, Input, Text, TextAttributes, type InputRenderable } from "../ui";
-import { Button } from "../components/ui/button";
+import { Box, Text, TextAttributes, type InputRenderable } from "../ui";
+import { InputSearchBar, usePaneFooter } from "../components";
 import { ListView, type ListViewItem } from "../components/ui/list-view";
 import { useShortcut, useViewport } from "../react/input";
-import { useAppInputCapture } from "../state/app/input-capture";
 import { useThemeColors } from "../theme/theme-context";
 import { truncateToDisplayWidth } from "../utils/format";
+import { isPlainKey } from "../utils/keyboard";
 import { t, tf } from "../i18n";
 import type { LayoutGalleryController } from "./gallery";
 import {
@@ -71,9 +71,23 @@ export function LayoutGalleryTerminal({
   const detailsWidth = Math.min(DETAILS_WIDTH, Math.max(28, Math.floor(paneWidth * 0.42)));
   const inputRef = useRef<InputRenderable | null>(null);
   const [searchFocused, setSearchFocused] = useState(false);
+  const [searchFocusToken, setSearchFocusToken] = useState(0);
   const [selectedIndex, setSelectedIndex] = useState(0);
-  useAppInputCapture(searchFocused && !dialogOpen);
-  const { community, owned, select } = controller;
+  const {
+    activate: activateLayout,
+    canDelete,
+    community,
+    copyLink,
+    deleteLayout,
+    duplicateLayout,
+    install: installLayout,
+    newLayout,
+    owned,
+    publishCurrent,
+    publishing,
+    renameLayout,
+    select,
+  } = controller;
   const discoverStatus = discoverStatusRow(controller);
 
   const rows = useMemo<GalleryRow[]>(() => {
@@ -138,6 +152,12 @@ export function LayoutGalleryTerminal({
     setSelectedIndex(selectableIndexes[nextPosition]!);
   }, [selectableIndexes, selectedIndex]);
 
+  const focusSearch = useCallback(() => {
+    setSearchFocused(true);
+    setSearchFocusToken((current) => current + 1);
+  }, []);
+  const blurSearch = useCallback(() => setSearchFocused(false), []);
+
   // The details panel is always on screen here, so Enter runs the action it shows
   // instead of stepping through a separate detail state.
   const activate = useCallback((row: GalleryRow | null) => {
@@ -147,70 +167,120 @@ export function LayoutGalleryTerminal({
       return;
     }
     if (!row.entry) return;
-    if (row.entry.kind === "community") controller.install(row.entry);
-    else controller.activate(row.entry);
-  }, [controller]);
+    if (row.entry.kind === "community") installLayout(row.entry);
+    else activateLayout(row.entry);
+  }, [activateLayout, installLayout]);
+
+  const selectedRowRef = useRef<GalleryRow | null>(selectedRow);
+  selectedRowRef.current = selectedRow;
+  const activateSelected = useCallback(() => activate(selectedRowRef.current), [activate]);
+  const renameSelected = useCallback(() => {
+    const entry = selectedRowRef.current?.entry;
+    if (entry?.kind === "owned") renameLayout(entry);
+  }, [renameLayout]);
+  const copySelected = useCallback(() => {
+    const entry = selectedRowRef.current?.entry;
+    if (entry?.kind === "community") copyLink(entry);
+    else if (entry?.kind === "owned") duplicateLayout(entry);
+  }, [copyLink, duplicateLayout]);
+  const deleteSelected = useCallback(() => {
+    const entry = selectedRowRef.current?.entry;
+    if (entry?.kind === "owned") deleteLayout(entry);
+  }, [deleteLayout]);
+
+  usePaneFooter("layout-marketplace", () => ({
+    info: publishing
+      ? [{ id: "publishing", parts: [{ text: "publishing", tone: "muted" as const }] }]
+      : [],
+    hints: [
+      { id: "search", key: "/", label: "search", onPress: focusSearch },
+      { id: "new", key: "n", label: "ew", onPress: newLayout },
+      ...(selectedEntry?.kind === "owned"
+        ? [
+            { id: "open", key: "o", label: "pen", onPress: activateSelected },
+            { id: "rename", key: "r", label: "ename", onPress: renameSelected },
+            { id: "copy", key: "c", label: "opy", onPress: copySelected },
+            { id: "delete", key: "d", label: "elete", onPress: deleteSelected, disabled: !canDelete },
+          ]
+        : selectedEntry?.kind === "community"
+          ? [
+              { id: "add", key: "a", label: "dd layout", onPress: activateSelected },
+              { id: "copy-link", key: "c", label: "opy link", onPress: copySelected },
+            ]
+          : selectedRow?.id === "discover:retry"
+            ? [{ id: "retry", key: "r", label: "etry", onPress: activateSelected }]
+            : selectedRow?.action
+              ? [{ id: "open", key: "o", label: "pen", onPress: activateSelected }]
+              : []),
+      { id: "publish", key: "p", label: "ublish", onPress: publishCurrent, disabled: publishing },
+    ],
+  }), [
+    activateSelected,
+    canDelete,
+    copySelected,
+    deleteSelected,
+    focusSearch,
+    newLayout,
+    publishCurrent,
+    publishing,
+    renameSelected,
+    selectedEntry?.kind,
+    selectedRow?.action,
+    selectedRow?.id,
+  ]);
 
   useShortcut((event) => {
     if (dialogOpen) return;
-    const editable = event.targetEditable === true;
     // Leaving the search field is the first Escape; the gallery closes on the next.
-    if (event.name === "escape" && searchFocused) {
-      event.preventDefault();
-      event.stopPropagation();
-      setSearchFocused(false);
-      return;
-    }
-    if (event.name === "down" || (!editable && event.name === "j")) {
+    if (isPlainKey(event, "escape", "esc") && searchFocused) {
       event.preventDefault();
       event.stopPropagation();
-      move(1);
+      blurSearch();
       return;
     }
-    if (event.name === "up" || (!editable && event.name === "k")) {
-      event.preventDefault();
-      event.stopPropagation();
-      move(-1);
-      return;
-    }
-    if (event.name === "enter" || event.name === "return") {
-      event.preventDefault();
-      event.stopPropagation();
-      activate(selectedRow);
-      return;
-    }
-    if (!editable && (event.name === "/" || event.sequence === "/")) {
+    if (event.targetEditable) return;
+
+    const run = (action: () => void) => {
       event.preventDefault();
       event.stopPropagation();
-      setSearchFocused(true);
-      inputRef.current?.focus?.();
-    }
+      action();
+    };
+    if (isPlainKey(event, "down", "j")) run(() => move(1));
+    else if (isPlainKey(event, "up", "k")) {
+      run(() => {
+        if (event.name === "up" && selectedIndex === selectableIndexes[0]) focusSearch();
+        else move(-1);
+      });
+    } else if (isPlainKey(event, "enter", "return")) run(activateSelected);
+    else if (isPlainKey(event, "/")) run(focusSearch);
+    else if (isPlainKey(event, "n")) run(newLayout);
+    else if (isPlainKey(event, "p")) run(publishCurrent);
+    else if (isPlainKey(event, "o") && (selectedEntry?.kind === "owned" || selectedRow?.action)) run(activateSelected);
+    else if (isPlainKey(event, "a") && selectedEntry?.kind === "community") run(activateSelected);
+    else if (isPlainKey(event, "r") && selectedRow?.id === "discover:retry") run(activateSelected);
+    else if (isPlainKey(event, "r") && selectedEntry?.kind === "owned") run(renameSelected);
+    else if (isPlainKey(event, "c") && selectedEntry) run(copySelected);
+    else if (isPlainKey(event, "d") && selectedEntry?.kind === "owned" && canDelete) run(deleteSelected);
   }, { allowEditable: true, enabled: focused && !dialogOpen, phase: "before", scope: "layout-gallery" });
 
   const bodyHeight = Math.max(4, paneHeight - 1);
 
   return (
     <Box flexGrow={1} flexDirection="column" backgroundColor={colors.bg}>
-      <Box height={1} flexDirection="row" paddingX={1} backgroundColor={colors.panel}>
-        <Text fg={searchFocused ? colors.textBright : colors.textDim}>{"/ "}</Text>
-        <Input
-          ref={inputRef}
-          value={controller.query}
-          focused={searchFocused && !dialogOpen}
-          placeholder={t("Search layouts and panes")}
-          placeholderColor={colors.textDim}
-          textColor={colors.text}
-          backgroundColor={colors.panel}
-          focusedBackgroundColor={colors.panel}
-          cursorColor={colors.textBright}
-          flexGrow={1}
-          onInput={controller.setQuery}
-          onChange={controller.setQuery}
-          onFocus={() => setSearchFocused(true)}
-          onBlur={() => setSearchFocused(false)}
-          onSubmit={() => setSearchFocused(false)}
-        />
-      </Box>
+      <InputSearchBar
+        value={controller.query}
+        focused={focused && !dialogOpen}
+        active={searchFocused}
+        width={paneWidth}
+        focusToken={searchFocusToken}
+        inputRef={inputRef}
+        placeholder={t("Search layouts and panes")}
+        debounceMs={80}
+        onFocus={focusSearch}
+        onBlur={blurSearch}
+        onNavigateDown={blurSearch}
+        onQueryChange={controller.setQuery}
+      />
 
       <Box flexDirection="row" flexGrow={1}>
         <Box flexGrow={1} flexDirection="column" paddingX={1}>
@@ -257,17 +327,12 @@ export function LayoutGalleryTerminal({
               controller={controller}
               entry={selectedEntry}
               width={detailsWidth}
-              height={paneHeight}
+              height={bodyHeight}
             />
           ) : selectedRow?.action ? (
             <Box flexDirection="column" gap={1}>
               <Text fg={colors.textBright} attributes={TextAttributes.BOLD}>{selectedRow.label}</Text>
               {selectedRow.detail && <Text fg={colors.textMuted}>{selectedRow.detail}</Text>}
-              <Button
-                label={selectedRow.id === "discover:login" ? "Log in" : "Retry"}
-                variant="primary"
-                onPress={selectedRow.action}
-              />
             </Box>
           ) : (
             <Text fg={colors.textDim}>{t("No layout selected.")}</Text>
@@ -292,8 +357,8 @@ function LayoutDetails({
   const colors = useThemeColors();
   const allPanes = summarizeLayoutPanes(entry.layout, controller.panes);
   const missing = allPanes.filter((pane) => pane.missing);
-  // Leave room for the title block, the warning line, and both action rows.
-  const paneBudget = Math.max(3, height - 13);
+  // Leave room for the title block and the optional warning.
+  const paneBudget = Math.max(3, height - 8);
   const overflow = Math.max(0, allPanes.length - paneBudget);
   const panes = overflow > 0 ? allPanes.slice(0, paneBudget - 1) : allPanes;
 
@@ -336,41 +401,6 @@ function LayoutDetails({
           </Text>
         </>
       )}
-      <Box height={1} />
-      <Box flexDirection="row" gap={1}>
-        <Button
-          label={entry.kind === "community" ? "Add Layout" : "Open"}
-          variant="primary"
-          onPress={() => (entry.kind === "community"
-            ? controller.install(entry)
-            : controller.activate(entry))}
-        />
-        {entry.kind === "community" && (
-          <Button label="Copy Link" variant="secondary" onPress={() => controller.copyLink(entry)} />
-        )}
-        {entry.kind === "owned" && (
-          <>
-            <Button label="Rename" variant="secondary" onPress={() => controller.renameLayout(entry)} />
-            <Button label="Copy" variant="secondary" onPress={() => controller.duplicateLayout(entry)} />
-            <Button
-              label="Delete"
-              variant="secondary"
-              disabled={!controller.canDelete}
-              onPress={() => controller.deleteLayout(entry)}
-            />
-          </>
-        )}
-      </Box>
-      <Box height={1} />
-      <Box flexDirection="row" gap={1}>
-        <Button label="New" variant="ghost" onPress={controller.newLayout} />
-        <Button
-          label={controller.publishing ? "Publishing" : "Publish"}
-          variant="ghost"
-          disabled={controller.publishing}
-          onPress={controller.publishCurrent}
-        />
-      </Box>
     </Box>
   );
 }