gloomberb 0.16.0 → 0.16.1

package/src/components/command-bar/routing/actions.ts

@@ -122,12 +122,14 @@ export function useCommandBarRouteActions({
     rawInput?: string,
     explicitTargetId?: string | null,
     selectedTicker?: TickerRecord,
+    directMembership?: boolean,
   ) => executeCollectionCommandAction({
     activeCollectionId,
     activeTickerSymbol,
     buildWorkflowDeps: buildSharedWorkflowDeps,
     closeAll,
     commandId,
+    directMembership,
     explicitTargetId,
     getState: () => stateRef.current,
     notify,

package/src/components/command-bar/selection-runtime.ts

@@ -1,5 +1,8 @@
 import { useCallback, type MutableRefObject } from "react";
 import type { AppState } from "../../state/app/context";
+import type { TickerRecord } from "../../types/ticker";
+import { t } from "../../i18n";
+import { listingChoiceQuery } from "../../tickers/search";
 import type { PluginRegistry } from "../../plugins/registry";
 import type { Command } from "./commands/registry";
 import type {
@@ -30,6 +33,8 @@ type ExecuteCollectionCommandFn = (
   commandId: CollectionCommandId,
   rawInput?: string,
   explicitTargetId?: string | null,
+  selectedTicker?: TickerRecord,
+  directMembership?: boolean,
 ) => Promise<void>;
 
 interface UseCommandBarSelectionRuntimeOptions {
@@ -270,6 +275,38 @@ export function useCommandBarSelectionRuntime({
     const selected = options?.item ?? typed ?? listState.results[listState.selectedIdx];
     if (!selected || selected.disabled) return;
 
+    // Opened from an add row: a venue picked from the colon list joins that
+    // collection. Any other text or screen runs as usual.
+    const addListing = stateRef.current.commandBarLaunchRequest;
+    if (
+      !options?.secondary
+      && addListing?.kind === "add-listing"
+      && !currentRoute
+      && listingChoiceQuery(rootQueryRef.current)
+      && (selected.kind === "ticker" || selected.kind === "search")
+      && selected.resolveTicker
+    ) {
+      const launch = addListing;
+      void (async () => {
+        try {
+          const ticker = await selected.resolveTicker!();
+          await executeCollectionCommand(
+            launch.collectionKind === "watchlist" ? "add-watchlist" : "add-portfolio",
+            ticker.metadata.ticker,
+            launch.collectionId,
+            ticker,
+            true,
+          );
+        } catch (error) {
+          pluginRegistry.notify({
+            type: "error",
+            body: error instanceof Error ? error.message : t("Could not add the selected listing."),
+          });
+        }
+      })();
+      return;
+    }
+
     const run = () => {
       if (options?.secondary && selected.secondaryAction) {
         void selected.secondaryAction();
@@ -320,6 +357,7 @@ export function useCommandBarSelectionRuntime({
     rootQueryRef,
     runRootRow,
     stateConfigLayout,
+    stateRef,
     visibleListStateRef,
   ]);
 

package/src/components/command-bar/surface/index.tsx

@@ -20,6 +20,7 @@ import { useCommandBarRootRuntime } from "../routes/root/runtime";
 import { createQuickLookTickerCandidates } from "../routes/ticker-search/results";
 import { useCommandSearchReport } from "../routes/root/search-report";
 import { useAppStateRef } from "../../../state/app/context";
+import { listingChoiceQuery } from "../../../tickers/search";
 import { parseRootShortcutIntent } from "../routes/root/shortcuts";
 import { useRootPluginInstallItem } from "../routes/root/plugin-install";
 import { useCommandBarThemePreview } from "../theme-preview";
@@ -230,6 +231,9 @@ export function CommandBar({
     paneTemplates: getAvailablePaneShortcutTemplates(rootQuery),
     activeTicker: activeTickerSymbol,
   }), [activeTickerSymbol, availableCommands, getAvailablePaneShortcutTemplates, getAvailablePluginCommands, rootQuery]);
+  const listingChoice = !currentRoute && rootShortcutIntent.kind === "none"
+    ? listingChoiceQuery(rootQuery)
+    : null;
 
   // Runs the typed text again once a plugin installed from the bar is in, the
   // way a key bound to it would. Not over a dialog opened since: the bar would
@@ -258,6 +262,7 @@ export function CommandBar({
   // Only the root list asks on its own, and only for text the prefix parser
   // could not claim — otherwise the user is mid-command, not mid-question.
   const assistAutoAsk = !currentRoute
+    && !listingChoice
     && planAccess.emailVerified
     && shouldAutoAskAssist({ query: rootQuery, hasShortcutIntent: rootShortcutIntent.kind !== "none" });
   // The server keeps a question unless told not to, so the answer always
@@ -373,8 +378,8 @@ export function CommandBar({
     providers: searchProviders,
     query: rootQuery,
     // A resolved prefix means the user is running a command, so free-text
-    // providers neither ask the network nor add rows.
-    enabled: !currentRoute && rootShortcutIntent.kind === "none",
+    // providers neither ask the network nor add rows. A colon is the venue list.
+    enabled: !currentRoute && rootShortcutIntent.kind === "none" && !listingChoice,
     context: searchProviderContext,
     onExecuted: closeAfterProviderResult,
   });

package/src/components/index.ts

@@ -131,7 +131,7 @@ export {
   IconButton, InlineQuickAddRow, KeyValueRow, ListView, loadingText, Menu, MenuPopover,
   MessageComposer, MultiSelectDialogButton, MultiSelectDialogContent, Notice, NumberField,
   NumberPromptDialog, openUrl, PageStackView, PaneLinkMenu, PaneStatusBody, Popover, Prose,
-  QueryBar, READING_WIDTH, RemoteImage, Section, SectionHeading, SegmentedControl, SelectButton, ShortcutHint,
+  QueryBar, RangeTrack, RatioBar, READING_WIDTH, RemoteImage, Section, SectionHeading, SegmentedControl, SelectButton, ShortcutHint,
   Spinner, StatGrid, statGridColumns, statGridRows, Tabs, TextField, TextPromptDialog, unavailableText,
   useFieldRing, usePaneLinkMenuEntry, useQueryBarSearch,
 } from "./ui";
@@ -145,7 +145,7 @@ export type {
   MenuProps, MultiSelectDialogButtonHandle, MultiSelectPopoverAnchorPoint, MultiSelectRowAction,
   NoticeProps, NumberFieldProps, PaneStatusBodyProps, PopoverProps, ProseProps, QueryBarFilter,
   QueryBarMultiFilter, QueryBarProps, QueryBarSearch, QueryBarSearchFocus, QueryBarSelectFilter, QueryBarTextFilter,
-  QueryBarToggleFilter, QueryBarView, SectionHeadingProps, SectionProps, SegmentedControlProps,
+  QueryBarToggleFilter, QueryBarView, RangeTrackProps, RatioBarProps, SectionHeadingProps, SectionProps, SegmentedControlProps,
   SelectButtonOption, SelectButtonProps, SelectControl, StatGridProps, StatItem, TabsProps,
   TextFieldProps, TextPromptDialogProps,
 } from "./ui";

package/src/components/layout/floating-pane.tsx

@@ -31,6 +31,8 @@ interface FloatingPaneWrapperProps {
   onHeaderContextMenu?: (event: any) => void;
   onActionMouseDown?: (event: any) => void;
   onCloseMouseDown?: (event: any) => void;
+  onRestoreMouseDown?: (event: any) => void;
+  fullscreen?: boolean;
   onResizeMouseDown?: (event: any) => void;
   onResizeMouseDrag?: (event: any) => void;
   onResizeMouseDragEnd?: (event: any) => void;
@@ -80,6 +82,8 @@ export function FloatingPaneWrapper({
   onHeaderContextMenu,
   onActionMouseDown,
   onCloseMouseDown,
+  onRestoreMouseDown,
+  fullscreen = false,
   onResizeMouseDown,
   onResizeMouseDrag,
   onResizeMouseDragEnd,
@@ -137,6 +141,8 @@ export function FloatingPaneWrapper({
         onHeaderContextMenu={onHeaderContextMenu}
         onActionMouseDown={onActionMouseDown}
         onCloseMouseDown={onCloseMouseDown}
+        onRestoreMouseDown={onRestoreMouseDown}
+        fullscreen={fullscreen}
       />
 
       <PaneBodyFrame layoutProps={bodyFrame.layoutProps} backgroundColor={bg}>

package/src/components/layout/header.tsx

@@ -239,14 +239,15 @@ function HeaderCommandPrompt({
   );
 }
 
-function UpdateStatus() {
+function UpdateStatus({ onRestart }: { onRestart?: () => void }) {
   const colors = useThemeColors();
   const dispatch = useAppDispatch();
   const updateAvailable = useAppSelector((state) => state.updateAvailable);
   const updateProgress = useAppSelector((state) => state.updateProgress);
   const updateCheckInProgress = useAppSelector((state) => state.updateCheckInProgress);
   const updateNotice = useAppSelector((state) => state.updateNotice);
-  const retryKey = useActionShortcut("install-update");
+  // One key: Restart for a downloaded update, retry for a failed one.
+  const updateKey = useActionShortcut("install-update");
 
   useEffect(() => {
     if (!updateNotice || updateAvailable || updateProgress || updateCheckInProgress) return;
@@ -278,15 +279,28 @@ function UpdateStatus() {
         </Box>
       );
     }
+    if (updateProgress.phase === "ready") {
+      // A desktop update waits for the user: the app never relaunches by itself.
+      // The terminal binary is already swapped in and only needs a new launch.
+      if (updateProgress.canRestart && onRestart) {
+        return (
+          <Box flexDirection="row" gap={1} alignItems="center">
+            <Text fg={colors.headerText}>{t("Update ready")}</Text>
+            <Button compact label="Restart" shortcut={updateKey || undefined} onPress={onRestart} stopPropagation />
+          </Box>
+        );
+      }
+      return <Text fg={colors.headerText}>{t("Update ready, restart to apply")}</Text>;
+    }
     if (updateProgress.phase === "done") {
-      return <Text fg={colors.headerText}>{t(updateProgress.message ?? "Update installed, restart to apply")}</Text>;
+      return <Text fg={colors.headerText}>{t(updateProgress.message ?? "Update ready, restart to apply")}</Text>;
     }
     if (updateProgress.phase === "error") {
-      const retry = retryKey && canRetryUpdate({ updateAvailable, updateProgress, updateCheckInProgress });
+      const retry = updateKey && canRetryUpdate({ updateAvailable, updateProgress, updateCheckInProgress });
       return (
         <Box flexDirection="row">
           <Text fg={colors.headerText}>{tf("Update failed: {error}", { error: updateProgress.error ?? "Unknown error" })}</Text>
-          {retry ? <Text fg={blendHex(colors.headerText, colors.header, 0.62)}>{`  ${retryKey} ${t("retry")}`}</Text> : null}
+          {retry ? <Text fg={blendHex(colors.headerText, colors.header, 0.62)}>{`  ${updateKey} ${t("retry")}`}</Text> : null}
         </Box>
       );
     }
@@ -378,8 +392,11 @@ function HeaderMarketSummary({ nativePaneChrome, width }: { nativePaneChrome: bo
 
 export function Header({
   onOpenHelp,
+  onRestartForUpdate,
 }: {
   onOpenHelp?: () => void;
+  /** Applies a downloaded desktop update and relaunches; the header offers Restart only when it is given. */
+  onRestartForUpdate?: () => void;
 }) {
   const colors = useThemeColors();
   const rendererHost = useRendererHost();
@@ -444,7 +461,7 @@ export function Header({
         <Box width={prompt.left} />
         {commandPrompt}
         <Box flexGrow={1} paddingLeft={2} paddingRight={2} minWidth={0}>
-          <UpdateStatus />
+          <UpdateStatus onRestart={onRestartForUpdate} />
         </Box>
         {onOpenHelp ? (
           <Box flexShrink={0} data-gloom-role="header-help-action" style={{ marginRight: 8 }}>
@@ -470,7 +487,7 @@ export function Header({
       <Box width={prompt.left} />
       {commandPrompt}
       <Box flexGrow={1} minWidth={0} paddingLeft={2}>
-        <UpdateStatus />
+        <UpdateStatus onRestart={onRestartForUpdate} />
       </Box>
       {marketSummary}
       {showWindowControls ? <WindowControls /> : null}

package/src/components/layout/missing-pane.tsx

@@ -3,7 +3,7 @@ import { Button } from "../ui/button";
 import { confirmDialog } from "../ui/confirm-dialog";
 import { EmptyState } from "../ui/status";
 import { runsExternalPlugins } from "../../plugins/current-target";
-import { activateInstalledPlugin } from "../../plugins/builtin/plugin-marketplace/activation";
+import { activateInstall } from "../../plugins/builtin/plugin-marketplace/activation";
 import { installConsent } from "../../plugins/builtin/plugin-marketplace/model";
 import { getMarketplaceHost, getPluginManager } from "../../plugins/builtin/plugin-marketplace/store";
 import type { PaneDef, PaneProps } from "../../types/plugin";
@@ -115,7 +115,7 @@ function MissingPanePlaceholder({ paneType, width }: PaneProps) {
       // Bring it into this session so the pane replaces the placeholder rather
       // than waiting for a restart; a plugin that cannot load live says so.
       const host = getMarketplaceHost();
-      const activated = host ? await activateInstalledPlugin(result.directory, host, installer) : null;
+      const activated = host ? await activateInstall(result, host, installer) : null;
       if (activated && !activated.ok) setNotice({ text: `Installed but did not load: ${activated.error}`, error: true });
       else if (!activated || activated.restart) setNotice({ text: "Installed. Restart to finish.", error: false });
     } finally {

package/src/components/layout/pane/header.tsx

@@ -1,11 +1,11 @@
-import { Box, Text, useActionShortcut, useNativeRenderer, useUiCapabilities } from "../../../ui";
+import { Box, Text, useActionShortcut, useNativeRenderer, useRendererHost, useUiCapabilities } from "../../../ui";
 import { useCallback, useRef, type ReactNode } from "react";
 import { blendHex, colors, floatingPaneTitleBg, paneTitleBg, paneTitleText } from "../../../theme/colors";
 import { WEB_CELL_WIDTH } from "../../../theme/font-scale";
 import { displayWidth, truncateToDisplayWidth } from "../../../utils/format";
 import { capturePointerDrag } from "../../../ui/pointer-drag";
 import { Tabs } from "../../ui/tabs";
-import { Icon, IconButton } from "../../ui/icon";
+import { ICON_GLYPHS, Icon, IconButton } from "../../ui/icon";
 import type { PaneHeaderTabsRegistration } from "./header-tabs";
 import { nativePaneHeaderRows } from "./sizing";
 
@@ -15,6 +15,8 @@ const HEADER_TAB_TOP_GAP = 2;
 const PANE_HEADER_GRIP = ":: ";
 export const PANE_HEADER_ACTION = " ... ";
 export const PANE_HEADER_CLOSE = " x ";
+/** Same width as the close mark, so the header hit areas stay put. */
+export const PANE_HEADER_RESTORE = " - ";
 const PANE_HEADER_LOCK = " 🔒 ";
 
 interface PaneHeaderProps {
@@ -45,6 +47,9 @@ interface PaneHeaderProps {
   onHeaderContextMenu?: (event: any) => void;
   onActionMouseDown?: (event: any) => void;
   onCloseMouseDown?: (event: any) => void;
+  /** Pane fullscreen. The corner mark leaves fullscreen instead of closing. */
+  fullscreen?: boolean;
+  onRestoreMouseDown?: (event: any) => void;
 }
 
 /**
@@ -63,9 +68,14 @@ interface PaneHeaderTitleBar {
   trailing?: ReactNode;
 }
 
+/** A quick setting's terminal button: its glyph with a space either side. */
+function quickSettingText(setting: { icon: PaneHeaderQuickSetting["icon"] }): string {
+  return ` ${ICON_GLYPHS[setting.icon]} `;
+}
+
 export interface PaneHeaderQuickSetting {
   key: string;
-  icon: "zap";
+  icon: "zap" | "sqrt";
   label: string;
   description?: string;
   active: boolean;
@@ -118,18 +128,23 @@ export function PaneHeader({
   onHeaderContextMenu,
   onActionMouseDown,
   onCloseMouseDown,
+  fullscreen = false,
+  onRestoreMouseDown,
 }: PaneHeaderProps) {
-  const { nativePaneChrome } = useUiCapabilities();
+  const { nativePaneChrome, titleBarOverlay, nativeWindowChrome = titleBarOverlay } = useUiCapabilities();
+  const rendererHost = useRendererHost();
   const nativeRenderer = useNativeRenderer();
   const menuShortcut = useActionShortcut("pane-menu");
   const closeShortcut = useActionShortcut("pane-close");
+  const fullscreenShortcut = useActionShortcut("pane-fullscreen");
   const terminalHeaderRef = useRef<unknown>(null);
   const visuallyFocused = focused || windowModeSelected;
   const backgroundColor = floating ? floatingPaneTitleBg(visuallyFocused) : paneTitleBg(visuallyFocused);
   const actionText = showActions ? PANE_HEADER_ACTION : "     ";
-  const closeText = floating ? PANE_HEADER_CLOSE : "";
+  const closeText = fullscreen ? PANE_HEADER_RESTORE : floating ? PANE_HEADER_CLOSE : "";
+  const onCornerMouseDown = fullscreen ? onRestoreMouseDown : onCloseMouseDown;
   const lockText = locked ? PANE_HEADER_LOCK : "";
-  const terminalQuickSettingsWidth = quickSettings.reduce((total) => total + displayWidth(" ⚡ "), 0)
+  const terminalQuickSettingsWidth = quickSettings.reduce((total, setting) => total + displayWidth(quickSettingText(setting)), 0)
     + displayWidth(lockText);
   const textColor = paneTitleText(visuallyFocused, floating);
   const topInset = topRule ? 1 : 0;
@@ -137,6 +152,27 @@ export function PaneHeader({
     capturePointerDrag(nativeRenderer, terminalHeaderRef.current);
     onHeaderMouseDown?.(event);
   }, [nativeRenderer, onHeaderMouseDown]);
+  // The grip, the title and the empty bar move the pane. A fullscreen pane
+  // cannot move, so there they move the desktop window instead.
+  const windowDrag = Boolean(titleBar) || (fullscreen && titleBarOverlay === true && nativeWindowChrome === true);
+  const beginPaneDrag = (event: { stopPropagation?: () => void }) => {
+    event.stopPropagation?.();
+    onHeaderMouseDown?.(event);
+  };
+  const beginWindowDrag = (event?: { stopPropagation?: () => void }) => {
+    event?.stopPropagation?.();
+    if (titleBar) {
+      onHeaderMouseDown?.(event);
+      return;
+    }
+    void rendererHost.startWindowDrag?.();
+  };
+  const paneDragHandlers = {
+    onMouseDown: beginPaneDrag,
+    onMouseDrag: onHeaderMouseDrag,
+    onMouseDragEnd: onHeaderMouseDragEnd,
+  };
+  const chromeHandlers = windowDrag ? { onMouseDown: beginWindowDrag } : paneDragHandlers;
 
   if (nativePaneChrome) {
     const ruleColor = visuallyFocused ? colors.borderFocused : colors.border;
@@ -151,10 +187,7 @@ export function PaneHeader({
         data-floating={floating ? "true" : "false"}
         data-focused={focused ? "true" : "false"}
         data-window-mode-selected={windowModeSelected ? "true" : "false"}
-        onMouseDown={onHeaderMouseDown}
         onMouseMove={onHeaderMouseMove}
-        onMouseDrag={onHeaderMouseDrag}
-        onMouseDragEnd={onHeaderMouseDragEnd}
         onContextMenu={onHeaderContextMenu}
         style={{
           // One 1px rule at the bottom, painted inside the header, mirrored by
@@ -173,15 +206,14 @@ export function PaneHeader({
             : `inset 0 -1px 0 ${ruleColor}`,
         }}
       >
-        {/* Part of the header, so it clicks and drags like the rest of it. */}
         {!titleBar && (
-          <Box data-gloom-role="pane-grip" flexShrink={0} flexDirection="row" alignItems="center" style={{ alignSelf: "stretch", marginRight: 6 }}>
+          <Box data-gloom-role="pane-grip" flexShrink={0} flexDirection="row" alignItems="center" style={{ alignSelf: "stretch", marginRight: 6 }} {...paneDragHandlers}>
             <Icon name="grip" size={12} color={visuallyFocused ? colors.borderFocused : colors.textMuted} />
           </Box>
         )}
         {/* Full header height, so trimming the title to its capitals never lets
             this clip cut descenders. */}
-        <Box minWidth={0} flexShrink={tabs ? 0 : 1} overflow="hidden" flexDirection="row" alignItems="center" style={{ alignSelf: "stretch", ...(tabs ? { maxWidth: "40%" } : {}) }}>
+        <Box data-gloom-role="pane-header-chrome" minWidth={0} flexShrink={tabs ? 0 : 1} overflow="hidden" flexDirection="row" alignItems="center" style={{ alignSelf: "stretch", ...(tabs ? { maxWidth: "40%" } : {}) }} {...chromeHandlers}>
           <Text
             fg={textColor}
             selectable={false}
@@ -237,6 +269,7 @@ export function PaneHeader({
               onAdd={tabs.onAdd}
               addLabel={tabs.addLabel}
               onReorder={tabs.onReorder}
+              onDrag={windowDrag && !tabs.onReorder ? beginWindowDrag : undefined}
               closeMode={tabs.closeMode}
               paneMenu={tabs.paneMenu}
             />
@@ -245,14 +278,14 @@ export function PaneHeader({
         {quickSettings.map((setting) => (
           <Box key={setting.key} data-gloom-role="pane-quick-setting" data-setting-key={setting.key}>
             <IconButton
-              icon="zap"
+              icon={setting.icon}
               label={`${setting.label}: ${setting.active ? "on" : "off"}`}
               pressed={setting.active}
               onPress={setting.onMouseDown ? (event) => setting.onMouseDown?.(event) : undefined}
             />
           </Box>
         ))}
-        <Box flexGrow={1} minWidth={0} />
+        <Box data-gloom-role="pane-header-chrome" flexGrow={1} minWidth={0} {...chromeHandlers} />
         {locked && (
           <Box data-gloom-role="pane-lock">
             <IconButton icon="lock" label="Locked: the close shortcut leaves this pane open" color={colors.textMuted} />
@@ -269,13 +302,13 @@ export function PaneHeader({
             />
           ) : <Box width={2} />}
         </Box>
-        {floating && !titleBar && (
-          <Box data-gloom-role="pane-close" marginLeft={1}>
+        {(fullscreen || (floating && !titleBar)) && (
+          <Box data-gloom-role={fullscreen ? "pane-restore" : "pane-close"} marginLeft={1}>
             <IconButton
-              icon="close"
-              label="Close pane"
-              shortcut={closeShortcut || undefined}
-              onPress={onCloseMouseDown ? (event) => onCloseMouseDown(event) : undefined}
+              icon={fullscreen ? "minimize" : "close"}
+              label={fullscreen ? "Exit fullscreen" : "Close pane"}
+              shortcut={(fullscreen ? fullscreenShortcut : closeShortcut) || undefined}
+              onPress={onCornerMouseDown ? (event) => onCornerMouseDown(event) : undefined}
             />
           </Box>
         )}
@@ -284,9 +317,9 @@ export function PaneHeader({
     );
   }
 
-  if (visuallyFocused || floating) {
+  if (visuallyFocused || floating || fullscreen) {
     // Build: ┌─:: Title ─────────── ... x─┐
-    // Reserve 2 for corners, 1 for ─ after ┌, 1 for ─ before ┐
+    // Fullscreen draws "-" in that corner. Reserve 2 for the frame.
     const borderColor = visuallyFocused ? colors.borderFocused : colors.border;
     const innerWidth = Math.max(0, width - 4);
     const contentWidth = PANE_HEADER_GRIP.length + terminalQuickSettingsWidth + closeText.length + actionText.length;
@@ -312,7 +345,7 @@ export function PaneHeader({
         {quickSettings.map((setting) => (
           <TerminalPaneButton
             key={setting.key}
-            text=" ⚡ "
+            text={quickSettingText(setting)}
             fg={setting.active ? colors.warning : colors.textDim}
             role="pane-quick-setting"
             onMouseDown={setting.onMouseDown}
@@ -328,12 +361,12 @@ export function PaneHeader({
           role="pane-action"
           onMouseDown={onActionMouseDown}
         />
-        {floating && (
+        {(fullscreen || floating) && (
           <TerminalPaneButton
             text={closeText}
             fg={textColor}
-            role="pane-close"
-            onMouseDown={onCloseMouseDown}
+            role={fullscreen ? "pane-restore" : "pane-close"}
+            onMouseDown={onCornerMouseDown}
           />
         )}
         <Text fg={borderColor} selectable={false}>{"─┐"}</Text>
@@ -363,7 +396,7 @@ export function PaneHeader({
       {quickSettings.map((setting) => (
         <TerminalPaneButton
           key={setting.key}
-          text=" ⚡ "
+          text={quickSettingText(setting)}
           fg={setting.active ? colors.warning : colors.textDim}
           role="pane-quick-setting"
           onMouseDown={setting.onMouseDown}
@@ -378,12 +411,12 @@ export function PaneHeader({
         role="pane-action"
         onMouseDown={onActionMouseDown}
       />
-      {floating && (
+      {(fullscreen || floating) && (
         <TerminalPaneButton
           text={closeText}
           fg={textColor}
-          role="pane-close"
-          onMouseDown={onCloseMouseDown}
+          role={fullscreen ? "pane-restore" : "pane-close"}
+          onMouseDown={onCornerMouseDown}
         />
       )}
     </Box>

package/src/components/layout/pane/index.tsx

@@ -28,6 +28,8 @@ interface PaneWrapperProps {
   onHeaderMouseDragEnd?: (event: any) => void;
   onHeaderContextMenu?: (event: any) => void;
   onActionMouseDown?: (event: any) => void;
+  onRestoreMouseDown?: (event: any) => void;
+  fullscreen?: boolean;
   footer?: CombinedPaneFooter | null;
   children: ReactNode;
 }
@@ -52,6 +54,8 @@ export function PaneWrapper({
   onHeaderMouseDragEnd,
   onHeaderContextMenu,
   onActionMouseDown,
+  onRestoreMouseDown,
+  fullscreen = false,
   footer,
   children,
 }: PaneWrapperProps) {
@@ -107,6 +111,8 @@ export function PaneWrapper({
           onHeaderMouseDragEnd={onHeaderMouseDragEnd}
           onHeaderContextMenu={onHeaderContextMenu}
           onActionMouseDown={onActionMouseDown}
+          fullscreen={fullscreen}
+          onRestoreMouseDown={onRestoreMouseDown}
         />
       )}
       <PaneBodyFrame layoutProps={bodyFrame.layoutProps} backgroundColor={bg}>

package/src/components/layout/pane/title.ts

@@ -7,13 +7,13 @@ import {
 } from "../../../types/config";
 import type { PaneDef } from "../../../types/plugin";
 import { paneTitleMnemonic } from "../../../layout/pane-follow";
-import { canFollowTickerSource } from "../../../layout/ticker-navigation";
+import { canFollowTickerSource, isTickerLinkPeer } from "../../../layout/ticker-navigation";
 
 /** Single-cell link glyph: emoji link icons render double-width in terminals. */
 const LINK_GLYPH = "\u29c9";
 
-/** The title without the link suffix; a menu row naming a source uses it as is. */
-export function getBasePaneDisplayTitle(
+/** The title without the link suffix. */
+function getBasePaneDisplayTitle(
   state: Pick<AppState, "config" | "paneState">,
   instance: PaneInstanceConfig,
   paneDef: PaneDef,
@@ -79,9 +79,33 @@ export function getPaneDisplayTitle(
   const source = findPaneInstance(state.config.layout, instance.binding.sourceInstanceId);
   const sourceDef = source ? panes.get(source.paneId) : null;
   if (!source || !sourceDef) return title;
-  // Other panes name only the list or scanner they follow; one chained to a fixed pane (a desk's
-  // OMON following OVDV) reads as it always has.
-  if (!research && !sourceDef.tickerSource) return title;
-  const sourceTitle = getBasePaneDisplayTitle(state, source, sourceDef);
+  // Name the list, scanner, or single-ticker pane this one follows. A follow pointed at anything
+  // else (a desk's OMON following a comparison chart) reads as it always has.
+  if (!sourceDef.tickerSource && !isTickerLinkPeer(source, panes)) return title;
+  const sourceTitle = getTickerLinkSourceTitle(state, source, sourceDef, panes, "title");
   return `${title}  ${LINK_GLYPH} ${tf("Linked to {source}", { source: sourceTitle })}`;
 }
+
+/**
+ * How a follower names the pane it follows. A list or scanner goes by its title. A single-ticker
+ * pane shows the follower's own symbol, so a title names only its command ("OMON SPY  ⧉ Linked to
+ * OVDV"), and a menu row keeps the symbol to tell two of them apart ("Link to OVDV SPY"). Ticker
+ * Research's title is only its symbol, which would read as a ticker, so it goes by its name
+ * ("Link to Ticker Research AAPL").
+ */
+export function getTickerLinkSourceTitle(
+  state: Pick<AppState, "config" | "paneState">,
+  source: PaneInstanceConfig,
+  sourceDef: PaneDef,
+  panes: ReadonlyMap<string, PaneDef>,
+  place: "menu" | "title",
+): string {
+  const title = getBasePaneDisplayTitle(state, source, sourceDef, panes);
+  if (sourceDef.tickerSource) return title;
+  const research = source.paneId === TICKER_RESEARCH_PANE_ID;
+  const kind = research ? t("Ticker Research") : paneTitleMnemonic(title);
+  if (!kind) return title;
+  if (place === "title") return kind;
+  const symbol = research ? resolveTickerForPane(state as AppState, source.instanceId) : null;
+  return symbol ? `${kind} ${symbol}` : title;
+}

package/src/components/layout/shell/drag/index.ts

@@ -10,7 +10,7 @@ import {
 } from "../../../../layout/pane-manager";
 import type { DesktopDockPreviewState } from "../../../../types/desktop-window";
 import type { LayoutConfig } from "../../../../types/config";
-import { PANE_HEADER_ACTION, PANE_HEADER_CLOSE } from "../../pane/header";
+import { PANE_HEADER_ACTION, PANE_HEADER_CLOSE, PANE_HEADER_RESTORE } from "../../pane/header";
 
 export interface HoverOverlay {
   targetId: string;
@@ -355,18 +355,19 @@ export function resolveSnapGuide(x: number, y: number, guides: SnapGuide[]): Sna
 
 export function resolveHeaderHitAreas(
   width: number,
-  options: { floating: boolean; focused: boolean },
+  options: { floating: boolean; focused: boolean; fullscreen?: boolean },
 ): {
   actionStart: number | null;
   closeStart: number | null;
 } {
   // Focused panes and all floating panes render corner chrome around the header.
-  let rightEdge = options.focused || options.floating ? width - 2 : width;
+  let rightEdge = options.focused || options.floating || options.fullscreen ? width - 2 : width;
   let closeStart: number | null = null;
   let actionStart: number | null = null;
 
-  if (options.floating) {
-    closeStart = Math.max(0, rightEdge - PANE_HEADER_CLOSE.length);
+  if (options.floating || options.fullscreen) {
+    const corner = options.fullscreen ? PANE_HEADER_RESTORE : PANE_HEADER_CLOSE;
+    closeStart = Math.max(0, rightEdge - corner.length);
     rightEdge = closeStart;
   }
 

package/src/components/layout/shell/drag/runtime.ts

@@ -171,6 +171,7 @@ interface UseShellPointerRuntimeOptions {
   focusPane: (paneId: string) => void;
   focusedPaneId: string | null;
   handleFloatingClose: (paneId: string) => void;
+  restoreFullscreen: () => void;
   menuState: ActionMenuState | null;
   nativePaneChrome: boolean;
   openPaneMenu: (
@@ -206,6 +207,7 @@ export function useShellPointerRuntime({
   focusPane,
   focusedPaneId,
   handleFloatingClose,
+  restoreFullscreen,
   menuState,
   nativePaneChrome,
   openPaneMenu,
@@ -254,6 +256,7 @@ export function useShellPointerRuntime({
     focusedPaneId,
     handleActiveDrag,
     handleFloatingClose,
+    restoreFullscreen,
     menuState,
     openPaneMenu,
     paneMap,

package/src/components/layout/shell/index.tsx

@@ -754,6 +754,7 @@ export function Shell({
     focusPane,
     focusedPaneId,
     handleFloatingClose,
+    restoreFullscreen: exitTransientFocusLayout,
     menuState,
     nativePaneChrome,
     openPaneMenu,
@@ -834,6 +835,11 @@ export function Shell({
         getPaneQuickSettings={getPaneQuickSettings}
         handleFloatingClose={handleFloatingClose}
         handleFloatingCloseMouseDown={handleFloatingCloseMouseDown}
+        handleRestoreFullscreen={(event) => {
+          event?.preventDefault?.();
+          event?.stopPropagation?.();
+          exitTransientFocusLayout();
+        }}
         handleNativeDrag={handleNativeDrag}
         handleNativePaneContextMenu={handleNativePaneContextMenu}
         handleNativePaneMouseDown={handleNativePaneMouseDown}