gloomberb 0.9.7 → 0.9.9

package/src/plugins/builtin/chat/message/profile-popover.tsx

@@ -1,36 +1,140 @@
 import { Box, Text } from "../../../../ui";
 import { TextAttributes } from "../../../../ui";
 import { colors } from "../../../../theme/colors";
-import type { ChatUserSummary } from "../../../../api-client";
+import type { ChatUserSummary, PublicPortfolioAnalytics } from "../../../../api-client";
+import { formatNumber } from "../../../../utils/format";
 import { truncateChannelLabel } from "../channels";
-import { ChatActionChip } from "./action-chip";
 
 export const PROFILE_POPOVER_CLOSE_DELAY_MS = 40;
 
+function hasPortfolioAnalytics(analytics: PublicPortfolioAnalytics | null | undefined): boolean {
+  return Boolean(
+    analytics
+    && (
+      analytics.oneYearReturn != null
+      || analytics.spyBeta != null
+    ),
+  );
+}
+
 export function hasPublicChatProfileInfo(user: ChatUserSummary): boolean {
   if (user.profilePublic === false) return false;
-  return Boolean(user.bio?.trim() || user.title?.trim() || user.company?.trim());
+  return Boolean(user.bio?.trim() || user.title?.trim() || user.company?.trim() || hasPortfolioAnalytics(user.portfolioAnalytics));
+}
+
+function formatSignedPercent(value: number): string {
+  const percent = value * 100;
+  return `${percent >= 0 ? "+" : ""}${formatNumber(percent, 2)}%`;
+}
+
+type AnalyticsMetric = {
+  id: "one-year" | "beta";
+  label: string;
+  value: string;
+  rawValue: number;
+};
+
+function analyticsValueColor(id: string, value: number): string {
+  if (id === "one-year") {
+    if (value > 0) return colors.positive;
+    if (value < 0) return colors.negative;
+  }
+  return colors.warning;
+}
+
+function analyticsMetrics(analytics: PublicPortfolioAnalytics): AnalyticsMetric[] {
+  return [
+    analytics.oneYearReturn != null
+      ? {
+        id: "one-year",
+        label: "1Y",
+        value: formatSignedPercent(analytics.oneYearReturn),
+        rawValue: analytics.oneYearReturn,
+      }
+      : null,
+    analytics.spyBeta != null
+      ? {
+        id: "beta",
+        label: "Beta",
+        value: formatNumber(analytics.spyBeta, 2),
+        rawValue: analytics.spyBeta,
+      }
+      : null,
+  ].filter((metric): metric is AnalyticsMetric => !!metric);
+}
+
+function headerMetricLabel(metric: AnalyticsMetric): string {
+  return metric.id === "beta" ? "Beta" : metric.label;
+}
+
+function headerMetricsNaturalWidth(metrics: AnalyticsMetric[]): number {
+  const metricWidth = metrics.reduce((sum, metric) => (
+    sum + headerMetricLabel(metric).length + 1 + metric.value.length
+  ), 0);
+  return metricWidth + Math.max(0, metrics.length - 1);
+}
+
+function HeaderAnalyticsStats({
+  metrics,
+  width,
+}: {
+  metrics: AnalyticsMetric[];
+  width: number;
+}) {
+  if (metrics.length === 0 || width < 8) return null;
+  const gapWidth = Math.max(0, metrics.length - 1);
+  const naturalWidths = metrics.map((metric) => headerMetricLabel(metric).length + 1 + metric.value.length);
+  const availableMetricWidth = Math.max(metrics.length * 4, width - gapWidth);
+  let overflow = Math.max(0, naturalWidths.reduce((sum, value) => sum + value, 0) - availableMetricWidth);
+  const metricWidths = naturalWidths.map((naturalWidth, index) => {
+    const shrinkable = Math.max(0, naturalWidth - 4);
+    const shrink = Math.min(shrinkable, Math.ceil(overflow / (naturalWidths.length - index)));
+    overflow -= shrink;
+    return naturalWidth - shrink;
+  });
+
+  return (
+    <Box flexDirection="row" gap={1} width={width}>
+      {metrics.map((metric, index) => {
+        const label = headerMetricLabel(metric);
+        const metricWidth = metricWidths[index] ?? 4;
+        const labelWidth = Math.max(1, Math.min(label.length, metricWidth - 2));
+        const valueWidth = Math.max(1, metricWidth - labelWidth - 1);
+        return (
+          <Box key={metric.id} width={metricWidth} height={1} flexDirection="row" gap={1}>
+            <Text fg={colors.textMuted}>{truncateChannelLabel(label, labelWidth)}</Text>
+            <Text fg={analyticsValueColor(metric.id, metric.rawValue)} attributes={TextAttributes.BOLD}>
+              {truncateChannelLabel(metric.value, valueWidth)}
+            </Text>
+          </Box>
+        );
+      })}
+    </Box>
+  );
 }
 
 export function UserProfilePopover({
   user,
   width,
-  currentUserId,
-  onDirectMessage,
   onClose,
   onKeepOpen,
 }: {
   user: ChatUserSummary;
   width: number;
-  currentUserId?: string | null;
-  onDirectMessage: (user: ChatUserSummary) => void;
   onClose: () => void;
   onKeepOpen: () => void;
 }) {
   const popoverWidth = Math.max(24, Math.min(38, width - 4));
   const meta = [user.title, user.company].filter(Boolean).join(" · ");
   const bio = user.bio?.trim();
-  const canDm = user.id === currentUserId || user.acceptUnknownDms !== false;
+  const analytics = user.portfolioAnalytics;
+  const metrics = analytics ? analyticsMetrics(analytics) : [];
+  const headerWidth = Math.max(1, popoverWidth - 2);
+  const maxStatsWidth = Math.max(0, headerWidth - 8);
+  const statsWidth = metrics.length > 0 && maxStatsWidth >= 8
+    ? Math.min(headerMetricsNaturalWidth(metrics), maxStatsWidth)
+    : 0;
+  const usernameWidth = Math.max(1, headerWidth - (statsWidth > 0 ? statsWidth + 1 : 0));
 
   return (
     <Box
@@ -47,19 +151,19 @@ export function UserProfilePopover({
       onMouseOut={onClose}
       style={{ zIndex: 4 }}
     >
-      <Box height={1} flexDirection="row">
-        <Text fg={colors.positive} attributes={TextAttributes.BOLD}>
-          {truncateChannelLabel(user.username ? `@${user.username}` : user.displayName, Math.max(popoverWidth - 10, 1))}
-        </Text>
+      <Box height={1} width={headerWidth} flexDirection="row">
+        <Box width={usernameWidth}>
+          <Text fg={colors.positive} attributes={TextAttributes.BOLD}>
+            {truncateChannelLabel(user.username ? `@${user.username}` : user.displayName, usernameWidth)}
+          </Text>
+        </Box>
+        {statsWidth > 0 ? (
+          <>
+            <Box width={1} />
+            <HeaderAnalyticsStats metrics={metrics} width={statsWidth} />
+          </>
+        ) : null}
         <Box flexGrow={1} />
-        <ChatActionChip
-          label={canDm ? "DM" : "Closed"}
-          width={canDm ? 5 : 9}
-          emphasized
-          onPress={() => {
-            if (canDm) onDirectMessage(user);
-          }}
-        />
       </Box>
       {meta ? <Text fg={colors.textDim}>{truncateChannelLabel(meta, popoverWidth - 2)}</Text> : null}
       {bio ? (

package/src/plugins/builtin/chat/sidebar.test.tsx

@@ -5,9 +5,10 @@ import { AppContext, appReducer, createInitialState, PaneInstanceProvider } from
 import { createConfigBackedTestPluginRuntime, createTestPluginRuntime } from "../../../test-support/plugin-runtime";
 import { createDefaultConfig, findPaneInstance, type PaneInstanceConfig } from "../../../types/config";
 import { TextAttributes } from "../../../ui";
+import { apiClient } from "../../../api-client";
 import { PluginRenderProvider } from "../../runtime";
 import { gloomberbCloudPlugin } from "../cloud";
-import { ChatContent } from "../chat";
+import { ChatContent } from "./content";
 import { chatController } from "./controller";
 import { useChatChannelNavigation } from "./content/channel-navigation";
 import {
@@ -18,6 +19,7 @@ import {
   installChatApiTestDefaults,
   installServerChannels,
   lineText,
+  makeMessage,
   MemoryPersistence,
   type ChatTestSetup,
 } from "./test-harness";
@@ -38,7 +40,11 @@ afterEach(async () => {
   testSetup = undefined;
 });
 
-function createChannelPane(controller: ReturnType<typeof createController>, initialChannelId = "equities") {
+function createChannelPane(
+  controller: ReturnType<typeof createController>,
+  initialChannelId = "equities",
+  onChannelChange?: (channelId: string) => void,
+) {
   const state = createInitialState(createDefaultConfig("/tmp/gloomberb-chat"));
 
   return function ChannelPane() {
@@ -52,7 +58,10 @@ function createChannelPane(controller: ReturnType<typeof createController>, init
             height={12}
             focused
             channelId={channelId}
-            onChannelChange={setChannelId}
+            onChannelChange={(nextChannelId) => {
+              onChannelChange?.(nextChannelId);
+              setChannelId(nextChannelId);
+            }}
           />
         </PluginRenderProvider>
       </AppContext>
@@ -214,6 +223,76 @@ describe("ChatContent channel sidebar", () => {
     expect(setup().captureCharFrame()).not.toContain("#options");
   });
 
+  test("opens a new direct-message dialog from the DMs header", async () => {
+    const controller = createController({
+      messages: [{
+        ...makeMessage(1),
+        user: { id: "u2", username: "bob", displayName: "Bob" },
+      }],
+      sessionToken: "token-123",
+      user: { id: "u1", username: "vince", emailVerified: true },
+    });
+    installServerChannels(controller);
+    controller.refreshChannels = async () => {};
+    controller.refreshChannelMessages = async () => {};
+    const openedTargets: Array<{ username?: string }> = [];
+    const originalOpenDirectChannel = apiClient.openDirectChannel.bind(apiClient);
+    apiClient.openDirectChannel = async (target) => {
+      openedTargets.push(target);
+      return {
+        id: "dm:bob",
+        name: "@bob",
+        kind: "direct",
+        created_at: "2026-07-03T09:30:00.000Z",
+        dmUser: { id: "u2", username: "bob", displayName: "Bob" },
+      };
+    };
+    const selectedChannels: string[] = [];
+    const ChannelPane = createChannelPane(controller, "everyone", (channelId) => {
+      selectedChannels.push(channelId);
+    });
+
+    try {
+      await act(async () => {
+        testSetup = await testRender(<ChannelPane />, {
+          width: 90,
+          height: 14,
+        });
+      });
+
+      await flushFrame();
+      const lines = setup().captureCharFrame().split("\n");
+      const row = lines.findIndex((line) => line.includes("DMs"));
+      const col = lines[row]?.lastIndexOf("+") ?? -1;
+      expect(row).toBeGreaterThanOrEqual(0);
+      expect(col).toBeGreaterThanOrEqual(0);
+
+      await act(async () => {
+        await setup().mockMouse.click(col, row);
+        await setup().renderOnce();
+        await setup().renderOnce();
+      });
+      await flushFrame();
+
+      expect(setup().captureCharFrame()).toContain("New DM");
+
+      await act(async () => {
+        await setup().mockInput.typeText("@bob");
+        setup().mockInput.pressEnter();
+        await setup().renderOnce();
+        await setup().renderOnce();
+      });
+      await flushFrame();
+
+      expect(openedTargets).toEqual([{ username: "bob" }]);
+      expect(selectedChannels).toEqual(["dm:bob"]);
+      expect(setup().captureCharFrame()).toContain("@bob");
+      expect(setup().captureCharFrame()).not.toContain("New DM");
+    } finally {
+      apiClient.openDirectChannel = originalOpenDirectChannel;
+    }
+  });
+
   test("shows the sidebar online count footer", async () => {
     const controller = createController({ sessionToken: "token-123" });
     installServerChannels(controller);
@@ -287,7 +366,6 @@ describe("ChatContent channel sidebar", () => {
   });
 
   test("coalesces rapid sidebar navigation to the final channel", async () => {
-    const controller = createController({ sessionToken: "token-123" });
     const channels = [
       { id: "everyone", name: "everyone", created_at: "2026-03-26T12:10:05.684Z" },
       { id: "equities", name: "equities", created_at: "2026-05-09T00:00:00.000Z" },
@@ -314,8 +392,6 @@ describe("ChatContent channel sidebar", () => {
         channelIdRef,
         channels,
         channelsLoading: false,
-        closeProfilePopover: () => {},
-        controller,
         focused: true,
         inputFocused: false,
         onChannelChange: handleChannelChange,
@@ -412,6 +488,7 @@ describe("ChatContent channel sidebar", () => {
       },
       registerPaneTemplate: () => {},
       registerTickerResearchTab: () => {},
+      registerSyncTransport: () => {},
       registerShortcut: () => {},
       registerCommand: () => {},
       showPane: () => {},

package/src/plugins/builtin/chat/sidebar.tsx

@@ -109,9 +109,11 @@ export function ChannelSidebar({
   keyboardFocused,
   loading,
   canManageNotifications,
+  canCreateConversation,
   directExpanded,
   onSelect,
   onFocusRequest,
+  onCreateConversation,
   onToggleNotifications,
   onToggleDirectExpanded,
 }: {
@@ -125,9 +127,11 @@ export function ChannelSidebar({
   keyboardFocused: boolean;
   loading: boolean;
   canManageNotifications: boolean;
+  canCreateConversation: boolean;
   directExpanded: boolean;
   onSelect?: (channelId: string) => void;
   onFocusRequest?: () => void;
+  onCreateConversation?: () => void;
   onToggleNotifications?: (channelId: string, enabled: boolean) => void;
   onToggleDirectExpanded?: () => void;
 }) {
@@ -149,9 +153,9 @@ export function ChannelSidebar({
   const conversationUnread = conversationChannels.some((channel) => (channelStateById.get(channel.id)?.unreadCount ?? 0) > 0);
   const sidebarRows = useMemo(() => [
     ...publicChannels.map((channel) => ({ kind: "channel" as const, channel })),
-    ...(conversationChannels.length > 0 ? [{ kind: "direct-header" as const }] : []),
+    ...(conversationChannels.length > 0 || canCreateConversation ? [{ kind: "direct-header" as const }] : []),
     ...(directExpanded ? conversationChannels.map((channel) => ({ kind: "channel" as const, channel })) : []),
-  ], [conversationChannels, directExpanded, publicChannels]);
+  ], [canCreateConversation, conversationChannels, directExpanded, publicChannels]);
   const sidebarLayoutHeight = nativePaneChrome ? "100%" : height;
   const nativeFillStyle = nativePaneChrome ? { minHeight: 0 } : undefined;
   const sidebarBorder = borderWidth > 0
@@ -201,6 +205,26 @@ export function ChannelSidebar({
                 >
                   {` ${directExpanded ? "▾" : "▸"} DMs`}
                 </Text>
+                <Box flexGrow={1} />
+                {canCreateConversation ? (
+                  <Box
+                    width={3}
+                    height={1}
+                    alignItems="center"
+                    justifyContent="center"
+                    backgroundColor={hoveredChannelId === "direct-header:create" ? hoverBg() : sidebarBg}
+                    onMouseOver={() => setHoveredChannelId("direct-header:create")}
+                    onMouseOut={() => setHoveredChannelId((current) => (current === "direct-header:create" ? null : current))}
+                    onMouseDown={(event: any) => {
+                      event?.preventDefault?.();
+                      event?.stopPropagation?.();
+                      onCreateConversation?.();
+                    }}
+                    style={{ cursor: "pointer" }}
+                  >
+                    <Text fg={hoveredChannelId === "direct-header:create" ? colors.textMuted : colors.textDim}>+</Text>
+                  </Box>
+                ) : null}
               </Box>
             );
           }

package/src/plugins/builtin/chat/test-harness.tsx

@@ -9,7 +9,7 @@ import { Box } from "../../../ui";
 import { apiClient, type ChatChannel, type ChatMessage } from "../../../api-client";
 import { PluginRenderProvider, type PluginRuntimeAccess } from "../../runtime";
 import { setSharedMarketDataForTests, setSharedRegistryForTests } from "../../registry";
-import { ChatContent } from "../chat";
+import { ChatContent } from "./content";
 import { ChatController } from "./controller";
 
 const TRANSCRIPT_KIND = "channel-transcript";
@@ -178,23 +178,33 @@ export function createChatTestControls(getSetup: () => ChatTestSetup) {
       sequence?: string;
       ctrl?: boolean;
       meta?: boolean;
+      super?: boolean;
+      alt?: boolean;
       shift?: boolean;
       option?: boolean;
     }) {
+      const keyEvent = {
+        ctrl: false,
+        meta: false,
+        option: false,
+        shift: false,
+        eventType: "press",
+        repeated: false,
+        defaultPrevented: false,
+        propagationStopped: false,
+        preventDefault() {
+          keyEvent.defaultPrevented = true;
+        },
+        stopPropagation() {
+          keyEvent.propagationStopped = true;
+        },
+        ...event,
+      };
       await act(async () => {
-        getSetup().renderer.keyInput.emit("keypress", {
-          ctrl: false,
-          meta: false,
-          option: false,
-          shift: false,
-          eventType: "press",
-          repeated: false,
-          stopPropagation: () => {},
-          preventDefault: () => {},
-          ...event,
-        } as any);
+        (getSetup().renderer.keyInput as any).emit("keypress", keyEvent);
         await getSetup().renderOnce();
       });
+      return keyEvent;
     },
   };
 }

package/src/plugins/builtin/cloud/plugin.tsx

@@ -10,7 +10,7 @@ import {
   CONGRESS_TRADES_PANE_ID,
   CongressTradesPane,
 } from "../congress-trades/pane";
-import { registerTwitterFeedFeature } from "../cloud-tweets";
+import { registerTwitterFeedFeature } from "../cloud-tweets/registration";
 import {
   buildDmCommandResults,
   formatChatPaneTitle,
@@ -103,6 +103,13 @@ export function createGloomberbCloudPlugin({
       chatController.attachPersistence(ctx.persistence, ctx.resume);
       chatController.setNotifier(ctx.notify);
 
+      ctx.registerSyncTransport({
+        id: "gloomberb-cloud",
+        isAvailable: () => apiClient.isVerified(),
+        pullSnapshot: () => apiClient.getSyncSnapshot(),
+        pushSnapshot: (snapshot, options) => apiClient.putSyncSnapshot(snapshot, options),
+      });
+
       ctx.registerPane({
         id: "chat",
         name: "Chat",

package/src/plugins/builtin/cloud-tweets/pane.tsx

@@ -16,7 +16,6 @@ import {
   TWEET_SEARCH_SCHEMA_VERSION,
   TWITTER_FEED_LAUNCH_SCHEMA_VERSION,
   TWITTER_FEED_LAUNCH_STATE_KEY,
-  TWITTER_FEED_PANE_ID,
   createFeed,
   deriveFeedTitle,
   normalizeFeedQuery,

package/src/plugins/builtin/congress-trades/model.ts

@@ -1,5 +1,7 @@
 import type { DataTableColumn } from "../../../components";
 import { formatCompact } from "../../../utils/format";
+
+export { truncateWithEllipsis as truncate } from "../../../utils/text-wrap";
 import type {
   CloudCongressMemberPayload,
   CloudCongressTradePayload,
@@ -76,13 +78,6 @@ export function formatAmountRange(low: number | null, high: number | null, raw?:
   return formatMoneyShort(low ?? high);
 }
 
-export function truncate(value: string, width: number): string {
-  if (width <= 0) return "";
-  if (value.length <= width) return value;
-  if (width <= 3) return value.slice(0, width);
-  return `${value.slice(0, width - 3)}...`;
-}
-
 function compareText(left: string, right: string): number {
   return left.localeCompare(right, "en-US", { sensitivity: "base" });
 }

package/src/plugins/builtin/congress-trades/pane.tsx

@@ -19,7 +19,6 @@ import {
   CONGRESS_FILING_LIMIT,
   CONGRESS_MEMBER_FILING_LIMIT,
   CONGRESS_TRADE_LIMIT,
-  CONGRESS_TRADES_PANE_ID,
   buildMemberColumns,
   buildTradeColumns,
   nextSort,

package/src/plugins/builtin/correlation/index.tsx

@@ -18,7 +18,9 @@ import {
 } from "./settings";
 import { resolveCorrelationHeatmapCellColors } from "./colors";
 import {
+  buildRelationshipGraphSettingsDef,
   createRelationshipPaneTemplate,
+  RELATIONSHIP_GRAPH_PANE_ID,
   RelationshipGraphPane,
 } from "./relationship/pane";
 import {
@@ -234,13 +236,14 @@ export const correlationPlugin: GloomPlugin = {
       settings: buildCorrelationSettingsDef(),
     },
     {
-      id: "relationship-graph",
+      id: RELATIONSHIP_GRAPH_PANE_ID,
       name: "Relationship Graph",
       icon: "R",
       component: RelationshipGraphPane,
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 100, height: 30 },
+      settings: buildRelationshipGraphSettingsDef(),
     },
   ],
 

package/src/plugins/builtin/correlation/relationship/controls.tsx

@@ -1,5 +1,6 @@
 import { Box, Text } from "../../../../ui";
 import { colors } from "../../../../theme/colors";
+import { Checkbox } from "../../../../components/ui/checkbox";
 
 export function RelationshipMetricsTable({
   rows,
@@ -39,7 +40,7 @@ export function RelationshipToggle({
 }) {
   return (
     <Box
-      width={label.length + 5}
+      width={label.length + 6}
       height={1}
       onMouseDown={(event: { preventDefault?: () => void; stopPropagation?: () => void }) => {
         event.preventDefault?.();
@@ -47,7 +48,12 @@ export function RelationshipToggle({
         onPress();
       }}
     >
-      <Text fg={checked ? colors.text : colors.textDim}>{checked ? "[x]" : "[ ]"} {label}</Text>
+      <Checkbox
+        label={label}
+        checked={checked}
+        width={label.length + 6}
+        onChange={onPress}
+      />
     </Box>
   );
 }

package/src/plugins/builtin/correlation/relationship/model.ts

@@ -1,12 +1,13 @@
 import type { ProjectedChartPoint } from "../../../../components/chart/core/data";
 import type { TimeRange } from "../../../../components/chart/core/types";
 import type { ScatterChartPoint } from "../../../../components/chart/scatter-chart-renderer";
-import type { PaneTemplateCreateOptions } from "../../../../types/plugin";
+import type { PaneSettingsDef, PaneTemplateCreateOptions } from "../../../../types/plugin";
 import type { PricePoint } from "../../../../types/financials";
-import { parseTickerListInput } from "../../../../tickers/list";
+import { formatTickerListInput, parseTickerListInput } from "../../../../tickers/list";
 
 export type RelationshipRange = Extract<TimeRange, "1M" | "3M" | "6M" | "1Y" | "5Y" | "ALL">;
 
+export const RELATIONSHIP_GRAPH_PANE_ID = "relationship-graph";
 const RELATIONSHIP_RANGES: RelationshipRange[] = ["1M", "3M", "6M", "1Y", "5Y", "ALL"];
 export const DEFAULT_RELATIONSHIP_SECOND_SYMBOL = "SPY";
 const RELATIONSHIP_CORRELATION_WINDOWS = [30, 60, 120, 252] as const;
@@ -277,3 +278,22 @@ export function relationshipTemplateSymbols(
     return null;
   }
 }
+
+export function buildRelationshipGraphPaneTitle(pair: readonly [string, string]): string {
+  return `GR ${pair[0]}/${pair[1]}`;
+}
+
+export function buildRelationshipGraphSettingsDef(): PaneSettingsDef {
+  return {
+    title: "Relationship Graph Settings",
+    fields: [
+      {
+        key: "symbolsText",
+        label: "Tickers",
+        description: `Enter one or two tickers. One ticker compares against ${DEFAULT_RELATIONSHIP_SECOND_SYMBOL}.`,
+        type: "text",
+        placeholder: formatTickerListInput(["AMD", "NVDA"]),
+      },
+    ],
+  };
+}

package/src/plugins/builtin/correlation/relationship/pane.tsx

@@ -17,7 +17,9 @@ import { useRelationshipHistories } from "./history";
 import {
   DEFAULT_RELATIONSHIP_CORRELATION_WINDOW,
   DEFAULT_RELATIONSHIP_SECOND_SYMBOL,
+  RELATIONSHIP_GRAPH_PANE_ID,
   buildRelationshipAnalysis,
+  buildRelationshipGraphPaneTitle,
   nextRelationshipRange,
   nextRelationshipWindow,
   relationshipSymbolsFromPaneSettings,
@@ -35,7 +37,11 @@ import {
   formatNullableNumber,
 } from "./view-model";
 
-export { buildRelationshipAnalysis } from "./model";
+export {
+  buildRelationshipAnalysis,
+  buildRelationshipGraphSettingsDef,
+  RELATIONSHIP_GRAPH_PANE_ID,
+} from "./model";
 
 type RelationshipGraphShortcut = "range" | "window" | "correlation" | "regression";
 
@@ -326,7 +332,7 @@ export function RelationshipGraphPane({ focused, width, height }: PaneProps) {
 export function createRelationshipPaneTemplate(): PaneTemplateDef {
   return {
     id: "relationship-graph-pane",
-    paneId: "relationship-graph",
+    paneId: RELATIONSHIP_GRAPH_PANE_ID,
     label: "Relationship Graph",
     description: "Graph ratio, rolling correlation, and regression between two tickers.",
     keywords: ["relationship", "ratio", "graph", "correlation", "regression", "gr"],
@@ -345,7 +351,7 @@ export function createRelationshipPaneTemplate(): PaneTemplateDef {
       const pair = relationshipTemplateSymbols(context.activeTicker, options);
       return pair
         ? {
-          title: `GR ${pair[0]}/${pair[1]}`,
+          title: buildRelationshipGraphPaneTitle(pair),
           binding: { kind: "fixed" as const, symbol: pair[0] },
           placement: "floating" as const,
           settings: {

package/src/plugins/builtin/earnings/index.tsx

@@ -103,15 +103,6 @@ function EarningsCalendarPane({ focused, width, height }: PaneProps) {
     return false;
   }, [reload]);
 
-  const selectDisplayRow = useCallback((row: EarningsDisplayRow) => {
-    if (row.kind !== "event") return;
-    if (row.eventIdx === activeEventIdx) {
-      openEvent(row.event);
-      return;
-    }
-    setSelectedIdx(row.eventIdx);
-  }, [activeEventIdx, openEvent, setSelectedIdx]);
-
   const renderCell = useCallback((
     row: EarningsDisplayRow,
     column: EarningsColumn,

package/src/plugins/builtin/econ/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Text } from "../../../ui";
+import { Box } from "../../../ui";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TextAttributes, type ScrollBoxRenderable } from "../../../ui";
 import { DataTableStackView, usePaneFooter, type DataTableCell } from "../../../components";
@@ -243,10 +243,6 @@ function EconCalendarPane({ focused, width, height }: PaneProps) {
   }), [countryFilter, cycleCountryFilter, cycleImpactFilter, error, impactFilter, load, loading, nextCountdown, nextEvent?.event, staleness]);
 
   const handleHeaderClick = useCallback(() => {}, []);
-  const selectDisplayRow = useCallback((row: DisplayRow) => {
-    if (row.kind !== "event") return;
-    setSelectedIdx(row.eventIdx);
-  }, []);
   const openDisplayRow = useCallback((row: DisplayRow) => {
     if (row.kind !== "event") return;
     setDetailEvent(row.event);