gloomberb 0.10.2 → 0.10.4

package/src/market-data/coordinator/subscriptions.test.ts

@@ -1,6 +1,7 @@
 import { describe, expect, jest, test } from "bun:test";
 import { MarketDataCoordinator } from "./index";
 import { buildQuoteKey } from "../selectors";
+import { QUOTE_STREAM_UPDATE_THROTTLE_MS } from "../quotes/cadence";
 import { createTestDataProvider } from "../../test-support/data-provider";
 import type { Quote } from "../../types/financials";
 import type { DataProvider, QuoteSubscriptionTarget } from "../../types/data-provider";
@@ -208,6 +209,38 @@ describe("MarketDataCoordinator key subscriptions", () => {
     expect(coordinator.getVersion()).toBe(1);
   });
 
+  test("coalesces bursty stream quotes into one readable update cadence", () => {
+    jest.useFakeTimers();
+    const originalDateNow = Date.now;
+    let now = 1_700_000_000_000;
+    Date.now = () => now;
+
+    try {
+      const { provider, emitQuote } = createProvider();
+      const coordinator = new MarketDataCoordinator(provider);
+      const amd = { symbol: "AMD", exchange: "NASDAQ" };
+      const msft = { symbol: "MSFT", exchange: "NASDAQ" };
+      coordinator.subscribeQuotes([{ instrument: amd }, { instrument: msft }]);
+
+      emitQuote(amd, quote("AMD", 100));
+      expect(coordinator.getQuoteEntry(amd).data?.price).toBe(100);
+
+      now += 100;
+      emitQuote(msft, quote("MSFT", 200));
+      emitQuote(amd, quote("AMD", 101));
+      expect(coordinator.getQuoteEntry(amd).data?.price).toBe(100);
+      expect(coordinator.getQuoteEntry(msft).data).toBeNull();
+
+      now += QUOTE_STREAM_UPDATE_THROTTLE_MS - 100;
+      jest.advanceTimersByTime(QUOTE_STREAM_UPDATE_THROTTLE_MS - 100);
+      expect(coordinator.getQuoteEntry(amd).data?.price).toBe(101);
+      expect(coordinator.getQuoteEntry(msft).data?.price).toBe(200);
+    } finally {
+      Date.now = originalDateNow;
+      jest.useRealTimers();
+    }
+  });
+
   test("applies repeated stream quotes that refresh quote freshness", async () => {
     const realDateNow = Date.now;
     const { provider, emitQuote } = createProvider();
@@ -245,6 +278,45 @@ describe("MarketDataCoordinator key subscriptions", () => {
     }
   });
 
+  test("advances receipt freshness for an identical live stream heartbeat", async () => {
+    const realDateNow = Date.now;
+    const { provider, emitQuote } = createProvider();
+    const coordinator = new MarketDataCoordinator(provider);
+    const option = { symbol: "AAPL260731C00110000", exchange: "OPTIONS" };
+    const firstTimestamp = 1_800_000_000_000;
+    let calls = 0;
+
+    try {
+      coordinator.subscribeKeys([buildQuoteKey(option)], () => { calls += 1; });
+      coordinator.subscribeQuotes([{ instrument: option }]);
+
+      Date.now = () => firstTimestamp;
+      const heartbeat = quote(option.symbol, 2.5, {
+        lastUpdated: firstTimestamp,
+        bid: 2.4,
+        ask: 2.6,
+        mark: 2.5,
+        dataSource: "live",
+        delivery: "stream",
+        stale: false,
+      });
+      emitQuote(option, heartbeat);
+      await flushCoordinator();
+
+      Date.now = () => firstTimestamp + 60_000;
+      emitQuote(option, heartbeat);
+      await flushCoordinator();
+
+      expect(calls).toBe(2);
+      expect(coordinator.getQuoteEntry(option).data).toMatchObject({
+        lastUpdated: firstTimestamp,
+        receivedAt: firstTimestamp + 60_000,
+      });
+    } finally {
+      Date.now = realDateNow;
+    }
+  });
+
   test("does not refresh receipt time from an explicitly stale polled quote", async () => {
     const realDateNow = Date.now;
     const { provider, emitQuote } = createProvider();

package/src/market-data/quotes/cadence.ts

@@ -0,0 +1,2 @@
+// Leave a short gap after the 450 ms value flash before the next streamed update.
+export const QUOTE_STREAM_UPDATE_THROTTLE_MS = 500;

package/src/plugins/builtin/account-management/footer.ts

@@ -1,8 +1,9 @@
 import { useMemo } from "react";
 import { usePaneFooter, type PaneHint } from "../../../components";
 import type { AccountProfile } from "../../../api-client";
+import { resolvePlanAccess } from "../shared/plan-access";
 import { formatPlan, type AccountDraft } from "./model";
-import { t } from "../../../i18n";
+import { t, tf } from "../../../i18n";
 import { useAppLanguage } from "../../../i18n/react";
 
 export function useAccountManagementFooter({
@@ -25,15 +26,20 @@ export function useAccountManagementFooter({
     { id: "save", key: "Ctrl+S", label: t("save"), onPress: () => { void saveProfile(); }, disabled: !!busy || !hasSession },
   ], [busy, hasSession, language, saveProfile]);
 
+  const planAccess = resolvePlanAccess(profile);
+  const planText = planAccess.isTrialActive
+    ? tf("Pro trial · {days}d left", { days: planAccess.trialDaysLeft })
+    : formatPlan(profile?.plan);
+
   usePaneFooter("account-management", () => ({
     info: [
       ...(message ? [{ id: "status", parts: [{ text: message.text, tone: message.tone === "error" ? "negative" as const : message.tone === "success" ? "positive" as const : "muted" as const }] }] : []),
       ...(profile ? [
         { id: "account", parts: [{ text: profile.email, tone: "muted" as const }] },
-        { id: "plan", parts: [{ text: formatPlan(profile.plan), tone: profile.plan === "pro" ? "positive" as const : "muted" as const }] },
+        { id: "plan", parts: [{ text: planText, tone: planAccess.hasProAccess ? "positive" as const : "muted" as const }] },
         { id: "visibility", parts: [{ text: draft.profilePublic ? t("public") : t("private"), tone: "muted" as const }] },
       ] : []),
     ],
     hints: footerHints,
-  }), [draft.profilePublic, footerHints, language, message, profile]);
+  }), [draft.profilePublic, footerHints, language, message, planAccess.hasProAccess, planText, profile]);
 }

package/src/plugins/builtin/account-management/model.ts

@@ -1,5 +1,5 @@
 import type { ChoiceDialogChoice } from "../../../components";
-import type { AccountProfile, PublicPortfolioAnalytics } from "../../../api-client";
+import type { AccountProfile, CloudPricing, PublicPortfolioAnalytics } from "../../../api-client";
 import type { Portfolio, TickerRecord } from "../../../types/ticker";
 import { formatNumber } from "../../../utils/format";
 import { t, tf } from "../../../i18n";
@@ -86,6 +86,58 @@ export function formatPlan(plan: AccountProfile["plan"] | null | undefined): str
   return plan === "pro" ? t("Pro") : t("Free");
 }
 
