gloomberb 0.5.1 → 0.6.0

package/src/plugins/prediction-markets/detail/pane.tsx

@@ -1,6 +1,7 @@
-import { TextAttributes, type ScrollBoxRenderable } from "@opentui/core";
+import { Box, ScrollBox, Text } from "../../../ui";
+import { TextAttributes, type ScrollBoxRenderable } from "../../../ui";
 import type { RefObject } from "react";
-import { Spinner, TabBar } from "../../../components";
+import { Spinner, Tabs } from "../../../components";
 import { EmptyState } from "../../../components/ui/status";
 import { colors } from "../../../theme/colors";
 import { padTo } from "../../../utils/format";
@@ -35,30 +36,30 @@ interface MetricCell {
 
 function MetricLabelRow({ metrics }: { metrics: MetricCell[] }) {
   return (
-    <box flexDirection="row" height={1}>
+    <Box flexDirection="row" height={1}>
       {metrics.map((metric) => (
-        <box key={metric.label} width={metric.width + 1}>
-          <text fg={colors.textDim}>{padTo(metric.label, metric.width)}</text>
-        </box>
+        <Box key={metric.label} width={metric.width + 1}>
+          <Text fg={colors.textDim}>{padTo(metric.label, metric.width)}</Text>
+        </Box>
       ))}
-    </box>
+    </Box>
   );
 }
 
 function MetricValueRow({ metrics }: { metrics: MetricCell[] }) {
   return (
-    <box flexDirection="row" height={1}>
+    <Box flexDirection="row" height={1}>
       {metrics.map((metric) => (
-        <box key={metric.label} width={metric.width + 1}>
-          <text
+        <Box key={metric.label} width={metric.width + 1}>
+          <Text
             fg={metric.color ?? colors.textBright}
             attributes={TextAttributes.BOLD}
           >
             {padTo(metric.value, metric.width)}
-          </text>
-        </box>
+          </Text>
+        </Box>
       ))}
-    </box>
+    </Box>
   );
 }
 
@@ -97,12 +98,12 @@ export function PredictionMarketDetailPane({
 }) {
   if (!selectedSummary) {
     return (
-      <box flexGrow={1} justifyContent="center">
+      <Box flexGrow={1} justifyContent="center">
         <EmptyState
           title="Select a market."
           hint="Use the table on the left to inspect live prediction market detail."
         />
-      </box>
+      </Box>
     );
   }
 
@@ -188,50 +189,53 @@ export function PredictionMarketDetailPane({
   const headerHeight = detailSubtitle.length > 0 ? 3 : 2;
   const detailLoading = detailLoadCount > 0 && !detail;
   const titleColor = focused ? colors.textBright : colors.text;
+  const detailTextWidth = Math.max(detailWidth, 12);
 
   return (
     <>
-      <box flexDirection="column" height={headerHeight} paddingBottom={1}>
-        <box flexDirection="row" height={1}>
-          <text fg={titleColor} attributes={TextAttributes.BOLD}>
-            {detailTitle}
-          </text>
-        </box>
+      <Box flexDirection="column" height={headerHeight} paddingBottom={1}>
+        <Box flexDirection="row" height={1}>
+          <Text fg={titleColor} attributes={TextAttributes.BOLD}>
+            {truncatePredictionText(detailTitle, detailTextWidth)}
+          </Text>
+        </Box>
         {detailSubtitle.length > 0 && (
-          <box flexDirection="row" height={1}>
-            <text fg={colors.textDim}>{detailSubtitle}</text>
-          </box>
+          <Box flexDirection="row" height={1}>
+            <Text fg={colors.textDim}>
+              {truncatePredictionText(detailSubtitle, detailTextWidth)}
+            </Text>
+          </Box>
         )}
-      </box>
+      </Box>
 
-      <box flexDirection="column" height={4} paddingBottom={1}>
+      <Box flexDirection="column" height={4} paddingBottom={1}>
         <MetricLabelRow metrics={primaryMetrics} />
         <MetricValueRow metrics={primaryMetrics} />
         <MetricLabelRow metrics={secondaryMetrics} />
         <MetricValueRow metrics={secondaryMetrics} />
-      </box>
+      </Box>
 
       {relatedSiblings.length > 0 && (
-        <box flexDirection="row" gap={1} height={1} paddingBottom={1}>
-          <text fg={colors.textDim}>Related:</text>
+        <Box flexDirection="row" gap={1} height={1} paddingBottom={1}>
+          <Text fg={colors.textDim}>Related:</Text>
           {relatedSiblings.map((sibling) => (
-            <box
+            <Box
               key={sibling.key}
               onMouseDown={(event) => {
                 event.preventDefault();
                 onSelectMarket(sibling.key);
               }}
             >
-              <text fg={colors.text}>
+              <Text fg={colors.text}>
                 {`${truncatePredictionText(sibling.label, 10)} ${formatPredictionProbability(sibling.yesPrice)}`}
-              </text>
-            </box>
+              </Text>
+            </Box>
           ))}
-        </box>
+        </Box>
       )}
 
-      <box paddingBottom={1}>
-        <TabBar
+      <Box paddingBottom={1}>
+        <Tabs
           tabs={DETAIL_TABS.map((tab) => ({
             label: tab.label,
             value: tab.value,
@@ -240,19 +244,26 @@ export function PredictionMarketDetailPane({
           onSelect={(value) => onDetailTabChange(value as PredictionDetailTab)}
           compact
         />
-      </box>
+      </Box>
 
       {detailError && !detail && (
-        <box paddingBottom={1}>
-          <text fg={colors.negative}>{detailError}</text>
-        </box>
+        <Box paddingBottom={1}>
+          <Text
+            fg={colors.negative}
+            width={detailTextWidth}
+            wrapMode="word"
+            wrapText
+          >
+            {detailError}
+          </Text>
+        </Box>
       )}
 
-      <scrollbox ref={scrollRef} flexGrow={1} scrollY>
+      <ScrollBox ref={scrollRef} flexGrow={1} scrollY>
         {detailLoading && (
-          <box height={1} paddingBottom={1}>
+          <Box height={1} paddingBottom={1}>
             <Spinner label="Loading market detail..." />
-          </box>
+          </Box>
         )}
         {detailTab === "overview" && (
           <PredictionMarketOverviewView
@@ -279,9 +290,12 @@ export function PredictionMarketDetailPane({
         )}
 
         {detailTab === "rules" && (
-          <PredictionMarketRulesView rules={detail?.rules ?? []} />
+          <PredictionMarketRulesView
+            detailWidth={detailTextWidth}
+            rules={detail?.rules ?? []}
+          />
         )}
-      </scrollbox>
+      </ScrollBox>
     </>
   );
 }

package/src/plugins/prediction-markets/detail/rules.tsx

@@ -1,16 +1,31 @@
+import { Box, Text } from "../../../ui";
 import { colors } from "../../../theme/colors";
 
-export function PredictionMarketRulesView({ rules }: { rules: string[] }) {
+export function PredictionMarketRulesView({
+  rules,
+  detailWidth,
+}: {
+  rules: string[];
+  detailWidth: number;
+}) {
+  const textWidth = Math.max(detailWidth, 12);
+
   return (
-    <box flexDirection="column" gap={1}>
+    <Box flexDirection="column" gap={1}>
       {rules.map((rule, index) => (
-        <box key={`${index}:${rule.slice(0, 24)}`} flexDirection="column">
-          <text fg={colors.text}>{rule}</text>
-        </box>
+        <Box
+          key={`${index}:${rule.slice(0, 24)}`}
+          flexDirection="column"
+          width={textWidth}
+        >
+          <Text fg={colors.text} width={textWidth} wrapMode="word" wrapText>
+            {rule}
+          </Text>
+        </Box>
       ))}
       {rules.length === 0 && (
-        <text fg={colors.textDim}>No rule text returned by the venue.</text>
+        <Text fg={colors.textDim}>No rule text returned by the venue.</Text>
       )}
-    </box>
+    </Box>
   );
 }

package/src/plugins/prediction-markets/detail/shared.tsx

@@ -1,3 +1,4 @@
+import { Box } from "../../../ui";
 import { colors } from "../../../theme/colors";
 import { ExternalLinkText } from "../../../components/ui/external-link";
 
@@ -18,12 +19,12 @@ export function SummaryLink({
   maxLength: number;
 }) {
   return (
-    <box height={1}>
+    <Box height={1}>
       <ExternalLinkText
         url={url}
         label={truncatePredictionText(url, maxLength)}
         color={colors.textBright}
       />
-    </box>
+    </Box>
   );
 }

package/src/plugins/prediction-markets/detail/trades.tsx

@@ -1,3 +1,4 @@
+import { Box, Text } from "../../../ui";
 import { colors } from "../../../theme/colors";
 import { formatNumber, padTo } from "../../../utils/format";
 import { formatPredictionProbability } from "../metrics";
@@ -9,22 +10,22 @@ export function PredictionMarketTradesView({
   trades: PredictionTrade[];
 }) {
   return (
-    <box flexDirection="column">
-      <box height={1}>
-        <text
+    <Box flexDirection="column">
+      <Box height={1}>
+        <Text
           fg={colors.textDim}
-        >{`${padTo("TIME", 16)} ${padTo("SIDE", 6)} ${padTo("OUT", 4)} ${padTo("PRICE", 8)} ${padTo("SIZE", 10)}`}</text>
-      </box>
+        >{`${padTo("TIME", 16)} ${padTo("SIDE", 6)} ${padTo("OUT", 4)} ${padTo("PRICE", 8)} ${padTo("SIZE", 10)}`}</Text>
+      </Box>
       {trades.slice(0, 30).map((trade) => (
-        <box key={trade.id} height={1}>
-          <text fg={trade.side === "buy" ? colors.positive : colors.negative}>
+        <Box key={trade.id} height={1}>
+          <Text fg={trade.side === "buy" ? colors.positive : colors.negative}>
             {`${padTo(new Date(trade.timestamp).toLocaleTimeString("en-US", { hour12: false }), 16)} ${padTo(trade.side.toUpperCase(), 6)} ${padTo(trade.outcome.toUpperCase(), 4)} ${padTo(formatPredictionProbability(trade.price), 8)} ${padTo(formatNumber(trade.size, 0), 10, "right")}`}
-          </text>
-        </box>
+          </Text>
+        </Box>
       ))}
       {trades.length === 0 && (
-        <text fg={colors.textDim}>No recent trades.</text>
+        <Text fg={colors.textDim}>No recent trades.</Text>
       )}
-    </box>
+    </Box>
   );
 }

package/src/plugins/prediction-markets/detail.test.tsx

@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, test } from "bun:test";
-import { testRender } from "@opentui/react/test-utils";
+import { testRender } from "../../renderers/opentui/test-utils";
 import {
   ChartHarness,
   GroupedDetailHarness,

package/src/plugins/prediction-markets/keyboard.ts

@@ -1,3 +1,4 @@
+
 export type PredictionKeyboardCommand =
   | "escape"
   | "search"

package/src/plugins/prediction-markets/launch.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, test } from "bun:test";
 import { createDefaultConfig } from "../../types/config";
-import type { AppSessionSnapshot } from "../../state/session-persistence";
+import type { AppSessionSnapshot } from "../../core/state/session-persistence";
 import {
   applyPredictionLaunchIntentToConfig,
   applyPredictionLaunchIntentToSessionSnapshot,

package/src/plugins/prediction-markets/launch.ts

@@ -8,7 +8,7 @@ import {
   type SavedLayout,
 } from "../../types/config";
 import type { CliLaunchRequest, PaneDef } from "../../types/plugin";
-import type { AppSessionSnapshot } from "../../state/session-persistence";
+import type { AppSessionSnapshot } from "../../core/state/session-persistence";
 import { PREDICTION_CATEGORY_OPTIONS, type PredictionCategoryId } from "./categories";
 import { BROWSE_TABS } from "./navigation";
 import type { PredictionBrowseTab, PredictionVenueScope } from "./types";

package/src/plugins/prediction-markets/metrics.ts

@@ -212,22 +212,35 @@ export function sortPredictionMarkets(
   sortPreference: PredictionSortPreference,
 ): PredictionListRow[] {
   if (!sortPreference.columnId) return [...markets];
+  const columnId = sortPreference.columnId;
+  const direction = sortPreference.direction === "asc" ? 1 : -1;
 
-  return [...markets].sort((left, right) => {
-    const leftValue = getMarketSortValue(left, sortPreference.columnId!);
-    const rightValue = getMarketSortValue(right, sortPreference.columnId!);
+  return markets
+    .map((market, index) => ({
+      index,
+      market,
+      sortValue: getMarketSortValue(market, columnId),
+    }))
+    .sort((left, right) => {
+      const leftValue = left.sortValue;
+      const rightValue = right.sortValue;
 
-    if (leftValue == null && rightValue == null) return 0;
-    if (leftValue == null) return 1;
-    if (rightValue == null) return -1;
+      if (leftValue == null && rightValue == null) {
+        return left.index - right.index;
+      }
+      if (leftValue == null) return 1;
+      if (rightValue == null) return -1;
 
-    const comparison =
-      typeof leftValue === "string" && typeof rightValue === "string"
-        ? leftValue.localeCompare(rightValue)
-        : Number(leftValue) - Number(rightValue);
+      const comparison =
+        typeof leftValue === "string" && typeof rightValue === "string"
+          ? leftValue.localeCompare(rightValue)
+          : Number(leftValue) - Number(rightValue);
 
-    return sortPreference.direction === "asc" ? comparison : -comparison;
-  });
+      return comparison === 0
+        ? left.index - right.index
+        : comparison * direction;
+    })
+    .map((entry) => entry.market);
 }
 
 export function getPredictionColumnValue(

package/src/plugins/prediction-markets/pane.test.tsx

@@ -1,6 +1,6 @@
 import { afterEach, describe, expect, test } from "bun:test";
 import { act } from "react";
-import { testRender } from "@opentui/react/test-utils";
+import { testRender } from "../../renderers/opentui/test-utils";
 import {
   Harness,
   MemoryPersistence,
@@ -83,7 +83,7 @@ describe("prediction markets pane interactions", () => {
     expect(frame).toContain("Will the Fed cut rates?");
   });
 
-  test("shows a venue warning instead of a raw fetch error when one catalog fails", async () => {
+  test("keeps fallback venue markets visible when one catalog fails", async () => {
     attachPredictionMarketsPersistence(new MemoryPersistence());
 
     globalThis.fetch = (async (input: Request | string | URL) => {
@@ -128,9 +128,6 @@ describe("prediction markets pane interactions", () => {
 
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Will the Fed cut rates?");
-    expect(frame).toContain(
-      "Polymarket unavailable right now; showing Kalshi markets.",
-    );
     expect(frame).not.toContain("Was there a typo in the url or port?");
   });
 
@@ -266,7 +263,7 @@ describe("prediction markets pane interactions", () => {
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Will the Fed cut rates?");
     expect(frame).not.toContain("Kalshi primary rule");
-    expect(frame).not.toContain("<- Back");
+    expect(frame).not.toContain("\u2190 Back");
   });
 
   test("keeps a clicked header sort instead of snapping back to the default sort", async () => {
@@ -511,6 +508,18 @@ describe("prediction markets pane interactions", () => {
       ]?.selectedDetailMarketKey,
     ).toBe("kalshi:KXFED-27APR-T4.50");
 
+    await emitKeypress(testSetup, { name: "escape", sequence: "\u001b" });
+    await flushFrames(testSetup);
+
+    const escapeFrame = testSetup.captureCharFrame();
+    expect(escapeFrame).toContain("\u2190 Back");
+    expect(escapeFrame).toContain("Rule 2");
+    expect(
+      harnessStateRef.current?.paneState[TEST_PANE_ID]?.pluginState?.[
+        "prediction-markets"
+      ]?.selectedDetailMarketKey,
+    ).toBe("kalshi:KXFED-27APR-T4.50");
+
     await emitKeypress(testSetup, { name: "backspace", sequence: "\u007f" });
     await flushFrames(testSetup);
 
@@ -541,7 +550,7 @@ describe("prediction markets pane interactions", () => {
     await flushFrames(testSetup);
 
     const detailFrame = testSetup.captureCharFrame();
-    expect(detailFrame).toContain("<- Back");
+    expect(detailFrame).toContain("\u2190 Back");
     expect(detailFrame).toContain("Kalshi primary rule");
     expect(
       harnessStateRef.current?.paneState[TEST_PANE_ID]?.pluginState?.[