open-agents-ai 0.184.8 → 0.184.10

package/dist/index.js

@@ -36017,6 +36017,21 @@ var init_expose = __esm({
           }
           url.searchParams.delete("key");
           const forwardPath = url.pathname + url.search;
+          if (this._sponsorLimits) {
+            const p = url.pathname.toLowerCase();
+            const m = (req.method || "GET").toUpperCase();
+            const allowed = p === "/api/chat" && m === "POST" || p === "/api/generate" && m === "POST" || p === "/api/tags" && m === "GET" || p === "/v1/chat/completions" && m === "POST" || p === "/v1/models" && m === "GET" || p === "/v1/system/metrics" && m === "GET";
+            if (!allowed) {
+              this._stats.activeConnections--;
+              user.activeRequests--;
+              this._stats.errors++;
+              res.writeHead(403, { "Content-Type": "application/json" });
+              res.end(JSON.stringify({
+                error: "Forbidden \u2014 this endpoint is not available in sponsor mode."
+              }));
+              return;
+            }
+          }
           if (!this._fullAccess) {
             const p = url.pathname.toLowerCase();
             if (p === "/api/pull" || p === "/api/delete" || p === "/api/create" || p === "/api/copy" || p === "/api/push" || p === "/api/blobs") {
@@ -42566,6 +42581,388 @@ var init_neovim_mode = __esm({
   }
 });
 
+// packages/cli/dist/tui/sponsor-anims.js
+var sponsor_anims_exports = {};
+__export(sponsor_anims_exports, {
+  ANIM_PRESETS: () => ANIM_PRESETS,
+  generateCustomAnim: () => generateCustomAnim,
+  generateCustomAnimWithFallback: () => generateCustomAnimWithFallback,
+  getPreset: () => getPreset2,
+  presetToBannerDesign: () => presetToBannerDesign,
+  renderPreviewToString: () => renderPreviewToString
+});
+function emptyGrid(width, fg2 = -1, bg = -1) {
+  return Array.from({ length: ROWS }, () => Array.from({ length: width }, () => ({ char: " ", fg: fg2, bg, bold: false })));
+}
+function setChar(grid, row, col, char, fg2, bold = false, bg = -1) {
+  if (row >= 0 && row < ROWS && col >= 0 && col < grid[0].length) {
+    grid[row][col] = { char, fg: fg2, bg, bold };
+  }
+}
+function generateWave(width, frameCount = 12) {
+  const chars = "\u2591\u2592\u2593\u2588\u2593\u2592\u2591";
+  const colors = [27, 33, 39, 45, 51, 45, 39, 33];
+  const frames = [];
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    for (let c3 = 0; c3 < width; c3++) {
+      const phase = (c3 + f * 2) % (chars.length * 2);
+      const charIdx = phase < chars.length ? phase : chars.length * 2 - phase - 1;
+      const colorIdx = (c3 + f) % colors.length;
+      for (let r = 0; r < ROWS; r++) {
+        const offset = r * 3;
+        const ci = (charIdx + offset) % chars.length;
+        setChar(grid, r, c3, chars[ci], colors[(colorIdx + r) % colors.length], false);
+      }
+    }
+    frames.push({ grid, durationMs: 120 });
+  }
+  return frames;
+}
+function generatePulse(width, frameCount = 10) {
+  const frames = [];
+  const dot = "\u25CF";
+  const colors = [236, 238, 240, 243, 246, 249, 252, 249, 246, 243];
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    const centerX = Math.floor(width / 2);
+    for (let r = 0; r < ROWS; r++) {
+      for (let c3 = 0; c3 < width; c3++) {
+        const dist = Math.abs(c3 - centerX) + Math.abs(r - 1);
+        const phase = (dist + f * 2) % colors.length;
+        if (dist % 3 === 0) {
+          setChar(grid, r, c3, dot, colors[phase]);
+        }
+      }
+    }
+    frames.push({ grid, durationMs: 150 });
+  }
+  return frames;
+}
+function generateMatrix(width, frameCount = 15) {
+  const frames = [];
+  const chars = "\uFF8A\uFF90\uFF8B\uFF70\uFF73\uFF7C\uFF85\uFF93\uFF86\uFF7B\uFF9C\uFF82\uFF75\uFF98\uFF71\uFF8E\uFF83\uFF8F\uFF79\uFF92\uFF74\uFF76\uFF77\uFF91\uFF95\uFF97\uFF7E\uFF88\uFF7D\uFF80\uFF87\uFF8D0123456789";
+  const greens = [22, 28, 34, 40, 46, 82, 118, 154, 190];
+  const drops = Array.from({ length: width }, () => Math.floor(Math.random() * ROWS * 2));
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    for (let c3 = 0; c3 < width; c3++) {
+      const dropY = drops[c3] % (ROWS + 3);
+      for (let r = 0; r < ROWS; r++) {
+        const dist = dropY - r;
+        if (dist >= 0 && dist < greens.length) {
+          const ch = chars[Math.floor(Math.random() * chars.length)];
+          const brightness = greens[Math.min(dist, greens.length - 1)];
+          setChar(grid, r, c3, ch, brightness, dist === 0);
+        }
+      }
+      drops[c3] = (drops[c3] + 1) % (ROWS + 6);
+    }
+    frames.push({ grid, durationMs: 100 });
+  }
+  return frames;
+}
+function generateSparkle(width, frameCount = 12) {
+  const frames = [];
+  const sparkles = ["\u2726", "\u2727", "\xB7", "\u02D9", "\u207A", "\u2735", "\u2605"];
+  const colors = [226, 220, 214, 208, 202, 196, 231];
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    const seed = f * 7919;
+    for (let i = 0; i < Math.floor(width * ROWS * 0.15); i++) {
+      const hash = (seed + i * 1301) * 16807 % 2147483647;
+      const c3 = hash % width;
+      const r = Math.floor(hash / width) % ROWS;
+      const si = hash / (width * ROWS) % sparkles.length;
+      const ci = hash / (width * ROWS * sparkles.length) % colors.length;
+      setChar(grid, r, c3, sparkles[Math.floor(si)], colors[Math.floor(ci)]);
+    }
+    frames.push({ grid, durationMs: 200 });
+  }
+  return frames;
+}
+function generateRadar(width, frameCount = 16) {
+  const frames = [];
+  const centerX = Math.floor(width / 2);
+  const centerY = 1;
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    const angle = f / frameCount * Math.PI * 2;
+    for (let c3 = 0; c3 < width; c3++) {
+      for (let r = 0; r < ROWS; r++) {
+        const dx = (c3 - centerX) / (width / 6);
+        const dy = (r - centerY) * 2;
+        const cellAngle = Math.atan2(dy, dx);
+        const dist = Math.sqrt(dx * dx + dy * dy);
+        let angleDiff = cellAngle - angle;
+        while (angleDiff < -Math.PI)
+          angleDiff += Math.PI * 2;
+        while (angleDiff > Math.PI)
+          angleDiff -= Math.PI * 2;
+        if (Math.abs(angleDiff) < 0.4 && dist > 0.2 && dist < 3) {
+          const brightness = Math.max(0, 1 - Math.abs(angleDiff) / 0.4);
+          const colorIdx = Math.floor(brightness * 5);
+          const colors = [22, 28, 34, 40, 46];
+          setChar(grid, r, c3, "\u2588", colors[colorIdx]);
+        } else if (dist < 0.3) {
+          setChar(grid, r, c3, "\u25C9", 46, true);
+        }
+      }
+    }
+    frames.push({ grid, durationMs: 80 });
+  }
+  return frames;
+}
+function generateCircuit(width, frameCount = 10) {
+  const frames = [];
+  const hChars = ["\u2500", "\u2501", "\u2550"];
+  const vChars = ["\u2502", "\u2503"];
+  const nodes = ["\u25CF", "\u25C6", "\u25A0"];
+  const colors = [33, 39, 45, 51, 87, 123];
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    const activeCol = f * 5 % width;
+    for (let r = 0; r < ROWS; r++) {
+      for (let c3 = 0; c3 < width; c3++) {
+        const seed = (r * 1e3 + c3) * 16807 % 2147483647;
+        if (seed % 7 === 0) {
+          const color = colors[(c3 + f) % colors.length];
+          const isActive = Math.abs(c3 - activeCol) < 8;
+          if (seed % 21 === 0) {
+            setChar(grid, r, c3, nodes[seed % nodes.length], isActive ? 231 : color, isActive);
+          } else {
+            setChar(grid, r, c3, hChars[seed % hChars.length], isActive ? 231 : color);
+          }
+        }
+      }
+    }
+    frames.push({ grid, durationMs: 130 });
+  }
+  return frames;
+}
+function generateFire(width, frameCount = 12) {
+  const frames = [];
+  const fireChars = ["\u2591", "\u2592", "\u2593", "\u2588"];
+  const colors = [52, 88, 124, 160, 196, 202, 208, 214, 220, 226];
+  for (let f = 0; f < frameCount; f++) {
+    const grid = emptyGrid(width);
+    for (let c3 = 0; c3 < width; c3++) {
+      for (let r = 0; r < ROWS; r++) {
+        const seed = (c3 * 7 + r * 13 + f * 31) * 16807 % 2147483647;
+        const intensity = seed % 100 / 100;
+        const heightFactor = 1 - r / ROWS;
+        const combined = intensity * heightFactor;
+        if (combined > 0.2) {
+          const ci = Math.floor(combined * (colors.length - 1));
+          const chi = Math.floor(combined * (fireChars.length - 1));
+          setChar(grid, r, c3, fireChars[chi], colors[ci]);
+        }
+      }
+    }
+    frames.push({ grid, durationMs: 100 });
+  }
+  return frames;
+}
+function getPreset2(id) {
+  return ANIM_PRESETS.find((p) => p.id === id);
+}
+function presetToBannerDesign(presetId, sponsorName, message) {
+  const preset = getPreset2(presetId);
+  const width = process.stdout.columns ?? 80;
+  const frames = preset ? preset.generate(width) : generateWave(width);
+  if (sponsorName) {
+    const nameText = `  \u2726 ${sponsorName}`;
+    for (const frame of frames) {
+      for (let i = 0; i < nameText.length && i < width; i++) {
+        setChar(frame.grid, 0, i, nameText[i], 231, true);
+      }
+    }
+  }
+  if (message) {
+    const msgText = `  ${message}`;
+    for (const frame of frames) {
+      for (let i = 0; i < msgText.length && i < width; i++) {
+        setChar(frame.grid, 2, i, msgText[i], 252);
+      }
+    }
+  }
+  return {
+    id: `sponsor-${presetId}-${Date.now()}`,
+    name: `Sponsor: ${sponsorName}`,
+    type: "sponsor",
+    frames,
+    alignment: ["left", "left", "left"],
+    flowSpeed: [0, 0, 0],
+    author: sponsorName,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function renderPreviewToString(presetId, width, sponsorName, message) {
+  const preset = getPreset2(presetId);
+  const frames = preset ? preset.generate(width, 1) : generateWave(width, 1);
+  const frame = frames[0];
+  if (sponsorName) {
+    const nameText = `  \u2726 ${sponsorName}`;
+    for (let i = 0; i < nameText.length && i < width; i++) {
+      setChar(frame.grid, 0, i, nameText[i], 231, true);
+    }
+  }
+  if (message) {
+    const msgText = `  ${message}`;
+    for (let i = 0; i < msgText.length && i < width; i++) {
+      setChar(frame.grid, 2, i, msgText[i], 252);
+    }
+  }
+  const lines = [];
+  for (let r = 0; r < ROWS; r++) {
+    let line = "";
+    for (let col = 0; col < width; col++) {
+      const cell = frame.grid[r][col];
+      let seq = "";
+      if (cell.fg >= 0)
+        seq += `\x1B[38;5;${cell.fg}m`;
+      if (cell.bg >= 0)
+        seq += `\x1B[48;5;${cell.bg}m`;
+      if (cell.bold)
+        seq += `\x1B[1m`;
+      line += seq + cell.char + "\x1B[0m";
+    }
+    lines.push(line);
+  }
+  return lines.join("\n");
+}
+async function generateCustomAnim(prompt, ollamaUrl, model, width = process.stdout.columns ?? 80, frameCount = 8) {
+  const genWidth = 40;
+  const systemPrompt = `Generate ${frameCount} animation frames for a terminal banner. Each frame: 3 rows, each row exactly ${genWidth} characters. Use: \u2591\u2592\u2593\u2588\u25CF\u2605\u2726\u25A0\xB7 and spaces. Respond ONLY with a JSON array.
+
+EXAMPLE for 2 frames of a "wave" animation:
+[["\u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588","\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593","\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592"],["\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593","\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592","\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591 \u2591\u2592\u2593\u2588\u2593\u2592\u2591"]]
+
+RULES: Each row EXACTLY ${genWidth} chars. Pad with spaces. Each frame is ["row1","row2","row3"]. Output ONLY the JSON array, nothing else.`;
+  try {
+    const resp = await fetch(`${ollamaUrl}/api/chat`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        model,
+        messages: [
+          { role: "system", content: systemPrompt },
+          { role: "user", content: `Generate animation: ${prompt}` }
+        ],
+        stream: false,
+        think: false,
+        options: { temperature: 0.7, num_predict: 4096 }
+      }),
+      signal: AbortSignal.timeout(6e4)
+    });
+    if (!resp.ok)
+      return null;
+    const data = await resp.json();
+    const content = data.message?.content || "";
+    let jsonStr = content;
+    jsonStr = jsonStr.replace(/^```(?:json)?\s*\n?/, "").replace(/\n?```\s*$/, "");
+    const jsonMatch = jsonStr.match(/\[[\s\S]*\]/);
+    if (!jsonMatch)
+      return null;
+    let rawFrames;
+    try {
+      rawFrames = JSON.parse(jsonMatch[0]);
+    } catch {
+      let repaired = jsonMatch[0];
+      const opens = (repaired.match(/\[/g) || []).length;
+      const closes = (repaired.match(/\]/g) || []).length;
+      for (let i = 0; i < opens - closes; i++)
+        repaired += '"]';
+      try {
+        rawFrames = JSON.parse(repaired);
+      } catch {
+        return null;
+      }
+    }
+    if (!Array.isArray(rawFrames) || rawFrames.length === 0)
+      return null;
+    const normalizedFrames = [];
+    for (const item of rawFrames) {
+      if (!Array.isArray(item))
+        continue;
+      if (item.length > 0 && Array.isArray(item[0])) {
+        for (const inner of item) {
+          if (Array.isArray(inner) && inner.every((s) => typeof s === "string")) {
+            normalizedFrames.push(inner);
+          }
+        }
+      } else if (item.every((s) => typeof s === "string")) {
+        normalizedFrames.push(item);
+      }
+    }
+    if (normalizedFrames.length === 0)
+      return null;
+    const frames = [];
+    const defaultColor = 252;
+    for (const rawFrame of normalizedFrames) {
+      if (rawFrame.length < ROWS)
+        continue;
+      const grid = emptyGrid(width);
+      for (let r = 0; r < ROWS; r++) {
+        const srcLine = rawFrame[r] || "";
+        for (let c3 = 0; c3 < width; c3++) {
+          const srcIdx = c3 % Math.max(srcLine.length, 1);
+          const ch = srcLine[srcIdx] ?? " ";
+          if (ch !== " ") {
+            setChar(grid, r, c3, ch, defaultColor);
+          }
+        }
+      }
+      frames.push({ grid, durationMs: 120 });
+    }
+    return frames.length > 0 ? frames : null;
+  } catch {
+    return null;
+  }
+}
+async function generateCustomAnimWithFallback(prompt, ollamaUrl, preferredModel, width = process.stdout.columns ?? 80, frameCount = 8, onStatus) {
+  onStatus?.(`Generating animation with ${preferredModel}...`);
+  const result1 = await generateCustomAnim(prompt, ollamaUrl, preferredModel, width, frameCount);
+  if (result1)
+    return { frames: result1, source: "llm" };
+  if (!preferredModel.includes("4b")) {
+    onStatus?.("Retrying with smaller model for reliable output...");
+    try {
+      const resp = await fetch(`${ollamaUrl}/api/tags`, { signal: AbortSignal.timeout(5e3) });
+      if (resp.ok) {
+        const data = await resp.json();
+        const small = (data.models || []).find((m) => m.name.includes("4b") || m.name.includes("3b"));
+        if (small) {
+          const result2 = await generateCustomAnim(prompt, ollamaUrl, small.name, width, frameCount);
+          if (result2)
+            return { frames: result2, source: "fallback-model" };
+        }
+      }
+    } catch {
+    }
+  }
+  onStatus?.("LLM generation failed \u2014 using sparkle preset");
+  const preset = getPreset2("sparkle");
+  return { frames: preset.generate(width, frameCount), source: "preset" };
+}
+var ROWS, ANIM_PRESETS;
+var init_sponsor_anims = __esm({
+  "packages/cli/dist/tui/sponsor-anims.js"() {
+    "use strict";
+    ROWS = 3;
+    ANIM_PRESETS = [
+      { id: "wave", name: "Wave", desc: "Flowing wave pattern", generate: generateWave },
+      { id: "pulse", name: "Pulse", desc: "Pulsing dots expanding from center", generate: generatePulse },
+      { id: "matrix", name: "Matrix", desc: "Falling matrix characters", generate: generateMatrix },
+      { id: "sparkle", name: "Sparkle", desc: "Random sparkle particles", generate: generateSparkle },
+      { id: "radar", name: "Radar", desc: "Rotating radar sweep", generate: generateRadar },
+      { id: "circuit", name: "Circuit", desc: "Circuit board traces with flow", generate: generateCircuit },
+      { id: "fire", name: "Fire", desc: "Animated fire effect", generate: generateFire },
+      { id: "none", name: "No Animation", desc: "Static banner only", generate: (w) => [{ grid: emptyGrid(w), durationMs: 0 }] }
+    ];
+  }
+});
+
 // packages/cli/dist/tui/sponsor-wizard.js
 var sponsor_wizard_exports = {};
 __export(sponsor_wizard_exports, {
@@ -42576,6 +42973,17 @@ __export(sponsor_wizard_exports, {
 });
 import { existsSync as existsSync40, readFileSync as readFileSync29, writeFileSync as writeFileSync17, mkdirSync as mkdirSync16 } from "node:fs";
 import { join as join56 } from "node:path";
+function colorPreview(code) {
+  return `\x1B[38;5;${code}m\u2588\u2588\u2588\u2588\x1B[0m (${code})`;
+}
+function gradientPreview(start, end) {
+  let s = "";
+  for (let i = 0; i < 8; i++) {
+    const cc = start + Math.round((end - start) * (i / 7));
+    s += `\x1B[38;5;${cc}m\u2588\x1B[0m`;
+  }
+  return s;
+}
 function sponsorDir(projectDir) {
   return join56(projectDir, ".oa", "sponsor");
 }
@@ -42607,7 +43015,11 @@ function defaultConfig() {
       message: "",
       linkEnabled: false,
       linkUrl: "",
-      linkText: ""
+      linkText: "",
+      primaryColor: 214,
+      gradientEnabled: false,
+      gradientStart: 196,
+      gradientEnd: 226
     },
     transport: { cloudflared: true, libp2p: false },
     rateLimits: {
@@ -42727,7 +43139,7 @@ async function stepBanner(config, rl, availableRows) {
   const items = [
     { key: "hdr", label: "Select Banner Animation" }
   ];
-  for (const preset of ANIM_PRESETS) {
+  for (const preset of ANIM_PRESETS2) {
     items.push({
       key: preset.id,
       label: `${config.banner.preset === preset.id ? "(\u25CF)" : "( )"} ${preset.name}`,
@@ -42742,11 +43154,12 @@ async function stepBanner(config, rl, availableRows) {
     rl,
     skipKeys: ["hdr", "sep"],
     availableRows,
+    customKeyHint: "  p preview",
     onAction: (item, action) => {
-      if (action === "space" && ANIM_PRESETS.some((p) => p.id === item.key)) {
+      if (action === "space" && ANIM_PRESETS2.some((p) => p.id === item.key)) {
         config.banner.preset = item.key;
         for (const it of items) {
-          const p = ANIM_PRESETS.find((pr) => pr.id === it.key);
+          const p = ANIM_PRESETS2.find((pr) => pr.id === it.key);
           if (p) {
             it.label = `${config.banner.preset === p.id ? "(\u25CF)" : "( )"} ${p.name}`;
           }
@@ -42754,13 +43167,25 @@ async function stepBanner(config, rl, availableRows) {
         return true;
       }
       return false;
+    },
+    onCustomKey: (item, key, _helpers) => {
+      if ((key === "p" || key === "P") && ANIM_PRESETS2.some((p) => p.id === item.key)) {
+        const width = process.stdout.columns ?? 80;
+        const preview = renderPreviewToString(item.key, width, config.header?.message || "Sponsor Preview", config.header?.linkText || void 0);
+        process.stdout.write("\n" + preview + "\n\n");
+        return true;
+      }
+      return false;
     }
   });
   if (!result.confirmed)
     return false;
+  const previewWidth = process.stdout.columns ?? 80;
+  const previewStr = renderPreviewToString(config.banner.preset, previewWidth, config.header?.message || "Sponsor Preview", config.header?.linkText || void 0);
+  process.stdout.write("\n" + previewStr + "\n\n");
   if (result.key === "next")
     return true;
-  if (ANIM_PRESETS.some((p) => p.id === result.key)) {
+  if (ANIM_PRESETS2.some((p) => p.id === result.key)) {
     config.banner.preset = result.key;
     return true;
   }
@@ -42785,11 +43210,22 @@ async function stepHeader(config, rl, availableRows) {
       label: `${config.header.linkEnabled ? "[x]" : "[ ]"} Link`,
       detail: linkDetail()
     },
+    {
+      key: "color_primary",
+      label: `  Primary color: ${colorPreview(config.header.primaryColor || 214)}`,
+      detail: "Press 'e' to cycle through color presets"
+    },
+    {
+      key: "color_gradient",
+      label: `  Gradient: ${config.header.gradientEnabled ? "[x] " + gradientPreview(config.header.gradientStart || 196, config.header.gradientEnd || 226) : "[ ] disabled"}`
+    },
     { key: "sep", label: "" },
     { key: "next", label: selectColors.green("  Next Step  \u2192") }
   ];
   const msgIdx = 1;
   const linkIdx = 2;
+  const colorPrimaryIdx = 3;
+  const colorGradientIdx = 4;
   const result = await tuiSelect({
     items,
     title: "Step 3/5 \u2014 Header Text & Links",
@@ -42808,6 +43244,11 @@ async function stepHeader(config, rl, availableRows) {
           item.label = `${config.header.linkEnabled ? "[x]" : "[ ]"} Link`;
           return true;
         }
+        if (item.key === "color_gradient") {
+          config.header.gradientEnabled = !config.header.gradientEnabled;
+          item.label = `  Gradient: ${config.header.gradientEnabled ? "[x] " + gradientPreview(config.header.gradientStart || 196, config.header.gradientEnd || 226) : "[ ] disabled"}`;
+          return true;
+        }
       }
       return false;
     },
@@ -42829,6 +43270,30 @@ async function stepHeader(config, rl, availableRows) {
         });
         return true;
       }
+      if ((key === "e" || key === "E") && item.key === "color_primary") {
+        const currentIdx = COLOR_PRESETS.findIndex((p) => p.code === (config.header.primaryColor || 214));
+        const nextIdx = (currentIdx + 1) % COLOR_PRESETS.length;
+        config.header.primaryColor = COLOR_PRESETS[nextIdx].code;
+        helpers.updateItem(colorPrimaryIdx, {
+          label: `  Primary color: ${colorPreview(config.header.primaryColor)}`,
+          detail: `Press 'e' to cycle through color presets \u2014 ${COLOR_PRESETS[nextIdx].name}`
+        });
+        helpers.render();
+        return true;
+      }
+      if ((key === "e" || key === "E") && item.key === "color_gradient") {
+        const currentIdx = GRADIENT_PRESETS.findIndex((p) => p.start === (config.header.gradientStart || 196) && p.end === (config.header.gradientEnd || 226));
+        const nextIdx = (currentIdx + 1) % GRADIENT_PRESETS.length;
+        const preset = GRADIENT_PRESETS[nextIdx];
+        config.header.gradientStart = preset.start;
+        config.header.gradientEnd = preset.end;
+        config.header.gradientEnabled = true;
+        helpers.updateItem(colorGradientIdx, {
+          label: `  Gradient: [x] ${gradientPreview(preset.start, preset.end)}`
+        });
+        helpers.render();
+        return true;
+      }
       if ((key === "e" || key === "E") && item.key === "link_toggle") {
         config.header.linkEnabled = true;
         helpers.getInput("Link URL:", config.header.linkUrl).then((url) => {
@@ -43051,13 +43516,33 @@ async function runSponsorWizard(ctx) {
   renderInfo("Toggle: /sponsor status | Pause: /sponsor pause | Remove: /sponsor remove");
   return config;
 }
-var ANIM_PRESETS;
+var COLOR_PRESETS, GRADIENT_PRESETS, ANIM_PRESETS2;
 var init_sponsor_wizard = __esm({
   "packages/cli/dist/tui/sponsor-wizard.js"() {
     "use strict";
     init_tui_select();
     init_render();
-    ANIM_PRESETS = [
+    init_sponsor_anims();
+    COLOR_PRESETS = [
+      { name: "Amber", code: 214 },
+      { name: "Cyan", code: 51 },
+      { name: "Green", code: 46 },
+      { name: "Red", code: 196 },
+      { name: "Purple", code: 135 },
+      { name: "Blue", code: 33 },
+      { name: "Pink", code: 198 },
+      { name: "White", code: 231 },
+      { name: "Gold", code: 220 }
+    ];
+    GRADIENT_PRESETS = [
+      { name: "Fire", start: 196, end: 226 },
+      { name: "Ocean", start: 21, end: 51 },
+      { name: "Forest", start: 22, end: 46 },
+      { name: "Sunset", start: 196, end: 214 },
+      { name: "Neon", start: 198, end: 51 },
+      { name: "Ice", start: 33, end: 231 }
+    ];
+    ANIM_PRESETS2 = [
       { id: "wave", name: "Wave", desc: "Flowing wave pattern" },
       { id: "pulse", name: "Pulse", desc: "Pulsing dots" },
       { id: "matrix", name: "Matrix", desc: "Falling characters" },
@@ -49185,8 +49670,9 @@ async function handleSponsoredEndpoint(ctx, local) {
             sponsors.push({
               name: ns.name || "Unknown Sponsor",
               url: ns.tunnelUrl || "",
+              peerId: ns.peerId || void 0,
               authKey: ns.authKey || "",
-              models: ns.models || [],
+              models: Array.isArray(ns.models) ? ns.models : (ns.models || "").split(",").filter(Boolean),
               limits: {
                 rpm: ns.limits?.maxRequestsPerMinute || 60,
                 tpd: ns.limits?.maxTokensPerDay || 1e5
@@ -49246,11 +49732,22 @@ async function handleSponsoredEndpoint(ctx, local) {
     { key: "hdr", label: "Available Sponsored Endpoints" }
   ];
   for (const sp of sponsors) {
-    const modelList = sp.models.length > 0 ? sp.models.slice(0, 3).join(", ") + (sp.models.length > 3 ? ` +${sp.models.length - 3}` : "") : "probing...";
+    const transport = sp.url ? "tunnel" : sp.peerId ? "p2p" : "?";
+    let modelLine;
+    if (sp.models.length > 0) {
+      const shown = sp.models.slice(0, 5).join(", ");
+      const extra = sp.models.length > 5 ? `, +${sp.models.length - 5} more` : "";
+      modelLine = `${sp.models.length} models: ${shown}${extra}`;
+    } else {
+      modelLine = "probing...";
+    }
+    const tpdLabel = sp.limits.tpd >= 1e3 ? (sp.limits.tpd / 1e3).toFixed(0) + "K" : String(sp.limits.tpd);
+    const limitsLine = `${sp.limits.rpm} req/min, ${tpdLabel} tokens/day`;
     items.push({
-      key: sp.url,
-      label: `  ${sp.name} (${sp.source})`,
-      detail: `  Models: ${modelList}  |  ${sp.limits.rpm} req/min, ${sp.limits.tpd >= 1e3 ? (sp.limits.tpd / 1e3).toFixed(0) + "K" : sp.limits.tpd} tokens/day`
+      key: sp.url || sp.peerId || sp.name,
+      label: `  ${sp.name} (${sp.source}, ${transport})`,
+      detail: `  ${modelLine}
+  ${limitsLine}`
     });
   }
   items.push({ key: "sep", label: "" });
@@ -49267,7 +49764,18 @@ async function handleSponsoredEndpoint(ctx, local) {
     title: "Sponsored Endpoints",
     rl: ctx.rl,
     skipKeys: ["hdr", "sep"],
-    availableRows: ctx.availableContentRows?.()
+    availableRows: ctx.availableContentRows?.(),
+    renderRow: (item, focused, _isActive) => {
+      if (item.key === "hdr")
+        return selectColors.bold(item.label);
+      const prefix = focused ? selectColors.orange("\u276F ") : "  ";
+      if (item.detail) {
+        const detailLines = item.detail.split("\n");
+        return `${prefix}${item.label}
+` + detailLines.map((l) => `    ${selectColors.dim(l)}`).join("\n");
+      }
+      return `${prefix}${item.label}`;
+    }
   });
   if (!result.confirmed || !result.key) {
     renderInfo("Cancelled.");
@@ -49277,15 +49785,30 @@ async function handleSponsoredEndpoint(ctx, local) {
     renderInfo("Use: /endpoint <tunnel-url> --auth <key>");
     return;
   }
-  const selected = sponsors.find((s) => s.url === result.key);
+  const selectedKey = result.key;
+  const selected = sponsors.find((s) => (s.url || s.peerId || s.name) === selectedKey);
   if (!selected)
     return;
-  const endpointArg = selected.authKey ? `${selected.url} --auth ${selected.authKey}` : selected.url;
-  await handleEndpoint(endpointArg, ctx, local);
+  if (selected.url && selected.url.startsWith("http")) {
+    const endpointArg = selected.authKey ? `${selected.url} --auth ${selected.authKey}` : selected.url;
+    await handleEndpoint(endpointArg, ctx, local);
+  } else if (selected.peerId) {
+    await handlePeerEndpoint(selected.peerId, selected.authKey || void 0, ctx, local);
+  } else {
+    renderError("Sponsor has no reachable endpoint (no tunnel URL or peer ID).");
+    return;
+  }
+  if (selected.banner?.preset && ctx.setBanner) {
+    const { presetToBannerDesign: presetToBannerDesign2 } = await Promise.resolve().then(() => (init_sponsor_anims(), sponsor_anims_exports));
+    const bannerDesign = presetToBannerDesign2(selected.banner.preset, selected.name, selected.banner.message);
+    ctx.setBanner(bannerDesign);
+    renderInfo("Banner updated with sponsor branding.");
+  }
+  const saveKey = selected.url || selected.peerId || selected.name;
   try {
     mkdirSync18(sponsorDir2, { recursive: true });
     const existing = existsSync42(knownFile) ? JSON.parse(readFileSync31(knownFile, "utf8")) : [];
-    const updated = existing.filter((s) => s.url !== selected.url);
+    const updated = existing.filter((s) => (s.url || s.peerId || s.name) !== saveKey);
     updated.push(selected);
     writeFileSync19(knownFile, JSON.stringify(updated, null, 2), "utf8");
   } catch {
@@ -63953,6 +64476,9 @@ Respond concisely and safely. Remember: you are talking to the general public.`;
     showPrompt() {
       showPrompt();
     },
+    setBanner: (design) => {
+      banner.setDesign(design);
+    },
     retireCarousel() {
       if (!carouselRetired && carousel.isRunning) {
         carousel.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.184.8",
+  "version": "0.184.10",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) \u2014 interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",