horizon-code 0.1.2 → 0.3.0

package/src/components/code-panel.ts

@@ -12,9 +12,32 @@ import {
 } from "@opentui/core";
 type TreeSitterClient = any;
 import { COLORS } from "../theme/colors.ts";
+import { store } from "../state/store.ts";
+import type { DeploymentMetrics, Position, Order } from "../state/types.ts";
 
 const h = (hex: string) => RGBA.fromHex(hex);
 
+function sparkline(values: number[], width: number): string {
+  if (values.length < 2) return "";
+  const chars = "\u2581\u2582\u2583\u2584\u2585\u2586\u2587\u2588";
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const range = max - min || 1;
+  const step = values.length / width;
+  let result = "";
+  for (let i = 0; i < width && i * step < values.length; i++) {
+    const idx = Math.min(Math.floor(i * step), values.length - 1);
+    const normalized = (values[idx]! - min) / range;
+    const charIdx = Math.min(Math.floor(normalized * (chars.length - 1)), chars.length - 1);
+    result += chars[charIdx];
+  }
+  return result;
+}
+
+function pad(s: string, width: number): string {
+  return s.length >= width ? s : s + " ".repeat(width - s.length);
+}
+
 // Python syntax colors (matches highlights.scm groups)
 const syntaxStyle = SyntaxStyle.fromStyles({
   "@keyword":          { fg: h("#C586C0") },          // purple
@@ -36,7 +59,7 @@ const syntaxStyle = SyntaxStyle.fromStyles({
   "@punctuation.special": { fg: h("#D7BA7D") },       // gold
 });
 
-type PanelTab = "code" | "logs" | "dashboard";
+type PanelTab = "code" | "logs" | "dashboard" | "widgets";
 
 export class CodePanel {
   readonly container: BoxRenderable;
@@ -51,6 +74,8 @@ export class CodePanel {
   private logsMd: MarkdownRenderable;
   private dashScroll: ScrollBoxRenderable;
   private dashMd: MarkdownRenderable;
+  private widgetsScroll: ScrollBoxRenderable;
+  private widgetsList: BoxRenderable;
 
   private footerText: TextRenderable;
   private _visible = false;
@@ -59,7 +84,16 @@ export class CodePanel {
   private _name = "";
   private _phase = "";
   private _logs = "";
-  private _dashboardHtml = "";
+  private _metricsData: {
+    name: string;
+    status: string;
+    dryRun: boolean;
+    metrics: DeploymentMetrics;
+    positions: Position[];
+    orders: Order[];
+    pnlHistory: number[];
+    startedAt: number;
+  } | null = null;
   private _validationStatus: "pending" | "valid" | "invalid" | "none" = "none";
 
   constructor(private renderer: CliRenderer) {
@@ -95,7 +129,8 @@ export class CodePanel {
     const tabs: { id: PanelTab; label: string }[] = [
       { id: "code", label: "Code" },
       { id: "logs", label: "Logs" },
-      { id: "dashboard", label: "Dashboard" },
+      { id: "dashboard", label: "Metrics" },
+      { id: "widgets", label: "Widgets" },
     ];
     for (const tab of tabs) {
       const text = new TextRenderable(renderer, {
@@ -157,16 +192,40 @@ export class CodePanel {
     this.dashScroll.visible = false;
     this.dashMd = new MarkdownRenderable(renderer, {
       id: "dash-md",
-      content: "*no dashboard generated*\n\n*Ask the LLM to build a dashboard.*",
+      content: "*no active deployment*\n\n*Deploy a strategy to see live metrics here.*",
       syntaxStyle,
     });
     this.dashScroll.add(this.dashMd);
     this.container.add(this.dashScroll);
 
+    // ── Widgets tab content ──
+    this.widgetsScroll = new ScrollBoxRenderable(renderer, {
+      id: "widgets-scroll",
+      flexGrow: 1,
+      paddingLeft: 1,
+      paddingRight: 1,
+      paddingTop: 1,
+      stickyScroll: true,
+      stickyStart: "bottom",
+    });
+    this.widgetsScroll.visible = false;
+    this.widgetsList = new BoxRenderable(renderer, {
+      id: "widgets-list",
+      flexDirection: "column",
+      width: "100%",
+    });
+    this.widgetsList.add(new TextRenderable(renderer, {
+      id: "widgets-empty",
+      content: "*no widgets yet*\n\n*Tool results will appear here when \"Widgets in Tab\" is enabled in settings.*",
+      fg: COLORS.textMuted,
+    }));
+    this.widgetsScroll.add(this.widgetsList);
+    this.container.add(this.widgetsScroll);
+
     // ── Footer ──
     this.footerText = new TextRenderable(renderer, {
       id: "code-footer",
-      content: " ^G close  |  Tab cycle  |  1 code  2 logs  3 dash",
+      content: " ^G close  |  Tab cycle  |  1 code  2 logs  3 dash  4 widgets",
       fg: COLORS.borderDim,
     });
     this.container.add(this.footerText);
@@ -192,20 +251,72 @@ export class CodePanel {
     this.codeScroll.visible = tab === "code";
     this.logsScroll.visible = tab === "logs";
     this.dashScroll.visible = tab === "dashboard";
+    this.widgetsScroll.visible = tab === "widgets";
     // Refresh content for the active tab
     if (tab === "code") this.updateCodeContent();
     else if (tab === "logs") this.updateLogsContent();
     else if (tab === "dashboard") this.updateDashContent();
+    // Widgets tab: force scroll to bottom to show latest
+    if (tab === "widgets") this.widgetsScroll.scrollToBottom?.();
     this.updateTabBar();
     this.renderer.requestRender();
   }
 
   cycleTab(): void {
-    const order: PanelTab[] = ["code", "logs", "dashboard"];
+    const order: PanelTab[] = ["code", "logs", "dashboard", "widgets"];
     const idx = order.indexOf(this._activeTab);
     this.setTab(order[(idx + 1) % order.length]!);
   }
 
+  private _widgetCount = 0;
+
+  /** Add a widget renderable to the widgets tab */
+  addWidget(toolName: string, widget: BoxRenderable): void {
+    // Remove placeholder on first widget
+    if (this._widgetCount === 0) {
+      const children = this.widgetsList.getChildren();
+      for (const child of [...children]) {
+        this.widgetsList.remove(child);
+      }
+    }
+    this._widgetCount++;
+
+    // Separator between widgets
+    if (this._widgetCount > 1) {
+      this.widgetsList.add(new TextRenderable(this.renderer, {
+        id: `wt-sep-${Date.now()}-${this._widgetCount}`,
+        content: "",
+        fg: COLORS.borderDim,
+      }));
+    }
+
+    // Tool name header
+    this.widgetsList.add(new TextRenderable(this.renderer, {
+      id: `wt-hdr-${Date.now()}-${this._widgetCount}`,
+      content: `── ${toolName.replace(/_/g, " ")} ${"─".repeat(40)}`,
+      fg: COLORS.borderDim,
+    }));
+
+    // The widget itself
+    this.widgetsList.add(widget);
+
+    this.renderer.requestRender();
+  }
+
+  /** Clear all widgets from the tab */
+  clearWidgets(): void {
+    const children = this.widgetsList.getChildren();
+    for (const child of [...children]) {
+      this.widgetsList.remove(child);
+    }
+    this._widgetCount = 0;
+    this.widgetsList.add(new TextRenderable(this.renderer, {
+      id: `widgets-empty-${Date.now()}`,
+      content: "*no widgets yet*\n\n*Enable \"Widgets in Tab\" in /settings.*",
+      fg: COLORS.textMuted,
+    }));
+  }
+
   // ── Content setters ──
 
   setCode(code: string, status: "pending" | "valid" | "invalid" | "none" = "none"): void {
@@ -234,8 +345,17 @@ export class CodePanel {
     if (this._activeTab === "logs") this.updateLogsContent();
   }
 
-  setDashboardHtml(html: string): void {
-    this._dashboardHtml = html;
+  setMetrics(data: {
+    name: string;
+    status: string;
+    dryRun: boolean;
+    metrics: DeploymentMetrics;
+    positions: Position[];
+    orders: Order[];
+    pnlHistory: number[];
+    startedAt: number;
+  } | null): void {
+    this._metricsData = data;
     if (this._activeTab === "dashboard") this.updateDashContent();
   }
 
@@ -262,16 +382,17 @@ export class CodePanel {
 
   private updateTabBar(): void {
     for (const [id, text] of this.tabTexts) {
+      const label = id === "code" ? (this._name || "Code")
+        : id === "dashboard" ? "Metrics"
+        : id.charAt(0).toUpperCase() + id.slice(1);
       if (id === this._activeTab) {
         text.fg = "#212121";
         text.bg = COLORS.accent;
-        text.content = id === "code"
-          ? ` ${this._name || "Code"} `
-          : ` ${id.charAt(0).toUpperCase() + id.slice(1)} `;
+        text.content = ` ${label} `;
       } else {
         text.fg = COLORS.textMuted;
         text.bg = undefined;
-        text.content = ` ${id.charAt(0).toUpperCase() + id.slice(1)} `;
+        text.content = ` ${label} `;
       }
     }
   }
@@ -304,7 +425,20 @@ export class CodePanel {
         this.codeMd.content = "*no strategy loaded*\n\n*Describe a strategy in the chat to get started.*";
       }
     } else {
-      this.codeMd.content = "```python\n" + this._code + "\n```";
+      let content = "```python\n" + this._code + "\n```";
+
+      // Show warnings if any
+      const draft = store.getActiveSession()?.strategyDraft;
+      if (draft?.validationWarnings?.length) {
+        content += "\n\n---\n";
+        for (const w of draft.validationWarnings) {
+          const icon = w.severity === "warning" ? "!" : "i";
+          const lineRef = w.line ? ` (line ${w.line})` : "";
+          content += `\n${icon} ${w.message}${lineRef}`;
+        }
+      }
+
+      this.codeMd.content = content;
     }
     this.renderer.requestRender();
   }
@@ -319,11 +453,83 @@ export class CodePanel {
   }
 
   private updateDashContent(): void {
-    if (!this._dashboardHtml) {
-      this.dashMd.content = "*no dashboard generated*\n\n*Ask the LLM to build a dashboard.*";
-    } else {
-      this.dashMd.content = "```html\n" + this._dashboardHtml + "\n```";
+    if (!this._metricsData) {
+      this.dashMd.content = "*no active deployment*\n\n*Deploy a strategy to see live metrics here.*";
+      this.renderer.requestRender();
+      return;
+    }
+
+    const d = this._metricsData;
+    const m = d.metrics;
+    const statusIcon = d.status === "running" ? "\u25CF" : d.status === "error" ? "x" : "\u25CB";
+    const modeLabel = d.dryRun ? "paper" : "LIVE";
+
+    // Uptime
+    const uptimeMs = Date.now() - d.startedAt;
+    const hours = Math.floor(uptimeMs / 3600000);
+    const mins = Math.floor((uptimeMs % 3600000) / 60000);
+    const uptime = hours > 0 ? `${hours}h ${mins}m` : `${mins}m`;
+
+    // Sparkline from pnl history
+    const spark = sparkline(d.pnlHistory, 30);
+
+    // Format helpers
+    const pnl = (v: number) => (v >= 0 ? `+$${v.toFixed(2)}` : `-$${Math.abs(v).toFixed(2)}`);
+    const pct = (v: number) => `${v.toFixed(1)}%`;
+
+    const lines: string[] = [];
+    lines.push(`**${d.name}**  ${statusIcon} ${d.status}  |  ${modeLabel}  |  ${uptime}`);
+    lines.push("---");
+    lines.push("");
+
+    // P&L section
+    lines.push("```");
+    lines.push(`  Total P&L     ${pad(pnl(m.total_pnl), 12)}    Realized    ${pad(pnl(m.realized_pnl), 12)}`);
+    lines.push(`  Unrealized    ${pad(pnl(m.unrealized_pnl), 12)}    Exposure    ${pad("$" + m.total_exposure.toFixed(2), 12)}`);
+    lines.push("");
+    lines.push(`  Sharpe        ${pad(m.sharpe_ratio.toFixed(2), 12)}    Win Rate    ${pad(pct(m.win_rate * 100), 12)}`);
+    lines.push(`  Max DD        ${pad(pct(m.max_drawdown_pct), 12)}    Trades      ${pad(String(m.total_trades), 12)}`);
+    lines.push(`  Profit F      ${pad(m.profit_factor.toFixed(2), 12)}    Avg Return  ${pad(pnl(m.avg_return_per_trade), 12)}`);
+    lines.push("```");
+    lines.push("");
+
+    // Equity sparkline
+    if (spark) {
+      lines.push("**Equity**");
+      lines.push("```");
+      lines.push("  " + spark);
+      lines.push("```");
+      lines.push("");
+    }
+
+    // Positions
+    if (d.positions.length > 0) {
+      lines.push(`**Positions** (${d.positions.length})`);
+      lines.push("```");
+      for (const p of d.positions.slice(0, 8)) {
+        const side = p.side === "BUY" ? "BUY " : "SELL";
+        const slug = p.slug.length > 24 ? p.slug.slice(0, 24) + "..." : p.slug;
+        lines.push(`  ${side}  ${pad(slug, 28)} ${pad(String(p.size), 5)} @ ${p.avg_entry_price.toFixed(2)}  ${pnl(p.unrealized_pnl)}`);
+      }
+      if (d.positions.length > 8) lines.push(`  ... and ${d.positions.length - 8} more`);
+      lines.push("```");
+      lines.push("");
     }
+
+    // Recent orders
+    if (d.orders.length > 0) {
+      lines.push(`**Recent Orders** (${d.orders.length})`);
+      lines.push("```");
+      for (const o of d.orders.slice(0, 5)) {
+        const time = new Date(o.created_at).toLocaleTimeString("en-US", { hour12: false, hour: "2-digit", minute: "2-digit" });
+        const side = o.side === "BUY" ? "BUY " : "SELL";
+        const slug = o.slug.length > 20 ? o.slug.slice(0, 20) + "..." : o.slug;
+        lines.push(`  ${time}  ${side}  ${pad(String(o.size), 4)} @ ${o.price.toFixed(2)}  ${pad(o.status, 10)}  ${slug}`);
+      }
+      lines.push("```");
+    }
+
+    this.dashMd.content = lines.join("\n");
     this.renderer.requestRender();
   }
 }

package/src/components/footer.ts

@@ -47,6 +47,9 @@ export class Footer {
         this.streamingText.content = `${BRAILLE[this.spinnerFrame]} generating`;
         this.streamingText.fg = COLORS.accent;
         this.renderer.requestRender();
+      } else if (this.streamingText.content !== "") {
+        this.streamingText.content = "";
+        this.renderer.requestRender();
       }
     }, 60);
   }

package/src/components/settings-panel.ts

@@ -12,6 +12,8 @@ export interface HorizonSettings {
   autoCompact: boolean;
   compactThreshold: number;
   showToolCalls: boolean;
+  showWidgets: boolean;
+  widgetsInTab: boolean;
   soundEnabled: boolean;
   theme: ThemeName;
   payAsYouGo: boolean;
@@ -25,6 +27,8 @@ const DEFAULT_SETTINGS: HorizonSettings = {
   autoCompact: true,
   compactThreshold: 80,
   showToolCalls: true,
+  showWidgets: true,
+  widgetsInTab: false,
   soundEnabled: false,
   theme: "dark",
   payAsYouGo: false,
@@ -72,6 +76,16 @@ const SETTINGS_DEFS: SettingDef[] = [
     description: "Display tool call indicators in chat",
     type: "toggle",
   },
+  {
+    key: "showWidgets", label: "Show Widgets",
+    description: "Render tool results as visual widgets (off = text only, LLM still gets data)",
+    type: "toggle",
+  },
+  {
+    key: "widgetsInTab", label: "Widgets in Tab",
+    description: "Render widgets in a side tab instead of inline in chat",
+    type: "toggle",
+  },
   {
     key: "soundEnabled", label: "Sound",
     description: "Play terminal bell when generation completes",

package/src/platform/exchanges.ts

@@ -0,0 +1,154 @@
+// Exchange credential profiles — defines what keys each exchange needs
+// Keys are stored encrypted via /env system
+
+import { listEncryptedEnvNames, getDecryptedEnv, setEncryptedEnv, removeEncryptedEnv } from "./config.ts";
+
+export interface ExchangeProfile {
+  id: string;
+  name: string;
+  category: "prediction" | "stock" | "crypto";
+  description: string;
+  keys: { env: string; label: string; hint: string; required: boolean }[];
+  testUrl?: string;
+}
+
+export const EXCHANGE_PROFILES: ExchangeProfile[] = [
+  {
+    id: "polymarket",
+    name: "Polymarket",
+    category: "prediction",
+    description: "Prediction market on Polygon. Requires a funded wallet private key.",
+    keys: [
+      { env: "POLYMARKET_PRIVATE_KEY", label: "Private Key", hint: "Ethereum private key (0x...)", required: true },
+      { env: "CLOB_API_KEY", label: "CLOB API Key", hint: "From Polymarket developer portal (optional)", required: false },
+      { env: "CLOB_SECRET", label: "CLOB Secret", hint: "CLOB API secret", required: false },
+      { env: "CLOB_PASSPHRASE", label: "CLOB Passphrase", hint: "CLOB API passphrase", required: false },
+    ],
+  },
+  {
+    id: "kalshi",
+    name: "Kalshi",
+    category: "prediction",
+    description: "Regulated US prediction market. API key from kalshi.com/settings.",
+    keys: [
+      { env: "KALSHI_API_KEY", label: "API Key", hint: "From Kalshi account settings", required: true },
+      { env: "KALSHI_API_SECRET", label: "API Secret", hint: "Secret paired with API key", required: false },
+    ],
+  },
+  {
+    id: "limitless",
+    name: "Limitless",
+    category: "prediction",
+    description: "Emerging prediction market platform.",
+    keys: [
+      { env: "LIMITLESS_API_KEY", label: "API Key", hint: "From Limitless developer portal", required: true },
+    ],
+  },
+  {
+    id: "alpaca",
+    name: "Alpaca",
+    category: "stock",
+    description: "Commission-free stock/ETF trading. Paper + live. alpaca.markets",
+    keys: [
+      { env: "ALPACA_API_KEY", label: "API Key", hint: "From Alpaca dashboard (paper or live)", required: true },
+      { env: "ALPACA_SECRET_KEY", label: "Secret Key", hint: "Secret paired with API key", required: true },
+      { env: "ALPACA_PAPER", label: "Paper Mode", hint: "Set to 'true' for paper trading (default: true)", required: false },
+    ],
+  },
+  {
+    id: "robinhood",
+    name: "Robinhood",
+    category: "stock",
+    description: "Stock/options/crypto trading. Uses OAuth token.",
+    keys: [
+      { env: "ROBINHOOD_TOKEN", label: "Access Token", hint: "OAuth token from Robinhood API", required: true },
+    ],
+  },
+  {
+    id: "polygon",
+    name: "Polygon.io",
+    category: "stock",
+    description: "Real-time & historical market data for stocks, options, crypto. polygon.io",
+    keys: [
+      { env: "POLYGON_API_KEY", label: "API Key", hint: "From polygon.io dashboard (free tier available)", required: true },
+    ],
+  },
+  {
+    id: "fmp",
+    name: "Financial Modeling Prep",
+    category: "stock",
+    description: "Fundamental data, financials, earnings. financialmodelingprep.com",
+    keys: [
+      { env: "FMP_API_KEY", label: "API Key", hint: "From FMP dashboard", required: true },
+    ],
+  },
+];
+
+export type ConnectionStatus = "connected" | "partial" | "disconnected";
+
+export interface ExchangeStatus {
+  profile: ExchangeProfile;
+  status: ConnectionStatus;
+  keysSet: string[];
+  keysMissing: string[];
+}
+
+/** Check which exchanges have credentials configured */
+export function getExchangeStatuses(): ExchangeStatus[] {
+  const envNames = new Set(listEncryptedEnvNames());
+  // Also check process.env for keys set externally
+  const allKeys = new Set([...envNames, ...Object.keys(process.env).filter(k =>
+    EXCHANGE_PROFILES.some(p => p.keys.some(key => key.env === k && process.env[k]))
+  )]);
+
+  return EXCHANGE_PROFILES.map(profile => {
+    const keysSet = profile.keys.filter(k => allKeys.has(k.env)).map(k => k.env);
+    const keysMissing = profile.keys.filter(k => k.required && !allKeys.has(k.env)).map(k => k.env);
+    const requiredKeys = profile.keys.filter(k => k.required);
+    const requiredSet = requiredKeys.filter(k => allKeys.has(k.env));
+
+    let status: ConnectionStatus;
+    if (requiredSet.length === requiredKeys.length) {
+      status = "connected";
+    } else if (keysSet.length > 0) {
+      status = "partial";
+    } else {
+      status = "disconnected";
+    }
+
+    return { profile, status, keysSet, keysMissing };
+  });
+}
+
+/** Get status for a specific exchange */
+export function getExchangeStatus(exchangeId: string): ExchangeStatus | null {
+  return getExchangeStatuses().find(s => s.profile.id === exchangeId) ?? null;
+}
+
+/** Set a credential for an exchange */
+export function setExchangeKey(envName: string, value: string): boolean {
+  try {
+    setEncryptedEnv(envName, value);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/** Remove a credential */
+export function removeExchangeKey(envName: string): boolean {
+  try {
+    removeEncryptedEnv(envName);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/** Get a decrypted credential (for passing to subprocesses) */
+export function getExchangeKey(envName: string): string | null {
+  // Check encrypted env first, then process.env
+  const decrypted = getDecryptedEnv(envName);
+  if (decrypted) return decrypted;
+  return process.env[envName] ?? null;
+}

package/src/platform/session-sync.ts

@@ -50,7 +50,7 @@ export async function loadSessions(): Promise<void> {
         mode: (dbs.mode as any) ?? "research",
         isStreaming: false,
         streamingMsgId: null,
-        strategyDraft: dbs.strategy_draft ?? null,
+        strategyDraft: dbs.strategy_draft ? { ...dbs.strategy_draft, validationWarnings: dbs.strategy_draft.validationWarnings ?? [] } : null,
       });
 
       // Mark all loaded messages as synced