gloomberb 0.11.2 → 0.12.0

package/src/i18n/ko.ts

@@ -571,6 +571,7 @@ export const ko: 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": "종목과 포지션 직접 추가",
@@ -773,7 +774,7 @@ export const ko: Record<string, string> = {
   "Verify your email to send messages.": "메시지를 보내려면 이메일을 인증하세요.",
   "Verify your email to use Cloud tweets.": "Cloud 게시물을 사용하려면 이메일을 인증하세요.",
   "Resend Verification Email": "확인 이메일 다시 보내기",
-  "Ctrl+P, then Resend Verification Email": "Ctrl+P 후 인증 이메일 재전송",
+  "{shortcut}, then Resend Verification Email": "{shortcut} 후 인증 이메일 재전송",
   "editing": "편집 중",
   "replying to": "답장 대상",
   "Reply": "답장",
@@ -1011,7 +1012,7 @@ export const ko: 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": "장전",
   "OPEN": "장중",
   "AFTER-HRS": "장후",
@@ -1077,6 +1078,9 @@ export const ko: 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}(으)로 승인됨",

package/src/i18n/zh-cn.ts

@@ -573,6 +573,7 @@ export const zhCN: 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 zhCN: 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 zhCN: 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": "盘前",
   "OPEN": "盘中",
   "AFTER-HRS": "盘后",
@@ -1079,6 +1080,9 @@ export const zhCN: 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} 登录",

package/src/i18n/zh-tw.ts

@@ -573,6 +573,7 @@ export const zhTW: 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 zhTW: 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 zhTW: 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": "盤前",
   "OPEN": "盤中",
   "AFTER-HRS": "盤後",
@@ -1079,6 +1080,9 @@ export const zhTW: 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} 登入",

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>
   );
 }

package/src/layout-marketplace/gallery.test.tsx

@@ -4,6 +4,8 @@ import { testRender } from "../renderers/opentui/test-utils";
 import { AppContext, createInitialState, type AppAction } from "../state/app/context";
 import { cloneLayout, createDefaultConfig } from "../types/config";
 import type { PaneDef } from "../types/plugin";
+import { Box } from "../ui";
+import { PaneFooterBar, PaneFooterProvider } from "../components/layout/pane/footer";
 import type { PluginRegistry } from "../plugins/registry";
 import { LayoutMarketplaceGallery } from "./gallery";
 
