gloomberb 0.7.2 → 0.7.4

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

@@ -1,8 +1,8 @@
 import { Box, Span, Text, TextAttributes, contextMenuDivider, useContextMenu, useUiCapabilities } from "../../ui";
 import { useCallback, useEffect, useState } from "react";
-import { colors, hoverBg } from "../../theme/colors";
+import { blendHex, colors, hoverBg } from "../../theme/colors";
 import { useThemeColors } from "../../theme/theme-context";
-import { useAppDispatch, useAppSelector, useFocusedTicker } from "../../state/app-context";
+import { useAppDispatch, useAppSelector } from "../../state/app-context";
 import {
   selectActiveLayoutIndex,
   selectGridlockTipSequence,
@@ -10,9 +10,6 @@ import {
   selectSavedLayouts,
   selectStatusBarVisible,
 } from "../../state/selectors-ui";
-import {
-  getExtendedHoursInfo,
-} from "../../utils/market-status";
 import { getSharedRegistry } from "../../plugins/registry";
 import { gridlockAllPanes } from "../../plugins/pane-manager";
 import { notifyGridlockComplete } from "../../plugins/gridlock-notification";
@@ -35,8 +32,6 @@ type LayoutTabItem = {
 type StatusBarViewProps = {
   activeLayoutIdx: number;
   dismissGridlockTip: (event?: StatusBarEvent) => void;
-  extColor: string;
-  extText: string;
   handleGridlockTip: (event?: StatusBarEvent) => void;
   handleLayoutSelect: (value: string) => void;
   hasMultipleLayouts: boolean;
@@ -47,7 +42,6 @@ type StatusBarViewProps = {
   openLayoutContextMenu: (index: number, event: any) => void | Promise<unknown>;
   setHoveredControl: SetHoveredControl;
   showGridlockTip: boolean;
-  symbol: string | null | undefined;
 };
 
 function truncate(text: string, width: number): string {
@@ -68,14 +62,8 @@ export function StatusBar() {
   const statusBarVisible = useAppSelector(selectStatusBarVisible);
   const gridlockTipVisible = useAppSelector(selectGridlockTipVisible);
   const gridlockTipSequence = useAppSelector(selectGridlockTipSequence);
-  const { symbol, financials: focusedFinancials } = useFocusedTicker();
   const [hoveredControl, setHoveredControl] = useState<string | null>(null);
 
-  // Extended hours info for selected ticker
-  const extInfo = getExtendedHoursInfo(focusedFinancials?.quote);
-  const extText = extInfo?.text ?? "";
-  const extColor = extInfo?.color ?? colors.textDim;
-
   const hasMultipleLayouts = layouts.length > 1;
   const showGridlockTip = gridlockTipVisible && !!registry;
   const layoutTabs = layouts.map((layout, index) => ({
@@ -211,8 +199,6 @@ export function StatusBar() {
   const viewProps: StatusBarViewProps = {
     activeLayoutIdx,
     dismissGridlockTip,
-    extColor,
-    extText,
     handleGridlockTip,
     handleLayoutSelect,
     hasMultipleLayouts,
@@ -223,7 +209,6 @@ export function StatusBar() {
     openLayoutContextMenu,
     setHoveredControl,
     showGridlockTip,
-    symbol,
   };
 
   if (nativePaneChrome) {
@@ -251,7 +236,7 @@ function NativeStatusBar({
       }}
       style={{
         borderTop: `1px solid ${colors.border}`,
-        boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)",
+        boxShadow: `inset 0 1px 0 ${blendHex(colors.panel, colors.textBright, 0.03)}`,
         paddingInline: 8,
       }}
     >
@@ -416,15 +401,10 @@ function TerminalGridlockTip({
   );
 }
 
-function StatusBarWidgets({ extColor, extText, symbol }: Pick<StatusBarViewProps, "extColor" | "extText" | "symbol">) {
+function StatusBarWidgets() {
   return (
     <>
       <Box flexGrow={1} />
-      {extText && (
-        <Box paddingRight={1}>
-          <Text fg={extColor}>{symbol} {extText}</Text>
-        </Box>
-      )}
       <PluginSlot name="status:widget" />
     </>
   );

package/src/components/markdown-text.tsx

@@ -87,9 +87,32 @@ function parseLine(line: string): ParsedLine {
   return { segments: parseInlineMarkdown(line) };
 }
 
-function SegmentSpan({ segment }: { segment: StyledSegment }) {
+function wrappedTextStyle() {
+  return {
+    minWidth: 0,
+    whiteSpace: "pre-wrap",
+    overflowWrap: "anywhere",
+  } as const;
+}
+
+function wrappedInlineTextStyle() {
+  return {
+    ...wrappedTextStyle(),
+    display: "inline",
+  } as const;
+}
+
+function SegmentSpan({ segment, wrap = false }: { segment: StyledSegment; wrap?: boolean }) {
+  const wrapProps = wrap
+    ? {
+        wrapText: true,
+        wrapMode: "word",
+        style: wrappedInlineTextStyle(),
+      }
+    : {};
+
   if (segment.code) {
-    return <Span fg={colors.textDim}>{segment.text}</Span>;
+    return <Span fg={colors.textDim} {...wrapProps}>{segment.text}</Span>;
   }
   const attrs =
     (segment.bold ? TextAttributes.BOLD : 0) |
@@ -99,6 +122,7 @@ function SegmentSpan({ segment }: { segment: StyledSegment }) {
     <Span
       fg={segment.color ?? undefined}
       attributes={attrs || undefined}
+      {...wrapProps}
     >
       {segment.text}
     </Span>
@@ -124,6 +148,15 @@ function MarkdownLine({
 }) {
   const indent = parsed.indent ?? 0;
   const indentStr = indent > 0 ? " ".repeat(indent) : "";
+  const shouldWrap = lineWidth != null;
+  const textWrapProps = shouldWrap
+    ? {
+        width: lineWidth,
+        wrapText: true,
+        wrapMode: "word",
+        style: wrappedTextStyle(),
+      }
+    : {};
 
   // Check if any segment contains ticker symbols
   const fullText = parsed.segments.map((s) => s.text).join("");
@@ -133,10 +166,10 @@ function MarkdownLine({
   if (!hasTickers) {
     // Simple case: no tickers, render as styled text
     return (
-      <Text fg={textColor}>
+      <Text fg={textColor} {...textWrapProps}>
         {indentStr}
         {parsed.segments.map((segment, i) => (
-          <SegmentSpan key={i} segment={segment} />
+          <SegmentSpan key={i} segment={segment} wrap={shouldWrap} />
         ))}
       </Text>
     );
@@ -153,16 +186,28 @@ function MarkdownLine({
           if (token.kind === "text") {
             if (!token.value) return null;
             return (
-              <Text key={`${segIdx}:${tokIdx}`} fg={textColor}>
-                <SegmentSpan segment={{ ...segment, text: token.value }} />
+              <Text
+                key={`${segIdx}:${tokIdx}`}
+                fg={textColor}
+                {...(shouldWrap
+                  ? { wrapText: true, wrapMode: "word", style: wrappedTextStyle() }
+                  : {})}
+              >
+                <SegmentSpan segment={{ ...segment, text: token.value }} wrap={shouldWrap} />
               </Text>
             );
           }
           const entry = catalog[token.symbol];
           if (!entry || entry.status === "missing") {
             return (
-              <Text key={`${segIdx}:${tokIdx}`} fg={textColor}>
-                <SegmentSpan segment={{ ...segment, text: token.value }} />
+              <Text
+                key={`${segIdx}:${tokIdx}`}
+                fg={textColor}
+                {...(shouldWrap
+                  ? { wrapText: true, wrapMode: "word", style: wrappedTextStyle() }
+                  : {})}
+              >
+                <SegmentSpan segment={{ ...segment, text: token.value }} wrap={shouldWrap} />
               </Text>
             );
           }

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

@@ -12,6 +12,7 @@ import { resolveBrokerConfigFields, type BrokerAdapter, type BrokerConfigField }
 import { buildBrokerProfileConfig, validateBrokerProfileValues } from "../../brokers/profile-form";
 import { createBrokerInstanceId } from "../../utils/broker-instances";
 import { isBackNavigationKey, isPlainEscape } from "../../utils/back-navigation";
+import { isPlainKey } from "../../utils/keyboard";
 import { detectShortcutPlatform, formatPrimaryShortcut, getShortcutDisplayMode } from "../../utils/shortcut-labels";
 import { syncBrokerInstance } from "../../brokers/sync-broker-instance";
 import { debugLog } from "../../utils/debug-log";
@@ -528,24 +529,24 @@ export function OnboardingWizard({ config, pluginRegistry, onComplete }: Onboard
 
     // --- Step-specific controls ---
     if (step === "theme") {
-      if (event.name === "up" || event.name === "k") {
+      if (isPlainKey(event, "up", "k")) {
         setThemeIdx((i) => Math.max(0, i - 1));
-      } else if (event.name === "down" || event.name === "j") {
+      } else if (isPlainKey(event, "down", "j")) {
         setThemeIdx((i) => Math.min(themeIds.length - 1, i + 1));
       }
     } else if (step === "portfolio" && portfolioSub === "choose") {
-      if (event.name === "up" || event.name === "k") {
+      if (isPlainKey(event, "up", "k")) {
         setPortfolioOptionIdx((i) => Math.max(0, i - 1));
-      } else if (event.name === "down" || event.name === "j") {
+      } else if (isPlainKey(event, "down", "j")) {
         setPortfolioOptionIdx((i) => Math.min(portfolioChoices.length - 1, i + 1));
       }
     } else if (step === "portfolio" && portfolioSub === "broker-fields" && selectedBrokerId) {
       const currentField = activeBrokerFields[brokerFieldIdx];
       if (currentField?.type === "select") {
         const optionCount = currentField.options?.length ?? 0;
-        if (event.name === "up" || event.name === "k") {
+        if (isPlainKey(event, "up", "k")) {
           setBrokerSelectIdx((index) => Math.max(0, index - 1));
-        } else if (event.name === "down" || event.name === "j") {
+        } else if (isPlainKey(event, "down", "j")) {
           setBrokerSelectIdx((index) => Math.min(optionCount - 1, index + 1));
         }
       }

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

@@ -10,6 +10,7 @@ import type {
 } from "../types/plugin";
 import type { PluginRegistry } from "../plugins/registry";
 import { blendHex, colors } from "../theme/colors";
+import { isPlainKey } from "../utils/keyboard";
 import { Button, DialogFrame, ListView, MultiSelectDialogContent, TextField } from "./ui";
 import { NativeSelect, openNativeSelect, type NativeSelectElement } from "./ui/native-select";
 
@@ -167,7 +168,9 @@ function DesktopSwitch({
       style={{
         border: `1px solid ${checked ? colors.borderFocused : colors.border}`,
         borderRadius: 999,
-        boxShadow: checked ? "inset 0 1px 0 rgba(255,255,255,0.10)" : "inset 0 1px 0 rgba(255,255,255,0.05)",
+        boxShadow: checked
+          ? `inset 0 1px 0 ${blendHex(colors.selected, colors.textBright, 0.1)}`
+          : `inset 0 1px 0 ${blendHex(colors.bg, colors.textBright, 0.05)}`,
         cursor: "pointer",
         paddingInline: 2,
       }}
@@ -178,7 +181,7 @@ function DesktopSwitch({
         backgroundColor={checked ? colors.selectedText : colors.textMuted}
         style={{
           borderRadius: 999,
-          boxShadow: "0 1px 2px rgba(0, 0, 0, 0.35)",
+          boxShadow: `0 1px 2px ${blendHex(colors.panel, colors.bg, 0.35)}`,
         }}
       />
     </Box>
@@ -333,8 +336,8 @@ function useSelectFieldDialogController({
 
   useDialogKeyboard((event) => {
     event.stopPropagation();
-    if (event.name === "up" || event.name === "k") setSelectedIndex((index) => Math.max(0, index - 1));
-    else if (event.name === "down" || event.name === "j") setSelectedIndex((index) => Math.min(field.options.length - 1, index + 1));
+    if (isPlainKey(event, "up", "k")) setSelectedIndex((index) => Math.max(0, index - 1));
+    else if (isPlainKey(event, "down", "j")) setSelectedIndex((index) => Math.min(field.options.length - 1, index + 1));
     else if (event.name === "escape") dismiss();
     else if (event.name === "enter" || event.name === "return" || isSpaceKey(event)) {
       const option = field.options[selectedIndex];
@@ -716,8 +719,8 @@ export function PaneSettingsDialogContent({
 
   useDialogKeyboard((event) => {
     event.stopPropagation();
-    if (event.name === "up" || event.name === "k") setSelectedIndex((index) => Math.max(0, index - 1));
-    else if (event.name === "down" || event.name === "j") setSelectedIndex((index) => Math.min(fields.length - 1, index + 1));
+    if (isPlainKey(event, "up", "k")) setSelectedIndex((index) => Math.max(0, index - 1));
+    else if (isPlainKey(event, "down", "j")) setSelectedIndex((index) => Math.min(fields.length - 1, index + 1));
     else if (event.name === "escape") dismiss();
     else if (event.name === "enter" || event.name === "return" || isSpaceKey(event)) {
       void openFieldEditor(fields[selectedIndex]).catch(() => {});

package/src/components/pane-template-wizard.tsx

@@ -4,6 +4,7 @@ import { type InputRenderable, type TextareaRenderable } from "../ui";
 import { type AlertContext, type PromptContext, useDialogKeyboard } from "../ui/dialog";
 import type { WizardStep } from "../types/plugin";
 import { colors } from "../theme/colors";
+import { isPlainKey } from "../utils/keyboard";
 import { DialogFrame, ListView, TextField } from "./ui";
 
 export function PaneTemplateInfoStep({
@@ -165,9 +166,9 @@ export function PaneTemplateSelectStep({
 
   useDialogKeyboard((event) => {
     event.stopPropagation();
-    if (event.name === "up" || event.name === "k") {
+    if (isPlainKey(event, "up", "k")) {
       setSelectedIndex((index) => Math.max(0, index - 1));
-    } else if (event.name === "down" || event.name === "j") {
+    } else if (isPlainKey(event, "down", "j")) {
       setSelectedIndex((index) => Math.min(options.length - 1, index + 1));
     } else if (event.name === "return" || event.name === "enter") {
       resolve(options[selectedIndex]?.value ?? "");

package/src/components/price-selector-dialog.tsx

@@ -8,6 +8,7 @@ import { colors } from "../theme/colors";
 import { formatMarketPrice } from "../utils/market-format";
 import { DialogFrame, ListView, NumberField } from "./ui";
 import { padTo } from "../utils/format";
+import { isPlainKey } from "../utils/keyboard";
 
 interface PricePreset {
   label: string;
@@ -98,9 +99,9 @@ export function PriceSelectorDialog({
     }
 
     if (mode === "list") {
-      if (event.name === "up" || event.name === "k") {
+      if (isPlainKey(event, "up", "k")) {
         setIndex((current) => Math.max(0, current - 1));
-      } else if (event.name === "down" || event.name === "j") {
+      } else if (isPlainKey(event, "down", "j")) {
         if (index < presets.length - 1) {
           setIndex((current) => current + 1);
         } else {