cascade-ai 0.12.19 → 0.12.21

package/dist/cli.js

@@ -58,7 +58,7 @@ var __export = (target, all) => {
 var CASCADE_VERSION, CASCADE_CONFIG_FILE, CASCADE_DB_FILE, CASCADE_DASHBOARD_SECRET_FILE, GLOBAL_CONFIG_DIR, GLOBAL_DB_FILE, GLOBAL_KEYSTORE_FILE, GLOBAL_RUNTIME_DB_FILE, DEFAULT_DASHBOARD_PORT, DEFAULT_CONTEXT_LIMIT, DEFAULT_AUTO_SUMMARIZE_AT, MODELS, T1_MODEL_PRIORITY, T2_MODEL_PRIORITY, T3_MODEL_PRIORITY, VISION_MODEL_PRIORITY, COMPLEXITY_T2_COUNT, THEME_NAMES, DEFAULT_THEME, OLLAMA_BASE_URL, LM_STUDIO_BASE_URL, AZURE_BASE_URL_TEMPLATE, TOOL_NAMES, DEFAULT_APPROVAL_REQUIRED;
 var init_constants = __esm({
   "src/constants.ts"() {
-    CASCADE_VERSION = "0.12.19";
+    CASCADE_VERSION = "0.12.21";
     CASCADE_CONFIG_FILE = ".cascade/config.json";
     CASCADE_DB_FILE = ".cascade/memory.db";
     CASCADE_DASHBOARD_SECRET_FILE = ".cascade/dashboard-secret";
@@ -1165,8 +1165,7 @@ var init_gemini = __esm({
   }
 });
 function preferIpv4Host(url) {
-  if (!url) return url;
-  return url.replace(/^(https?:\/\/)localhost(?=[:/]|$)/i, "$1127.0.0.1");
+  return url;
 }
 async function nodeHttpFetch(input, init = {}, redirectCount = 0) {
   const urlStr = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
@@ -1471,7 +1470,7 @@ var init_openai_compatible = __esm({
     init_net();
     OpenAICompatibleProvider = class extends OpenAIProvider {
       constructor(config, model) {
-        super(config, model);
+        super({ ...config, apiKey: config.apiKey ?? "not-required" }, model);
         this.client = new OpenAI({
           apiKey: config.apiKey ?? "not-required",
           baseURL: preferIpv4Host(config.baseUrl),
@@ -4115,10 +4114,10 @@ var CascadeRouter = class _CascadeRouter extends EventEmitter {
     if (availableProviders.has("ollama")) {
       await this.discoverOllamaModels(ollamaCfg);
     }
-    if (availableProviders.has("openai-compatible")) {
-      await Promise.all(
-        config.providers.filter((p) => p.type === "openai-compatible").map((cfg) => this.discoverOpenAICompatibleModels(cfg))
-      );
+    const ocConfigs = config.providers.filter((p) => p.type === "openai-compatible" && p.baseUrl);
+    if (ocConfigs.length > 0) {
+      const results = await Promise.all(ocConfigs.map((cfg) => this.discoverOpenAICompatibleModels(cfg)));
+      if (results.some(Boolean)) this.selector.markProviderAvailable("openai-compatible");
     }
     for (const tier of ["T1", "T2", "T3"]) {
       const override = tier === "T1" ? config.models.t1 : tier === "T2" ? config.models.t2 : config.models.t3;
@@ -4589,6 +4588,7 @@ var CascadeRouter = class _CascadeRouter extends EventEmitter {
     } catch {
     }
   }
+  /** Returns true when at least one real model was discovered from the endpoint. */
   async discoverOpenAICompatibleModels(cfg) {
     try {
       const seed = {
@@ -4608,8 +4608,10 @@ var CascadeRouter = class _CascadeRouter extends EventEmitter {
       for (const m of models) {
         this.selector.addDynamicModel(m);
       }
+      return models.length > 0;
     } catch (err) {
       console.warn("[router] OpenAI-compatible model discovery failed:", err instanceof Error ? err.message : err);
+      return false;
     }
   }
   ensureProvider(model, configs) {
@@ -10967,135 +10969,126 @@ init_ollama();
 init_openai_compatible();
 
 // src/cli/themes/index.ts
-var cascadeTheme = {
-  name: "cascade",
-  colors: {
-    primary: "#7C6AF7",
-    // Cascade violet
-    secondary: "#A78BFA",
-    accent: "#06B6D4",
-    // Cyan
-    success: "#10B981",
-    warning: "#F59E0B",
-    error: "#EF4444",
-    info: "#3B82F6",
-    muted: "#6B7280",
-    background: "#0F0F1A",
-    foreground: "#E2E8F0",
-    border: "#2D2B55",
-    t1Color: "#7C6AF7",
-    // Violet
-    t2Color: "#06B6D4",
-    // Cyan
-    t3Color: "#10B981"
-    // Green
-  }
-};
-var darkTheme = {
-  name: "dark",
-  colors: {
-    primary: "#60A5FA",
-    secondary: "#818CF8",
-    accent: "#34D399",
-    success: "#34D399",
-    warning: "#FBBF24",
-    error: "#F87171",
-    info: "#60A5FA",
-    muted: "#6B7280",
-    background: "#111827",
-    foreground: "#F9FAFB",
-    border: "#374151",
-    t1Color: "#60A5FA",
-    t2Color: "#818CF8",
-    t3Color: "#34D399"
-  }
-};
-var lightTheme = {
-  name: "light",
-  colors: {
-    primary: "#2563EB",
-    secondary: "#7C3AED",
-    accent: "#0891B2",
-    success: "#059669",
-    warning: "#D97706",
-    error: "#DC2626",
-    info: "#2563EB",
-    muted: "#6B7280",
-    background: "#FFFFFF",
-    foreground: "#111827",
-    border: "#E5E7EB",
-    t1Color: "#2563EB",
-    t2Color: "#7C3AED",
-    t3Color: "#059669"
-  }
-};
-var draculaTheme = {
-  name: "dracula",
-  colors: {
-    primary: "#BD93F9",
-    secondary: "#FF79C6",
-    accent: "#8BE9FD",
-    success: "#50FA7B",
-    warning: "#FFB86C",
-    error: "#FF5555",
-    info: "#8BE9FD",
-    muted: "#6272A4",
-    background: "#282A36",
-    foreground: "#F8F8F2",
-    border: "#44475A",
-    t1Color: "#BD93F9",
-    t2Color: "#FF79C6",
-    t3Color: "#50FA7B"
-  }
-};
-var nordTheme = {
-  name: "nord",
-  colors: {
-    primary: "#88C0D0",
-    secondary: "#81A1C1",
-    accent: "#A3BE8C",
-    success: "#A3BE8C",
-    warning: "#EBCB8B",
-    error: "#BF616A",
-    info: "#5E81AC",
-    muted: "#4C566A",
-    background: "#2E3440",
-    foreground: "#ECEFF4",
-    border: "#3B4252",
-    t1Color: "#88C0D0",
-    t2Color: "#81A1C1",
-    t3Color: "#A3BE8C"
-  }
+function defineTheme(name, colors) {
+  return { name, colors };
+}
+var midnightTheme = defineTheme("midnight", {
+  primary: "#8B7CF9",
+  secondary: "#B7AEFF",
+  accent: "#42D3E7",
+  success: "#3DDC97",
+  warning: "#F7B84B",
+  error: "#FF6685",
+  info: "#67A8FF",
+  muted: "#7C819B",
+  background: "#080A12",
+  foreground: "#EDF0FA",
+  border: "#292D42",
+  t1Color: "#F7B84B",
+  t2Color: "#A98BFF",
+  t3Color: "#42D3E7"
+});
+var auroraTheme = defineTheme("aurora", {
+  primary: "#6F8CFF",
+  secondary: "#A78BFA",
+  accent: "#45E0B8",
+  success: "#45E0B8",
+  warning: "#FFD166",
+  error: "#FF6B8A",
+  info: "#6FB7FF",
+  muted: "#7890A8",
+  background: "#071019",
+  foreground: "#EAF7F5",
+  border: "#20384A",
+  t1Color: "#FFD166",
+  t2Color: "#8B9CFF",
+  t3Color: "#45E0B8"
+});
+var emberTheme = defineTheme("ember", {
+  primary: "#FF8A5B",
+  secondary: "#FFB36B",
+  accent: "#F7C75B",
+  success: "#72D69A",
+  warning: "#F7C75B",
+  error: "#FF647C",
+  info: "#73B7FF",
+  muted: "#9A8078",
+  background: "#120C0B",
+  foreground: "#FFF1E9",
+  border: "#463027",
+  t1Color: "#F7C75B",
+  t2Color: "#FF8A5B",
+  t3Color: "#72D69A"
+});
+var tideTheme = defineTheme("tide", {
+  primary: "#4DA8FF",
+  secondary: "#65C7F7",
+  accent: "#51E1D4",
+  success: "#63D9A5",
+  warning: "#F2C879",
+  error: "#F0718B",
+  info: "#4DA8FF",
+  muted: "#71899C",
+  background: "#061017",
+  foreground: "#E8F5FA",
+  border: "#1C3947",
+  t1Color: "#F2C879",
+  t2Color: "#65A8F7",
+  t3Color: "#51E1D4"
+});
+var bloomTheme = defineTheme("bloom", {
+  primary: "#C084FC",
+  secondary: "#F08BB4",
+  accent: "#7DD3FC",
+  success: "#6EE7B7",
+  warning: "#FBCB78",
+  error: "#FB7185",
+  info: "#7DD3FC",
+  muted: "#9B83A8",
+  background: "#140D19",
+  foreground: "#F8EEFC",
+  border: "#412B4D",
+  t1Color: "#FBCB78",
+  t2Color: "#C084FC",
+  t3Color: "#7DD3FC"
+});
+var daybreakTheme = defineTheme("daybreak", {
+  primary: "#6857D9",
+  secondary: "#826AE6",
+  accent: "#087F91",
+  success: "#087A55",
+  warning: "#A86408",
+  error: "#C83253",
+  info: "#2563A8",
+  muted: "#667085",
+  background: "#F7F7FB",
+  foreground: "#202336",
+  border: "#D9DCE8",
+  t1Color: "#A86408",
+  t2Color: "#6857D9",
+  t3Color: "#087F91"
+});
+var canonicalThemes = {
+  midnight: midnightTheme,
+  aurora: auroraTheme,
+  ember: emberTheme,
+  tide: tideTheme,
+  bloom: bloomTheme,
+  daybreak: daybreakTheme
 };
-var solarizedTheme = {
-  name: "solarized",
-  colors: {
-    primary: "#268BD2",
-    secondary: "#2AA198",
-    accent: "#B58900",
-    success: "#859900",
-    warning: "#CB4B16",
-    error: "#DC322F",
-    info: "#268BD2",
-    muted: "#657B83",
-    background: "#002B36",
-    foreground: "#839496",
-    border: "#073642",
-    t1Color: "#268BD2",
-    t2Color: "#2AA198",
-    t3Color: "#859900"
-  }
+var THEME_ALIASES = {
+  cascade: "midnight",
+  dark: "aurora",
+  light: "daybreak",
+  dracula: "bloom",
+  nord: "tide",
+  solarized: "ember"
 };
-var themes = /* @__PURE__ */ new Map([
-  ["cascade", cascadeTheme],
-  ["dark", darkTheme],
-  ["light", lightTheme],
-  ["dracula", draculaTheme],
-  ["nord", nordTheme],
-  ["solarized", solarizedTheme]
-]);
+function resolveThemeName(name) {
+  return (name in canonicalThemes ? name : THEME_ALIASES[name]) || "midnight";
+}
 function getTheme(name) {
-  return themes.get(name) ?? cascadeTheme;
+  return canonicalThemes[resolveThemeName(name)] ?? midnightTheme;
 }
 
 // src/cli/slash/index.ts
@@ -11349,6 +11342,13 @@ var FIXED_CHROME_ROWS = 1 + // StatusBar
 3;
 var STREAM_TAIL_ROWS = 9;
 var SLASH_PANEL_ROWS = 11;
+function computeAdaptiveLayoutMode(columns, rows) {
+  const safeColumns = Number.isFinite(columns) && columns > 0 ? columns : 100;
+  const safeRows = Number.isFinite(rows) && rows > 0 ? rows : 40;
+  if (safeColumns < 80 || safeRows < 24) return "narrow";
+  if (safeColumns < 120 || safeRows < 32) return "medium";
+  return "wide";
+}
 var TREE_ROWS_FULL = 10;
 var TREE_ROWS_COMPACT = 4;
 var TIMELINE_ROWS = 4;
@@ -11608,7 +11608,7 @@ function formatTokens(n) {
 var StatusBar = React2.memo(StatusBarInternal);
 function HintBarInternal({ theme, isExecuting }) {
   if (isExecuting) return null;
-  return /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, dimColor: true, children: "/help \xB7 /clear \xB7 /theme \xB7 /cost \xB7 /model \xB7 /export" }) });
+  return /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, dimColor: true, children: "/ commands  \xB7  \u2191\u2193 history  \xB7  Esc cancel  \xB7  Ctrl+C exit" }) });
 }
 var HintBar = React2.memo(HintBarInternal);
 function ApprovalPrompt({ request, theme, onDecision }) {
@@ -11932,6 +11932,53 @@ function CostTracker({
     ] })
   ] });
 }
+function CompactStatus({ theme, activeT2Count, activeT3Count, currentAction, activeTool, isStreaming }) {
+  const activeCount = activeT2Count + activeT3Count;
+  const isActive = isStreaming || activeCount > 0;
+  const rightHint = isActive ? /* @__PURE__ */ jsxs(Text, { color: theme.colors.muted, children: [
+    "T2:",
+    /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, children: activeT2Count }),
+    " T3:",
+    /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, children: activeT3Count })
+  ] }) : /* @__PURE__ */ jsxs(Text, { color: theme.colors.muted, children: [
+    "[",
+    /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, bold: true, children: "tree" }),
+    "]"
+  ] });
+  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderColor: theme.colors.border, children: [
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1, children: isActive ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: theme.colors.accent, bold: true, children: [
+        /* @__PURE__ */ jsx(Spinner, { type: "hamburger" }),
+        " "
+      ] }),
+      activeTool ? (
+        // Show active tool prominently
+        /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Text, { color: "yellow", bold: true, children: [
+            "\u2699 ",
+            activeTool
+          ] }),
+          currentAction && !currentAction.startsWith("Using tool:") && /* @__PURE__ */ jsxs(Text, { color: theme.colors.muted, children: [
+            " \u2503 ",
+            currentAction.length > 60 ? currentAction.slice(0, 57) + "..." : currentAction
+          ] })
+        ] })
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, bold: true, children: activeCount > 0 ? `WORKING: ${activeCount} AGENTS` : "ORCHESTRATING" }),
+        currentAction && /* @__PURE__ */ jsxs(Text, { color: theme.colors.muted, children: [
+          " \u2503 ",
+          currentAction.length > 80 ? currentAction.slice(0, 77) + "..." : currentAction
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: theme.colors.muted, children: "\u25CF SYSTEM IDLE " }),
+      /* @__PURE__ */ jsx(Text, { color: theme.colors.muted, children: "\u2503 Press " }),
+      /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, bold: true, children: "/" }),
+      /* @__PURE__ */ jsx(Text, { color: theme.colors.muted, children: " for command palette" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { children: rightHint })
+  ] });
+}
 function ChatMessage({ role, content, theme, timestamp, isStreaming }) {
   const { label, color, prefix } = getRoleStyle(role, theme);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginY: 1, children: [
@@ -12236,6 +12283,19 @@ function tailLines(text, n) {
   const lines = text.split("\n");
   return lines.slice(-8);
 }
+function activeTierSummary(root) {
+  const summary = { t2: 0, t3: 0 };
+  const visit = (node) => {
+    if (node.status === "ACTIVE") {
+      if (node.role === "T2") summary.t2 += 1;
+      if (node.role === "T3") summary.t3 += 1;
+      summary.action ??= node.currentAction;
+    }
+    node.children?.forEach(visit);
+  };
+  if (root) visit(root);
+  return summary;
+}
 function WelcomeBanner({ theme, config, workspacePath, sessionId }) {
   const t1 = config.models?.t1 ?? "auto";
   const t2 = config.models?.t2 ?? "auto";
@@ -13133,13 +13193,15 @@ ${lastUser.content}`;
     };
   }, [stdout]);
   const width = termSize.columns;
+  const adaptiveMode = computeAdaptiveLayoutMode(termSize.columns, termSize.rows);
   const budgetOpts = {
     isTypingCommand,
-    showCost: state.showCost,
-    showDetails: state.showDetails,
-    showComms: state.showComms && state.peerEvents.length > 0
+    showCost: state.showCost && adaptiveMode !== "narrow",
+    showDetails: state.showDetails && adaptiveMode === "wide",
+    showComms: state.showComms && state.peerEvents.length > 0 && adaptiveMode === "wide"
   };
   const liveBudget = computeLiveAreaBudget(termSize.rows, budgetOpts);
+  const tierSummary = activeTierSummary(state.agentTree);
   const transcriptRows = altScreen ? computeTranscriptRows(termSize.rows, liveBudget, { ...budgetOpts, treeVisible: state.agentTree != null }) : 0;
   const transcriptLines = altScreen ? flattenTranscript(state.messages) : [];
   const transcript = altScreen ? windowTranscript(transcriptLines, historyOffset, transcriptRows) : null;
@@ -13229,10 +13291,28 @@ ${lastUser.content}`;
         onClose: () => setIsShowingModels(false)
       }
     ) }),