+const DEFAULT_TRIAL_DAYS = 7;
+
+export interface PlanPriceDisplay {
+  /** Charged price, already suffixed with the billing period. */
+  price: string;
+  /** List price to strike through, or null when the list price is the price. */
+  anchor: string | null;
+  note: string | null;
+}
+
+function formatUsdCents(cents: number): string {
+  const dollars = cents / 100;
+  return Number.isInteger(dollars) ? `$${dollars}` : `$${dollars.toFixed(2)}`;
+}
+
+/**
+ * Monthly Pro price for the plan comparison. Falls back to the list price when
+ * `/pricing` is unreachable so the table never renders a blank cell.
+ */
+export function formatCloudMonthlyPrice(pricing: CloudPricing | null | undefined): PlanPriceDisplay {
+  if (!pricing) return { price: t("$49/mo"), anchor: null, note: null };
+  const monthly = pricing.monthly;
+  // Without the founding discount the list price is the price, shown plainly.
+  if (!pricing.founding || monthly.anchorAmount <= monthly.amount) {
+    return {
+      price: tf("{amount}/mo", { amount: formatUsdCents(monthly.anchorAmount) }),
+      anchor: null,
+      note: null,
+    };
+  }
+  return {
+    price: tf("{amount}/mo", { amount: formatUsdCents(monthly.amount) }),
+    anchor: tf("{amount}/mo", { amount: formatUsdCents(monthly.anchorAmount) }),
+    note: t("Founding price"),
+  };
+}
+
+/** Short calendar date for the trial countdown, e.g. "Aug 11". */
+export function formatTrialEnd(endsAt: Date | null | undefined): string | null {
+  if (!endsAt || Number.isNaN(endsAt.getTime())) return null;
+  return endsAt.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+
+/**
+ * Pro-column note for the plan comparison, e.g. "7-day free trial". The trial
+ * is part of the Pro subscription (card required, cancel before it converts),
+ * so it is never advertised as something the free plan includes.
+ */
+export function formatTrialOffer(pricing: CloudPricing | null | undefined): string {
+  return tf("{days}-day free trial", { days: pricing?.trialDays ?? DEFAULT_TRIAL_DAYS });
+}
+
 export function countPortfolioHoldings(tickers: ReadonlyMap<string, TickerRecord>): Record<string, number> {
   const counts: Record<string, number> = {};
   for (const record of tickers.values()) {

package/src/plugins/builtin/account-management/pane.tsx

@@ -8,7 +8,7 @@ import type { PaneProps } from "../../../types/plugin";
 import { Box, ScrollBox, Text, Textarea, TextAttributes, type TextareaRenderable, useRendererHost, useUiHost } from "../../../ui";
 import { useDialog, type AlertContext, type PromptContext } from "../../../ui/dialog";
 import { openNativeSelect, type NativeSelectElement } from "../../../components/ui/native-select";
-import { apiClient, type AccountProfile } from "../../../api-client";
+import { apiClient, type AccountProfile, type CloudPricing } from "../../../api-client";
 import { chatController } from "../chat/controller";
 import { CloudAuthNotice } from "../cloud/auth-actions";
 import {
@@ -26,13 +26,17 @@ import {
   computeCumulativeReturn,
   countPortfolioHoldings,
   emptyToNull,
+  formatCloudMonthlyPrice,
   formatPlan,
+  formatTrialEnd,
+  formatTrialOffer,
   getPortfolioPositionTickers,
   portfolioOptionIds,
   profileToDraft,
   selectedPortfolioLabel,
   type AccountDraft,
   type AccountFieldKey,
+  type PlanPriceDisplay,
 } from "./model";
 import { PasswordChangeDialog } from "./password-dialog";
 import { useAccountManagementFooter } from "./footer";
@@ -47,7 +51,7 @@ import { computeDatedBeta } from "../analytics/metrics";
 import { useCloudSyncStatus } from "../../../sync/react";
 import { cloudSyncController } from "../../../sync/controller";
 import { setSyncedProfileAnalytics } from "../../../sync/profile-analytics";
-import { t } from "../../../i18n";
+import { t, tf } from "../../../i18n";
 import { useAppLanguage } from "../../../i18n/react";
 import {
   consumeRequestedAccountManagementTab,
@@ -55,6 +59,7 @@ import {
   type AccountManagementTab,
 } from "./navigation";
 import { CLOUD_UPGRADE_URL } from "../shared/cloud-upgrade";
+import { resolvePlanAccess } from "../shared/plan-access";
 
 type AccountBusy = "profile" | "password" | "alerts" | "billing" | "delete" | null;
 const ACCOUNT_TAB_DEFS: Array<{ label: string; value: AccountManagementTab }> = [
@@ -91,6 +96,7 @@ const PLAN_COMPARISON_ROWS = [
   { capability: "US equities", free: "15m delay", pro: "Real-time", proTone: "positive" },
   { capability: "Options data", free: "15m delay", pro: "Real-time", proTone: "positive" },
   { capability: "News", free: "12h delay", pro: "Real-time wire", proTone: "positive" },
+  { capability: "AI command bar", free: "Included", pro: "Included", proTone: "neutral" },
   { capability: "Cloud sync", free: "Included", pro: "Included", proTone: "neutral" },
   { capability: "X data", free: "No", pro: "Included", proTone: "positive" },
   { capability: "AI Screener", free: "No", pro: "Soon", proTone: "muted" },
@@ -99,10 +105,15 @@ const PLAN_COMPARISON_ROWS = [
 function PlanComparison({
   width,
   activePlan,
+  proNote,
+  price,
   upgradeButton,
 }: {
   width: number;
   activePlan: "free" | "pro";
+  /** Pro-column detail such as the free-trial offer; null once entitled. */
+  proNote: string | null;
+  price: PlanPriceDisplay;
   upgradeButton: ReactNode;
 }) {
   const isDesktop = useUiHost().kind === "desktop-web";
@@ -162,17 +173,34 @@ function PlanComparison({
           >
             {t("Free")}
           </Text>
-          <Box flexDirection="row" alignItems="baseline" gap={1}>
-            <Text
-              fg={colors.borderFocused}
-              attributes={TextAttributes.BOLD}
-              style={{ ...desktopText, fontWeight: 750 }}
-            >
-              {t("Pro")}
-            </Text>
-            <Text fg={colors.textBright} style={desktopText}>
-              {t("$49/mo")}
-            </Text>
+          <Box flexDirection="column">
+            <Box flexDirection="row" alignItems="baseline" gap={1}>
+              <Text
+                fg={colors.borderFocused}
+                attributes={TextAttributes.BOLD}
+                style={{ ...desktopText, fontWeight: 750 }}
+              >
+                {t("Pro")}
+              </Text>
+              {price.anchor ? (
+                <Text
+                  fg={colors.textMuted}
+                  attributes={TextAttributes.STRIKETHROUGH}
+                  style={desktopText}
+                >
+                  {price.anchor}
+                </Text>
+              ) : null}
+              <Text fg={colors.textBright} style={desktopText}>
+                {price.price}
+              </Text>
+              {price.note ? (
+                <Text fg={colors.positive} style={desktopText}>{price.note}</Text>
+              ) : null}
+            </Box>
+            {proNote ? (
+              <Text fg={colors.textMuted} style={desktopText}>{proNote}</Text>
+            ) : null}
           </Box>
         </Box>
         {PLAN_COMPARISON_ROWS.map((row, index) => {
@@ -260,7 +288,7 @@ function PlanComparison({
         </Text>
         <Box width={valueWidth} backgroundColor={proCellBg} paddingX={1}>
           <Text fg={proHeadingFg} attributes={TextAttributes.BOLD}>
-            {`${t("Pro")} ${t("$49/mo")}`}
+            {`${t("Pro")} ${price.price}`}
           </Text>
         </Box>
       </Box>
@@ -275,6 +303,21 @@ function PlanComparison({
           </Box>
         </Box>
       ))}
+      {price.anchor ? (
+        <Box height={1} flexDirection="row" gap={1}>
+          <Text fg={colors.textMuted} attributes={TextAttributes.STRIKETHROUGH}>{price.anchor}</Text>
+          {price.note ? <Text fg={colors.positive}>{price.note}</Text> : null}
+        </Box>
+      ) : null}
+      {proNote ? (
+        <Box height={1} flexDirection="row" gap={1}>
+          <Box width={capabilityWidth} />
+          <Box width={valueWidth} />
+          <Box width={valueWidth} paddingX={1}>
+            <Text fg={colors.textMuted}>{proNote}</Text>
+          </Box>
+        </Box>
+      ) : null}
       <Box height={1} flexDirection="row" gap={1}>
         <Box width={capabilityWidth} />
         <Box width={valueWidth} />
@@ -286,6 +329,22 @@ function PlanComparison({
   );
 }
 
+/**
+ * Reloads the profile whenever the account identity *or* its entitlement changes,
+ * so a completed checkout shows the new plan as soon as the session refreshes.
+ */
+function buildAccountSessionMarker(): string {
+  const snapshot = chatController.getSnapshot();
+  const user = apiClient.getCurrentUser();
+  return [
+    apiClient.getSessionToken() ?? "",
+    snapshot.user?.id ?? "",
+    snapshot.user?.username ?? "",
+    user?.effectivePlan ?? user?.plan ?? "",
+    user?.trialEndsAt ?? "",
+  ].join(":");
+}
+
 export function AccountManagementPane({ focused, width, height }: PaneProps) {
   const language = useAppLanguage();
   const dialog = useDialog();
@@ -297,12 +356,10 @@ export function AccountManagementPane({ focused, width, height }: PaneProps) {
   const tickers = useAppSelector((state) => state.tickers);
   const cachedFinancials = useAppSelector((state) => state.financials);
   const cachedExchangeRates = useAppSelector((state) => state.exchangeRates);
-  const [sessionMarker, setSessionMarker] = useState(() => {
-    const snapshot = chatController.getSnapshot();
-    return `${apiClient.getSessionToken() ?? ""}:${snapshot.user?.id ?? ""}:${snapshot.user?.username ?? ""}`;
-  });
+  const [sessionMarker, setSessionMarker] = useState(() => buildAccountSessionMarker());
   const [hasSession, setHasSession] = useState(() => !!apiClient.getSessionToken());
   const [profile, setProfile] = useState<AccountProfile | null>(null);
+  const [pricing, setPricing] = useState<CloudPricing | null>(null);
   const [draft, setDraft] = useState<AccountDraft>(() => profileToDraft(null));
   const [initialTab] = useState<AccountManagementTab>(
     () => consumeRequestedAccountManagementTab() ?? "profile",
@@ -334,6 +391,14 @@ export function AccountManagementPane({ focused, width, height }: PaneProps) {
   const fieldOrder = ACCOUNT_TAB_FIELD_ORDER[activeTab];
   const accountTabs = ACCOUNT_TAB_DEFS.map((tab) => ({ ...tab, label: t(tab.label) }));
 
+  const planAccess = useMemo(() => resolvePlanAccess(profile), [profile]);
+  const planPrice = useMemo(() => formatCloudMonthlyPrice(pricing), [language, pricing]);
+  const trialOffer = useMemo(() => formatTrialOffer(pricing), [language, pricing]);
+  const planStatusLabel = useMemo(() => {
+    const trialEnd = planAccess.isTrialActive ? formatTrialEnd(planAccess.trialEndsAt) : null;
+    return trialEnd ? tf("Pro trial — ends {date}", { date: trialEnd }) : formatPlan(profile?.plan);
+  }, [language, planAccess.isTrialActive, planAccess.trialEndsAt, profile?.plan]);
+
   const portfolioHoldingCounts = useMemo(() => countPortfolioHoldings(tickers), [tickers]);
   const portfolioChoices = useMemo(
     () => buildPortfolioChoices(portfolios, portfolioHoldingCounts),
@@ -481,7 +546,7 @@ export function AccountManagementPane({ focused, width, height }: PaneProps) {
   useEffect(() => {
     const unsubscribe = chatController.subscribe((snapshot) => {
       setHasSession(!!apiClient.getSessionToken() || snapshot.hasSavedSession);
-      setSessionMarker(`${apiClient.getSessionToken() ?? ""}:${snapshot.user?.id ?? ""}:${snapshot.user?.username ?? ""}`);
+      setSessionMarker(buildAccountSessionMarker());
     });
     void chatController.refreshSession().catch(() => {});
     return unsubscribe;
@@ -512,6 +577,19 @@ export function AccountManagementPane({ focused, width, height }: PaneProps) {
     void loadProfile();
   }, [loadProfile, sessionMarker]);
 
+  useEffect(() => {
+    let cancelled = false;
+    void apiClient.getCloudPricing()
+      .then((nextPricing) => {
+        if (!cancelled) setPricing(nextPricing);
+      })
+      // Pricing is decoration: the comparison table falls back to list prices.
+      .catch(() => {});
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
   useEffect(() => {
     if (!hasSession || !apiClient.getSessionToken()) return;
     if (syncStatus.phase !== "synced" || syncStatus.revision == null) return;
@@ -1002,18 +1080,23 @@ export function AccountManagementPane({ focused, width, height }: PaneProps) {
             <>
               <Box flexDirection="row" gap={1}>
                 <Text fg={colors.textDim}>{t("Status")}</Text>
-                <Text fg={profile?.plan === "pro" ? colors.positive : colors.textBright} attributes={TextAttributes.BOLD}>
-                  {formatPlan(profile?.plan)}
+                <Text
+                  fg={planAccess.hasProAccess ? colors.positive : colors.textBright}
+                  attributes={TextAttributes.BOLD}
+                >
+                  {planStatusLabel}
                 </Text>
                 {profile?.email ? <Text fg={colors.textMuted}>{profile.email}</Text> : null}
               </Box>
               <PlanComparison
                 width={contentWidth}
-                activePlan={profile?.plan === "pro" ? "pro" : "free"}
+                activePlan={planAccess.hasProAccess ? "pro" : "free"}
+                proNote={planAccess.hasProAccess ? null : trialOffer}
+                price={planPrice}
                 upgradeButton={(
                   <Button
-                    label={profile?.plan === "pro" ? t("Manage Pro") : busy === "billing" ? t("Opening...") : t("Upgrade to Pro")}
-                    variant={profile?.plan === "pro" ? "secondary" : "primary"}
+                    label={planAccess.isPayingPro ? t("Manage Pro") : busy === "billing" ? t("Opening...") : t("Upgrade to Pro")}
+                    variant={planAccess.isPayingPro ? "secondary" : "primary"}
                     width={isDesktop ? 28 : undefined}
                     height={isDesktop ? "28px" : undefined}
                     active={activeField === "upgradeAction"}

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

@@ -46,6 +46,10 @@ import {
   normalizeTabs,
   type PersistedAiScreenerPaneState,
 } from "./screener/model";
+import {
+  LIVE_STREAMING_QUICK_SETTING,
+  withLiveStreamingSetting,
+} from "../shared/live-streaming";
 
 function settingOrFallback(
   settings: Record<string, unknown>,
@@ -331,6 +335,7 @@ export const aiPlugin: GloomPlugin = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 76, height: 24 },
+      quickSettings: [LIVE_STREAMING_QUICK_SETTING],
       settings: (context) => {
         const providers = detectProviders();
         const screenerProviders = providers.filter((provider) => (
@@ -351,7 +356,7 @@ export const aiPlugin: GloomPlugin = {
           ? context.paneState.activeTabId
           : null;
         const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0] ?? null;
-        return buildAiPaneSettingsDef({
+        return withLiveStreamingSetting(buildAiPaneSettingsDef({
           title: "AI Screener Settings",
           providers: settingsProviders(screenerProviders),
           models: settingsModels(providerIds),
@@ -369,7 +374,7 @@ export const aiPlugin: GloomPlugin = {
           additional: buildAiScreenerPaneSettingsDef(
             getAiScreenerPaneSettings(context.settings),
           ),
-        });
+        }), context.settings);
       },
     });
 

package/src/plugins/builtin/ai/screener/market-runtime.ts

@@ -5,7 +5,7 @@ import { useAppSelector } from "../../../../state/app/context";
 import { useFxRatesMap, useTickerFinancialsMap } from "../../../../market-data/hooks";
 import { getSharedMarketDataCoordinator } from "../../../../market-data/coordinator";
 import { instrumentFromTicker, quoteSubscriptionTargetFromTicker } from "../../../../market-data/request-types";
-import { useQuoteStreaming } from "../../../../state/hooks/quote-streaming";
+import { useQuoteUpdates } from "../../../../state/hooks/quote-streaming";
 import type { ColumnContext } from "../../portfolio-list/metrics";
 import type { ColumnConfig } from "../../../../types/config";
 import type { ValidatedScreenerResult } from "./contract";
@@ -21,6 +21,7 @@ interface UseAiScreenerMarketRuntimeOptions {
   resultMap: Map<string, ValidatedScreenerResult>;
   setCursorSymbol: (symbol: string | null) => void;
   tickers: Map<string, TickerRecord>;
+  liveStreaming: boolean;
 }
 
 export function useAiScreenerMarketRuntime({
@@ -32,6 +33,7 @@ export function useAiScreenerMarketRuntime({
   resultMap,
   setCursorSymbol,
   tickers,
+  liveStreaming,
 }: UseAiScreenerMarketRuntimeOptions) {
   const baseCurrency = useAppSelector((state) => state.config.baseCurrency);
   const cachedExchangeRates = useAppSelector((state) => state.exchangeRates);
@@ -68,7 +70,7 @@ export function useAiScreenerMarketRuntime({
     })
   ), [sortedTickers]);
 
-  useQuoteStreaming(quoteTargets);
+  useQuoteUpdates(quoteTargets, { liveStreaming });
 
   useEffect(() => {
     const coordinator = getSharedMarketDataCoordinator();

package/src/plugins/builtin/ai/screener/pane.tsx

@@ -52,12 +52,14 @@ import {
   AI_DEFAULT_PROVIDER_SETTING_KEY,
   resolveAiPaneSelection,
 } from "../pane-settings";
+import { useLiveStreamingSetting } from "../../shared/live-streaming";
 
 export function AiScreenerPane({ focused, width, height }: PaneProps) {
   const dataProvider = useAssetData();
   const { pinTicker } = usePluginTickerActions();
   const paneId = usePaneInstanceId();
   const paneInstance = usePaneInstance();
+  const liveStreaming = useLiveStreamingSetting();
   const dispatch = useAppDispatch();
   const tickers = useAppSelector((state) => state.tickers);
   const providers = useAiRuntimeProviders();
@@ -169,6 +171,7 @@ export function AiScreenerPane({ focused, width, height }: PaneProps) {
     resultMap,
     setCursorSymbol,
     tickers,
+    liveStreaming,
   });
 
   const updateTabs = useCallback((updater: (tabs: AiScreenerTab[]) => AiScreenerTab[]) => {

package/src/plugins/builtin/chart-composer/editor.tsx

@@ -144,7 +144,6 @@ export function SeriesEditorDialog({ dialogId, resolve, initialSpec }: SeriesEdi
                 : undefined}
               scrollable={items.length > (isDesktop ? 5 : 7)}
               rowGap={isDesktop ? 0 : undefined}
-              selectOnHover={isDesktop}
               onSelect={setSelectedIndex}
               onActivate={(_, index) => setSelectedIndex(index)}
             />

package/src/plugins/builtin/chart-composer/index.tsx

@@ -20,6 +20,10 @@ import {
 } from "./presets";
 import { buildChartComposerPaneSettingsDef } from "./settings";
 import type { PluginModule } from "../plugin-module";
+import {
+  LIVE_STREAMING_QUICK_SETTING,
+  withLiveStreamingSetting,
+} from "../shared/live-streaming";
 
 const CHART_COMPOSER_TEMPLATE_ID = "chart-composer-pane";
 
@@ -199,9 +203,13 @@ export const chartComposerModule: PluginModule = {
     defaultPosition: "right",
     defaultMode: "floating",
     defaultFloatingSize: { width: 100, height: 32 },
-    settings: (context) => buildChartComposerPaneSettingsDef(
+    quickSettings: [LIVE_STREAMING_QUICK_SETTING],
+    settings: (context) => withLiveStreamingSetting(
+      buildChartComposerPaneSettingsDef(
+        context.settings,
+        context.activeTicker,
+      ),
       context.settings,
-      context.activeTicker,
     ),
   }],
   paneTemplates: chartComposerTemplates,