gloomberb 0.11.2 → 0.12.0

package/src/plugins/builtin/cloud/auth-form.tsx

@@ -0,0 +1,277 @@
+/**
+ * Email/password auth form body, without any surrounding chrome. The dialog
+ * wraps it in a `DialogFrame`; the hosted-terminal sign-in gate wraps it in its
+ * own panel. All the non-React logic lives in `auth-model`.
+ */
+import { useCallback, useEffect, useRef, useState, type ReactNode } from "react";
+import { apiClient, type AuthUser } from "../../../api-client";
+import { Button, Spinner, TextField } from "../../../components";
+import { t, tf } from "../../../i18n";
+import { useAppLanguage } from "../../../i18n/react";
+import { colors } from "../../../theme/colors";
+import { Box, Text, TextAttributes } from "../../../ui";
+import { useDialogKeyboard } from "../../../ui/dialog";
+import { isPlainKey } from "../../../utils/keyboard";
+import {
+  advanceAccountField,
+  classifyAccountError,
+  performEmailAuth,
+  validateAccountEmail,
+  validateAccountPassword,
+  type AccountMode,
+  type AccountSubmitError,
+} from "./auth-model";
+
+export const AUTH_FIELD_WIDTH = 42;
+
+type AuthField = "email" | "password";
+
+type ResetState = "idle" | "sending" | "sent";
+
+export interface AuthFormProps {
+  initialMode: AccountMode;
+  /** Called once the session exists. */
+  onSignedIn: (user: AuthUser) => void;
+  /** Omitted where the form cannot be abandoned, e.g. the sign-in gate. */
+  onEscape?: () => void;
+  /**
+   * Groups this form's keys with the surface that owns it. Left unset inside a
+   * dialog, where `useDialogKeyboard` falls back to the dialog's own scope.
+   */
+  shortcutScope?: string;
+  /** Fires when the user flips between sign-up and log in, so the host can retitle. */
+  onModeChange?: (mode: AccountMode) => void;
+  /** Extra actions below the buttons, e.g. the gate's QR alternative. */
+  footer?: ReactNode;
+}
+
+export function AuthForm({
+  initialMode,
+  onSignedIn,
+  onEscape,
+  shortcutScope,
+  onModeChange,
+  footer,
+}: AuthFormProps) {
+  useAppLanguage();
+  const [mode, setMode] = useState<AccountMode>(initialMode);
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [activeField, setActiveField] = useState<AuthField>("email");
+  const [showPassword, setShowPassword] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [validationError, setValidationError] = useState<string | null>(null);
+  const [submitError, setSubmitError] = useState<AccountSubmitError | null>(null);
+  const [resetState, setResetState] = useState<ResetState>("idle");
+  const attemptRef = useRef(0);
+
+  const clearErrors = useCallback(() => {
+    setValidationError(null);
+    setSubmitError(null);
+  }, []);
+
+  useEffect(() => () => {
+    // Unmounting abandons any in-flight attempt so a late response can't set state.
+    attemptRef.current += 1;
+  }, []);
+
+  const switchMode = useCallback((nextMode: AccountMode) => {
+    attemptRef.current += 1;
+    setMode(nextMode);
+    setSubmitting(false);
+    setPassword("");
+    setResetState("idle");
+    clearErrors();
+    setActiveField(email.trim() ? "password" : "email");
+    onModeChange?.(nextMode);
+  }, [clearErrors, email, onModeChange]);
+
+  const requestReset = useCallback(() => {
+    if (submitting || resetState === "sending") return;
+    const trimmedEmail = email.trim();
+    const emailError = validateAccountEmail(trimmedEmail);
+    if (emailError) {
+      setActiveField("email");
+      setValidationError(emailError);
+      return;
+    }
+    setResetState("sending");
+    clearErrors();
+    void apiClient.requestPasswordReset(trimmedEmail)
+      .then(() => setResetState("sent"))
+      .catch(() => {
+        setResetState("idle");
+        setSubmitError({ message: t("Could not send the reset email."), kind: "retry" });
+      });
+  }, [clearErrors, email, resetState, submitting]);
+
+  const submit = useCallback(() => {
+    if (submitting) return;
+    const trimmedEmail = email.trim();
+    const emailError = validateAccountEmail(trimmedEmail);
+    if (emailError) {
+      setActiveField("email");
+      setValidationError(emailError);
+      return;
+    }
+    const passwordError = validateAccountPassword(password, mode);
+    if (passwordError) {
+      setActiveField("password");
+      setValidationError(passwordError);
+      return;
+    }
+
+    const attemptId = attemptRef.current + 1;
+    attemptRef.current = attemptId;
+    setSubmitting(true);
+    clearErrors();
+    void (async () => {
+      try {
+        const user = await performEmailAuth(mode, trimmedEmail, password);
+        if (attemptRef.current !== attemptId) return;
+        onSignedIn(user);
+      } catch (error) {
+        if (attemptRef.current !== attemptId) return;
+        setSubmitting(false);
+        setSubmitError(classifyAccountError(error, mode));
+      }
+    })();
+  }, [clearErrors, email, mode, onSignedIn, password, submitting]);
+
+  const submitField = useCallback(() => {
+    const advance = advanceAccountField({
+      mode,
+      email: email.trim(),
+      password,
+      fieldIdx: activeField === "email" ? 0 : 1,
+    });
+    if (advance.action === "invalid") {
+      setValidationError(advance.message);
+      return;
+    }
+    if (advance.action === "next-field") {
+      setValidationError(null);
+      setActiveField("password");
+      return;
+    }
+    submit();
+  }, [activeField, email, mode, password, submit]);
+
+  useDialogKeyboard((event) => {
+    if (event.name === "escape") {
+      if (!onEscape) return;
+      event.stopPropagation?.();
+      onEscape();
+      return;
+    }
+    const forward = isPlainKey(event, "tab") || (!event.targetEditable && isPlainKey(event, "down", "j"));
+    const backward = !event.targetEditable && isPlainKey(event, "up", "k");
+    if (forward || backward) {
+      event.preventDefault?.();
+      event.stopPropagation?.();
+      setActiveField(forward ? "password" : "email");
+    }
+  }, {
+    allowEditable: true,
+    scope: shortcutScope,
+    phase: shortcutScope ? "before" : undefined,
+  });
+
+  const switchToLogin = submitError?.kind === "switch-to-login";
+  const error = validationError ?? submitError?.message ?? null;
+
+  return (
+    <Box flexDirection="column" gap={1}>
+      <TextField
+        label={t("Email")}
+        value={email}
+        placeholder="email@example.com"
+        focused={activeField === "email" && !submitting}
+        width={AUTH_FIELD_WIDTH}
+        type="email"
+        autoComplete="email"
+        onMouseDown={() => setActiveField("email")}
+        onChange={(value) => {
+          setEmail(value);
+          setResetState("idle");
+          clearErrors();
+        }}
+        onSubmit={submitField}
+      />
+      <Box flexDirection="column">
+        <Box height={1} width={AUTH_FIELD_WIDTH} flexDirection="row" justifyContent="space-between">
+          <Text
+            fg={activeField === "password" ? colors.textBright : colors.textDim}
+            attributes={activeField === "password" ? TextAttributes.BOLD : 0}
+          >
+            {t("Password")}
+          </Text>
+          <Box onMouseDown={() => setShowPassword((current) => !current)}>
+            <Text fg={colors.textMuted}>{showPassword ? t("hide") : t("show")}</Text>
+          </Box>
+        </Box>
+        <TextField
+          value={password}
+          placeholder={mode === "signup" ? t("At least 8 characters") : t("Your password")}
+          focused={activeField === "password" && !submitting}
+          width={AUTH_FIELD_WIDTH}
+          type={showPassword ? "text" : "password"}
+          autoComplete={mode === "signup" ? "new-password" : "current-password"}
+          onMouseDown={() => setActiveField("password")}
+          onChange={(value) => {
+            setPassword(value);
+            clearErrors();
+          }}
+          onSubmit={submitField}
+        />
+      </Box>
+      <Box flexDirection="column" minHeight={2} width={AUTH_FIELD_WIDTH}>
+        {submitting ? (
+          <Spinner label={mode === "signup" ? t("Creating your account...") : t("Signing you in...")} />
+        ) : resetState === "sending" ? (
+          <Spinner label={t("Sending reset link...")} />
+        ) : error ? (
+          <Text fg={colors.negative} wrapText>{error}</Text>
+        ) : resetState === "sent" ? (
+          <Text fg={colors.positive} wrapText>
+            {tf("Reset link sent to {email}. Check your inbox.", { email: email.trim() })}
+          </Text>
+        ) : mode === "signup" ? (
+          <Text fg={colors.textMuted} wrapText>{t("We'll email you a verification link.")}</Text>
+        ) : null}
+      </Box>
+      <Box flexDirection="row" justifyContent="space-between" width={AUTH_FIELD_WIDTH}>
+        <Button
+          label={switchToLogin || mode === "signup" ? t("Log in instead") : t("Sign up instead")}
+          variant="ghost"
+          disabled={submitting}
+          onPress={() => switchMode(mode === "login" ? "signup" : "login")}
+        />
+        <Button
+          label={mode === "login" ? t("Log In") : t("Create Account")}
+          variant="primary"
+          disabled={submitting}
+          onPress={submit}
+        />
+      </Box>
+      {mode === "login" && (
+        <Box flexDirection="row" width={AUTH_FIELD_WIDTH}>
+          <Button
+            label={t("Forgot password?")}
+            variant="ghost"
+            disabled={submitting || resetState === "sending"}
+            onPress={requestReset}
+          />
+        </Box>
+      )}
+      {footer}
+    </Box>
+  );
+}
+
+/** Title for the surface hosting the form, so the dialog and gate agree. */
+export function authFormTitle(mode: AccountMode): string {
+  return mode === "login"
+    ? t("Log in to Gloom Cloud")
+    : t("Create your free Gloom Cloud account");
+}

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