-    /* @__PURE__ */ jsx(AgentTree, { root: state.agentTree, theme, scrollOffset: treeScrollOffset, maxRows: liveBudget.treeMaxRows }),
-    state.showComms && liveBudget.commsMaxEvents > 0 && /* @__PURE__ */ jsx(PeerFeed, { events: state.peerEvents, theme, maxRows: liveBudget.commsMaxEvents }),
-    state.showDetails && liveBudget.showTimeline && /* @__PURE__ */ jsx(TimelinePanel, { nodes: [...treeNodesRef.current.values()], theme, currentIndex: timelineIndex, onChangeIndex: setTimelineIndex }),
-    state.showCost && /* @__PURE__ */ jsx(CostTracker, { theme, totalTokens: state.totalTokens, totalCostUsd: state.totalCostUsd, callsByProvider: state.callsByProvider, callsByTier: state.callsByTier, costByTier: state.costByTier, tokensByTier: state.tokensByTier, compact: liveBudget.costCompact, savedUsd: state.savedUsd, savedPct: state.savedPct }),
+    adaptiveMode === "narrow" && state.agentTree ? /* @__PURE__ */ jsx(
+      CompactStatus,
+      {
+        theme,
+        activeT2Count: tierSummary.t2,
+        activeT3Count: tierSummary.t3,
+        currentAction: tierSummary.action ?? state.agentTree.currentAction,
+        activeTool: state.activeTool,
+        isStreaming: state.isStreaming
+      }
+    ) : /* @__PURE__ */ jsx(
+      AgentTree,
+      {
+        root: state.agentTree,
+        theme,
+        scrollOffset: treeScrollOffset,
+        maxRows: adaptiveMode === "medium" ? Math.min(4, liveBudget.treeMaxRows) : liveBudget.treeMaxRows
+      }
+    ),
+    adaptiveMode === "wide" && state.showComms && liveBudget.commsMaxEvents > 0 && /* @__PURE__ */ jsx(PeerFeed, { events: state.peerEvents, theme, maxRows: liveBudget.commsMaxEvents }),
+    adaptiveMode === "wide" && state.showDetails && liveBudget.showTimeline && /* @__PURE__ */ jsx(TimelinePanel, { nodes: [...treeNodesRef.current.values()], theme, currentIndex: timelineIndex, onChangeIndex: setTimelineIndex }),
+    adaptiveMode !== "narrow" && state.showCost && /* @__PURE__ */ jsx(CostTracker, { theme, totalTokens: state.totalTokens, totalCostUsd: state.totalCostUsd, callsByProvider: state.callsByProvider, callsByTier: state.callsByTier, costByTier: state.costByTier, tokensByTier: state.tokensByTier, compact: liveBudget.costCompact, savedUsd: state.savedUsd, savedPct: state.savedPct }),
     liveBudget.collapsed && (state.showCost || state.showDetails || state.agentTree != null) && /* @__PURE__ */ jsx(Text, { color: theme.colors.muted, dimColor: true, children: "  \u25B8 panels collapsed (small terminal)" }),
     state.approvalRequest && /* @__PURE__ */ jsx(ApprovalPrompt, { request: state.approvalRequest, theme, onDecision: (decision) => {
       dispatch({ type: "SET_APPROVAL", request: null });