@@ -43,7 +45,21 @@ async function renderGallery() {
 
   testSetup = await testRender(
     <AppContext value={{ state, dispatch: (action) => actions.push(action) }}>
-      <LayoutMarketplaceGallery pluginRegistry={registry} onClose={() => { closed = true; }} />
+      <PaneFooterProvider>
+        {(footer) => (
+          <Box width={100} height={24} flexDirection="column">
+            <Box width={100} height={23}>
+              <LayoutMarketplaceGallery
+                pluginRegistry={registry}
+                width={100}
+                height={23}
+                onClose={() => { closed = true; }}
+              />
+            </Box>
+            <PaneFooterBar footer={footer} focused width={100} />
+          </Box>
+        )}
+      </PaneFooterProvider>
     </AppContext>,
     { width: 100, height: 24 },
   );
@@ -65,6 +81,54 @@ test("lists owned layouts before Discover and details the selected layout", asyn
   expect(frame).toContain("Portfolio");
   expect(frame).toContain("Ticker Research");
   expect(frame).toContain("3 docked");
+
+  const searchLine = frame.split("\n").find((line) => line.includes("Search layouts and panes"));
+  expect(searchLine?.startsWith("/ Search layouts and panes")).toBe(true);
+  expect(frame).toContain("[/]search");
+  expect(frame).toContain("[n]ew");
+  expect(frame).toContain("[o]pen");
+  expect(frame).toContain("[r]ename");
+  expect(frame).toContain("[c]opy");
+  expect(frame).toContain("[d]elete");
+  expect(frame).toContain("[p]ublish");
+});
+
+test("search Enter returns to the list before activating the filtered layout", async () => {
+  const { actions, isClosed } = await renderGallery();
+
+  await act(async () => {
+    testSetup!.mockInput.pressKey("/");
+    await testSetup!.renderOnce();
+  });
+  await act(async () => {
+    await testSetup!.mockInput.typeText("Research");
+    testSetup!.mockInput.pressEnter();
+    await testSetup!.renderOnce();
+  });
+
+  expect(isClosed()).toBe(false);
+  expect(actions.some((action) => action.type === "SWITCH_LAYOUT")).toBe(false);
+  expect(testSetup!.captureCharFrame()).toContain("/ Research");
+
+  await act(async () => {
+    testSetup!.mockInput.pressEnter();
+    await testSetup!.renderOnce();
+  });
+
+  expect(actions).toContainEqual({ type: "SWITCH_LAYOUT", index: 1 });
+  expect(isClosed()).toBe(true);
+});
+
+test("n opens the new layout workflow", async () => {
+  const { isClosed } = await renderGallery();
+
+  await act(async () => {
+    testSetup!.mockInput.pressKey("n");
+    await testSetup!.renderOnce();
+  });
+
+  expect(isClosed()).toBe(false);
+  expect(testSetup!.captureCharFrame()).toContain("Create Layout");
 });
 
 test("j/k move the selection and Enter switches to the layout and closes", async () => {

package/src/layout-marketplace/pane-imagery.ts

@@ -22,6 +22,7 @@ const IMAGERY_RULES: ReadonlyArray<readonly [string, PaneImagery]> = [
   ["sectors", "heatmap"],
   ["treemap", "heatmap"],
   ["fear-greed", "gauge"],
+  ["valuation", "chart"],
   ["kelly", "gauge"],
   ["gauge", "gauge"],
   ["calendar", "calendar"],

package/src/layout-marketplace/payload.test.ts

@@ -157,6 +157,23 @@ describe("layout marketplace payloads", () => {
     expect(JSON.stringify(pane)).not.toContain("secret");
   });
 
+  test("drops cache-sized pane state instead of failing the share", () => {
+    const pane = publishableMarketplacePane({
+      instanceId: "news-top:main",
+      paneId: "prediction-markets",
+      binding: { kind: "none" },
+    }, {
+      sort: { columnId: "time", direction: "desc" },
+      "news-top:articles": Array.from({ length: 400 }, (_, index) => ({
+        id: `article-${index}`,
+        title: "x".repeat(200),
+        publishedAt: "2026-08-26T00:00:00.000Z",
+      })),
+    }, panes);
+
+    expect(pane.paneState.p1).toEqual({ sort: { columnId: "time", direction: "desc" } });
+  });
+
   test("shares portable pane setup and state while redacting private data", () => {
     const fixture = portableFixture();
     const payload = publishableMarketplaceLayout(fixture.layout, fixture.paneState, panes);

package/src/layout-marketplace/payload.ts

@@ -12,6 +12,10 @@ import type {
 } from "../types/plugin";
 
 const MAX_LAYOUT_BYTES = 128 * 1024;
+// Pane runtime state doubles as a cache (news panes keep six figures of bytes of
+// article backlog), so bulky fields drop out of the share rather than failing
+// the whole publish.
+const MAX_PANE_STATE_FIELD_BYTES = 16 * 1024;
 const MAX_INSTANCES = 40;
 const MAX_DOCK_DEPTH = 20;
 const MAX_ID_LENGTH = 160;
@@ -493,14 +497,45 @@ function publishableLayout(
       height,
     })),
   };
-  const parsed = parseMarketplaceLayoutPayload({
+  let publishableState = Object.fromEntries(
+    Object.entries(projectedState).flatMap(([id, state]) => {
+      const trimmed = withoutCacheFields(state);
+      return Object.keys(trimmed).length > 0 ? [[id, trimmed] as const] : [];
+    }),
+  );
+  let parsed = parsePublishablePayload(projected, publishableState);
+  while (!parsed && Object.keys(publishableState).length > 0) {
+    publishableState = withoutLargestState(publishableState);
+    parsed = parsePublishablePayload(projected, publishableState);
+  }
+  if (!parsed) throw new Error("This layout cannot be published safely.");
+  return parsed;
+}
+
+function parsePublishablePayload(
+  layout: LayoutConfig,
+  paneState: Record<string, PaneRuntimeState>,
+): LayoutMarketplacePayload | null {
+  return parseMarketplaceLayoutPayload({
     schemaVersion: 2,
     sourceConfigVersion: CURRENT_CONFIG_VERSION,
-    layout: projected,
-    paneState: projectedState,
+    layout,
+    paneState,
   });
-  if (!parsed) throw new Error("This layout cannot be published safely.");
-  return parsed;
+}
+
+function withoutCacheFields(state: PaneRuntimeState): PaneRuntimeState {
+  return Object.fromEntries(
+    Object.entries(state).filter(([, value]) => encodedSize(value) <= MAX_PANE_STATE_FIELD_BYTES),
+  ) as PaneRuntimeState;
+}
+
+function withoutLargestState(
+  paneState: Record<string, PaneRuntimeState>,
+): Record<string, PaneRuntimeState> {
+  const largest = Object.entries(paneState)
+    .reduce((worst, entry) => (encodedSize(entry[1]) > encodedSize(worst[1]) ? entry : worst));
+  return Object.fromEntries(Object.entries(paneState).filter(([id]) => id !== largest[0]));
 }
 
 export function publishableMarketplaceLayout(

package/src/market-data/coordinator/index.ts

@@ -55,7 +55,8 @@ import {
   loadQuoteBatchEntries,
   loadQuoteEntry,
   QuoteSubscriptionManager,
-  type QuoteSubscriptionPriority,
+  type QuoteSubscriptionHandle,
+  type QuoteSubscriptionRequest,
 } from "./quotes";
 
 export class MarketDataCoordinator {
@@ -361,7 +362,7 @@ export class MarketDataCoordinator {
     });
   }
 
-  subscribeQuotes(targets: Array<{ instrument: InstrumentRef; priority?: QuoteSubscriptionPriority }>): () => void {
+  subscribeQuotes(targets: QuoteSubscriptionRequest[]): QuoteSubscriptionHandle {
     return this.quoteSubscriptionManager.subscribe(targets);
   }