@@ -172,6 +172,7 @@ const congressTradesModule: PluginModule = {
     defaultPosition: "right",
     defaultMode: "floating",
     defaultFloatingSize: { width: 112, height: 30 },
+    tableExport: true,
   }],
   paneTemplates: [{
     id: "congress-trades-pane",

package/src/plugins/builtin/composite-plugins.ts

@@ -6,11 +6,15 @@ import { portfolioAnalyticsModule } from "./analytics";
 import { brokerManagerModule } from "./broker-manager";
 import { changelogModule } from "./changelog";
 import { connectionsModule } from "./connections";
+import { pluginMarketplaceModule } from "./plugin-marketplace";
 import { correlationModule } from "./correlation";
 import { cdsModule } from "./cds";
 import { creditConditionsModule } from "./credit-conditions";
+import { marketValuationModule } from "./market-valuation";
 import { economicCalendarModule } from "./econ";
+import { econStatisticsModule } from "./econ-statistics";
 import { earningsModule } from "./earnings";
+import { earningsCallsModule } from "./earnings-calls";
 import { ipoCalendarModule } from "./ipo-calendar";
 import { fearGreedModule } from "./fear-greed";
 import { futuresModule } from "./futures";
@@ -29,14 +33,21 @@ import { scannerModule } from "./scanner";
 import { sectorsModule } from "./sectors";
 import { treasuryAuctionsModule } from "./treasury-auctions";
 import { worldIndicesModule } from "./world-indices";
+import { worldVenueMapModule } from "./world-venue-map";
 import { yieldCurveModule } from "./yield-curve";
+import {
+  attachValuationPersistence,
+  resetValuationPersistence,
+} from "./market-valuation/cache";
 
 const macroSharedResourcesModule = {
   setup(ctx) {
     attachFredSeriesPersistence(ctx.persistence);
+    attachValuationPersistence(ctx.persistence);
   },
   dispose() {
     resetFredSeriesPersistence();
+    resetValuationPersistence();
   },
 } satisfies PluginModule;
 
@@ -45,7 +56,7 @@ export const applicationPlugin = composeBuiltinPlugin({
   name: "Application",
   version: "1.0.0",
   description: "Core layout, help, and release information.",
-  modules: [layoutManagerModule, helpModule, changelogModule, connectionsModule],
+  modules: [layoutManagerModule, pluginMarketplaceModule, helpModule, changelogModule, connectionsModule],
 });
 
 export const portfolioPlugin = composeBuiltinPlugin({
@@ -75,6 +86,7 @@ export const marketOverviewPlugin = composeBuiltinPlugin({
   modules: [
     correlationModule,
     worldIndicesModule,
+    worldVenueMapModule,
     marketHeatmapModule,
     marketMoversModule,
     marketHaltsModule,
@@ -95,12 +107,15 @@ export const macroPlugin = composeBuiltinPlugin({
   modules: [
     macroSharedResourcesModule,
     economicCalendarModule,
+    econStatisticsModule,
     yieldCurveModule,
     volatilityModule,
     creditConditionsModule,
+    marketValuationModule,
     cdsModule,
     treasuryAuctionsModule,
     earningsModule,
+    earningsCallsModule,
     ipoCalendarModule,
     tvModule,
   ],

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

@@ -1,6 +1,6 @@
 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 { ScatterChartPoint } from "../../../../components/chart/static";
 import type { PaneSettingsDef, PaneTemplateCreateOptions } from "../../../../types/plugin";
 import type { PricePoint } from "../../../../types/financials";
 import { formatTickerListInput, parseTickerListInput } from "../../../../tickers/list";

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

@@ -2,9 +2,8 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { Box, Text } from "../../../../ui";
 import { Button, usePaneFooter } from "../../../../components";
 import { useShortcut, type KeyEventLike } from "../../../../react/input";
-import { StaticMultiLineChartSurface } from "../../../../components/chart/static/multi-line-chart-surface";
-import { StaticScatterChartSurface } from "../../../../components/chart/static/scatter-chart-surface";
-import { resolveChartPalette } from "../../../../components/chart/core/renderer";
+import { StaticMultiLineChartSurface, StaticScatterChartSurface } from "../../../../components/chart/static";
+import { resolveChartPalette } from "../../../../components/chart/core/palette";
 import type { PaneProps, PaneTemplateDef } from "../../../../types/plugin";
 import { usePaneInstance } from "../../../../state/app/context";
 import { colors } from "../../../../theme/colors";
@@ -285,7 +284,6 @@ export function RelationshipGraphPane({ focused, width, height }: PaneProps) {
         series={priceSeries}
         width={chartWidth}
         height={priceHeight}
-        dates={alignedDates}
         cursorDate={cursorDate}
         showTimeAxis
         timeAxisColor={colors.textDim}
@@ -299,7 +297,6 @@ export function RelationshipGraphPane({ focused, width, height }: PaneProps) {
         series={ratioSeries}
         width={chartWidth}
         height={ratioHeight}
-        dates={alignedDates}
         cursorDate={cursorDate}
         showTimeAxis
         timeAxisColor={colors.textDim}
@@ -314,7 +311,6 @@ export function RelationshipGraphPane({ focused, width, height }: PaneProps) {
           series={correlationSeries}
           width={chartWidth}
           height={correlationHeight}
-          dates={alignedDates}
           cursorDate={cursorDate}
           showTimeAxis
           timeAxisColor={colors.textDim}

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

@@ -1,6 +1,6 @@
 import type { ProjectedChartPoint } from "../../../../components/chart/core/data";
-import type { MultiLineChartSeries } from "../../../../components/chart/multi-line/renderer";
-import type { ScatterChartPoint } from "../../../../components/chart/scatter-chart-renderer";
+import type { MultiLineChartSeries } from "../../../../components/chart/static";
+import type { ScatterChartPoint } from "../../../../components/chart/static";
 import { colors } from "../../../../theme/colors";
 import { formatNumber } from "../../../../utils/format";
 import type {

package/src/plugins/builtin/credit-conditions/index.test.tsx

@@ -14,8 +14,8 @@ import {
   PaneInstanceProvider,
 } from "../../../state/app/context";
 import { createDefaultConfig } from "../../../types/config";
-import { CREDIT_SERIES, type CreditConditionRow } from "./model";
-import { CreditConditionsPane, moveCreditSelection } from "./index";
+import { CREDIT_SERIES } from "./model";
+import { CreditConditionsPane } from "./index";
 
 let setup: Awaited<ReturnType<typeof testRender>> | undefined;
 
@@ -80,9 +80,6 @@ afterEach(async () => {
 
 describe("CreditConditionsPane", () => {
   test("selects credit rows with keyboard and mouse", async () => {
-    const keyboardRows = CREDIT_SERIES.map((definition) => ({ ...definition }) as CreditConditionRow);
-    expect(moveCreditSelection(keyboardRows, CREDIT_SERIES[5].seriesId, -1)).toBe(CREDIT_SERIES[4].seriesId);
-
     const state = createInitialState(createDefaultConfig("/tmp/gloomberb-credit-test"));
     setup = await testRender(
       <AppContext value={{ state, dispatch: () => {} }}>
@@ -98,13 +95,22 @@ describe("CreditConditionsPane", () => {
 
     expect(setup.captureCharFrame()).toContain(`${CREDIT_SERIES[0].seriesId} Option-Adjusted Spread`);
 
+    await act(async () => {
+      setup!.mockInput.pressArrow("up");
+      setup!.mockInput.pressEnter();
+      await setup!.renderOnce();
+    });
+    await settle();
+    const keyboardTitle = `${CREDIT_SERIES[5].seriesId} Option-Adjusted Spread`;
+    expect(setup.captureCharFrame()).toContain(keyboardTitle);
+
     let mouseSelected = false;
     for (let row = 3; row < 9 && !mouseSelected; row += 1) {
       await act(async () => {
         await setup!.mockMouse.click(2, row);
         await setup!.renderOnce();
       });
-      mouseSelected = !setup.captureCharFrame().includes(`${CREDIT_SERIES[0].seriesId} Option-Adjusted Spread`);
+      mouseSelected = !setup.captureCharFrame().includes(keyboardTitle);
     }
     expect(mouseSelected).toBe(true);
   });

package/src/plugins/builtin/credit-conditions/index.tsx

@@ -47,16 +47,6 @@ function sortRows(rows: CreditConditionRow[], id: SortId, descending: boolean):
   });
 }
 
-export function moveCreditSelection(
-  rows: CreditConditionRow[],
-  selectedId: CreditSeriesId | null,
-  offset: -1 | 1,
-): CreditSeriesId | null {
-  if (rows.length === 0) return null;
-  const current = Math.max(0, rows.findIndex((row) => row.seriesId === selectedId));
-  return rows[Math.max(0, Math.min(current + offset, rows.length - 1))]!.seriesId;
-}
-
 function renderCell(
   row: CreditConditionRow,
   column: Column,
@@ -131,16 +121,8 @@ export function CreditConditionsPane({ paneId, focused, width, height }: PanePro
     onMouseDown: () => setSelectedId(row.seriesId),
   }), []);
   useShortcut((event) => {
-    if (!focused) return;
-    if (event.name === "r") {
-      if (loading) return;
-      reload();
-    } else if (["up", "k", "down", "j"].includes(event.name ?? "")) {
-      const offset = event.name === "up" || event.name === "k" ? -1 : 1;
-      setSelectedId(moveCreditSelection(sorted, selectedId, offset));
-    } else {
-      return;
-    }
+    if (!focused || event.name !== "r" || loading) return;
+    reload();
     event.preventDefault?.();
     event.stopPropagation?.();
   });
@@ -190,7 +172,6 @@ export function CreditConditionsPane({ paneId, focused, width, height }: PanePro
         getId: (row) => row.seriesId,
         onChange: (id) => setSelectedId(id as CreditSeriesId),
       }}
-      onCursorChange={(row) => setSelectedId(row.seriesId)}
       columns={columns}
       items={sorted}
       sortColumnId={sort.id}

package/src/plugins/builtin/dividend-yield/index.tsx

@@ -45,6 +45,7 @@ export const dividendYieldModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 90, height: 28 },
+      tableExport: true,
     },
   ],
 

package/src/plugins/builtin/dividend-yield/pane.tsx

@@ -9,7 +9,7 @@ import {
   type DataTableKeyEvent,
 } from "../../../components";
 import type { ProjectedChartPoint } from "../../../components/chart/core/data";
-import { resolveChartPalette } from "../../../components/chart/core/renderer";
+import { resolveChartPalette } from "../../../components/chart/core/palette";
 import { colors, priceColor } from "../../../theme/colors";
 import { formatCurrency, formatNumber, formatPercentRaw } from "../../../utils/format";
 import { handleRefreshKey, loadingErrorFooterInfo } from "../shared/table-pane";

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

@@ -253,6 +253,7 @@ export const earningsModule: PluginModule = {
       defaultPosition: "right",
       defaultMode: "floating",
       defaultFloatingSize: { width: 85, height: 25 },
+      tableExport: true,
       settings: earningsSettings,
     },
   ],