gloomberb 0.5.1 → 0.6.0

package/src/components/command-bar/command-registry.ts

@@ -10,10 +10,10 @@ export interface CommandContext {
 
 export interface Command {
   id: string;
-  prefix: string;        // e.g., "T", "AW", "RP"
+  prefix: string;        // e.g., "DES", "AW", "RP"
   label: string;
   description: string;
-  hasArg?: boolean;       // true if prefix takes an argument (e.g., "T AMD")
+  hasArg?: boolean;       // true if prefix takes an argument (e.g., "DES AMD")
   argPlaceholder?: string;
   shortcut?: string;
   category: string;
@@ -21,14 +21,14 @@ export interface Command {
 }
 
 export const commands: Command[] = [
-  // Ticker search
+  // Security description
   {
-    id: "search-ticker",
-    prefix: "T",
-    label: "Search Ticker",
-    description: "Search Yahoo Finance for a ticker",
+    id: "security-description",
+    prefix: "DES",
+    label: "Description",
+    description: "Open security details for a ticker",
     hasArg: true,
-    argPlaceholder: "symbol or name",
+    argPlaceholder: "ticker",
     category: "Search",
     execute: () => {}, // handled specially by command bar
   },
@@ -159,16 +159,6 @@ export const commands: Command[] = [
     category: "Config",
     execute: () => {}, // handled by command bar
   },
-  {
-    id: "new-pane",
-    prefix: "NP",
-    label: "New Pane",
-    description: "Add or create a new pane from plugin templates",
-    hasArg: true,
-    argPlaceholder: "pane",
-    category: "Config",
-    execute: () => {}, // handled by command bar
-  },
   {
     id: "toggle-status-bar",
     prefix: "SB",
@@ -259,12 +249,12 @@ export function getThemeOptions(): Array<{ id: string; name: string; description
 }
 
 /** Find a command whose prefix matches the start of the input */
-export function matchPrefix(input: string): { command: Command; arg: string } | null {
+export function matchPrefix(input: string, commandList: Command[] = commands): { command: Command; arg: string } | null {
   const upper = input.toUpperCase().trim();
   if (!upper) return null;
 
   // Sort by prefix length descending so longer prefixes match first (e.g., "AW" before "A")
-  const sorted = [...commands].sort((a, b) => b.prefix.length - a.prefix.length);
+  const sorted = [...commandList].sort((a, b) => b.prefix.length - a.prefix.length);
 
   for (const cmd of sorted) {
     if (upper.startsWith(cmd.prefix + " ") || upper === cmd.prefix) {

package/src/components/command-bar/helpers.test.ts

@@ -212,7 +212,7 @@ describe("command-bar helpers", () => {
     expect(getScreenFooterLeft(orderedPickerRoute)).toBe("up/down move  space toggle  [ ] reorder  enter done");
     expect(getScreenFooterRight(orderedPickerRoute)).toBe("backspace/esc back");
     expect(getScreenFooterRight(filteredPickerRoute)).toBe("backspace delete  esc back");
-    expect(getScreenFooterRight(workflowRoute)).toBe("esc back");
+    expect(getScreenFooterRight(workflowRoute)).toBe("backspace/esc back");
     expect(getScreenFooterRight(confirmRoute)).toBe("backspace/esc back");
   });
 

package/src/components/command-bar/helpers.ts

@@ -4,6 +4,7 @@ import type {
   PaneTemplateDef,
   WizardStep,
 } from "../../types/plugin";
+
 export { slugifyName } from "../../utils/slugify";
 import type {
   CommandBarFieldOption,
@@ -13,7 +14,7 @@ import type {
 } from "./workflow-types";
 import type { CollectionKind, CollectionMembershipAction } from "./workflow-ops";
 
-export type RouteCommandId = "search-ticker" | "theme" | "plugins" | "layout" | "new-pane";
+export type RouteCommandId = "security-description" | "theme" | "plugins" | "layout";
 export type CollectionCommandId = "add-watchlist" | "add-portfolio" | "remove-watchlist" | "remove-portfolio";
 
 export function summarizeError(error: unknown): Record<string, string> {
@@ -28,11 +29,10 @@ export function summarizeError(error: unknown): Record<string, string> {
 }
 
 export function isRouteCommandId(commandId: string): commandId is RouteCommandId {
-  return commandId === "search-ticker"
+  return commandId === "security-description"
     || commandId === "theme"
     || commandId === "plugins"
-    || commandId === "layout"
-    || commandId === "new-pane";
+    || commandId === "layout";
 }
 
 export function normalizeFieldOptions(
@@ -69,7 +69,7 @@ export function coerceFieldValues(value: CommandBarFieldValue | undefined): stri
     : [];
 }
 
-export function fieldOptionLabel(field: CommandBarWorkflowField, value: string): string {
+function fieldOptionLabel(field: CommandBarWorkflowField, value: string): string {
   if (field.type !== "select" && field.type !== "multi-select" && field.type !== "ordered-multi-select") {
     return value;
   }
@@ -237,9 +237,9 @@ export function normalizeWizardFields(steps: WizardStep[]): {
   return { fields, description, initialValues, pendingLabel, successLabel };
 }
 
-export function routeCommandIdToScreen(commandId: RouteCommandId): "ticker-search" | "themes" | "plugins" | "layout" | "new-pane" {
+export function routeCommandIdToScreen(commandId: RouteCommandId): "ticker-search" | "themes" | "plugins" | "layout" {
   switch (commandId) {
-    case "search-ticker":
+    case "security-description":
       return "ticker-search";
     case "theme":
       return "themes";
@@ -247,8 +247,6 @@ export function routeCommandIdToScreen(commandId: RouteCommandId): "ticker-searc
       return "plugins";
     case "layout":
       return "layout";
-    case "new-pane":
-      return "new-pane";
   }
 }
 
@@ -327,7 +325,7 @@ export function getScreenFooterLeft(route: CommandBarRoute | null): string {
 export function getScreenFooterRight(route: CommandBarRoute | null): string {
   if (!route) return "esc cancel";
 
-  if (route.kind === "workflow") return "esc back";
+  if (route.kind === "workflow") return "backspace/esc back";
   if (route.kind === "confirm") return "backspace/esc back";
 
   if (
@@ -341,7 +339,7 @@ export function getScreenFooterRight(route: CommandBarRoute | null): string {
 }
 
 export function isRootParsedCommand(commandId: string): boolean {
-  return commandId === "search-ticker"
+  return commandId === "security-description"
     || commandId === "add-watchlist"
     || commandId === "add-portfolio"
     || commandId === "remove-watchlist"

package/src/components/command-bar/pane-template-display.ts

@@ -1,12 +1,8 @@
 import type { PaneTemplateDef } from "../../types/plugin";
 
-export function formatPaneTemplateLabel(label: string): string {
-  let normalized = label.trim();
-  if (normalized.startsWith("New ")) normalized = normalized.slice(4);
-  if (normalized.endsWith(" Pane")) normalized = normalized.slice(0, -5);
-  return normalized;
-}
-
 export function getPaneTemplateDisplayLabel(template: Pick<PaneTemplateDef, "label">): string {
-  return formatPaneTemplateLabel(template.label);
+  let label = template.label.trim();
+  if (label.startsWith("New ")) label = label.slice(4);
+  if (label.endsWith(" Pane")) label = label.slice(0, -5);
+  return label;
 }

package/src/components/command-bar/root-shortcuts.ts

@@ -2,8 +2,8 @@ import type { CommandDef, PaneTemplateDef } from "../../types/plugin";
 import type { Command } from "./command-registry";
 import { getPaneTemplateDisplayLabel } from "./pane-template-display";
 
-export type RootShortcutArgKind = "text" | "ticker" | "ticker-list";
-export type ShortcutIntentKind = "none" | "complete" | "inferred-complete" | "partial" | "ambiguous";
+type RootShortcutArgKind = "text" | "ticker" | "ticker-list";
+type ShortcutIntentKind = "none" | "complete" | "inferred-complete" | "partial" | "ambiguous";
 
 interface ShortcutIntentBase {
   kind: Exclude<ShortcutIntentKind, "none">;
@@ -16,22 +16,22 @@ interface ShortcutIntentBase {
   completionQuery: string | null;
 }
 
-export interface CommandShortcutIntent extends ShortcutIntentBase {
+interface CommandShortcutIntent extends ShortcutIntentBase {
   source: "command";
   command: Command;
 }
 
-export interface PaneTemplateShortcutIntent extends ShortcutIntentBase {
+interface PaneTemplateShortcutIntent extends ShortcutIntentBase {
   source: "pane-template";
   template: PaneTemplateDef;
 }
 
-export interface PluginCommandShortcutIntent extends ShortcutIntentBase {
+interface PluginCommandShortcutIntent extends ShortcutIntentBase {
   source: "plugin-command";
   command: CommandDef;
 }
 
-export type ShortcutIntent =
+type ShortcutIntent =
   | { kind: "none" }
   | CommandShortcutIntent
   | PaneTemplateShortcutIntent
@@ -60,11 +60,11 @@ function mapPlaceholderToArgKind(value: string | undefined): RootShortcutArgKind
   return null;
 }
 
-export function getPaneShortcutArgKind(template: PaneTemplateDef): RootShortcutArgKind | null {
+function getPaneShortcutArgKind(template: PaneTemplateDef): RootShortcutArgKind | null {
   return template.shortcut?.argKind ?? mapPlaceholderToArgKind(template.shortcut?.argPlaceholder);
 }
 
-export function getCommandShortcutArgKind(command: Command): RootShortcutArgKind | null {
+function getCommandShortcutArgKind(command: Command): RootShortcutArgKind | null {
   return mapPlaceholderToArgKind(command.argPlaceholder) ?? (command.hasArg ? "text" : null);
 }
 
@@ -135,9 +135,10 @@ export function parseRootShortcutIntent({
   if (!trimmed) return { kind: "none" };
 
   const upper = trimmed.toUpperCase();
-  const match = buildShortcutCandidates(commands, pluginCommands, paneTemplates).find((candidate) => (
-    upper === candidate.prefix || upper.startsWith(`${candidate.prefix} `)
-  ));
+  const match = buildShortcutCandidates(commands, pluginCommands, paneTemplates).find((candidate) => {
+    if (upper === candidate.prefix) return true;
+    return !!candidate.argKind && upper.startsWith(`${candidate.prefix} `);
+  });
   if (!match) return { kind: "none" };
 
   const argText = trimmed.slice(match.prefix.length).trim();

package/src/components/command-bar/view-model.test.ts

@@ -1,25 +1,29 @@
 import { describe, expect, test } from "bun:test";
 import {
   buildSections,
-  getEmptyState,
-  getFooterHints,
   getRowPresentation,
   rankTickerSearchItems,
   resolveCommandBarMode,
 } from "./view-model";
+import { commands } from "./command-registry";
 
 describe("command bar view model helpers", () => {
   test("resolves prefix-driven modes", () => {
     expect(resolveCommandBarMode("")).toMatchObject({ kind: "default", badge: "BROWSE" });
-    expect(resolveCommandBarMode("T NVDA")).toMatchObject({ kind: "search", badge: "SEARCH" });
+    expect(resolveCommandBarMode("DES NVDA")).toMatchObject({ kind: "search", badge: "DES" });
     expect(resolveCommandBarMode("TH ")).toMatchObject({ kind: "themes", badge: "THEMES" });
     expect(resolveCommandBarMode("PL notes")).toMatchObject({ kind: "plugins", badge: "PLUGINS" });
     expect(resolveCommandBarMode("LAY ")).toMatchObject({ kind: "layout", badge: "LAYOUT" });
-    expect(resolveCommandBarMode("NP ")).toMatchObject({ kind: "new-pane", badge: "NEW PANE" });
+    expect(resolveCommandBarMode("NP ")).toMatchObject({ kind: "default", badge: "FILTER" });
     expect(resolveCommandBarMode("PS")).toMatchObject({ kind: "direct-command", badge: "COMMAND" });
     expect(resolveCommandBarMode("AW")).toMatchObject({ kind: "direct-command", badge: "COMMAND" });
   });
 
+  test("can resolve modes against a renderer-specific command list", () => {
+    const desktopCommands = commands.filter((command) => command.id !== "cycle-chart-renderer");
+    expect(resolveCommandBarMode("CR", desktopCommands)).toMatchObject({ kind: "default", badge: "FILTER" });
+  });
+
   test("builds sections while preserving order", () => {
     const sections = buildSections([
       { id: "a", category: "Tickers" },
@@ -42,44 +46,6 @@ describe("command bar view model helpers", () => {
     expect(sections.map((section) => section.category)).toEqual(["Tickers", "Config", "Danger", "Debug"]);
   });
 
-  test("returns footer hints for plugin toggles", () => {
-    expect(getFooterHints("plugins", false)).toEqual({
-      left: "up/down move  enter select  space toggle",
-      right: "esc cancel",
-    });
-    expect(getFooterHints("layout", false)).toEqual({
-      left: "up/down move  enter select",
-      right: "esc cancel",
-    });
-    expect(getFooterHints("new-pane", false)).toEqual({
-      left: "up/down move  enter select",
-      right: "esc cancel",
-    });
-  });
-
-  test("returns specific empty states", () => {
-    expect(getEmptyState("search", "T ", "")).toEqual({
-      label: "Type a ticker symbol",
-      detail: "Search Yahoo Finance and connected brokers",
-    });
-    expect(getEmptyState("search", "T zom", "zom")).toEqual({
-      label: 'No matches for "zom"',
-      detail: "Try a symbol, company name, or exchange variant",
-    });
-    expect(getEmptyState("default", "abc")).toEqual({
-      label: 'No matches for "abc"',
-      detail: "Try a ticker, command name, or prefix",
-    });
-    expect(getEmptyState("layout", "LAY ")).toEqual({
-      label: "No layout actions match",
-      detail: "LAY",
-    });
-    expect(getEmptyState("new-pane", "NP ")).toEqual({
-      label: "No pane templates match",
-      detail: "NP",
-    });
-  });
-
   test("derives row presentation for toggles and current theme rows", () => {
     expect(getRowPresentation({
       id: "plugin:news",

package/src/components/command-bar/view-model.ts

@@ -1,7 +1,8 @@
-import { matchPrefix } from "./command-registry";
+import { matchPrefix, type Command } from "./command-registry";
+
 export { rankTickerSearchItems } from "../../utils/ticker-search";
 
-export type CommandBarMode = "default" | "search" | "themes" | "plugins" | "layout" | "new-pane" | "direct-command";
+export type CommandBarMode = "default" | "search" | "themes" | "plugins" | "layout" | "direct-command";
 
 export interface CommandBarModeInfo {
   kind: CommandBarMode;
@@ -9,12 +10,6 @@ export interface CommandBarModeInfo {
   hint: string;
 }
 
-export interface CommandBarModeStripEntry {
-  prefix: string;
-  label: string;
-  active: boolean;
-}
-
 export interface CommandBarFooterHints {
   left: string;
   right: string;
@@ -44,16 +39,8 @@ export interface CommandBarRowPresentation {
   primaryMuted: boolean;
 }
 
-const MODE_STRIP_ENTRIES = [
-  { prefix: "T", label: "Search ticker", kind: "search" },
-  { prefix: "TH", label: "Change theme", kind: "themes" },
-  { prefix: "PL", label: "Toggle plugins", kind: "plugins" },
-  { prefix: "LAY", label: "Layout actions", kind: "layout" },
-  { prefix: "NP", label: "New pane", kind: "new-pane" },
-] as const;
-
-export function resolveCommandBarMode(query: string): CommandBarModeInfo {
-  const match = matchPrefix(query);
+export function resolveCommandBarMode(query: string, commandList?: Command[]): CommandBarModeInfo {
+  const match = matchPrefix(query, commandList);
 
   if (!query.trim()) {
     return { kind: "default", badge: "BROWSE", hint: "Type a command, ticker, or prefix" };
@@ -64,29 +51,19 @@ export function resolveCommandBarMode(query: string): CommandBarModeInfo {
   }
 
   switch (match.command.id) {
-    case "search-ticker":
-      return { kind: "search", badge: "SEARCH", hint: "Search Yahoo Finance and broker-backed symbols" };
+    case "security-description":
+      return { kind: "search", badge: "DES", hint: "Open security details for a ticker" };
     case "theme":
       return { kind: "themes", badge: "THEMES", hint: "Preview with arrows, Enter to save, Esc to revert" };
     case "plugins":
       return { kind: "plugins", badge: "PLUGINS", hint: "Toggle plugins without leaving the list" };
     case "layout":
       return { kind: "layout", badge: "LAYOUT", hint: "Organize panes, history, and saved layouts" };
-    case "new-pane":
-      return { kind: "new-pane", badge: "NEW PANE", hint: "Create plugin-defined panes for the current workspace" };
     default:
       return { kind: "direct-command", badge: "COMMAND", hint: `Run ${match.command.label}` };
   }
 }
 
-export function getModeStrip(mode: CommandBarMode): CommandBarModeStripEntry[] {
-  return MODE_STRIP_ENTRIES.map((entry) => ({
-    prefix: entry.prefix,
-    label: entry.label,
-    active: entry.kind === mode,
-  }));
-}
-
 export function buildSections<T extends { category: string }>(items: T[]): Array<CommandBarSection<T>> {
   const sections: Array<CommandBarSection<T>> = [];
   for (const item of items) {
@@ -117,9 +94,6 @@ export function getFooterHints(mode: CommandBarMode, isNarrow: boolean): Command
   if (mode === "layout") {
     return { left: moveAndSelect, right: "esc cancel" };
   }
-  if (mode === "new-pane") {
-    return { left: moveAndSelect, right: "esc cancel" };
-  }
   return { left: moveAndSelect, right: "esc cancel" };
 }
 
@@ -127,7 +101,7 @@ export function getEmptyState(mode: CommandBarMode, query: string, searchQuery?:
   switch (mode) {
     case "search":
       if (!searchQuery) {
-        return { label: "Type a ticker symbol", detail: "Search Yahoo Finance and connected brokers" };
+        return { label: "Type a ticker symbol", detail: "Open security details after resolving a ticker" };
       }
       return { label: `No matches for "${searchQuery}"`, detail: "Try a symbol, company name, or exchange variant" };
     case "plugins":
@@ -136,8 +110,6 @@ export function getEmptyState(mode: CommandBarMode, query: string, searchQuery?:
       return { label: "No themes match", detail: query.trim() || "Installed themes will appear here" };
     case "layout":
       return { label: "No layout actions match", detail: query.trim() || "Focused-pane and layout actions will appear here" };
-    case "new-pane":
-      return { label: "No pane templates match", detail: query.trim() || "Plugin-defined pane templates will appear here" };
     default:
       if (query.trim()) {
         return { label: `No matches for "${query.trim()}"`, detail: "Try a ticker, command name, or prefix" };

package/src/components/command-bar/workflow-ops.test.ts

@@ -1,8 +1,8 @@
 import { describe, expect, test } from "bun:test";
-import { createDefaultConfig } from "../../types/config";
+import { cloneLayout, createDefaultConfig, findPaneInstance, type LayoutConfig } from "../../types/config";
 import { createInitialState } from "../../state/app-context";
 import { createTestDataProvider } from "../../test-support/data-provider";
-import { createPaneTemplateOrThrow } from "./workflow-ops";
+import { applyPaneSettingFieldValue, createPaneTemplateOrThrow } from "./workflow-ops";
 
 function makeDataProvider() {
   return createTestDataProvider({ id: "test" });
@@ -68,3 +68,77 @@ describe("createPaneTemplateOrThrow", () => {
     expect(placeCalls).toHaveLength(0);
   });
 });
+
+describe("applyPaneSettingFieldValue", () => {
+  test("keeps portfolio panes on their displayed collection when switching back to all collections", async () => {
+    const config = createDefaultConfig("/tmp/gloomberb-workflow-ops-test");
+    const layout = cloneLayout(config.layout);
+    const portfolioPane = findPaneInstance(layout, "portfolio-list:main");
+    if (!portfolioPane) throw new Error("missing portfolio pane");
+    portfolioPane.settings = {
+      ...(portfolioPane.settings ?? {}),
+      collectionScope: "watchlists",
+      visibleCollectionIds: ["watchlist"],
+      hideTabs: true,
+      lockedCollectionId: "watchlist",
+    };
+
+    const state = createInitialState({ ...config, layout });
+    state.paneState["portfolio-list:main"] = {
+      collectionId: "main",
+      cursorSymbol: null,
+    };
+
+    const persisted: LayoutConfig[] = [];
+    const actions: unknown[] = [];
+
+    await applyPaneSettingFieldValue("portfolio-list:main", {
+      key: "collectionScope",
+      label: "Collections",
+      type: "select",
+      options: [],
+    }, "all", {
+      dataProvider: makeDataProvider() as any,
+      tickerRepository: makeTickerRepository() as any,
+      dispatch: (action) => { actions.push(action); },
+      getState: () => state,
+      persistLayout: (nextLayout) => { persisted.push(nextLayout); },
+      pluginRegistry: {
+        resolvePaneSettings: () => ({
+          paneId: "portfolio-list:main",
+          pane: portfolioPane,
+          paneDef: {
+            id: "portfolio-list",
+            name: "Portfolio",
+            component: () => null,
+            defaultPosition: "left",
+          },
+          settingsDef: { title: "Portfolio Pane Settings", fields: [] },
+          context: {
+            config: state.config,
+            layout: state.config.layout,
+            paneId: "portfolio-list:main",
+            paneType: "portfolio-list",
+            pane: portfolioPane,
+            settings: portfolioPane.settings ?? {},
+            paneState: state.paneState["portfolio-list:main"] ?? {},
+            activeTicker: null,
+            activeCollectionId: "main",
+          },
+        }),
+      } as any,
+    });
+
+    const nextPane = findPaneInstance(persisted[0]!, "portfolio-list:main");
+    expect(nextPane?.settings).toMatchObject({ collectionScope: "all" });
+    expect("visibleCollectionIds" in (nextPane?.settings ?? {})).toBe(false);
+    expect("hideTabs" in (nextPane?.settings ?? {})).toBe(false);
+    expect("lockedCollectionId" in (nextPane?.settings ?? {})).toBe(false);
+    expect(nextPane?.params?.collectionId).toBe("watchlist");
+    expect(actions).toContainEqual({
+      type: "UPDATE_PANE_STATE",
+      paneId: "portfolio-list:main",
+      patch: { collectionId: "watchlist" },
+    });
+  });
+});

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

@@ -10,6 +10,7 @@ import { resolveTickerSearch, upsertTickerFromSearchResult } from "../../utils/t
 import { formatTickerListInput, parseTickerListInput } from "../../utils/ticker-list";
 import { updatePaneInstance, setPaneSettings } from "../../pane-settings";
 import { isManualPortfolio } from "../../plugins/builtin/portfolio-list/mutations";
+import { cleanPortfolioPaneSettings, resolvePortfolioPaneCollectionId } from "../../plugins/builtin/portfolio-list/settings";
 import {
   buildComparisonChartPaneTitle,
   COMPARISON_CHART_PANE_ID,
@@ -356,6 +357,14 @@ export async function applyPaneSettingFieldValue(
   const state = deps.getState();
   const shouldPushHistory = options?.pushHistory !== false;
 
+  if (field.storage === "plugin") {
+    if (!descriptor.pluginId) {
+      throw new Error("This pane setting is not owned by a plugin.");
+    }
+    await deps.pluginRegistry.setConfigState(descriptor.pluginId, field.key, value);
+    return;
+  }
+
   if (descriptor.pane.paneId === "quote-monitor" && field.key === "symbol") {
     const rawQuery = typeof value === "string" ? value.trim() : "";
     const resolvedTicker = await resolveTickerSearch({
@@ -419,18 +428,13 @@ export async function applyPaneSettingFieldValue(
     return;
   }
 
-  const nextSettings = {
+  let nextSettings: Record<string, unknown> = {
     ...descriptor.context.settings,
     [field.key]: value,
   };
 
-  if (descriptor.pane.paneId === "portfolio-list" && field.key === "hideTabs" && value === true) {
-    const lockedCollectionId = typeof descriptor.context.paneState.collectionId === "string"
-      ? descriptor.context.paneState.collectionId
-      : descriptor.context.activeCollectionId;
-    if (lockedCollectionId) {
-      nextSettings.lockedCollectionId = lockedCollectionId;
-    }
+  if (descriptor.pane.paneId === "portfolio-list") {
+    nextSettings = cleanPortfolioPaneSettings(nextSettings);
   }
 
   if (descriptor.pane.paneId === "ticker-detail" && field.key === "hideTabs" && value === true) {
@@ -440,6 +444,33 @@ export async function applyPaneSettingFieldValue(
     nextSettings.lockedTabId = lockedTabId;
   }
 
-  const nextLayout = setPaneSettings(state.config.layout, targetId, nextSettings);
+  let nextLayout = setPaneSettings(state.config.layout, targetId, nextSettings);
+
+  if (descriptor.pane.paneId === "portfolio-list") {
+    const currentCollectionId = typeof descriptor.context.paneState.collectionId === "string"
+      ? descriptor.context.paneState.collectionId
+      : (descriptor.context.activeCollectionId ?? "");
+    const displayedCollectionId = resolvePortfolioPaneCollectionId(
+      state.config,
+      descriptor.context.settings,
+      currentCollectionId,
+    );
+    const nextCollectionId = resolvePortfolioPaneCollectionId(
+      state.config,
+      nextSettings,
+      displayedCollectionId || currentCollectionId,
+    );
+    if (nextCollectionId) {
+      nextLayout = updatePaneInstance(nextLayout, targetId, (instance) => ({
+        ...instance,
+        params: {
+          ...(instance.params ?? {}),
+          collectionId: nextCollectionId,
+        },
+      }));
+      deps.dispatch({ type: "UPDATE_PANE_STATE", paneId: targetId, patch: { collectionId: nextCollectionId } });
+    }
+  }
+
   deps.persistLayout(nextLayout, { pushHistory: shouldPushHistory });
 }

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

@@ -1,3 +1,4 @@
+
 export interface CommandBarMainSnapshot {
   query: string;
   selectedIdx: number;
@@ -37,7 +38,7 @@ export interface CommandBarRouteBase {
 
 export interface CommandBarModeRoute extends CommandBarRouteBase {
   kind: "mode";
-  screen: "ticker-search" | "themes" | "plugins" | "layout" | "new-pane";
+  screen: "ticker-search" | "themes" | "plugins" | "layout";
   query: string;
   selectedIdx: number;
   hoveredIdx: number | null;