gloomberb 0.11.1 → 0.11.2

package/src/i18n/ko.ts

@@ -11,6 +11,7 @@ export const ko: Record<string, string> = {
   "Cancel": "취소",
   "Close": "닫기",
   "Open": "열기",
+  "Linked to {source}": "{source}에 연결됨",
   "Working…": "처리 중…",
   "Searching…": "검색 중…",
   "Loading...": "불러오는 중...",
@@ -219,12 +220,12 @@ export const ko: Record<string, string> = {
   "Dock Pane": "패널 도킹",
   "Settings": "설정",
   "Copy Screenshot": "스크린샷 복사",
+  "Share Pane": "창 공유",
   "Pop Out": "별도 창으로 열기",
   "Move Window...": "창 이동...",
   "Resize Window...": "창 크기 조정...",
   "Move Window": "창 이동",
   "Resize Window": "창 크기 조정",
-  "Gridlock All Windows": "모든 창 격자 정렬",
   "Change the current saved layout name": "현재 저장된 레이아웃 이름 변경",
   "Create a copy of the current layout": "현재 레이아웃의 복사본 만들기",
   "Create a fresh saved layout": "새로 저장된 레이아웃 만들기",
@@ -516,7 +517,6 @@ export const ko: Record<string, string> = {
   "Pop the focused pane out to a desktop window.": "포커스 패널을 데스크톱 창으로 분리합니다.",
   "Copy a screenshot of the focused pane.": "포커스 패널의 스크린샷을 복사합니다.",
   "Open layout actions.": "레이아웃 작업을 엽니다.",
-  "Gridlock all windows.": "모든 창을 격자에 맞춥니다.",
   "Enter window move mode.": "창 이동 모드로 들어갑니다.",
   "Enter window resize mode.": "창 크기 조절 모드로 들어갑니다.",
   "Cancel an active pane drag.": "진행 중인 패널 드래그를 취소합니다.",
@@ -910,8 +910,7 @@ export const ko: Record<string, string> = {
   "v{version} available — run {command}": "v{version} 사용 가능 — {command} 실행",
   "v{version} available — starting download...": "v{version} 사용 가능 — 다운로드 시작 중...",
   "command bar": "명령 팔레트",
-  "Snapped a window?": "창을 맞춰 배치했나요?",
-  "Gridlock All": "모두 격자 정렬",
+  "Tidy Windows": "창 정리",
   "Dismiss": "닫기",
   "Minimize": "최소화",
   "Maximize": "최대화",

package/src/i18n/zh-cn.ts

@@ -13,6 +13,7 @@ export const zhCN: Record<string, string> = {
   "Cancel": "取消",
   "Close": "关闭",
   "Open": "打开",
+  "Linked to {source}": "已链接到 {source}",
   "Working…": "处理中…",
   "Searching…": "搜索中…",
   "Loading...": "加载中...",
@@ -221,12 +222,12 @@ export const zhCN: Record<string, string> = {
   "Dock Pane": "停靠面板",
   "Settings": "设置",
   "Copy Screenshot": "复制截图",
+  "Share Pane": "分享窗格",
   "Pop Out": "弹出窗口",
   "Move Window...": "移动窗口...",
   "Resize Window...": "调整窗口大小...",
   "Move Window": "移动窗口",
   "Resize Window": "调整窗口大小",
-  "Gridlock All Windows": "窗口网格对齐",
   "Change the current saved layout name": "修改当前已存布局的名称",
   "Create a copy of the current layout": "创建当前布局的副本",
   "Create a fresh saved layout": "创建一个新的已存布局",
@@ -518,7 +519,6 @@ export const zhCN: Record<string, string> = {
   "Pop the focused pane out to a desktop window.": "把聚焦面板弹出为桌面窗口。",
   "Copy a screenshot of the focused pane.": "复制聚焦面板的截图。",
   "Open layout actions.": "打开布局操作。",
-  "Gridlock all windows.": "将所有窗口网格对齐。",
   "Enter window move mode.": "进入窗口移动模式。",
   "Enter window resize mode.": "进入窗口缩放模式。",
   "Cancel an active pane drag.": "取消正在进行的面板拖动。",
@@ -912,8 +912,7 @@ export const zhCN: Record<string, string> = {
   "v{version} available — run {command}": "v{version} 可用 — 执行 {command}",
   "v{version} available — starting download...": "v{version} 可用 — 开始下载...",
   "command bar": "命令栏",
-  "Snapped a window?": "窗口已吸附？",
-  "Gridlock All": "全部网格对齐",
+  "Tidy Windows": "整理窗口",
   "Dismiss": "忽略",
   "Minimize": "最小化",
   "Maximize": "最大化",

package/src/i18n/zh-tw.ts

@@ -13,6 +13,7 @@ export const zhTW: Record<string, string> = {
   "Cancel": "取消",
   "Close": "關閉",
   "Open": "開啟",
+  "Linked to {source}": "已連結至 {source}",
   "Working…": "處理中…",
   "Searching…": "搜尋中…",
   "Loading...": "載入中...",
@@ -221,12 +222,12 @@ export const zhTW: Record<string, string> = {
   "Dock Pane": "停靠面板",
   "Settings": "設定",
   "Copy Screenshot": "複製截圖",
+  "Share Pane": "分享窗格",
   "Pop Out": "彈出視窗",
   "Move Window...": "移動視窗...",
   "Resize Window...": "調整視窗大小...",
   "Move Window": "移動視窗",
   "Resize Window": "調整視窗大小",
-  "Gridlock All Windows": "視窗網格對齊",
   "Change the current saved layout name": "修改目前版面設定的名稱",
   "Create a copy of the current layout": "建立目前版面設定的副本",
   "Create a fresh saved layout": "建立新的版面設定",
@@ -518,7 +519,6 @@ export const zhTW: Record<string, string> = {
   "Pop the focused pane out to a desktop window.": "把聚焦面板彈出為桌面視窗。",
   "Copy a screenshot of the focused pane.": "複製聚焦面板的截圖。",
   "Open layout actions.": "開啟版面設定操作。",
-  "Gridlock all windows.": "將所有視窗網格對齊。",
   "Enter window move mode.": "進入視窗移動模式。",
   "Enter window resize mode.": "進入視窗縮放模式。",
   "Cancel an active pane drag.": "取消正在進行的面板拖曳。",
@@ -912,8 +912,7 @@ export const zhTW: Record<string, string> = {
   "v{version} available — run {command}": "v{version} 可用 — 執行 {command}",
   "v{version} available — starting download...": "v{version} 可用 — 開始下載...",
   "command bar": "命令列",
-  "Snapped a window?": "視窗已吸附？",
-  "Gridlock All": "全部網格對齊",
+  "Tidy Windows": "整理視窗",
   "Dismiss": "忽略",
   "Minimize": "最小化",
   "Maximize": "最大化",

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

@@ -0,0 +1,54 @@
+import { describe, expect, test } from "bun:test";
+import {
+  getPublicMarketplaceLayout,
+  marketplaceLayoutIdFromSearch,
+  openLiveMarketplaceLayoutUrl,
+  parseMarketplaceLayoutId,
+  publicMarketplaceLayoutUrl,
+} from "./api";
+
+const id = "0123456789abcdef0123456789abcdef";
+const entry = {
+  id,
+  name: "Social Desk",
+  schemaVersion: 2,
+  sourceConfigVersion: 21,
+  layout: {
+    dockRoot: { kind: "pane", instanceId: "p1" },
+    instances: [{
+      instanceId: "p1",
+      paneId: "twitter-feed",
+      params: { query: "$NVDA" },
+    }],
+    floating: [],
+    detached: [],
+  },
+  paneState: {},
+  author: { username: "analyst", displayName: "Analyst" },
+  publishedAt: "2026-08-27T00:00:00.000Z",
+};
+
+describe("public marketplace layout links", () => {
+  test("loads and validates an anonymous layout item", async () => {
+    const calls: Array<[string, RequestInit | undefined]> = [];
+    const loaded = await getPublicMarketplaceLayout(id, async (url, init) => {
+      calls.push([url, init]);
+      return new Response(JSON.stringify(entry), {
+        status: 200,
+        headers: { "content-type": "application/json" },
+      });
+    });
+
+    expect(loaded).toEqual(entry);
+    expect(new URL(calls[0]![0]).pathname).toBe(`/layouts/${id}`);
+    expect(calls[0]![1]?.credentials).toBe("include");
+  });
+
+  test("builds durable public and live-install URLs", () => {
+    expect(publicMarketplaceLayoutUrl(id, "https://term.gloom.sh")).toBe(`https://term.gloom.sh/l/${id}`);
+    expect(openLiveMarketplaceLayoutUrl(id, "https://term.gloom.sh")).toBe(`https://term.gloom.sh/?layout=${id}`);
+    expect(marketplaceLayoutIdFromSearch(`?layout=${id}`)).toBe(id);
+    expect(parseMarketplaceLayoutId(`/l/${id}`)).toBe(id);
+    expect(parseMarketplaceLayoutId("/l/not-an-id")).toBeNull();
+  });
+});

package/src/layout-marketplace/api.ts

@@ -0,0 +1,65 @@
+import {
+  PUBLIC_SHARE_ORIGIN,
+  SHARE_API_ORIGIN,
+} from "../shares/api";
+import {
+  isMarketplaceLayoutId,
+  parseMarketplaceLayoutEntry,
+  type LayoutMarketplaceEntry,
+} from "./payload";
+
+type LayoutFetch = (input: string, init?: RequestInit) => Promise<Response>;
+
+export async function getPublicMarketplaceLayout(
+  id: string,
+  fetchImpl: LayoutFetch = fetch,
+): Promise<LayoutMarketplaceEntry | null> {
+  if (!isMarketplaceLayoutId(id)) return null;
+  const response = await fetchImpl(
+    `${SHARE_API_ORIGIN}/layouts/${encodeURIComponent(id)}`,
+    { credentials: "include" },
+  );
+  if (response.status === 404) return null;
+  if (!response.ok) throw new Error("Could not load shared layout.");
+  let body: unknown;
+  try {
+    body = await response.json();
+  } catch {
+    throw new Error("The layout service returned an invalid response.");
+  }
+  return parseMarketplaceLayoutEntry(body);
+}
+
+export function publicMarketplaceLayoutUrl(
+  id: string,
+  origin = PUBLIC_SHARE_ORIGIN,
+): string {
+  if (!isMarketplaceLayoutId(id)) throw new Error("Invalid layout id.");
+  return new URL(`/l/${encodeURIComponent(id)}`, origin).toString();
+}
+
+export function openLiveMarketplaceLayoutUrl(
+  id: string,
+  origin = PUBLIC_SHARE_ORIGIN,
+): string {
+  if (!isMarketplaceLayoutId(id)) throw new Error("Invalid layout id.");
+  const url = new URL("/", origin);
+  url.searchParams.set("layout", id);
+  return url.toString();
+}
+
+export function marketplaceLayoutIdFromSearch(search: string): string | null {
+  const id = new URLSearchParams(search).get("layout")?.trim() ?? "";
+  return isMarketplaceLayoutId(id) ? id : null;
+}
+
+export function parseMarketplaceLayoutId(pathname: string): string | null {
+  const match = /^\/l\/([^/]+)\/?$/.exec(pathname);
+  if (!match) return null;
+  try {
+    const id = decodeURIComponent(match[1] ?? "");
+    return isMarketplaceLayoutId(id) ? id : null;
+  } catch {
+    return null;
+  }
+}

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

@@ -0,0 +1,262 @@
+/** @jsxImportSource react */
+import { Window } from "happy-dom";
+
+const testWindow = new Window({ url: "http://localhost" });
+const domGlobals = {
+  IS_REACT_ACT_ENVIRONMENT: true,
+  window: testWindow,
+  document: testWindow.document,
+  navigator: testWindow.navigator,
+  KeyboardEvent: testWindow.KeyboardEvent,
+  MouseEvent: testWindow.MouseEvent,
+  HTMLElement: testWindow.HTMLElement,
+  Node: testWindow.Node,
+};
+
+/** Bun shares one process across test files, so the DOM globals must not leak. */
+const priorGlobals = Object.fromEntries(
+  Object.keys(domGlobals).map((key) => [key, (globalThis as Record<string, unknown>)[key]]),
+);
+Object.assign(globalThis, domGlobals);
+
+import { afterAll, afterEach, expect, test } from "bun:test";
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { UiHostProvider, type RendererHost, type UiHost } from "../ui";
+import { WebBox } from "../renderers/electrobun/view/host/box";
+import { WebText, WebSpan } from "../renderers/electrobun/view/host/text";
+import { WebScrollBox } from "../renderers/electrobun/view/host/scroll-box";
+import { WebInput } from "../renderers/electrobun/view/host/input";
+import { WebButton, WebTextField } from "../renderers/electrobun/view/desktop/controls";
+import { cloneLayout, createDefaultConfig } from "../types/config";
+import type { PaneDef } from "../types/plugin";
+import { LayoutGalleryDesktop } from "./gallery-desktop";
+import { buildOwnedEntries, type GalleryEntry } from "./model";
+import type { LayoutGalleryController } from "./gallery";
+
+const renderer: RendererHost = {
+  requestExit() {},
+  async openExternal() {},
+  async copyText() {},
+  async readText() { return ""; },
+  notify() {},
+};
+
+const ui = {
+  kind: "desktop-web",
+  capabilities: { cellWidthPx: 8, cellHeightPx: 18, fractionalViewport: true },
+  Box: WebBox,
+  Text: WebText,
+  Span: WebSpan,
+  ScrollBox: WebScrollBox,
+  Button: WebButton,
+  Input: WebInput,
+  TextField: WebTextField,
+  SpinnerMark: () => null,
+} as unknown as UiHost;
+
+afterAll(() => {
+  for (const [key, value] of Object.entries(priorGlobals)) {
+    if (value === undefined) delete (globalThis as Record<string, unknown>)[key];
+    else (globalThis as Record<string, unknown>)[key] = value;
+  }
+});
+
+function paneDef(id: string, name: string, icon: string): PaneDef {
+  return { id, name, icon, component: () => null, defaultPosition: "left" };
+}
+
+const panes = new Map<string, PaneDef>([
+  ["portfolio-list", paneDef("portfolio-list", "Portfolio", "P")],
+  ["ticker-research", paneDef("ticker-research", "Ticker Research", "T")],
+  ["chat", paneDef("chat", "Chat", "M")],
+]);
+
+let root: ReturnType<typeof createRoot> | undefined;
+
+afterEach(async () => {
+  if (root) {
+    await act(async () => root!.unmount());
+    root = undefined;
+  }
+});
+
+function communityEntry(): GalleryEntry {
+  return {
+    id: "community:abc",
+    marketplaceId: "0123456789abcdef0123456789abcdef",
+    kind: "community",
+    name: "Earnings War Room",
+    layout: cloneLayout(createDefaultConfig("/tmp/gloomberb-gallery-desktop-community").layout),
+    paneState: {},
+    index: null,
+    active: false,
+    author: "@analyst",
+    publishedAt: "2026-08-26T00:00:00.000Z",
+  };
+}
+
+function createController(overrides: Partial<LayoutGalleryController> = {}): {
+  controller: LayoutGalleryController;
+  activated: GalleryEntry[];
+  installed: GalleryEntry[];
+  selections: (string | null)[];
+  copied: GalleryEntry[];
+} {
+  const config = createDefaultConfig("/tmp/gloomberb-gallery-desktop-test");
+  const owned = buildOwnedEntries([
+    { name: "Monitor", layout: cloneLayout(config.layout) },
+    { name: "Research Desk", layout: cloneLayout(config.layout) },
+  ], 1);
+  const activated: GalleryEntry[] = [];
+  const installed: GalleryEntry[] = [];
+  const selections: (string | null)[] = [];
+  const copied: GalleryEntry[] = [];
+  const community = overrides.community ?? [];
+  const controller: LayoutGalleryController = {
+    query: "",
+    setQuery: () => {},
+    owned,
+    community,
+    entries: [...(overrides.owned ?? owned), ...community],
+    selectedId: null,
+    select: (id) => selections.push(id),
+    detail: null,
+    openDetail: () => {},
+    closeDetail: () => {},
+    activate: (entry) => activated.push(entry),
+    install: (entry) => installed.push(entry),
+    discover: {
+      state: { status: "signed-out", items: [] },
+      refresh: () => {},
+      publish: async () => { throw new Error("unused"); },
+    },
+    signedIn: false,
+    requestSignIn: () => {},
+    publishCurrent: () => {},
+    copyLink: (entry) => copied.push(entry),
+    publishing: false,
+    newLayout: () => {},
+    renameLayout: () => {},
+    duplicateLayout: () => {},
+    deleteLayout: () => {},
+    canDelete: true,
+    close: () => {},
+    panes,
+    missingPaneIds: () => [],
+    ...overrides,
+  };
+  return { controller, activated, installed, selections, copied };
+}
+
+async function renderGallery(controller: LayoutGalleryController) {
+  const container = testWindow.document.createElement("div");
+  testWindow.document.body.appendChild(container);
+  root = createRoot(container as unknown as HTMLElement);
+  await act(async () => {
+    root!.render(
+      <UiHostProvider ui={ui} renderer={renderer}>
+        <LayoutGalleryDesktop controller={controller} />
+      </UiHostProvider>,
+    );
+  });
+  return container;
+}
+
+function rows(container: Element) {
+  return [...container.querySelectorAll('[data-gloom-role="layout-gallery-row"]')];
+}
+
+function pressButton(container: Element, label: string) {
+  const button = [...container.querySelectorAll('[data-gloom-role="desktop-button"]')]
+    .find((node) => node.textContent?.includes(label));
+  if (!button) throw new Error(`no button labelled ${label}`);
+  return act(async () => {
+    button.dispatchEvent(new testWindow.MouseEvent("mousedown", { bubbles: true, button: 0 }) as unknown as MouseEvent);
+  });
+}
+
+test("sidebar rows select the preview instead of activating the layout", async () => {
+  const { controller, activated, selections } = createController();
+  const container = await renderGallery(controller);
+
+  const text = container.textContent ?? "";
+  expect(text.indexOf("YOUR LAYOUTS")).toBeLessThan(text.indexOf("DISCOVER"));
+  expect(text).toContain("A Gloom account is required to browse community layouts.");
+
+  const sidebarRows = rows(container);
+  // Two owned layouts plus the account-gate row.
+  expect(sidebarRows.length).toBe(3);
+  expect(sidebarRows[0]!.getAttribute("role")).toBe("button");
+  expect(sidebarRows[0]!.getAttribute("tabindex")).toBe("0");
+  expect(sidebarRows[0]!.getAttribute("aria-label")).toContain("panes");
+
+  await act(async () => {
+    sidebarRows[0]!.dispatchEvent(new testWindow.MouseEvent("mousedown", { bubbles: true, button: 0 }) as unknown as MouseEvent);
+  });
+  await act(async () => {
+    sidebarRows[1]!.dispatchEvent(new testWindow.MouseEvent("mouseover", { bubbles: true }) as unknown as MouseEvent);
+  });
+  await act(async () => {
+    (sidebarRows[1] as unknown as HTMLElement).focus();
+  });
+
+  expect(selections).toEqual(["owned:0", "owned:1", "owned:1"]);
+  expect(activated).toEqual([]);
+});
+
+test("preview falls back to the layout in use and runs owned actions", async () => {
+  const renamed: GalleryEntry[] = [];
+  const { controller, activated } = createController({ renameLayout: (entry) => renamed.push(entry) });
+  const container = await renderGallery(controller);
+
+  const preview = container.querySelector('[data-gloom-role="layout-gallery-preview"]')!;
+  const previewText = preview.textContent ?? "";
+  // owned:1 is the active layout and there is no selection yet.
+  expect(previewText).toContain("Research Desk");
+  expect(preview.querySelector("svg")).not.toBeNull();
+
+  await pressButton(preview, "Rename");
+  expect(renamed.map((entry) => entry.name)).toEqual(["Research Desk"]);
+
+  await pressButton(preview, "Use Layout");
+  expect(activated.map((entry) => entry.name)).toEqual(["Research Desk"]);
+});
+
+test("a selected community layout installs as an independent copy", async () => {
+  const community = [communityEntry()];
+  const { controller, installed, copied } = createController({
+    community,
+    selectedId: "community:abc",
+    signedIn: true,
+    discover: {
+      state: { status: "ready", items: [] },
+      refresh: () => {},
+      publish: async () => { throw new Error("unused"); },
+    },
+  });
+  const container = await renderGallery(controller);
+
+  const preview = container.querySelector('[data-gloom-role="layout-gallery-preview"]')!;
+  const previewText = preview.textContent ?? "";
+  expect(previewText).toContain("Earnings War Room");
+  expect(previewText).toContain("@analyst");
+  expect(previewText).toContain("Adds an editable copy");
+  expect(previewText).not.toContain("Rename");
+
+  await pressButton(preview, "Copy Link");
+  expect(copied.map((entry) => entry.marketplaceId)).toEqual(["0123456789abcdef0123456789abcdef"]);
+
+  await pressButton(preview, "Add Layout");
+  expect(installed.map((entry) => entry.name)).toEqual(["Earnings War Room"]);
+});
+
+test("an empty gallery keeps a preview placeholder instead of a blank pane", async () => {
+  const { controller } = createController({ owned: [], entries: [] });
+  const container = await renderGallery(controller);
+
+  expect(rows(container).length).toBe(1); // account gate only
+  const empty = container.querySelector('[data-gloom-role="layout-gallery-preview-empty"]')!;
+  expect(empty.textContent).toContain("No layout selected.");
+  expect(container.querySelector('[data-gloom-role="layout-gallery-preview"]')).toBeNull();
+});