gloomberb 0.18.2 → 0.18.4

package/src/components/layout/shell/chrome.ts

@@ -15,11 +15,11 @@ const HEADER_PROMPT_COMFORT_WIDTH = 48;
 const COMMAND_SURFACE_MIN_WIDTH = { native: 46, terminal: 42 };
 
 /**
- * The market cluster's reserve at the header's right edge, widest first. Each
- * step is the worst case for what it shows, so a ticking countdown or a longer
- * state label can never push the cluster past its columns:
+ * Market budgets used to size the command prompt, widest first. These stay
+ * independent of label wording so a longer countdown cannot resize the prompt
+ * or the sheet attached to it:
  *
- *   42  PRE-MKT · 5h 30m  SPY 1,234.56 -10.60%  USD
+ *   42  state, SPY, currency and a short countdown
  *   31  the state label and SPY
  *   21  SPY alone
  *
@@ -29,6 +29,11 @@ const COMMAND_SURFACE_MIN_WIDTH = { native: 46, terminal: 42 };
  * columns to add the base currency, the one value here that barely moves.
  */
 const HEADER_MARKET_TIERS = [42, 31, 21] as const;
+/**
+ * Full pre-market label, including "to regular open", when spare room allows:
+ * "PRE-MKT · 1h 17m to regular open  SPY $762.43 -0.60%  base USD" with room to spare.
+ */
+const HEADER_MARKET_FULL_COLUMNS = 64;
 
 /**
  * Update status is transient, so on a narrow header it gives most of its
@@ -94,6 +99,8 @@ export function resolveHeaderPromptGeometry(options: {
   platform?: string;
   titleBarOverlay?: boolean;
   windowFullscreen?: boolean;
+  /** An active update status keeps its spare room ahead of a longer market label. */
+  allowMarketExpansion?: boolean;
 }): HeaderPromptGeometry {
   const { nativePaneChrome, platform, termWidth, titleBarOverlay, windowFullscreen } = options;
   const nativeWindowChrome = options.nativeWindowChrome ?? titleBarOverlay;
@@ -102,13 +109,19 @@ export function resolveHeaderPromptGeometry(options: {
     : 0;
   const left = leadingInset + 1;
   const updateReserve = headerPromptUpdateColumns(termWidth);
-  const marketColumns = headerMarketColumns(termWidth, left, updateReserve);
+  const marketReserve = headerMarketColumns(termWidth, left, updateReserve);
   const width = Math.max(
     HEADER_PROMPT_MIN_WIDTH,
     Math.min(
       resolveCommandSurfaceWidth({ nativePaneChrome, termWidth }),
-      termWidth - left - updateReserve - marketColumns,
+      termWidth - left - updateReserve - marketReserve,
     ),
   );
+  // Spend only space left after the prompt and update reserve have their room.
+  // The longer market label gives way before either can lose a column.
+  const marketColumns = options.allowMarketExpansion !== false
+    && termWidth - left - width - updateReserve >= HEADER_MARKET_FULL_COLUMNS
+    ? HEADER_MARKET_FULL_COLUMNS
+    : marketReserve;
   return { left, width, marketColumns, updateColumns: Math.max(0, termWidth - left - width - marketColumns) };
 }

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

@@ -847,7 +847,7 @@ export function Shell({
         justifyContent="center"
       >
         <Box flexDirection="column" alignItems="center">
-          <AsciiText text="Gloomberb" font="wordmark" color={colors.textMuted} />
+          <AsciiText text="Gloom" font="wordmark" color={colors.textMuted} />
           <Box height={1} />
           {/* An empty layout starts at the command bar: a click opens it, the key is beside it. */}
           <Button
@@ -881,6 +881,7 @@ export function Shell({
         dockDividerLayouts={dockDividerLayouts}
         dockLeafLayouts={dockLeafLayouts}
         focusedPaneId={focusedPaneId}
+        floatingOrder={activeLayout.floating}
         getPaneTitle={getPaneTitle}
         getPaneQuickSettings={getPaneQuickSettings}
         handleFloatingClose={handleFloatingClose}

package/src/components/layout/shell/pane/layers.tsx

@@ -34,6 +34,8 @@ interface ShellPaneLayersProps {
   dockDividerLayouts: DockDividerLayout[];
   dockLeafLayouts: DockLeafLayout[];
   focusedPaneId: string | null;
+  /** Saved insertion order, independent of which floating window is in front. */
+  floatingOrder: readonly { instanceId: string }[];
   getPaneTitle: (pane: ResolvedPane) => string;
   getPaneQuickSettings: (paneId: string) => PaneHeaderQuickSetting[];
   handleFloatingClose: (paneId: string) => void;
@@ -588,6 +590,7 @@ export function ShellPaneLayers({
   dockDividerLayouts,
   dockLeafLayouts,
   focusedPaneId,
+  floatingOrder,
   getPaneTitle,
   getPaneQuickSettings,
   handleFloatingClose,
@@ -691,6 +694,21 @@ export function ShellPaneLayers({
     dividerDragStart: (divider, event) => handlersRef.current.startNativeDividerDrag(divider, event),
   }), []);
 
+  // DOM z-index already stacks the windows. Reordering their React children
+  // as focus changes detaches/reinserts the existing DOM nodes, resetting every
+  // nested scrollport to zero without a scroll event. A windowed list then
+  // paints its old tail into an empty viewport. Keep insertion order on the
+  // desktop/web, including the saved order for equal z-indices. The terminal
+  // still draws back to front.
+  const floatingLayers = useMemo(() => {
+    if (!nativePaneChrome) return visibleFloatingPanes;
+    const byId = new Map(visibleFloatingPanes.map((entry) => [entry.pane.instance.instanceId, entry]));
+    return floatingOrder.flatMap(({ instanceId }) => {
+      const entry = byId.get(instanceId);
+      return entry ? [entry] : [];
+    });
+  }, [floatingOrder, nativePaneChrome, visibleFloatingPanes]);
+
   const layerProps = (pane: ResolvedPane, rect: LayoutBounds): PaneLayerProps => {
     const paneId = pane.instance.instanceId;
     const focused = focusedPaneId === paneId && (!overlayOpen || menuPaneId === paneId);
@@ -729,7 +747,7 @@ export function ShellPaneLayers({
         );
       })}
 
-      {visibleFloatingPanes.map(({ pane, rect }) => {
+      {floatingLayers.map(({ pane, rect }) => {
         if (transientFocusActive && pane.instance.instanceId !== transientFocusPaneId) return null;
         return (
           <FloatingPaneLayer

package/src/components/layout/status-bar.tsx

@@ -466,7 +466,7 @@ function NativeStatusBar({
       <Box flexGrow={1} minWidth={0} />
       <StatusBarSummary nativePaneChrome {...props} />
       {/* Widgets keep their width; the layout tabs give way instead. */}
-      <Box flexShrink={0} flexDirection="row" alignItems="center">
+      <Box flexShrink={0} flexDirection="row" alignItems="center" data-gloom-role="status-widgets">
         <PluginSlot name="status:widget" />
       </Box>
       <StatusBarFeedback nativePaneChrome {...props} />
@@ -592,7 +592,7 @@ function StatusBarSummary({
           onPress={() => { void rendererHost.openExternal(DESKTOP_DOWNLOAD_URL); }}
           role="link"
           setHoveredControl={setHoveredControl}
-          title={t("Get Gloomberb for Mac or Windows")}
+          title={t("Get Gloom for Mac or Windows")}
         />
       )}
     </>

package/src/components/market-board/index.tsx

@@ -1,11 +1,12 @@
 import { useMemo, useState, type ReactNode } from "react";
 import { useThemeColors } from "../../theme/theme-context";
 import type { PricePoint } from "../../types/financials";
-import { Box } from "../../ui";
+import { Box, useUiCapabilities } from "../../ui";
 import { compareSortValues, nextHeaderSort, type SortPreference } from "../../utils/sort-values";
 import { DataTableStackView } from "../data-table/stack-view";
 import { PriceSparkline } from "../price-sparkline/view";
 import { PaneStatusBody, StatGrid, statGridRows, type DataTableColumn, type DataTableCell, type StatItem } from "../ui";
+import { withCountryFlag, withFlagRoom } from "../ui/country-flag";
 import { getTableWidth } from "../ui/table-layout";
 
 export interface MarketBoardRow {
@@ -13,6 +14,11 @@ export interface MarketBoardRow {
   label: string;
   /** Secondary name shown beside the label, such as the instrument a jurisdiction sets. */
   labelDetail?: string;
+  /**
+   * The country the row is (a jurisdiction, a sovereign), as a code or a
+   * name: its flag leads the label on the desktop and the web.
+   */
+  country?: string | null;
   value: number | null;
   valueText: string;
   change: number | null;
@@ -138,6 +144,8 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
   labelWidth = 18, labelHeader = "INSTRUMENT", labelDetailHeader = "DETAIL", labelDetailWidth = 22, valueLabel = "LEVEL", percentileLabel = "PCTL 1Y", asOfWidth = 10, signedChange = false, extraColumns,
   rootBefore, emptyTitle = "No observations." }: MarketBoardStackProps<T>) {
   const colors = useThemeColors();
+  // A board of countries leads each name with its flag where one is drawn.
+  const flagged = useUiCapabilities().nativePaneChrome === true && rows.some((row) => row.country !== undefined);
   const [sort, setSort] = useState<SortPreference<string>>({ columnId: null, direction: "asc" });
   const items = useMemo(() => sort.columnId ? [...rows].sort((a, b) => {
     const key = sort.columnId as "label" | "labelDetail" | "value" | "change" | "percentile" | "asOf" | "changeAsOf";
@@ -149,7 +157,7 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
   // A stale or partial row's date carries a word, so the column has room for both and the date is never cut.
   const wordWidth = Math.max(0, ...rows.map((row) => (row.status ? STATUS_WORDS[row.status]?.length : 0) ?? 0));
   const { columns, shortAsOf } = fitBoardColumns([
-    { id: "label", label: labelHeader, width: labelWidth, align: "left" },
+    withFlagRoom({ id: "label", label: labelHeader, width: labelWidth, align: "left" }, flagged),
     ...(rows.some((row) => row.labelDetail !== undefined)
       ? [{ id: "labelDetail", label: labelDetailHeader, width: labelDetailWidth, align: "left" as const }] : []),
     { id: "value", label: valueLabel, width: valueWidth, align: "right" },
@@ -164,7 +172,7 @@ export function MarketBoardStack<T extends MarketBoardRow>({ rows, width, height
     const extra = extraColumns?.find((item) => item.column.id === column.id);
     if (extra) return extra.renderCell(row);
     const muted = row.status === "unavailable" ? colors.textDim : colors.text;
-    if (column.id === "label") return { text: row.label, color: muted };
+    if (column.id === "label") return withCountryFlag({ text: row.label, color: muted }, row.country, flagged);
     if (column.id === "labelDetail") return { text: row.labelDetail ?? "", color: colors.textMuted };
     if (column.id === "value") return { text: row.valueText, color: muted };
     if (column.id === "change") return { text: row.changeText,

package/src/components/onboarding/onboarding-wizard.tsx

@@ -161,6 +161,7 @@ function useOnboardingWizard({ pluginRegistry, importBrokerPositions, onComplete
     importBrokerPositions,
     getConfig: () => stateRef.current.config,
     createBrokerInstance: (brokerType, label, values) => pluginRegistry.createBrokerInstance(brokerType, label, values),
+    enableBrokerInstance: (instanceId) => pluginRegistry.updateBrokerInstance(instanceId, {}, { enabled: true }),
     onSynced: handleBrokerSynced,
     setEditingField,
     setPortfolioSub,

package/src/components/onboarding/portfolio-step/broker-setup-panel.tsx

@@ -91,13 +91,13 @@ export function BrokerSetupPanel({
             <Text fg={colors.textDim}>{t("   Enable \"ActiveX and Socket Clients\"")}</Text>
           </Box>
           <Box height={desktop ? 1 : 2} overflow="hidden">
-            <Text fg={colors.textDim}>{t("   Gloomberb can auto-detect local API ports (4001, 4002, 7496, 7497)")}</Text>
+            <Text fg={colors.textDim}>{t("   Gloom can auto-detect local API ports (4001, 4002, 7496, 7497)")}</Text>
           </Box>
           <Box height={desktop ? 1 : 2} overflow="hidden">
             <Text fg={colors.textDim}>{t("   Use Manual setup only if you need a custom host or exact socket port")}</Text>
           </Box>
           <Box height={1}>
-            <Text fg={colors.textDim}>{t("4. Keep it running while using Gloomberb")}</Text>
+            <Text fg={colors.textDim}>{t("4. Keep it running while using Gloom")}</Text>
           </Box>
           <Box height={desktop ? 2 : 1} />
           <GuideLink url={IBKR_GATEWAY_DOWNLOAD_URL} />

package/src/components/onboarding/wizard-broker-sync.ts

@@ -59,6 +59,7 @@ export function useOnboardingBrokerSync({
   importBrokerPositions,
   getConfig,
   createBrokerInstance,
+  enableBrokerInstance,
   onSynced,
   setEditingField,
   setPortfolioSub,
@@ -71,6 +72,7 @@ export function useOnboardingBrokerSync({
   /** The live config and profile creation, for the signed-in path that Add Broker shares. */
   getConfig: () => AppConfig;
   createBrokerInstance: (brokerType: string, label: string, values: Record<string, unknown>) => Promise<BrokerInstanceConfig>;
+  enableBrokerInstance: (instanceId: string) => Promise<void>;
   onSynced: (result: SyncBrokerInstanceResult, config: AppConfig) => void | Promise<void>;
   setEditingField: (editing: boolean) => void;
   setPortfolioSub: Dispatch<SetStateAction<PortfolioSub>>;
@@ -227,6 +229,7 @@ export function useOnboardingBrokerSync({
       const connected = await connectSignedInBrokerProfile(broker, {
         getConfig,
         createBrokerInstance,
+        enableBrokerInstance,
         syncBrokerInstance: (instanceId) => {
           if (brokerSyncAttemptRef.current === attemptId) showSyncing();
           return importInto(instanceId, attemptId, abortController.signal);
@@ -237,7 +240,7 @@ export function useOnboardingBrokerSync({
     } catch (error) {
       failSync(attemptId, error);
     }
-  }, [beginAttempt, createBrokerInstance, failSync, finishSync, getConfig, importInto, setEditingField, showSyncing]);
+  }, [beginAttempt, createBrokerInstance, enableBrokerInstance, failSync, finishSync, getConfig, importInto, setEditingField, showSyncing]);
 
   const syncSelectedBroker = useCallback(async (brokerValueOverrides?: Record<string, string>) => {
     const signedIn = brokerOptions.find((option) => option.id === selectedBrokerId)?.signedIn;

package/src/components/pane-settings-dialog/desktop.tsx

@@ -1,13 +1,13 @@
 import { Box, Text } from "../../ui";
 import { useEffect, useId, type ReactNode } from "react";
-import type { PaneSettingField } from "../../types/plugin";
+import type { PaneSettingField, PaneSettingRowNote } from "../../types/plugin";
 import { colors } from "../../theme/colors";
 import { SelectField, type SelectFieldHandle } from "../ui/select-field";
 import { Checkbox } from "../ui/checkbox";
 import { Button } from "../ui/button";
 import { Badge } from "../ui/display";
 import { DialogFrame } from "../ui/frame";
-import { isPaneSettingDisabled, summarizePaneSettingValue } from "./value";
+import { isPaneSettingDisabled, noteColor, summarizePaneSettingValue } from "./value";
 
 const DESKTOP_TEXT_STYLE = {
   letterSpacing: 0,
@@ -74,6 +74,7 @@ function DesktopSettingsRow({
   field,
   selected,
   currentValue,
+  note,
   onHover,
   onEdit,
   onSelectRef,
@@ -82,6 +83,8 @@ function DesktopSettingsRow({
   field: PaneSettingField;
   selected: boolean;
   currentValue: unknown;
+  /** What its action said on it: the state beside its button, the reason in place of its description. */
+  note: PaneSettingRowNote | null;
   onHover: () => void;
   onEdit: () => void;
   onSelectRef: (fieldKey: string, element: SelectFieldHandle | null) => void;
@@ -91,6 +94,7 @@ function DesktopSettingsRow({
   const disabled = isPaneSettingDisabled(field);
   const rowId = useFollowHighlight(selected);
   const summary = summarizePaneSettingValue(field, currentValue);
+  const description = note?.text ?? field.description;
   const control = field.type === "toggle" ? (
     <Checkbox label={field.label} displayLabel="" checked={currentValue === true} onChange={(checked) => onApply(field, checked)} />
   ) : field.type === "select" ? (
@@ -104,7 +108,10 @@ function DesktopSettingsRow({
     />
   ) : field.type === "action" ? (
     // The button says what pressing the row does, and presses it: the row's own press is not repeated.
-    <Button label={summary} variant="secondary" disabled={disabled} onPress={onEdit} stopPropagation />
+    <Box flexDirection="row" alignItems="center" gap={1}>
+      {note ? <Text fg={noteColor(note)} style={desktopText()}>{note.status}</Text> : null}
+      <Button label={summary} variant="secondary" disabled={disabled} onPress={onEdit} stopPropagation />
+    </Box>
   ) : (
     <Box flexDirection="row" alignItems="center" gap={1}>
       <Badge label={summary} />
@@ -116,7 +123,7 @@ function DesktopSettingsRow({
     <Box
       id={rowId}
       flexDirection="column"
-      minHeight={field.description ? undefined : 2}
+      minHeight={description ? undefined : 2}
       data-gloom-role="pane-setting-row"
       data-selected={selected ? "true" : "false"}
       backgroundColor={selected ? "var(--gloom-hover-fill)" : "transparent"}
@@ -143,9 +150,9 @@ function DesktopSettingsRow({
         </Box>
         {control}
       </Box>
-      {field.description && (
-        <Text fg={colors.textMuted} wrapText style={desktopText()}>
-          {field.description}
+      {description && (
+        <Text fg={note?.text ? noteColor(note) : colors.textMuted} wrapText style={desktopText()}>
+          {description}
         </Text>
       )}
     </Box>
@@ -156,6 +163,7 @@ function DesktopSettingsList({
   fields,
   selectedIndex,
   settings,
+  noteFor,
   onHover,
   onEdit,
   onSelectRef,
@@ -164,6 +172,7 @@ function DesktopSettingsList({
   fields: PaneSettingField[];
   selectedIndex: number;
   settings: Record<string, unknown>;
+  noteFor?: (field: PaneSettingField) => PaneSettingRowNote | null;
   onHover: (field: PaneSettingField, index: number) => void;
   onEdit: (field: PaneSettingField, index: number) => void;
   onSelectRef: (fieldKey: string, element: SelectFieldHandle | null) => void;
@@ -182,6 +191,7 @@ function DesktopSettingsList({
           field={field}
           selected={index === selectedIndex}
           currentValue={settings[field.key]}
+          note={noteFor?.(field) ?? null}
           onHover={() => onHover(field, index)}
           onEdit={() => onEdit(field, index)}
           onSelectRef={onSelectRef}
@@ -208,6 +218,7 @@ export function DesktopPaneSettingsDialogBody({
   fields,
   selectedIndex,
   settings,
+  noteFor,
   onHover,
   onEdit,
   onSelectRef,
@@ -218,6 +229,7 @@ export function DesktopPaneSettingsDialogBody({
   fields: PaneSettingField[];
   selectedIndex: number;
   settings: Record<string, unknown>;
+  noteFor?: (field: PaneSettingField) => PaneSettingRowNote | null;
   onHover: (field: PaneSettingField, index: number) => void;
   onEdit: (field: PaneSettingField, index: number) => void;
   onSelectRef: (fieldKey: string, element: SelectFieldHandle | null) => void;
@@ -237,6 +249,7 @@ export function DesktopPaneSettingsDialogBody({
           fields={fields}
           selectedIndex={selectedIndex}
           settings={settings}
+          noteFor={noteFor}
           onHover={onHover}
           onEdit={onEdit}
           onSelectRef={onSelectRef}

package/src/components/pane-settings-dialog/tui.tsx

@@ -1,12 +1,12 @@
 import { Box, Text } from "../../ui";
 import { t } from "../../i18n";
 import { TextAttributes } from "../../ui";
-import type { PaneSettingField } from "../../types/plugin";
+import type { PaneSettingField, PaneSettingRowNote } from "../../types/plugin";
 import { colors } from "../../theme/colors";
 import { useViewport } from "../../react/input";
 import { DialogFrame, ListView } from "../ui";
 import type { ListViewProps } from "../ui/list-view";
-import { isPaneSettingDisabled, summarizePaneSettingValue } from "./value";
+import { isPaneSettingDisabled, noteColor, summarizePaneSettingValue } from "./value";
 
 /** Terminal rows a settings dialog spends around its list: edge, frame, title, description. */
 const TUI_DIALOG_LIST_CHROME_ROWS = 11;
@@ -21,7 +21,10 @@ export function useTuiDialogListRows(): number {
  * for it scrolls to the cursor instead of running under the dialog's edge,
  * and the highlighted row's description sits under it.
  */
-export function TuiDialogList(props: ListViewProps) {
+export function TuiDialogList({ descriptionColor, ...props }: ListViewProps & {
+  /** The highlighted row's description in a tone: what its action ran into. */
+  descriptionColor?: (index: number) => string | undefined;
+}) {
   const maxRows = useTuiDialogListRows();
   const scrollable = props.items.length > maxRows;
   const description = props.selectedIndex >= 0 ? props.items[props.selectedIndex]?.description : undefined;
@@ -37,7 +40,7 @@ export function TuiDialogList(props: ListViewProps) {
         <>
           <Box height={1} />
           <Box>
-            <Text fg={colors.textDim}>{"    "}{t(description)}</Text>
+            <Text fg={descriptionColor?.(props.selectedIndex) ?? colors.textDim}>{"    "}{t(description)}</Text>
           </Box>
         </>
       )}
@@ -58,6 +61,7 @@ export function TuiPaneSettingsDialogBody({
   fields,
   selectedIndex,
   settings,
+  noteFor,
   onSelect,
   onActivate,
 }: {
@@ -65,26 +69,30 @@ export function TuiPaneSettingsDialogBody({
   fields: PaneSettingField[];
   selectedIndex: number;
   settings: Record<string, unknown>;
+  /** What an action said on its own row: its state in place of the row's value, its reason in place of the description. */
+  noteFor?: (field: PaneSettingField) => PaneSettingRowNote | null;
   onSelect: (index: number) => void;
   onActivate: (field: PaneSettingField | undefined) => void;
 }) {
+  const notes = fields.map((field) => noteFor?.(field) ?? null);
   return (
     <DialogFrame title={t(title)}>
       <TuiDialogList
-        items={fields.map((field) => ({
+        items={fields.map((field, index) => ({
           id: field.key,
           label: t(field.label),
-          description: field.description ? t(field.description) : field.description,
-          detail: summarizePaneSettingValue(field, settings[field.key]),
+          description: notes[index]?.text ?? (field.description ? t(field.description) : field.description),
+          detail: notes[index]?.status ?? summarizePaneSettingValue(field, settings[field.key]),
           disabled: isPaneSettingDisabled(field),
         }))}
+        descriptionColor={(index) => (notes[index]?.text ? noteColor(notes[index]) : undefined)}
         selectedIndex={selectedIndex}
         bgColor={colors.commandBg}
         onSelect={onSelect}
         onActivate={(_, index) => {
           onActivate(fields[index]);
         }}
-        renderRow={(item, rowState) => (
+        renderRow={(item, rowState, index) => (
           <Box flexDirection="row" justifyContent="space-between" width="100%">
             <Box flexDirection="row">
               <Text fg={rowState.selected ? colors.selectedText : colors.textDim}>
@@ -97,7 +105,7 @@ export function TuiPaneSettingsDialogBody({
                 {item.label}
               </Text>
             </Box>
-            <Text fg={colors.textMuted}>
+            <Text fg={noteColor(notes[index]) ?? colors.textMuted}>
               {item.detail}
             </Text>
           </Box>

package/src/components/pane-settings-dialog/value.ts

@@ -1,5 +1,6 @@
-import type { PaneSettingField } from "../../types/plugin";
+import type { PaneSettingField, PaneSettingRowNote } from "../../types/plugin";
 import { t } from "../../i18n";
+import { colors } from "../../theme/colors";
 
 export function isSpaceKey(event: { name?: string; sequence?: string }): boolean {
   return event.name === "space" || event.name === " " || event.sequence === " ";
@@ -10,6 +11,12 @@ export function isPaneSettingDisabled(field: PaneSettingField): boolean {
   return field.type === "action" && field.disabled === true;
 }
 
+/** A row note's tone, for its state and its reason. */
+export function noteColor(note: PaneSettingRowNote | null | undefined): string | undefined {
+  if (!note) return undefined;
+  return note.tone === "negative" ? colors.negative : colors.warning;
+}
+
 export function summarizePaneSettingValue(field: PaneSettingField, value: unknown): string {
   switch (field.type) {
     case "action":

package/src/components/pane-settings-dialog.tsx

@@ -1,7 +1,7 @@
 import { useUiCapabilities } from "../ui";
 import { type AlertContext, useDialog, useDialogKeyboard } from "../ui/dialog";
 import { useEffect, useRef, useState } from "react";
-import type { PaneSettingField } from "../types/plugin";
+import type { PaneSettingField, PaneSettingRowNote } from "../types/plugin";
 import type { PluginRegistry } from "../plugins/registry";
 import { isPlainKey } from "../utils/keyboard";
 import { openSelectField, type SelectFieldHandle } from "./ui/select-field";
@@ -20,6 +20,13 @@ import {
   TuiUnavailablePaneSettingsDialog,
 } from "./pane-settings-dialog/tui";
 import { isPaneSettingDisabled, isSpaceKey, stepPaneSettingSelect } from "./pane-settings-dialog/value";
+import { useRowNotes } from "./ui/row-notes";
+
+const fieldKey = (field: PaneSettingField) => field.key;
+/** What an action row shows of its own state: a note on it goes once that moves on (it connected elsewhere, say). */
+const actionRowSignature = (field: PaneSettingField) => (
+  field.type === "action" ? `${field.actionLabel ?? ""}\u0000${field.description ?? ""}\u0000${field.disabled === true}` : ""
+);
 
 interface PaneSettingsDialogContentProps extends AlertContext {
   paneId: string;
@@ -48,6 +55,11 @@ export function PaneSettingsDialogContent({
   });
   const [, setSettingsRevision] = useState(0);
   const desktopSelectRefs = useRef(new Map<string, SelectFieldHandle>());
+  // What an action said on its own row (setRowNote), while the dialog is open.
+  const { noteFor, setNote: setRowNote } = useRowNotes<PaneSettingField, PaneSettingRowNote>(fields, { key: fieldKey, signature: actionRowSignature });
+  const running = useRef(new Set<string>());
+  const mounted = useRef(true);
+  useEffect(() => () => { mounted.current = false; }, []);
 
   useEffect(() => {
     if (selectedIndex < fields.length) return;
@@ -68,24 +80,41 @@ export function PaneSettingsDialogContent({
   const openFieldEditor = async (field: PaneSettingField | undefined) => {
     if (!field || !descriptor) return;
     if (field.type === "action") {
-      if (field.disabled) return;
+      // A row whose action is still running is not run again.
+      if (field.disabled || running.current.has(field.key)) return;
       let closed = false;
       const close = () => {
         if (closed) return;
         closed = true;
         dismiss();
       };
-      await field.action({
-        ...descriptor.context,
-        surface: "pane-dialog",
-        close,
-        openCommandBar: (query) => {
-          close();
-          queueMicrotask(() => pluginRegistry.openCommandBar(query));
-        },
-        notify: (notification) => pluginRegistry.notify(notification),
-      });
-      if (!closed) setSettingsRevision((revision) => revision + 1);
+      running.current.add(field.key);
+      setRowNote(field.key, null);
+      try {
+        await field.action({
+          ...descriptor.context,
+          surface: "pane-dialog",
+          close,
+          openCommandBar: (query) => {
+            close();
+            queueMicrotask(() => pluginRegistry.openCommandBar(query));
+          },
+          notify: (notification) => pluginRegistry.notify(notification),
+          setRowNote: (note) => {
+            // The row is off screen once the dialog has closed, or once its field has left the settings (an
+            // account that disconnected and has nothing left to connect). The settings are read again here, as
+            // the action may have changed them since the dialog last drew.
+            if (closed || !mounted.current) return false;
+            const current = pluginRegistry.resolvePaneSettings(paneId)?.settingsDef.fields ?? [];
+            if (!current.some((entry) => entry.key === field.key)) return false;
+            setRowNote(field.key, note);
+            return true;
+          },
+        });
+      } finally {
+        running.current.delete(field.key);
+      }
+      if (!closed && mounted.current) setSettingsRevision((revision) => revision + 1);
       return;
     }
     const currentValue = descriptor.context.settings[field.key];
@@ -191,6 +220,7 @@ export function PaneSettingsDialogContent({
       fields={fields}
       selectedIndex={selectedIndex}
       settings={descriptor.context.settings}
+      noteFor={noteFor}
       onHover={(_field, index) => setSelectedIndex(index)}
       onSelectRef={setDesktopSelectRef}
       onEdit={(field, index) => {
@@ -208,6 +238,7 @@ export function PaneSettingsDialogContent({
       fields={fields}
       selectedIndex={selectedIndex}
       settings={descriptor.context.settings}
+      noteFor={noteFor}
       onSelect={setSelectedIndex}
       onActivate={(field) => {
         void openFieldEditor(field).catch(() => {});