clipflow-ai 1.0.0

package/dist/index.js

@@ -0,0 +1,2269 @@
+// @bun
+// src/lib/content-style.ts
+var CONTENT_STYLE = `
+You are part of Jugaadu AI \u2014 a universal AI content pipeline that helps creators make social media content from a single idea.
+
+IMPORTANT RULES:
+- Write in the user's preferred language and tone
+- Be specific, not generic. No filler words.
+- Every output should be actionable \u2014 the next agent in the pipeline will use your work directly
+- Be concise but thorough. Quality over quantity.
+- Format your output with clear headers and structure using markdown
+- If the user's idea relates to news, use the most recent information available
+`;
+
+// src/lib/agents.ts
+var AGENTS = [
+  {
+    name: "brief",
+    label: "The Planner",
+    role: "Structures raw idea into creative brief",
+    icon: "\uD83D\uDCCB",
+    systemPrompt: CONTENT_STYLE + `
+You are The Planner. Your job is to take a raw idea and transform it into a structured creative brief.
+Output a clear brief with these sections:
+- **Core Idea**: One-sentence summary of what the content is about
+- **Target Audience**: Who this is for \u2014 be specific about demographics, interests, pain points
+- **Key Message**: The single takeaway the viewer should remember
+- **Tone & Style**: The emotional register (funny, serious, inspirational, educational, etc.)
+- **Platform**: Best-fit platform(s) and format (Reel, TikTok, YouTube Short, carousel, etc.)
+- **Success Metric**: What does "viral" look like for this content?
+- **Constraints**: Any sensitive topics, brand guidelines, or limitations to keep in mind`,
+    buildUserMessage: (input) => `Create a creative brief from this idea:
+
+${input}`
+  },
+  {
+    name: "research",
+    label: "The Journalist",
+    role: "Researches topic, gathers facts/data",
+    icon: "\uD83D\uDD0D",
+    systemPrompt: CONTENT_STYLE + `
+You are The Journalist. Your job is to deeply research the topic and provide factual, useful data.
+Output your research with these sections:
+- **Key Facts**: 5-10 verified facts, statistics, or data points relevant to the topic
+- **Background Context**: Brief history or context that makes the topic interesting
+- **Expert Opinions**: Notable quotes or perspectives from authorities in this space
+- **Surprising Angles**: Counter-intuitive facts or little-known details that could hook viewers
+- **Sources**: Where this information comes from (be specific)
+- **Content Hooks**: Which facts are most shareable and why
+Do NOT make up statistics. If you are unsure, say so explicitly.`,
+    buildUserMessage: (input, prev) => `Research this topic thoroughly.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "trends",
+    label: "The Scout",
+    role: "Finds trending angles, hashtags, competing content",
+    icon: "\uD83D\uDCE1",
+    systemPrompt: CONTENT_STYLE + `
+You are The Scout. Your job is to identify what is trending and how to ride the wave.
+Output your trend analysis with these sections:
+- **Trending Formats**: Current viral formats that fit this topic (duets, stitches, POV, etc.)
+- **Hashtag Strategy**: 10-15 hashtags ranked by reach vs. specificity, mix of broad and niche
+- **Competitor Analysis**: What similar creators are doing with this topic \u2014 what works and what does not
+- **Audio/Sound Trends**: Trending sounds or music that could pair with this content
+- **Timing**: Best time to post based on topic relevance (news cycle, seasonal, evergreen)
+- **Platform-Specific Trends**: What is uniquely trending on each platform right now
+Be specific about WHY each trend is relevant to this particular content idea.`,
+    buildUserMessage: (input, prev) => `Find trending angles for this content.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Research:**
+${prev["research"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "fact-check",
+    label: "The Editor",
+    role: "Verifies claims and numbers",
+    icon: "\u2705",
+    systemPrompt: CONTENT_STYLE + `
+You are The Editor (Fact-Checker). Your job is to verify every claim, statistic, and data point.
+Output your fact-check report with these sections:
+- **Verified Claims**: Claims that check out \u2014 mark each with \u2705 and note the source
+- **Unverified Claims**: Claims that cannot be confirmed \u2014 mark with \u26A0\uFE0F and explain why
+- **False/Misleading Claims**: Claims that are wrong or misleading \u2014 mark with \u274C and provide correction
+- **Nuance Needed**: Claims that are technically true but need context to avoid being misleading
+- **Recommended Changes**: Specific edits to make the content more accurate
+- **Confidence Score**: Overall reliability rating of the research (High / Medium / Low)
+Be ruthless. Misinformation damages creator credibility permanently.`,
+    buildUserMessage: (_input, prev) => `Fact-check all claims in this research:
+
+**Research:**
+${prev["research"]}`
+  },
+  {
+    name: "concept",
+    label: "The Creative Director",
+    role: "Builds 3 creative angles",
+    icon: "\uD83C\uDFA8",
+    systemPrompt: CONTENT_STYLE + `
+You are The Creative Director. Your job is to develop 3 distinct creative concepts.
+For each concept, provide:
+- **Concept Name**: A catchy internal title
+- **The Angle**: What makes this approach unique \u2014 the "twist"
+- **Emotional Arc**: How the viewer's emotions should shift from start to finish
+- **Visual Style**: Brief description of the look and feel
+- **Why It Works**: The psychological or cultural reason this angle will resonate
+- **Risk Level**: Safe / Medium / Bold \u2014 and what could go wrong
+Present all 3 concepts, then recommend the best one with a clear rationale.
+Push creative boundaries. The safe option is rarely the viral option.`,
+    buildUserMessage: (input, prev) => `Build 3 creative concepts for this content.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Research:**
+${prev["research"]}
+
+**Trends:**
+${prev["trends"]}
+
+**Fact-Check:**
+${prev["fact-check"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "hook",
+    label: "The Attention Grabber",
+    role: "Generates 5 scroll-stopping hooks",
+    icon: "\uD83E\uDE9D",
+    systemPrompt: CONTENT_STYLE + `
+You are The Attention Grabber. Your job is to write hooks that stop the scroll in under 1.5 seconds.
+Generate exactly 5 hooks. For each hook, provide:
+- **The Hook**: The exact text/voiceover for the first 1-3 seconds
+- **Visual Pairing**: What the viewer sees while hearing this hook
+- **Psychology**: Which cognitive bias or emotional trigger this exploits (curiosity gap, fear of missing out, pattern interrupt, etc.)
+- **Hook Type**: Question / Bold Claim / Controversy / Story / Shock / Relatable
+- **Strength Rating**: Rate 1-5 on stopping power
+Rank them from strongest to weakest. The best hook should feel impossible to scroll past.
+Avoid clickbait that does not deliver \u2014 the hook must connect to the actual content.`,
+    buildUserMessage: (_input, prev) => `Generate 5 scroll-stopping hooks for this content.
+
+**Creative Concept:**
+${prev["concept"]}`
+  },
+  {
+    name: "script",
+    label: "The Scriptwriter",
+    role: "Writes full 30-45s reel script with timestamps",
+    icon: "\u270D\uFE0F",
+    systemPrompt: CONTENT_STYLE + `
+You are The Scriptwriter. Your job is to write a complete, production-ready script for a 30-45 second reel.
+Structure your script with:
+- **[0:00-0:02] HOOK**: The opening moment \u2014 use the best hook provided
+- **[0:02-0:08] SETUP**: Establish the context or problem
+- **[0:08-0:25] BODY**: The core content \u2014 deliver value, tell the story, make the point
+- **[0:25-0:35] CLIMAX**: The payoff, reveal, or emotional peak
+- **[0:35-0:45] CTA**: Call to action \u2014 what should the viewer do next
+For each timestamp block include: Voiceover/dialogue, on-screen text, visual direction, and audio cues.
+Write conversationally \u2014 this should sound like a real person talking, not a corporate script.
+The pacing must be tight. Every second must earn its place.`,
+    buildUserMessage: (input, prev) => `Write a full reel script.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Creative Concept:**
+${prev["concept"]}
+
+**Best Hooks:**
+${prev["hook"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "meme",
+    label: "The Comedy Writer",
+    role: "Identifies humor beats and meme references",
+    icon: "\uD83D\uDE02",
+    systemPrompt: CONTENT_STYLE + `
+You are The Comedy Writer. Your job is to inject humor, relatability, and meme culture into the script.
+Output your humor analysis with:
+- **Humor Beats**: Identify 3-5 moments in the script where humor can be added or amplified
+- **Meme References**: Specific memes, formats, or internet culture references that fit naturally
+- **Comedic Timing**: Where to place pauses, cuts, or visual gags for maximum impact
+- **Relatable Moments**: Universal experiences the audience will connect with
+- **Sound Effects / Audio Gags**: Specific sounds that enhance the comedy
+- **Revised Script Sections**: Rewrite the funny parts with your improvements marked
+Do not force humor where it does not fit. Bad comedy is worse than no comedy.
+Know your audience \u2014 gen Z humor is different from millennial humor.`,
+    buildUserMessage: (_input, prev) => `Add humor and meme references to this script.
+
+**Script:**
+${prev["script"]}`
+  },
+  {
+    name: "art-direction",
+    label: "The Art Director",
+    role: "Sets visual style, palette, typography",
+    icon: "\uD83C\uDFAD",
+    systemPrompt: CONTENT_STYLE + `
+You are The Art Director. Your job is to define the complete visual identity for this content.
+Output your art direction with:
+- **Visual Style**: The overall aesthetic (cinematic, lo-fi, minimalist, maximalist, retro, etc.)
+- **Color Palette**: 4-6 hex codes with names and where each is used
+- **Typography**: Font recommendations for on-screen text (heading, body, accent)
+- **Lighting & Mood**: How the lighting should feel \u2014 warm, cold, dramatic, natural
+- **Transitions**: Specific transition styles between scenes (cut, swipe, zoom, morph)
+- **On-Screen Graphics**: Lower thirds, text overlays, callouts \u2014 style and placement
+- **Reference Board**: Describe 3-4 visual references (films, creators, brands) that capture the vibe
+Every visual choice must serve the story. Style without substance is just noise.`,
+    buildUserMessage: (input, prev) => `Define the art direction for this content.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Script:**
+${prev["script"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "storyboard",
+    label: "The Storyboarder",
+    role: "Maps every shot with timing",
+    icon: "\uD83C\uDFAC",
+    systemPrompt: CONTENT_STYLE + `
+You are The Storyboarder. Your job is to break the script into a shot-by-shot production plan.
+For each shot, provide:
+- **Shot Number & Timestamp**: e.g., Shot 1 [0:00-0:02]
+- **Shot Type**: Wide, medium, close-up, extreme close-up, POV, overhead, etc.
+- **Camera Movement**: Static, pan, tilt, dolly, handheld, tracking, etc.
+- **Subject/Action**: Exactly what is in frame and what is happening
+- **On-Screen Text**: Any text overlays with exact wording and position
+- **Audio**: Voiceover line, music cue, sound effect
+- **Transition In/Out**: How this shot starts and ends
+Keep the total shot count between 8-15 for a 30-45 second piece.
+Think like a director \u2014 every cut must have a purpose and maintain visual rhythm.`,
+    buildUserMessage: (_input, prev) => `Create a detailed storyboard.
+
+**Script:**
+${prev["script"]}
+
+**Art Direction:**
+${prev["art-direction"]}`
+  },
+  {
+    name: "generate",
+    label: "The Producer",
+    role: "Writes AI image generation prompts",
+    icon: "\uD83D\uDDBC\uFE0F",
+    systemPrompt: CONTENT_STYLE + `
+You are The Producer. Your job is to write precise AI image generation prompts for each storyboard shot.
+For each shot that needs a generated image, provide:
+- **Shot Reference**: Which storyboard shot this corresponds to
+- **Primary Prompt**: A detailed, comma-separated prompt optimized for AI image generation (Midjourney/DALL-E/Flux style)
+- **Negative Prompt**: What to exclude (distortion, bad anatomy, text artifacts, etc.)
+- **Aspect Ratio**: 9:16 for reels, 16:9 for YouTube, 1:1 for posts
+- **Style Modifiers**: Photorealistic, illustration, 3D render, anime, etc.
+- **Consistency Notes**: How to maintain visual consistency across all generated images
+Write prompts that are specific enough to get usable results on the first generation.
+Include lighting, camera angle, color grading, and mood in every prompt.`,
+    buildUserMessage: (_input, prev) => `Write AI image generation prompts for each shot.
+
+**Storyboard:**
+${prev["storyboard"]}`
+  },
+  {
+    name: "assemble",
+    label: "The Editor",
+    role: "Creates editing blueprint",
+    icon: "\uD83C\uDF9E\uFE0F",
+    systemPrompt: CONTENT_STYLE + `
+You are The Editor (Assembly). Your job is to create a complete editing blueprint for post-production.
+Output your editing plan with:
+- **Timeline Overview**: Second-by-second breakdown of the final edit
+- **Cut List**: Every cut point with timecode, type (hard cut, J-cut, L-cut, match cut), and motivation
+- **Audio Mix**: Layers of audio \u2014 voiceover, music, sound effects \u2014 with relative volume levels
+- **Motion Graphics**: Any animated text, lower thirds, or graphic overlays with timing
+- **Color Grading Notes**: Shot-by-shot color adjustments to maintain visual consistency
+- **Pacing Notes**: Where to speed up, slow down, or hold for emphasis
+- **Export Settings**: Resolution, frame rate, codec recommendations per platform
+This is the final production document. It should be detailed enough for an editor to assemble without questions.`,
+    buildUserMessage: (_input, prev) => `Create the editing blueprint.
+
+**Storyboard:**
+${prev["storyboard"]}
+
+**Generated Assets:**
+${prev["generate"]}`
+  },
+  {
+    name: "publish",
+    label: "The Social Manager",
+    role: "Writes caption, hashtags, strategy",
+    icon: "\uD83D\uDCF1",
+    systemPrompt: CONTENT_STYLE + `
+You are The Social Manager. Your job is to write everything needed for publishing and distribution.
+Output your publishing package with:
+- **Caption**: Platform-optimized caption with hook, value, and CTA (write versions for Instagram, TikTok, YouTube)
+- **Hashtags**: Final hashtag set \u2014 5 broad reach, 5 niche, 5 trending \u2014 with expected reach tiers
+- **Posting Strategy**: Best day and time to post, considering the topic and target audience
+- **Engagement Bait**: First comment to post, reply templates for common responses
+- **Cross-Promotion**: How to tease this content on other platforms
+- **SEO**: Keywords, alt text, and description optimized for platform search
+- **A/B Test Plan**: 2 thumbnail options and 2 caption variants to test
+Write captions that feel native to each platform. Instagram is not TikTok is not YouTube.`,
+    buildUserMessage: (input, prev) => `Write the publishing package.
+
+**Creative Brief:**
+${prev["brief"]}
+
+**Script:**
+${prev["script"]}
+
+**Original Idea:**
+${input}`
+  },
+  {
+    name: "repurpose",
+    label: "The Multiplier",
+    role: "Adapts for other platforms",
+    icon: "\uD83D\uDD04",
+    systemPrompt: CONTENT_STYLE + `
+You are The Multiplier. Your job is to maximize content ROI by adapting for every platform.
+Output your repurposing plan with:
+- **Twitter/X Thread**: Break the content into a 5-7 tweet thread with hooks for each tweet
+- **LinkedIn Post**: Professional angle on the same topic, written in LinkedIn-native style
+- **YouTube Long-Form Outline**: How to expand this into a 5-10 minute video with chapters
+- **Blog Post Outline**: SEO-optimized article structure with H2/H3 headings and target keywords
+- **Carousel Slides**: 8-10 slide breakdown for Instagram carousel with text per slide
+- **Newsletter Snippet**: Email-friendly version with subject line and preview text
+- **Podcast Talking Points**: 5 discussion questions if this were a podcast segment
+Each adaptation must feel native to its platform, not like a lazy copy-paste.`,
+    buildUserMessage: (_input, prev) => `Create the repurposing plan.
+
+**Script:**
+${prev["script"]}
+
+**Publishing Package:**
+${prev["publish"]}`
+  }
+];
+
+// src/lib/pipeline.ts
+import { spawn } from "child_process";
+async function* runPipeline(idea, description, options) {
+  const previousOutputs = {};
+  const input = description ? `${idea}
+
+Additional context: ${description}` : idea;
+  for (const agent of AGENTS) {
+    yield { type: "agent_start", agent: agent.name };
+    try {
+      const userMessage = agent.buildUserMessage(input, previousOutputs);
+      const deltaQueue = [];
+      let resolveWaiter = null;
+      let done = false;
+      let finalOutput = "";
+      let spawnError = null;
+      const cliCmd = options.provider === "claude" ? "claude" : options.provider === "codex" ? "codex" : undefined;
+      const callPromise = (cliCmd ? callCliProvider(cliCmd, agent.systemPrompt, userMessage, options, (text) => {
+        deltaQueue.push(text);
+        resolveWaiter?.();
+      }) : callApiProvider(agent.systemPrompt, userMessage, options, (text) => {
+        deltaQueue.push(text);
+        resolveWaiter?.();
+      })).then((out) => {
+        finalOutput = out;
+        done = true;
+        resolveWaiter?.();
+      }).catch((err) => {
+        spawnError = err instanceof Error ? err : new Error(String(err));
+        done = true;
+        resolveWaiter?.();
+      });
+      while (!done || deltaQueue.length > 0) {
+        if (deltaQueue.length > 0) {
+          const text = deltaQueue.shift();
+          yield { type: "agent_delta", agent: agent.name, text };
+        } else if (!done) {
+          await new Promise((r) => {
+            resolveWaiter = r;
+          });
+        }
+      }
+      await callPromise;
+      if (spawnError)
+        throw spawnError;
+      previousOutputs[agent.name] = finalOutput;
+      yield { type: "agent_done", agent: agent.name, output: finalOutput };
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Unknown error";
+      yield { type: "agent_error", agent: agent.name, error: message };
+      return;
+    }
+  }
+  yield { type: "pipeline_done" };
+}
+function callCliProvider(command, systemPrompt, userMessage, options, onDelta) {
+  return new Promise((resolve, reject) => {
+    let args;
+    const env = { ...process.env };
+    if (command === "claude") {
+      args = [
+        "-p",
+        "--output-format",
+        "stream-json",
+        "--verbose",
+        "--no-session-persistence",
+        "--system-prompt",
+        systemPrompt
+      ];
+      if (options.authMethod === "api-key" && options.authToken) {
+        env["ANTHROPIC_API_KEY"] = options.authToken;
+      }
+    } else {
+      args = [
+        "-p",
+        "--quiet",
+        `${systemPrompt}
+
+${userMessage}`
+      ];
+      if (options.authMethod === "api-key" && options.authToken) {
+        env["OPENAI_API_KEY"] = options.authToken;
+      }
+    }
+    const proc = spawn(command, args, { env, stdio: ["pipe", "pipe", "pipe"] });
+    let fullOutput = "";
+    let stderrOutput = "";
+    proc.stdout.on("data", (data) => {
+      const lines = data.toString().split(`
+`).filter((l) => l.trim());
+      for (const line of lines) {
+        try {
+          const event = JSON.parse(line);
+          if (event["type"] === "content_block_delta") {
+            const delta = event["delta"];
+            if (delta?.["type"] === "text_delta" && typeof delta["text"] === "string") {
+              fullOutput += delta["text"];
+              onDelta(delta["text"]);
+            }
+          } else if (event["type"] === "result") {
+            if (typeof event["result"] === "string")
+              fullOutput = event["result"];
+          }
+        } catch {
+          if (line.trim()) {
+            fullOutput += line;
+            onDelta(line);
+          }
+        }
+      }
+    });
+    proc.stderr.on("data", (data) => {
+      stderrOutput += data.toString();
+    });
+    if (command === "claude") {
+      proc.stdin.write(userMessage);
+      proc.stdin.end();
+    } else {
+      proc.stdin.end();
+    }
+    proc.on("close", (code) => {
+      if (code === 0 || fullOutput.length > 0)
+        resolve(fullOutput);
+      else
+        reject(new Error(stderrOutput || `${command} exited with code ${code}`));
+    });
+    proc.on("error", (err) => {
+      reject(new Error(`Failed to spawn ${command}: ${err.message}`));
+    });
+  });
+}
+async function callApiProvider(systemPrompt, userMessage, options, onDelta) {
+  const { provider, authToken, model } = options;
+  let apiUrl;
+  let headers;
+  let body;
+  switch (provider) {
+    case "openai":
+      apiUrl = "https://api.openai.com/v1/chat/completions";
+      headers = { Authorization: `Bearer ${authToken}`, "Content-Type": "application/json" };
+      body = {
+        model: model || "gpt-4o",
+        messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userMessage }],
+        max_tokens: 2048,
+        stream: true
+      };
+      break;
+    case "gemini":
+      apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/${model || "gemini-2.0-flash"}:streamGenerateContent?alt=sse&key=${authToken}`;
+      headers = { "Content-Type": "application/json" };
+      body = {
+        contents: [{ parts: [{ text: `${systemPrompt}
+
+${userMessage}` }] }],
+        generationConfig: { maxOutputTokens: 2048 }
+      };
+      break;
+    case "groq":
+      apiUrl = "https://api.groq.com/openai/v1/chat/completions";
+      headers = { Authorization: `Bearer ${authToken}`, "Content-Type": "application/json" };
+      body = {
+        model: model || "llama-3.3-70b-versatile",
+        messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userMessage }],
+        max_tokens: 2048,
+        stream: true
+      };
+      break;
+    case "openrouter":
+      apiUrl = "https://openrouter.ai/api/v1/chat/completions";
+      headers = {
+        Authorization: `Bearer ${authToken}`,
+        "Content-Type": "application/json",
+        "HTTP-Referer": "https://jugaadu.ai",
+        "X-Title": "Jugaadu AI"
+      };
+      body = {
+        model: model || "anthropic/claude-sonnet-4",
+        messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userMessage }],
+        max_tokens: 2048,
+        stream: true
+      };
+      break;
+    case "mistral":
+      apiUrl = "https://api.mistral.ai/v1/chat/completions";
+      headers = { Authorization: `Bearer ${authToken}`, "Content-Type": "application/json" };
+      body = {
+        model: model || "mistral-large-latest",
+        messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userMessage }],
+        max_tokens: 2048,
+        stream: true
+      };
+      break;
+    case "kilo":
+      apiUrl = "https://api.kilo.ai/api/openrouter/chat/completions";
+      headers = {
+        Authorization: `Bearer ${authToken || "anonymous"}`,
+        "Content-Type": "application/json"
+      };
+      body = {
+        model: model || "kilo-auto/free",
+        messages: [{ role: "system", content: systemPrompt }, { role: "user", content: userMessage }],
+        max_tokens: 2048,
+        stream: true
+      };
+      break;
+    default:
+      throw new Error(`Unsupported API provider: ${provider}`);
+  }
+  const response = await fetch(apiUrl, {
+    method: provider === "gemini" ? "POST" : "POST",
+    headers,
+    body: JSON.stringify(body)
+  });
+  if (!response.ok) {
+    const errText = await response.text();
+    throw new Error(`${provider} API error (${response.status}): ${errText.slice(0, 200)}`);
+  }
+  let fullOutput = "";
+  if (provider === "gemini") {
+    const reader = response.body?.getReader();
+    if (!reader)
+      throw new Error("No response body");
+    const decoder = new TextDecoder;
+    let buffer = "";
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done)
+        break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split(`
+`);
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        if (!line.startsWith("data: "))
+          continue;
+        const json = line.slice(6).trim();
+        if (!json)
+          continue;
+        try {
+          const data = JSON.parse(json);
+          const candidates = data["candidates"];
+          const text = candidates?.[0]?.["content"]?.["parts"];
+          const t = text?.[0]?.["text"];
+          if (typeof t === "string") {
+            fullOutput += t;
+            onDelta(t);
+          }
+        } catch {}
+      }
+    }
+  } else {
+    const reader = response.body?.getReader();
+    if (!reader)
+      throw new Error("No response body");
+    const decoder = new TextDecoder;
+    let buffer = "";
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done)
+        break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split(`
+`);
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        if (!line.startsWith("data: "))
+          continue;
+        const json = line.slice(6).trim();
+        if (json === "[DONE]" || !json)
+          continue;
+        try {
+          const data = JSON.parse(json);
+          const choices = data["choices"];
+          const delta = choices?.[0]?.["delta"];
+          const content = delta?.["content"];
+          if (typeof content === "string") {
+            fullOutput += content;
+            onDelta(content);
+          }
+        } catch {}
+      }
+    }
+  }
+  return fullOutput;
+}
+
+// src/providers/definitions.ts
+var PROVIDERS = [
+  {
+    id: "claude",
+    name: "Claude (Anthropic)",
+    description: "Best quality \u2014 OAuth login or API key",
+    icon: "\uD83D\uDFE3",
+    recommended: true,
+    authMethods: ["oauth", "api-key"],
+    authEnvVar: "ANTHROPIC_API_KEY",
+    defaultModel: "claude-sonnet-4-20250514",
+    cliCommand: "claude"
+  },
+  {
+    id: "codex",
+    name: "Codex (OpenAI)",
+    description: "GPT-4o powered \u2014 requires Codex CLI",
+    icon: "\uD83D\uDFE2",
+    recommended: true,
+    authMethods: ["cli", "api-key"],
+    authEnvVar: "OPENAI_API_KEY",
+    defaultModel: "gpt-4o",
+    cliCommand: "codex"
+  },
+  {
+    id: "kilo",
+    name: "KiloCode",
+    description: "Free models \u2014 no signup needed",
+    icon: "\uD83D\uDD35",
+    recommended: false,
+    authMethods: ["anonymous", "api-key"],
+    authEnvVar: "KILO_API_KEY",
+    freeModels: ["kilo-auto/free"],
+    defaultModel: "kilo-auto/free",
+    warningMessage: "Free models may produce lower quality output. For best results, use Claude or Codex."
+  },
+  {
+    id: "openai",
+    name: "OpenAI",
+    description: "GPT-4o, o1 \u2014 API key required",
+    icon: "\u2B1C",
+    recommended: false,
+    authMethods: ["api-key"],
+    authEnvVar: "OPENAI_API_KEY",
+    defaultModel: "gpt-4o",
+    warningMessage: "OpenAI models work but Claude is recommended for best content quality."
+  },
+  {
+    id: "gemini",
+    name: "Google Gemini",
+    description: "Gemini Pro \u2014 free tier available",
+    icon: "\uD83D\uDD37",
+    recommended: false,
+    authMethods: ["api-key"],
+    authEnvVar: "GOOGLE_API_KEY",
+    freeModels: ["gemini-2.0-flash"],
+    defaultModel: "gemini-2.0-flash",
+    warningMessage: "Gemini works but may not match Claude's content quality."
+  },
+  {
+    id: "groq",
+    name: "Groq",
+    description: "Ultra-fast inference \u2014 free tier",
+    icon: "\uD83D\uDFE0",
+    recommended: false,
+    authMethods: ["api-key"],
+    authEnvVar: "GROQ_API_KEY",
+    freeModels: ["llama-3.3-70b-versatile"],
+    defaultModel: "llama-3.3-70b-versatile",
+    warningMessage: "Groq is fast but open-source models may produce lower quality content."
+  },
+  {
+    id: "openrouter",
+    name: "OpenRouter",
+    description: "Access 100+ models \u2014 API key required",
+    icon: "\uD83C\uDF10",
+    recommended: false,
+    authMethods: ["api-key"],
+    authEnvVar: "OPENROUTER_API_KEY",
+    defaultModel: "anthropic/claude-sonnet-4",
+    warningMessage: "Quality depends on the model you choose through OpenRouter."
+  },
+  {
+    id: "mistral",
+    name: "Mistral AI",
+    description: "Mistral Large \u2014 API key required",
+    icon: "\uD83D\uDFE1",
+    recommended: false,
+    authMethods: ["api-key"],
+    authEnvVar: "MISTRAL_API_KEY",
+    defaultModel: "mistral-large-latest",
+    warningMessage: "Mistral is capable but Claude is recommended for best results."
+  }
+];
+
+// node_modules/chalk/source/vendor/ansi-styles/index.js
+var ANSI_BACKGROUND_OFFSET = 10;
+var wrapAnsi16 = (offset = 0) => (code) => `\x1B[${code + offset}m`;
+var wrapAnsi256 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
+var wrapAnsi16m = (offset = 0) => (red, green, blue) => `\x1B[${38 + offset};2;${red};${green};${blue}m`;
+var styles = {
+  modifier: {
+    reset: [0, 0],
+    bold: [1, 22],
+    dim: [2, 22],
+    italic: [3, 23],
+    underline: [4, 24],
+    overline: [53, 55],
+    inverse: [7, 27],
+    hidden: [8, 28],
+    strikethrough: [9, 29]
+  },
+  color: {
+    black: [30, 39],
+    red: [31, 39],
+    green: [32, 39],
+    yellow: [33, 39],
+    blue: [34, 39],
+    magenta: [35, 39],
+    cyan: [36, 39],
+    white: [37, 39],
+    blackBright: [90, 39],
+    gray: [90, 39],
+    grey: [90, 39],
+    redBright: [91, 39],
+    greenBright: [92, 39],
+    yellowBright: [93, 39],
+    blueBright: [94, 39],
+    magentaBright: [95, 39],
+    cyanBright: [96, 39],
+    whiteBright: [97, 39]
+  },
+  bgColor: {
+    bgBlack: [40, 49],
+    bgRed: [41, 49],
+    bgGreen: [42, 49],
+    bgYellow: [43, 49],
+    bgBlue: [44, 49],
+    bgMagenta: [45, 49],
+    bgCyan: [46, 49],
+    bgWhite: [47, 49],
+    bgBlackBright: [100, 49],
+    bgGray: [100, 49],
+    bgGrey: [100, 49],
+    bgRedBright: [101, 49],
+    bgGreenBright: [102, 49],
+    bgYellowBright: [103, 49],
+    bgBlueBright: [104, 49],
+    bgMagentaBright: [105, 49],
+    bgCyanBright: [106, 49],
+    bgWhiteBright: [107, 49]
+  }
+};
+var modifierNames = Object.keys(styles.modifier);
+var foregroundColorNames = Object.keys(styles.color);
+var backgroundColorNames = Object.keys(styles.bgColor);
+var colorNames = [...foregroundColorNames, ...backgroundColorNames];
+function assembleStyles() {
+  const codes = new Map;
+  for (const [groupName, group] of Object.entries(styles)) {
+    for (const [styleName, style] of Object.entries(group)) {
+      styles[styleName] = {
+        open: `\x1B[${style[0]}m`,
+        close: `\x1B[${style[1]}m`
+      };
+      group[styleName] = styles[styleName];
+      codes.set(style[0], style[1]);
+    }
+    Object.defineProperty(styles, groupName, {
+      value: group,
+      enumerable: false
+    });
+  }
+  Object.defineProperty(styles, "codes", {
+    value: codes,
+    enumerable: false
+  });
+  styles.color.close = "\x1B[39m";
+  styles.bgColor.close = "\x1B[49m";
+  styles.color.ansi = wrapAnsi16();
+  styles.color.ansi256 = wrapAnsi256();
+  styles.color.ansi16m = wrapAnsi16m();
+  styles.bgColor.ansi = wrapAnsi16(ANSI_BACKGROUND_OFFSET);
+  styles.bgColor.ansi256 = wrapAnsi256(ANSI_BACKGROUND_OFFSET);
+  styles.bgColor.ansi16m = wrapAnsi16m(ANSI_BACKGROUND_OFFSET);
+  Object.defineProperties(styles, {
+    rgbToAnsi256: {
+      value(red, green, blue) {
+        if (red === green && green === blue) {
+          if (red < 8) {
+            return 16;
+          }
+          if (red > 248) {
+            return 231;
+          }
+          return Math.round((red - 8) / 247 * 24) + 232;
+        }
+        return 16 + 36 * Math.round(red / 255 * 5) + 6 * Math.round(green / 255 * 5) + Math.round(blue / 255 * 5);
+      },
+      enumerable: false
+    },
+    hexToRgb: {
+      value(hex) {
+        const matches = /[a-f\d]{6}|[a-f\d]{3}/i.exec(hex.toString(16));
+        if (!matches) {
+          return [0, 0, 0];
+        }
+        let [colorString] = matches;
+        if (colorString.length === 3) {
+          colorString = [...colorString].map((character) => character + character).join("");
+        }
+        const integer = Number.parseInt(colorString, 16);
+        return [
+          integer >> 16 & 255,
+          integer >> 8 & 255,
+          integer & 255
+        ];
+      },
+      enumerable: false
+    },
+    hexToAnsi256: {
+      value: (hex) => styles.rgbToAnsi256(...styles.hexToRgb(hex)),
+      enumerable: false
+    },
+    ansi256ToAnsi: {
+      value(code) {
+        if (code < 8) {
+          return 30 + code;
+        }
+        if (code < 16) {
+          return 90 + (code - 8);
+        }
+        let red;
+        let green;
+        let blue;
+        if (code >= 232) {
+          red = ((code - 232) * 10 + 8) / 255;
+          green = red;
+          blue = red;
+        } else {
+          code -= 16;
+          const remainder = code % 36;
+          red = Math.floor(code / 36) / 5;
+          green = Math.floor(remainder / 6) / 5;
+          blue = remainder % 6 / 5;
+        }
+        const value = Math.max(red, green, blue) * 2;
+        if (value === 0) {
+          return 30;
+        }
+        let result = 30 + (Math.round(blue) << 2 | Math.round(green) << 1 | Math.round(red));
+        if (value === 2) {
+          result += 60;
+        }
+        return result;
+      },
+      enumerable: false
+    },
+    rgbToAnsi: {
+      value: (red, green, blue) => styles.ansi256ToAnsi(styles.rgbToAnsi256(red, green, blue)),
+      enumerable: false
+    },
+    hexToAnsi: {
+      value: (hex) => styles.ansi256ToAnsi(styles.hexToAnsi256(hex)),
+      enumerable: false
+    }
+  });
+  return styles;
+}
+var ansiStyles = assembleStyles();
+var ansi_styles_default = ansiStyles;
+
+// node_modules/chalk/source/vendor/supports-color/index.js
+import process2 from "process";
+import os from "os";
+import tty from "tty";
+function hasFlag(flag, argv = globalThis.Deno ? globalThis.Deno.args : process2.argv) {
+  const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
+  const position = argv.indexOf(prefix + flag);
+  const terminatorPosition = argv.indexOf("--");
+  return position !== -1 && (terminatorPosition === -1 || position < terminatorPosition);
+}
+var { env } = process2;
+var flagForceColor;
+if (hasFlag("no-color") || hasFlag("no-colors") || hasFlag("color=false") || hasFlag("color=never")) {
+  flagForceColor = 0;
+} else if (hasFlag("color") || hasFlag("colors") || hasFlag("color=true") || hasFlag("color=always")) {
+  flagForceColor = 1;
+}
+function envForceColor() {
+  if ("FORCE_COLOR" in env) {
+    if (env.FORCE_COLOR === "true") {
+      return 1;
+    }
+    if (env.FORCE_COLOR === "false") {
+      return 0;
+    }
+    return env.FORCE_COLOR.length === 0 ? 1 : Math.min(Number.parseInt(env.FORCE_COLOR, 10), 3);
+  }
+}
+function translateLevel(level) {
+  if (level === 0) {
+    return false;
+  }
+  return {
+    level,
+    hasBasic: true,
+    has256: level >= 2,
+    has16m: level >= 3
+  };
+}
+function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
+  const noFlagForceColor = envForceColor();
+  if (noFlagForceColor !== undefined) {
+    flagForceColor = noFlagForceColor;
+  }
+  const forceColor = sniffFlags ? flagForceColor : noFlagForceColor;
+  if (forceColor === 0) {
+    return 0;
+  }
+  if (sniffFlags) {
+    if (hasFlag("color=16m") || hasFlag("color=full") || hasFlag("color=truecolor")) {
+      return 3;
+    }
+    if (hasFlag("color=256")) {
+      return 2;
+    }
+  }
+  if ("TF_BUILD" in env && "AGENT_NAME" in env) {
+    return 1;
+  }
+  if (haveStream && !streamIsTTY && forceColor === undefined) {
+    return 0;
+  }
+  const min = forceColor || 0;
+  if (env.TERM === "dumb") {
+    return min;
+  }
+  if (process2.platform === "win32") {
+    const osRelease = os.release().split(".");
+    if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
+      return Number(osRelease[2]) >= 14931 ? 3 : 2;
+    }
+    return 1;
+  }
+  if ("CI" in env) {
+    if (["GITHUB_ACTIONS", "GITEA_ACTIONS", "CIRCLECI"].some((key) => (key in env))) {
+      return 3;
+    }
+    if (["TRAVIS", "APPVEYOR", "GITLAB_CI", "BUILDKITE", "DRONE"].some((sign) => (sign in env)) || env.CI_NAME === "codeship") {
+      return 1;
+    }
+    return min;
+  }
+  if ("TEAMCITY_VERSION" in env) {
+    return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(env.TEAMCITY_VERSION) ? 1 : 0;
+  }
+  if (env.COLORTERM === "truecolor") {
+    return 3;
+  }
+  if (env.TERM === "xterm-kitty") {
+    return 3;
+  }
+  if (env.TERM === "xterm-ghostty") {
+    return 3;
+  }
+  if (env.TERM === "wezterm") {
+    return 3;
+  }
+  if ("TERM_PROGRAM" in env) {
+    const version = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    switch (env.TERM_PROGRAM) {
+      case "iTerm.app": {
+        return version >= 3 ? 3 : 2;
+      }
+      case "Apple_Terminal": {
+        return 2;
+      }
+    }
+  }
+  if (/-256(color)?$/i.test(env.TERM)) {
+    return 2;
+  }
+  if (/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(env.TERM)) {
+    return 1;
+  }
+  if ("COLORTERM" in env) {
+    return 1;
+  }
+  return min;
+}
+function createSupportsColor(stream, options = {}) {
+  const level = _supportsColor(stream, {
+    streamIsTTY: stream && stream.isTTY,
+    ...options
+  });
+  return translateLevel(level);
+}
+var supportsColor = {
+  stdout: createSupportsColor({ isTTY: tty.isatty(1) }),
+  stderr: createSupportsColor({ isTTY: tty.isatty(2) })
+};
+var supports_color_default = supportsColor;
+
+// node_modules/chalk/source/utilities.js
+function stringReplaceAll(string, substring, replacer) {
+  let index = string.indexOf(substring);
+  if (index === -1) {
+    return string;
+  }
+  const substringLength = substring.length;
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    returnValue += string.slice(endIndex, index) + substring + replacer;
+    endIndex = index + substringLength;
+    index = string.indexOf(substring, endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+function stringEncaseCRLFWithFirstIndex(string, prefix, postfix, index) {
+  let endIndex = 0;
+  let returnValue = "";
+  do {
+    const gotCR = string[index - 1] === "\r";
+    returnValue += string.slice(endIndex, gotCR ? index - 1 : index) + prefix + (gotCR ? `\r
+` : `
+`) + postfix;
+    endIndex = index + 1;
+    index = string.indexOf(`
+`, endIndex);
+  } while (index !== -1);
+  returnValue += string.slice(endIndex);
+  return returnValue;
+}
+
+// node_modules/chalk/source/index.js
+var { stdout: stdoutColor, stderr: stderrColor } = supports_color_default;
+var GENERATOR = Symbol("GENERATOR");
+var STYLER = Symbol("STYLER");
+var IS_EMPTY = Symbol("IS_EMPTY");
+var levelMapping = [
+  "ansi",
+  "ansi",
+  "ansi256",
+  "ansi16m"
+];
+var styles2 = Object.create(null);
+var applyOptions = (object, options = {}) => {
+  if (options.level && !(Number.isInteger(options.level) && options.level >= 0 && options.level <= 3)) {
+    throw new Error("The `level` option should be an integer from 0 to 3");
+  }
+  const colorLevel = stdoutColor ? stdoutColor.level : 0;
+  object.level = options.level === undefined ? colorLevel : options.level;
+};
+var chalkFactory = (options) => {
+  const chalk = (...strings) => strings.join(" ");
+  applyOptions(chalk, options);
+  Object.setPrototypeOf(chalk, createChalk.prototype);
+  return chalk;
+};
+function createChalk(options) {
+  return chalkFactory(options);
+}
+Object.setPrototypeOf(createChalk.prototype, Function.prototype);
+for (const [styleName, style] of Object.entries(ansi_styles_default)) {
+  styles2[styleName] = {
+    get() {
+      const builder = createBuilder(this, createStyler(style.open, style.close, this[STYLER]), this[IS_EMPTY]);
+      Object.defineProperty(this, styleName, { value: builder });
+      return builder;
+    }
+  };
+}
+styles2.visible = {
+  get() {
+    const builder = createBuilder(this, this[STYLER], true);
+    Object.defineProperty(this, "visible", { value: builder });
+    return builder;
+  }
+};
+var getModelAnsi = (model, level, type, ...arguments_) => {
+  if (model === "rgb") {
+    if (level === "ansi16m") {
+      return ansi_styles_default[type].ansi16m(...arguments_);
+    }
+    if (level === "ansi256") {
+      return ansi_styles_default[type].ansi256(ansi_styles_default.rgbToAnsi256(...arguments_));
+    }
+    return ansi_styles_default[type].ansi(ansi_styles_default.rgbToAnsi(...arguments_));
+  }
+  if (model === "hex") {
+    return getModelAnsi("rgb", level, type, ...ansi_styles_default.hexToRgb(...arguments_));
+  }
+  return ansi_styles_default[type][model](...arguments_);
+};
+var usedModels = ["rgb", "hex", "ansi256"];
+for (const model of usedModels) {
+  styles2[model] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler(getModelAnsi(model, levelMapping[level], "color", ...arguments_), ansi_styles_default.color.close, this[STYLER]);
+        return createBuilder(this, styler, this[IS_EMPTY]);
+      };
+    }
+  };
+  const bgModel = "bg" + model[0].toUpperCase() + model.slice(1);
+  styles2[bgModel] = {
+    get() {
+      const { level } = this;
+      return function(...arguments_) {
+        const styler = createStyler(getModelAnsi(model, levelMapping[level], "bgColor", ...arguments_), ansi_styles_default.bgColor.close, this[STYLER]);
+        return createBuilder(this, styler, this[IS_EMPTY]);
+      };
+    }
+  };
+}
+var proto = Object.defineProperties(() => {}, {
+  ...styles2,
+  level: {
+    enumerable: true,
+    get() {
+      return this[GENERATOR].level;
+    },
+    set(level) {
+      this[GENERATOR].level = level;
+    }
+  }
+});
+var createStyler = (open, close, parent) => {
+  let openAll;
+  let closeAll;
+  if (parent === undefined) {
+    openAll = open;
+    closeAll = close;
+  } else {
+    openAll = parent.openAll + open;
+    closeAll = close + parent.closeAll;
+  }
+  return {
+    open,
+    close,
+    openAll,
+    closeAll,
+    parent
+  };
+};
+var createBuilder = (self, _styler, _isEmpty) => {
+  const builder = (...arguments_) => applyStyle(builder, arguments_.length === 1 ? "" + arguments_[0] : arguments_.join(" "));
+  Object.setPrototypeOf(builder, proto);
+  builder[GENERATOR] = self;
+  builder[STYLER] = _styler;
+  builder[IS_EMPTY] = _isEmpty;
+  return builder;
+};
+var applyStyle = (self, string) => {
+  if (self.level <= 0 || !string) {
+    return self[IS_EMPTY] ? "" : string;
+  }
+  let styler = self[STYLER];
+  if (styler === undefined) {
+    return string;
+  }
+  const { openAll, closeAll } = styler;
+  if (string.includes("\x1B")) {
+    while (styler !== undefined) {
+      string = stringReplaceAll(string, styler.close, styler.open);
+      styler = styler.parent;
+    }
+  }
+  const lfIndex = string.indexOf(`
+`);
+  if (lfIndex !== -1) {
+    string = stringEncaseCRLFWithFirstIndex(string, closeAll, openAll, lfIndex);
+  }
+  return openAll + string + closeAll;
+};
+Object.defineProperties(createChalk.prototype, styles2);
+var chalk = createChalk();
+var chalkStderr = createChalk({ level: stderrColor ? stderrColor.level : 0 });
+var source_default = chalk;
+
+// src/tui/theme.ts
+var hex = source_default.hex;
+var colors = {
+  bg: "#0a0a0a",
+  panel: "#141414",
+  element: "#1e1e1e",
+  surface: "#252526",
+  border: "#333333",
+  borderActive: "#5c9cf5",
+  borderDone: "#89d185",
+  borderError: "#e06c75",
+  text: "#eeeeee",
+  textMuted: "#808080",
+  textDim: "#555555",
+  textDimmer: "#3a3a3a",
+  primary: "#5c9cf5",
+  secondary: "#c792ea",
+  accent: "#f5a742",
+  cyan: "#56b6c2",
+  green: "#89d185",
+  red: "#e06c75",
+  yellow: "#e5c07b",
+  orange: "#d19a66",
+  magenta: "#c678dd",
+  blue: "#61afef"
+};
+var theme = {
+  text: hex(colors.text),
+  textBold: hex(colors.text).bold,
+  muted: hex(colors.textMuted),
+  dim: hex(colors.textDim),
+  dimmer: hex(colors.textDimmer),
+  primary: hex(colors.primary),
+  primaryBold: hex(colors.primary).bold,
+  secondary: hex(colors.secondary),
+  accent: hex(colors.accent),
+  cyan: hex(colors.cyan),
+  green: hex(colors.green),
+  red: hex(colors.red),
+  yellow: hex(colors.yellow),
+  orange: hex(colors.orange),
+  magenta: hex(colors.magenta),
+  blue: hex(colors.blue),
+  border: hex(colors.border),
+  borderActive: hex(colors.borderActive),
+  white: hex(colors.text),
+  gradient: (text) => {
+    const chars = [...text];
+    return chars.map((char, i) => {
+      const ratio = i / Math.max(chars.length - 1, 1);
+      const r = Math.round(92 + (199 - 92) * ratio);
+      const g = Math.round(156 + (146 - 156) * ratio);
+      const b = Math.round(245 + (234 - 245) * ratio);
+      return source_default.rgb(r, g, b)(char);
+    }).join("");
+  },
+  gradientText: (text) => {
+    const chars = [...text];
+    return chars.map((char, i) => {
+      const ratio = i / Math.max(chars.length - 1, 1);
+      const r = Math.round(92 + (199 - 92) * ratio);
+      const g = Math.round(156 + (146 - 156) * ratio);
+      const b = Math.round(245 + (234 - 245) * ratio);
+      return source_default.rgb(r, g, b)(char);
+    }).join("");
+  }
+};
+var box = {
+  topLeft: "\u256D",
+  topRight: "\u256E",
+  bottomLeft: "\u2570",
+  bottomRight: "\u256F",
+  horizontal: "\u2500",
+  vertical: "\u2502",
+  teeRight: "\u251C",
+  teeLeft: "\u2524",
+  teeDown: "\u252C",
+  teeUp: "\u2534",
+  cross: "\u253C",
+  hTopLeft: "\u250F",
+  hTopRight: "\u2513",
+  hBottomLeft: "\u2517",
+  hBottomRight: "\u251B",
+  hHorizontal: "\u2501",
+  hVertical: "\u2503",
+  hTeeRight: "\u2523",
+  hTeeLeft: "\u252B",
+  dTopLeft: "\u2554",
+  dTopRight: "\u2557",
+  dBottomLeft: "\u255A",
+  dBottomRight: "\u255D",
+  dHorizontal: "\u2550",
+  dVertical: "\u2551"
+};
+var spinnerFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function scannerFrame(frame, width = 12) {
+  const pos = frame % (width * 2);
+  const actualPos = pos < width ? pos : width * 2 - pos - 1;
+  const result = [];
+  for (let i = 0;i < width; i++) {
+    const dist = Math.abs(i - actualPos);
+    if (dist === 0)
+      result.push(theme.primary("\u2B25"));
+    else if (dist === 1)
+      result.push(theme.blue("\u25C6"));
+    else if (dist === 2)
+      result.push(theme.dim("\u2B29"));
+    else
+      result.push(theme.dimmer("\xB7"));
+  }
+  return result.join("");
+}
+function progressBar(current, total, width = 20) {
+  const filled = Math.round(current / total * width);
+  const empty = width - filled;
+  return theme.primary("\u2588".repeat(filled)) + theme.dimmer("\u2591".repeat(empty));
+}
+var LOGO = [
+  "     \u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557",
+  "     \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551",
+  "     \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551",
+  "\u2588\u2588   \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551",
+  "\u255A\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D",
+  " \u255A\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D"
+];
+function renderLogo(small = false) {
+  if (small)
+    return `  ${theme.gradient("\u257A\u254B\u2578 Jugaadu AI")}`;
+  return LOGO.map((line) => `  ${theme.gradient(line)}`).join(`
+`);
+}
+var style = {
+  statusWaiting: (s) => theme.dim(s),
+  statusRunning: (s) => theme.primaryBold(s),
+  statusDone: (s) => theme.green(s),
+  statusError: (s) => theme.red(s),
+  panelTitle: (s) => theme.primaryBold(s),
+  key: (s) => hex(colors.surface).bgHex(colors.textMuted)(` ${s} `),
+  keyHint: (s) => theme.muted(s),
+  selected: (s) => theme.primaryBold(s),
+  selectedBg: (s) => source_default.bgHex(colors.element)(s),
+  recommended: (s) => theme.green(s),
+  providerWarning: (s) => theme.yellow(s),
+  streamCursor: (s) => theme.primary(s),
+  badge: (label, color) => hex(colors.bg).bgHex(color)(` ${label} `),
+  freeBadge: () => hex(colors.bg).bgHex(colors.green)(" FREE "),
+  recBadge: () => hex(colors.bg).bgHex(colors.primary)(" \u2605 "),
+  progressFilled: (s) => theme.primary(s),
+  progressEmpty: (s) => theme.dimmer(s)
+};
+
+// src/tui/renderer.ts
+var ESC = "\x1B";
+var CLEAR_SCREEN = `${ESC}[2J${ESC}[H`;
+var HIDE_CURSOR = `${ESC}[?25l`;
+var SHOW_CURSOR = `${ESC}[?25h`;
+function clearScreen() {
+  process.stdout.write(CLEAR_SCREEN);
+}
+function hideCursor() {
+  process.stdout.write(HIDE_CURSOR);
+}
+function showCursor() {
+  process.stdout.write(SHOW_CURSOR);
+}
+function writeFrame(content) {
+  process.stdout.write(CLEAR_SCREEN + content);
+}
+function tw() {
+  return process.stdout.columns || 100;
+}
+function th() {
+  return process.stdout.rows || 40;
+}
+function strip(str) {
+  return str.replace(/\x1b\[[0-9;]*m/g, "");
+}
+function vlen(str) {
+  return strip(str).length;
+}
+function trunc(str, max) {
+  if (strip(str).length <= max)
+    return str;
+  let count = 0, result = "", inEsc = false;
+  for (const ch of str) {
+    if (ch === "\x1B") {
+      inEsc = true;
+      result += ch;
+      continue;
+    }
+    if (inEsc) {
+      result += ch;
+      if (ch === "m")
+        inEsc = false;
+      continue;
+    }
+    if (count >= max - 1) {
+      result += "\u2026";
+      break;
+    }
+    result += ch;
+    count++;
+  }
+  return result;
+}
+function pad(str, w) {
+  const v = vlen(str);
+  return v >= w ? str : str + " ".repeat(w - v);
+}
+function center(str, w) {
+  const v = vlen(str);
+  if (v >= w)
+    return str;
+  const l = Math.floor((w - v) / 2);
+  return " ".repeat(l) + str + " ".repeat(w - v - l);
+}
+function elapsed(start, end) {
+  if (!start)
+    return "";
+  return `${(((end || Date.now()) - start) / 1000).toFixed(1)}s`;
+}
+function wrap(text, w) {
+  const out = [];
+  for (const raw of text.split(`
+`)) {
+    if (strip(raw).length <= w) {
+      out.push(raw);
+      continue;
+    }
+    let cur = "", len = 0;
+    for (const word of raw.split(" ")) {
+      const wl = strip(word).length;
+      if (len + wl + (len > 0 ? 1 : 0) > w) {
+        if (cur)
+          out.push(cur);
+        cur = word;
+        len = wl;
+      } else {
+        cur += (len > 0 ? " " : "") + word;
+        len += wl + (len > 0 ? 1 : 0);
+      }
+    }
+    if (cur)
+      out.push(cur);
+  }
+  return out;
+}
+function bxTop(w, title, bs = theme.border, rounded = true) {
+  const tl = rounded ? box.topLeft : box.topLeft;
+  const tr = rounded ? box.topRight : box.topRight;
+  const hz = box.horizontal;
+  if (!title)
+    return bs(tl + hz.repeat(w - 2) + tr);
+  const t = ` ${title} `;
+  const tLen = vlen(t);
+  const right = Math.max(0, w - 3 - tLen);
+  return bs(tl + hz) + t + bs(hz.repeat(right) + tr);
+}
+function bxBot(w, bs = theme.border, rounded = true) {
+  const bl = rounded ? box.bottomLeft : box.bottomLeft;
+  const br = rounded ? box.bottomRight : box.bottomRight;
+  return bs(bl + box.horizontal.repeat(w - 2) + br);
+}
+function bxRow(content, w, bs = theme.border) {
+  const cw = w - 4;
+  return bs(box.vertical) + " " + pad(trunc(content, cw), cw) + " " + bs(box.vertical);
+}
+function bxDiv(w, bs = theme.border) {
+  return bs(box.teeRight + box.horizontal.repeat(w - 2) + box.teeLeft);
+}
+function bxEmpty(w, bs = theme.border) {
+  return bxRow("", w, bs);
+}
+function renderProviderPicker(state) {
+  const W = Math.min(tw(), 80);
+  const lines = [];
+  const useSmallLogo = W < 70;
+  lines.push("");
+  if (useSmallLogo) {
+    lines.push(renderLogo(true));
+  } else {
+    lines.push(...LOGO.map((l) => `  ${theme.gradient(l)}`));
+  }
+  lines.push("");
+  lines.push(`  ${theme.muted("\u2500".repeat(Math.min(W - 4, 60)))}`);
+  lines.push(`  ${theme.textBold("Choose your AI provider")}`);
+  lines.push("");
+  const rec = state.providers.filter((p) => p.recommended);
+  const oth = state.providers.filter((p) => !p.recommended);
+  if (rec.length > 0) {
+    lines.push(`  ${style.recBadge()} ${theme.textBold(" RECOMMENDED")}`);
+    lines.push("");
+    for (const p of rec) {
+      const idx = state.providers.indexOf(p);
+      const sel = idx === state.selectedIndex;
+      const status = state.authStatuses.get(p.id) || p.description;
+      const arrow = sel ? theme.primary("\u25B8") : " ";
+      const name = sel ? theme.primaryBold(p.name) : theme.text(p.name);
+      const desc = theme.muted(status);
+      lines.push(`   ${arrow}  ${p.icon}  ${pad(name, 26)} ${desc}`);
+    }
+  }
+  if (oth.length > 0) {
+    lines.push("");
+    lines.push(`   ${theme.yellow("\u26A0")}  ${theme.muted("OTHER PROVIDERS")} ${theme.dim("(may not match recommended quality)")}`);
+    lines.push("");
+    for (const p of oth) {
+      const idx = state.providers.indexOf(p);
+      const sel = idx === state.selectedIndex;
+      const status = state.authStatuses.get(p.id) || p.description;
+      const arrow = sel ? theme.primary("\u25B8") : " ";
+      const name = sel ? theme.primaryBold(p.name) : theme.text(p.name);
+      const desc = theme.muted(status);
+      const freeMark = p.freeModels?.length ? ` ${style.freeBadge()}` : "";
+      lines.push(`   ${arrow}  ${p.icon}  ${pad(name, 26)} ${desc}${freeMark}`);
+    }
+  }
+  lines.push("");
+  lines.push(`  ${theme.muted("\u2500".repeat(Math.min(W - 4, 60)))}`);
+  lines.push(`   ${style.key("\u2191\u2193")} ${style.keyHint("select")}   ${style.key("\u23CE")} ${style.keyHint("confirm")}   ${style.key("q")} ${style.keyHint("quit")}`);
+  lines.push("");
+  return lines.join(`
+`);
+}
+function renderProviderWarning(provider) {
+  const lines = [];
+  lines.push("");
+  lines.push(`   ${theme.yellow("\u26A0")}  ${theme.yellow("Heads up:")}`);
+  lines.push(`      ${theme.text(provider.warningMessage || "This provider may produce lower quality output.")}`);
+  lines.push(`      ${theme.muted("For best results, use Claude or Codex.")}`);
+  lines.push("");
+  lines.push(`      ${theme.text("Continue anyway?")} ${style.key("y")} ${style.key("n")}`);
+  lines.push("");
+  return lines.join(`
+`);
+}
+function renderApiKeyPrompt(provider) {
+  const lines = [];
+  lines.push("");
+  lines.push(renderLogo(true));
+  lines.push("");
+  lines.push(`   \uD83D\uDD11  ${theme.textBold("Enter your " + provider.name + " API key")}`);
+  if (provider.authEnvVar) {
+    lines.push(`       ${theme.dim("or set " + provider.authEnvVar + " environment variable")}`);
+  }
+  lines.push("");
+  return lines.join(`
+`);
+}
+function renderHeader(info) {
+  const W = Math.min(tw(), 120);
+  const bs = theme.border;
+  const lines = [];
+  lines.push(bxTop(W, undefined, theme.borderActive, true));
+  const brand = `${theme.gradient("\u257A\u254B\u2578")} ${theme.primaryBold("Jugaadu AI")}  ${theme.dim("\u2502")}  ${theme.muted(`${info.agentCount || 14} agents`)}${info.providerName ? `  ${theme.dim("\u2502")}  ${theme.muted(info.providerName)}` : ""}`;
+  lines.push(bxRow(brand, W, theme.borderActive));
+  if (info.authInfo) {
+    lines.push(bxRow(`${theme.dim("\uD83D\uDD10")} ${theme.muted(info.authInfo)}`, W, theme.borderActive));
+  }
+  if (info.idea) {
+    lines.push(bxDiv(W, theme.borderActive));
+    lines.push(bxRow(`${theme.muted("topic \u203A")} ${theme.text(trunc(info.idea, W - 20))}`, W, theme.borderActive));
+  }
+  lines.push(bxBot(W, theme.borderActive, true));
+  return lines.join(`
+`);
+}
+function renderPipelinePanel(agents, selectedIndex, spinnerFrame, panelWidth, panelHeight) {
+  const lines = [];
+  const cw = panelWidth - 4;
+  const activeBs = theme.border;
+  lines.push(bxTop(panelWidth, style.panelTitle(" Pipeline "), activeBs));
+  const colHeader = `${theme.dim("  \xB7  ")}${pad(theme.dim("Agent"), 20)}${theme.dim("Time")}`;
+  lines.push(bxRow(colHeader, panelWidth, activeBs));
+  lines.push(bxDiv(panelWidth, activeBs));
+  const maxRows = panelHeight - 4;
+  const startIdx = Math.max(0, Math.min(selectedIndex - Math.floor(maxRows / 2), agents.length - maxRows));
+  const endIdx = Math.min(agents.length, startIdx + maxRows);
+  for (let i = startIdx;i < endIdx; i++) {
+    const a = agents[i];
+    const sel = i === selectedIndex;
+    let icon;
+    let name;
+    let time = "";
+    switch (a.status) {
+      case "waiting":
+        icon = theme.dimmer("\u25CB");
+        name = theme.dim(a.label);
+        break;
+      case "running":
+        icon = theme.primary(spinnerFrames[spinnerFrame % spinnerFrames.length]);
+        name = theme.primaryBold(a.label);
+        time = theme.primary(elapsed(a.startedAt));
+        break;
+      case "done":
+        icon = theme.green("\u25CF");
+        name = theme.text(a.label);
+        time = theme.dim(elapsed(a.startedAt, a.completedAt));
+        break;
+      case "error":
+        icon = theme.red("\u2717");
+        name = theme.red(a.label);
+        time = theme.red("err");
+        break;
+    }
+    const arrow = sel ? theme.primary("\u25B8") : " ";
+    const row = `${arrow} ${icon} ${a.icon} ${pad(name, 19)}${pad(time, 6)}`;
+    if (sel) {
+      lines.push(bxRow(style.selectedBg(pad(strip(row), cw)), panelWidth, theme.borderActive));
+    } else {
+      lines.push(bxRow(row, panelWidth, activeBs));
+    }
+  }
+  for (let i = endIdx - startIdx;i < maxRows; i++) {
+    lines.push(bxEmpty(panelWidth, activeBs));
+  }
+  lines.push(bxBot(panelWidth, activeBs));
+  return lines;
+}
+function renderOutputPanel(agent, panelWidth, panelHeight, scrollOffset = 0) {
+  const lines = [];
+  const cw = panelWidth - 4;
+  const bs = theme.border;
+  let title = style.panelTitle(" Output ");
+  if (agent) {
+    const dot = agent.status === "running" ? theme.primary("\u25CF") : agent.status === "done" ? theme.green("\u25CF") : agent.status === "error" ? theme.red("\u25CF") : theme.dim("\u25CB");
+    title = `${style.panelTitle(" Output ")}${theme.dim(" \u2500 ")}${agent.icon} ${theme.text(agent.label)} ${dot}`;
+  }
+  lines.push(bxTop(panelWidth, title, bs));
+  const maxLines = panelHeight - 2;
+  if (!agent || !agent.output) {
+    for (let i = 0;i < Math.floor(maxLines / 2) - 2; i++)
+      lines.push(bxEmpty(panelWidth, bs));
+    lines.push(bxRow(center(theme.dim("Waiting for output..."), cw), panelWidth, bs));
+    lines.push(bxRow(center(theme.dimmer("Use \u2191\u2193 to select agents"), cw), panelWidth, bs));
+    lines.push(bxRow(center(theme.dimmer("Tab to switch panels"), cw), panelWidth, bs));
+    for (let i = Math.floor(maxLines / 2) + 1;i < maxLines; i++)
+      lines.push(bxEmpty(panelWidth, bs));
+  } else {
+    const wrapped = wrap(agent.output, cw);
+    const total = wrapped.length;
+    const maxScroll = Math.max(0, total - maxLines + 1);
+    const offset = Math.min(scrollOffset, maxScroll);
+    const visible = wrapped.slice(offset, offset + maxLines);
+    for (let i = 0;i < maxLines; i++) {
+      if (i < visible.length) {
+        lines.push(bxRow(visible[i], panelWidth, bs));
+      } else if (i === visible.length && agent.status === "running") {
+        lines.push(bxRow(theme.primary("\u258A"), panelWidth, bs));
+      } else {
+        lines.push(bxEmpty(panelWidth, bs));
+      }
+    }
+    if (total > maxLines) {
+      const barH = Math.max(2, Math.floor(maxLines / total * maxLines));
+      const barTop = Math.floor(offset / maxScroll * (maxLines - barH));
+      for (let i = 1;i <= maxLines; i++) {
+        const lineIdx = i;
+        if (lineIdx >= barTop + 1 && lineIdx < barTop + barH + 1 && lines[lineIdx]) {
+          const line = lines[lineIdx];
+          const stripped = line.slice(0, -vlen(bs(box.vertical)));
+        }
+      }
+    }
+  }
+  lines.push(bxBot(panelWidth, bs));
+  return lines;
+}
+function renderFooter(agents, isRunning, totalWidth) {
+  const done = agents.filter((a) => a.status === "done").length;
+  const errs = agents.filter((a) => a.status === "error").length;
+  const total = agents.length;
+  const bar = progressBar(done, total, 14);
+  const pct = `${done}/${total}`;
+  const errStr = errs > 0 ? ` ${theme.red(`${errs} err`)}` : "";
+  const controls = isRunning ? `${style.key("\u2191\u2193")} ${style.keyHint("navigate")}  ${style.key("Tab")} ${style.keyHint("panel")}  ${style.key("PgUp/Dn")} ${style.keyHint("scroll")}  ${style.key("Esc")} ${style.keyHint("cancel")}  ${style.key("q")} ${style.keyHint("quit")}` : `${style.key("\u2191\u2193")} ${style.keyHint("browse")}  ${style.key("Tab")} ${style.keyHint("panel")}  ${style.key("PgUp/Dn")} ${style.keyHint("scroll")}  ${style.key("q")} ${style.keyHint("quit")}`;
+  return `  ${controls}   ${bar} ${theme.text(pct)}${errStr}`;
+}
+function renderScannerBar(frame) {
+  return `  ${scannerFrame(frame, 30)}`;
+}
+function renderFull(state) {
+  const W = Math.min(tw(), 140);
+  const H = th();
+  const lines = [];
+  const header = renderHeader({
+    idea: state.idea,
+    authInfo: state.authInfo,
+    agentCount: state.agents.length,
+    providerName: state.providerName
+  });
+  const headerLines = header.split(`
+`);
+  lines.push(...headerLines);
+  if (state.phase === "running") {
+    lines.push(renderScannerBar(state.spinnerFrame));
+  } else {
+    lines.push("");
+  }
+  const headerH = headerLines.length + 1;
+  const footerH = 2;
+  const panelH = Math.max(12, H - headerH - footerH);
+  const SIDE_BY_SIDE_MIN = 80;
+  if (W >= SIDE_BY_SIDE_MIN) {
+    const pipeW = Math.min(40, Math.floor(W * 0.35));
+    const outW = W - pipeW;
+    const pipeLines = renderPipelinePanel(state.agents, state.selectedIndex, state.spinnerFrame, pipeW, panelH);
+    const selAgent = state.agents.find((a) => a.name === state.selectedAgent) || state.agents.find((a) => a.status === "running") || null;
+    const outLines = renderOutputPanel(selAgent, outW, panelH, state.outputScrollOffset);
+    const maxLen = Math.max(pipeLines.length, outLines.length);
+    for (let i = 0;i < maxLen; i++) {
+      const left = pipeLines[i] || " ".repeat(pipeW);
+      const right = outLines[i] || " ".repeat(outW);
+      lines.push(left + right);
+    }
+  } else {
+    const halfH = Math.floor((panelH - 1) / 2);
+    lines.push(...renderPipelinePanel(state.agents, state.selectedIndex, state.spinnerFrame, W, halfH));
+    const selAgent = state.agents.find((a) => a.name === state.selectedAgent) || state.agents.find((a) => a.status === "running") || null;
+    lines.push(...renderOutputPanel(selAgent, W, halfH, state.outputScrollOffset));
+  }
+  lines.push(renderFooter(state.agents, state.phase === "running", W));
+  return lines.join(`
+`);
+}
+
+// src/tui/app.ts
+import * as readline from "readline";
+function buildInitialAgents() {
+  return AGENTS.map((a) => ({
+    name: a.name,
+    label: a.label,
+    role: a.role,
+    icon: a.icon,
+    status: "waiting",
+    output: ""
+  }));
+}
+async function pickProvider(config) {
+  if (config.provider && config.skipProviderPicker) {
+    const provider = PROVIDERS.find((p) => p.id === config.provider);
+    const auth = {
+      provider: provider.id,
+      method: config.authMethod || "api-key",
+      token: config.authToken
+    };
+    return { provider, auth };
+  }
+  return new Promise((resolve, reject) => {
+    let selectedIndex = 0;
+    const providers = PROVIDERS;
+    let phase = "pick";
+    let chosenProvider = null;
+    const authStatuses = new Map;
+    for (const p of providers) {
+      if (p.id === "claude") {
+        authStatuses.set(p.id, "OAuth \u2714 or API key");
+      } else if (p.id === "codex") {
+        authStatuses.set(p.id, "Requires Codex CLI");
+      } else if (p.authEnvVar && process.env[p.authEnvVar]) {
+        authStatuses.set(p.id, `\u2714 ${p.authEnvVar} set`);
+      } else if (p.freeModels && p.freeModels.length > 0) {
+        authStatuses.set(p.id, "Free tier available");
+      } else {
+        authStatuses.set(p.id, "API Key required");
+      }
+    }
+    hideCursor();
+    if (process.stdin.isTTY) {
+      process.stdin.setRawMode(true);
+    }
+    process.stdin.resume();
+    process.stdin.setEncoding("utf8");
+    function renderPicker() {
+      const pickerState = {
+        providers,
+        selectedIndex,
+        authStatuses
+      };
+      let frame = renderProviderPicker(pickerState);
+      if (phase === "warning" && chosenProvider) {
+        frame += renderProviderWarning(chosenProvider);
+      }
+      writeFrame(frame);
+    }
+    function cleanup() {
+      process.stdin.removeListener("data", onKey);
+    }
+    function onKey(key) {
+      if (phase === "pick") {
+        if (key === "q" || key === "\x03") {
+          cleanup();
+          showCursor();
+          if (process.stdin.isTTY)
+            process.stdin.setRawMode(false);
+          process.stdin.pause();
+          process.exit(0);
+        }
+        if (key === "\x1B[A") {
+          selectedIndex = Math.max(0, selectedIndex - 1);
+          renderPicker();
+        } else if (key === "\x1B[B") {
+          selectedIndex = Math.min(providers.length - 1, selectedIndex + 1);
+          renderPicker();
+        } else if (key === "\r" || key === `
+`) {
+          chosenProvider = providers[selectedIndex];
+          if (!chosenProvider.recommended) {
+            phase = "warning";
+            renderPicker();
+          } else {
+            cleanup();
+            finishSelection(chosenProvider);
+          }
+        }
+      } else if (phase === "warning") {
+        if (key === "y" || key === "Y") {
+          cleanup();
+          finishSelection(chosenProvider);
+        } else if (key === "n" || key === "N" || key === "\x1B") {
+          phase = "pick";
+          renderPicker();
+        }
+      }
+    }
+    function finishSelection(provider) {
+      if (provider.id === "claude") {
+        if (config.authToken) {
+          resolve({
+            provider,
+            auth: { provider: provider.id, method: "api-key", token: config.authToken }
+          });
+        } else {
+          resolve({
+            provider,
+            auth: { provider: provider.id, method: "oauth" }
+          });
+        }
+        return;
+      }
+      if (provider.id === "codex") {
+        resolve({
+          provider,
+          auth: { provider: provider.id, method: "cli" }
+        });
+        return;
+      }
+      if (provider.authEnvVar && process.env[provider.authEnvVar]) {
+        resolve({
+          provider,
+          auth: { provider: provider.id, method: "api-key", token: process.env[provider.authEnvVar] }
+        });
+        return;
+      }
+      if (provider.authMethods.includes("anonymous")) {
+        resolve({
+          provider,
+          auth: { provider: provider.id, method: "anonymous" }
+        });
+        return;
+      }
+      promptForApiKey(provider).then((token) => {
+        resolve({
+          provider,
+          auth: { provider: provider.id, method: "api-key", token }
+        });
+      });
+    }
+    process.stdin.on("data", onKey);
+    renderPicker();
+  });
+}
+async function promptForApiKey(provider) {
+  showCursor();
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(false);
+  }
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+  return new Promise((resolve) => {
+    clearScreen();
+    const prompt = renderApiKeyPrompt(provider);
+    process.stdout.write(prompt);
+    rl.question("", (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+async function promptForIdea(providerName) {
+  showCursor();
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(false);
+  }
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  });
+  return new Promise((resolve) => {
+    clearScreen();
+    const width = Math.min(process.stdout.columns || 100, 80);
+    const lines = [];
+    lines.push("");
+    lines.push(`  ${theme.gradientText("\u26A1 Jugaadu AI")}  ${theme.dim("\u2500")}  ${theme.dim("Powered by")} ${theme.white(providerName)}`);
+    lines.push("");
+    lines.push(`  ${theme.white("What's your topic?")}`);
+    lines.push("");
+    lines.push(`  ${theme.dimmer("Examples:")}`);
+    lines.push(`  ${theme.dimmer("\u2022 RBI might cut rates next month")}`);
+    lines.push(`  ${theme.dimmer("\u2022 Apple Vision Pro 2 launch")}`);
+    lines.push(`  ${theme.dimmer("\u2022 Zomato vs Swiggy IPO battle")}`);
+    lines.push(`  ${theme.dimmer("\u2022 AI replacing jobs in India")}`);
+    lines.push("");
+    console.log(lines.join(`
+`));
+    rl.question(`  ${theme.cyan("\u25B8")} `, (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+function buildAuthInfo(provider, auth) {
+  const methodLabel = auth.method === "oauth" ? "OAuth" : auth.method === "api-key" ? "API Key" : auth.method === "cli" ? "CLI" : "Anonymous";
+  if (auth.email) {
+    return `${provider.name} ${methodLabel} (${auth.email}${auth.subscription ? ", " + auth.subscription : ""})`;
+  }
+  return `${provider.name} ${methodLabel}`;
+}
+async function runApp(config) {
+  let provider;
+  let auth;
+  if (config.provider && config.authMethod && (config.authToken || config.authMethod === "oauth")) {
+    provider = PROVIDERS.find((p) => p.id === config.provider);
+    auth = {
+      provider: provider.id,
+      method: config.authMethod,
+      token: config.authToken
+    };
+  } else if (config.authToken && config.authMethod) {
+    provider = PROVIDERS.find((p) => p.id === "claude");
+    auth = {
+      provider: "claude",
+      method: config.authMethod,
+      token: config.authToken
+    };
+  } else {
+    const picked = await pickProvider(config);
+    provider = picked.provider;
+    auth = picked.auth;
+  }
+  let idea = config.idea;
+  if (!idea) {
+    idea = await promptForIdea(provider.name);
+    if (!idea) {
+      console.log(`
+  ${theme.red("No topic provided. Exiting.")}
+`);
+      process.exit(0);
+    }
+  }
+  const pipelineOptions = {
+    provider: provider.id,
+    authMethod: auth.method,
+    authToken: auth.token,
+    model: provider.defaultModel
+  };
+  const agents = buildInitialAgents();
+  let selectedIndex = 0;
+  let spinnerFrame = 0;
+  let phase = "running";
+  let aborted = false;
+  let outputScrollOffset = 0;
+  let activePanel = "pipeline";
+  hideCursor();
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(true);
+  }
+  process.stdin.resume();
+  process.stdin.setEncoding("utf8");
+  const authInfo = buildAuthInfo(provider, auth);
+  function render() {
+    const selectedAgent = agents[selectedIndex]?.name ?? null;
+    const frame = renderFull({
+      agents,
+      selectedAgent,
+      selectedIndex,
+      spinnerFrame,
+      authInfo,
+      idea,
+      phase,
+      outputScrollOffset,
+      activePanel,
+      providerName: provider.name
+    });
+    writeFrame(frame);
+  }
+  function onKey(key) {
+    if (key === "q" || key === "\x03") {
+      cleanup();
+      process.exit(0);
+    }
+    if (key === "\x1B" && key.length === 1) {
+      aborted = true;
+      return;
+    }
+    if (key === "\t") {
+      activePanel = activePanel === "pipeline" ? "output" : "pipeline";
+      render();
+      return;
+    }
+    if (key === "\x1B[A") {
+      if (activePanel === "pipeline") {
+        selectedIndex = Math.max(0, selectedIndex - 1);
+        outputScrollOffset = 0;
+      } else {
+        outputScrollOffset = Math.max(0, outputScrollOffset - 1);
+      }
+      render();
+      return;
+    }
+    if (key === "\x1B[B") {
+      if (activePanel === "pipeline") {
+        selectedIndex = Math.min(agents.length - 1, selectedIndex + 1);
+        outputScrollOffset = 0;
+      } else {
+        outputScrollOffset++;
+      }
+      render();
+      return;
+    }
+    if (key === "\x1B[5~") {
+      outputScrollOffset = Math.max(0, outputScrollOffset - 10);
+      render();
+      return;
+    }
+    if (key === "\x1B[6~") {
+      outputScrollOffset += 10;
+      render();
+      return;
+    }
+    if (key === "\x1B[H" || key === "\x1B[1~") {
+      if (activePanel === "pipeline") {
+        selectedIndex = 0;
+        outputScrollOffset = 0;
+      } else {
+        outputScrollOffset = 0;
+      }
+      render();
+      return;
+    }
+    if (key === "\x1B[F" || key === "\x1B[4~") {
+      if (activePanel === "pipeline") {
+        selectedIndex = agents.length - 1;
+        outputScrollOffset = 0;
+      } else {
+        outputScrollOffset = 99999;
+      }
+      render();
+      return;
+    }
+  }
+  process.stdin.on("data", onKey);
+  function cleanup() {
+    showCursor();
+    if (process.stdin.isTTY) {
+      process.stdin.setRawMode(false);
+    }
+    process.stdin.pause();
+    process.stdin.removeListener("data", onKey);
+    clearInterval(spinnerInterval);
+  }
+  process.on("exit", () => {
+    showCursor();
+  });
+  process.on("SIGINT", () => {
+    cleanup();
+    process.exit(0);
+  });
+  process.on("SIGTERM", () => {
+    cleanup();
+    process.exit(0);
+  });
+  function onResize() {
+    if (phase !== "done" || phase === "done") {
+      render();
+    }
+  }
+  process.stdout.on("resize", onResize);
+  const spinnerInterval = setInterval(() => {
+    spinnerFrame++;
+    if (phase === "running")
+      render();
+  }, 80);
+  render();
+  try {
+    for await (const event of runPipeline(idea, undefined, pipelineOptions)) {
+      if (aborted)
+        break;
+      switch (event.type) {
+        case "agent_start": {
+          const agent = agents.find((a) => a.name === event.agent);
+          if (agent) {
+            agent.status = "running";
+            agent.startedAt = Date.now();
+            agent.output = "";
+          }
+          if (activePanel === "pipeline") {
+            const idx = agents.findIndex((a) => a.name === event.agent);
+            if (idx >= 0) {
+              selectedIndex = idx;
+              outputScrollOffset = 0;
+            }
+          }
+          render();
+          break;
+        }
+        case "agent_delta": {
+          const agent = agents.find((a) => a.name === event.agent);
+          if (agent) {
+            agent.output += event.text;
+          }
+          if (agents[selectedIndex]?.name === event.agent) {
+            outputScrollOffset = 99999;
+          }
+          render();
+          break;
+        }
+        case "agent_done": {
+          const agent = agents.find((a) => a.name === event.agent);
+          if (agent) {
+            agent.status = "done";
+            agent.output = event.output;
+            agent.completedAt = Date.now();
+          }
+          render();
+          break;
+        }
+        case "agent_error": {
+          const agent = agents.find((a) => a.name === event.agent);
+          if (agent) {
+            agent.status = "error";
+            agent.error = event.error;
+            agent.output = `Error: ${event.error}`;
+            agent.completedAt = Date.now();
+          }
+          render();
+          break;
+        }
+        case "pipeline_done": {
+          phase = "done";
+          render();
+          break;
+        }
+      }
+    }
+  } catch (err) {
+    const errorMsg = err instanceof Error ? err.message : String(err);
+    const runningAgent = agents.find((a) => a.status === "running");
+    if (runningAgent) {
+      runningAgent.status = "error";
+      runningAgent.error = errorMsg;
+      runningAgent.output = `Error: ${errorMsg}`;
+      runningAgent.completedAt = Date.now();
+    }
+  }
+  phase = "done";
+  clearInterval(spinnerInterval);
+  render();
+  const summaryRender = () => {
+    const selectedAgent = agents[selectedIndex]?.name ?? null;
+    const frame = renderFull({
+      agents,
+      selectedAgent,
+      selectedIndex,
+      spinnerFrame,
+      authInfo,
+      idea,
+      phase: "done",
+      outputScrollOffset,
+      activePanel,
+      providerName: provider.name
+    });
+    writeFrame(frame);
+  };
+  summaryRender();
+  await new Promise((resolve) => {
+    const checkQuit = (key) => {
+      if (key === "q" || key === "\x03") {
+        process.stdin.removeListener("data", checkQuit);
+        resolve();
+      }
+      if (key === "\x1B[A") {
+        if (activePanel === "pipeline") {
+          selectedIndex = Math.max(0, selectedIndex - 1);
+          outputScrollOffset = 0;
+        } else {
+          outputScrollOffset = Math.max(0, outputScrollOffset - 1);
+        }
+        summaryRender();
+      }
+      if (key === "\x1B[B") {
+        if (activePanel === "pipeline") {
+          selectedIndex = Math.min(agents.length - 1, selectedIndex + 1);
+          outputScrollOffset = 0;
+        } else {
+          outputScrollOffset++;
+        }
+        summaryRender();
+      }
+      if (key === "\t") {
+        activePanel = activePanel === "pipeline" ? "output" : "pipeline";
+        summaryRender();
+      }
+      if (key === "\x1B[5~") {
+        outputScrollOffset = Math.max(0, outputScrollOffset - 10);
+        summaryRender();
+      }
+      if (key === "\x1B[6~") {
+        outputScrollOffset += 10;
+        summaryRender();
+      }
+    };
+    process.stdin.removeListener("data", onKey);
+    process.stdin.on("data", checkQuit);
+  });
+  cleanup();
+  process.stdout.removeListener("resize", onResize);
+}
+
+// src/index.ts
+var args = process.argv.slice(2);
+var idea = args.join(" ").trim();
+async function main() {
+  await runApp({ idea: idea || undefined });
+}
+main().catch((err) => {
+  console.error("Fatal error:", err);
+  process.exit(1);
+});