@nikitadmitrieff/feedback-chat 0.1.2 → 0.2.0

package/dist/cli/deploy-agent.js

@@ -0,0 +1,177 @@
+#!/usr/bin/env node
+
+// src/cli/deploy-agent.ts
+import prompts from "prompts";
+import { existsSync, readFileSync } from "fs";
+import { join, resolve } from "path";
+import { execSync } from "child_process";
+function checkCommand(cmd) {
+  try {
+    execSync(`which ${cmd}`, { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function readEnvFile(cwd) {
+  const envPath = join(cwd, ".env.local");
+  if (!existsSync(envPath)) return {};
+  const content = readFileSync(envPath, "utf-8");
+  const vars = {};
+  for (const line of content.split("\n")) {
+    const match = line.match(/^([A-Z_]+)=(.+)$/);
+    if (match) vars[match[1]] = match[2];
+  }
+  return vars;
+}
+async function main() {
+  const cwd = resolve(process.cwd());
+  console.error();
+  console.error("  feedback-chat agent deployment script generator");
+  console.error("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.error();
+  const hasRailway = checkCommand("railway");
+  const hasGh = checkCommand("gh");
+  if (!hasRailway) {
+    console.error("  \u2717 Railway CLI not found. Install: npm install -g @railway/cli");
+    process.exit(1);
+  }
+  if (!hasGh) {
+    console.error("  \u2717 GitHub CLI not found. Install: https://cli.github.com/");
+    process.exit(1);
+  }
+  const envVars = readEnvFile(cwd);
+  const githubToken = envVars["GITHUB_TOKEN"] || "";
+  const githubRepo = envVars["GITHUB_REPO"] || "";
+  const anthropicKey = envVars["ANTHROPIC_API_KEY"] || "";
+  if (!githubToken || !githubRepo) {
+    console.error("  \u2717 GITHUB_TOKEN and GITHUB_REPO must be set in .env.local");
+    console.error("  Run `npx feedback-chat init` first with the +GitHub or +Pipeline tier.");
+    process.exit(1);
+  }
+  const { authMethod } = await prompts({
+    type: "select",
+    name: "authMethod",
+    message: "Claude authentication for the agent",
+    choices: [
+      {
+        title: "Claude Max subscription ($0/run)",
+        description: "Uses OAuth credentials from your local keychain",
+        value: "max"
+      },
+      {
+        title: "API key (pay per token)",
+        description: "Uses ANTHROPIC_API_KEY from .env.local",
+        value: "api"
+      }
+    ]
+  });
+  if (!authMethod) {
+    console.error("  Cancelled.");
+    process.exit(0);
+  }
+  let credentialsJson = "";
+  if (authMethod === "max") {
+    console.error();
+    console.error("  To get your Claude credentials, run:");
+    console.error('    security find-generic-password -s "Claude Code-credentials" -a "$USER" -w');
+    console.error();
+    console.error("  Copy the JSON output (the claudeAiOauth portion).");
+    console.error();
+    const { creds } = await prompts({
+      type: "text",
+      name: "creds",
+      message: "Paste your Claude credentials JSON (or press Enter to include a placeholder)"
+    });
+    credentialsJson = creds || "${CLAUDE_CREDENTIALS_JSON}";
+  }
+  const webhookSecret = "$(openssl rand -hex 32)";
+  const envLocalPath = join(cwd, ".env.local");
+  const authLine = authMethod === "max" ? `
+  CLAUDE_CREDENTIALS_JSON='${credentialsJson.replace(/'/g, "'\\''")}'` : anthropicKey ? `
+  ANTHROPIC_API_KEY="${anthropicKey}"` : "";
+  const script = `#!/usr/bin/env bash
+set -euo pipefail
+
+# \u2500\u2500 feedback-chat agent deployment script \u2500\u2500
+# Generated by: npx feedback-chat deploy-agent
+# Review this script before running it.
+
+echo "==> Cloning feedback-chat agent..."
+TMPDIR=$(mktemp -d)
+trap 'rm -rf "$TMPDIR"' EXIT
+git clone --depth 1 https://github.com/NikitaDmitrieff/feedback-chat "$TMPDIR/feedback-chat"
+cd "$TMPDIR/feedback-chat/packages/agent"
+
+echo "==> Creating Railway project..."
+railway init
+
+echo "==> First deploy (creates the service)..."
+DEPLOY_OUTPUT=$(railway up --detach 2>&1)
+echo "$DEPLOY_OUTPUT"
+
+echo "==> Waiting for service to register..."
+sleep 5
+
+echo "==> Finding and linking service..."
+SERVICE_NAME=$(railway service status --all 2>&1 | grep -oE '^[a-z][-a-z0-9]*' | head -1)
+if [ -z "$SERVICE_NAME" ]; then
+  echo "\u2717 Could not detect service name. Run 'railway service status --all' manually."
+  exit 1
+fi
+echo "   Linking service: $SERVICE_NAME"
+railway service link "$SERVICE_NAME"
+
+echo "==> Setting environment variables..."
+WEBHOOK_SECRET=${webhookSecret}
+railway variables set \\
+  GITHUB_TOKEN="${githubToken}" \\
+  GITHUB_REPO="${githubRepo}" \\
+  WEBHOOK_SECRET="$WEBHOOK_SECRET"${authLine ? ` \\${authLine}` : ""}
+
+echo "==> Getting public domain..."
+DOMAIN_OUTPUT=$(railway domain 2>&1)
+AGENT_URL=$(echo "$DOMAIN_OUTPUT" | grep -oE 'https://[^ ]+')
+if [ -z "$AGENT_URL" ]; then
+  echo "\u2717 Could not extract domain URL. Output was:"
+  echo "$DOMAIN_OUTPUT"
+  exit 1
+fi
+echo "   Agent URL: $AGENT_URL"
+
+echo "==> Setting up GitHub webhook..."
+REPO_OWNER=$(echo "${githubRepo}" | cut -d/ -f1)
+REPO_NAME=$(echo "${githubRepo}" | cut -d/ -f2)
+gh api "repos/$REPO_OWNER/$REPO_NAME/hooks" \\
+  -f name=web -f active=true \\
+  -f "config[url]=$AGENT_URL/webhook/github" \\
+  -f "config[content_type]=json" \\
+  -f "config[secret]=$WEBHOOK_SECRET" \\
+  -f 'events[]=issues'
+
+echo "==> Updating consumer .env.local..."
+echo "AGENT_URL=$AGENT_URL" >> "${envLocalPath}"
+
+echo ""
+echo "==> Done! Summary:"
+echo "   Agent URL:      $AGENT_URL"
+echo "   Webhook:        $AGENT_URL/webhook/github"
+echo "   Webhook secret: $WEBHOOK_SECRET"
+echo ""
+echo "   Next steps:"
+echo "   1. Wait for Railway deploy to finish"
+echo "   2. Verify: curl $AGENT_URL/health"
+echo "   3. Test by submitting feedback through the widget"
+`;
+  process.stdout.write(script);
+  console.error();
+  console.error("  Script generated! To run it:");
+  console.error("    npx feedback-chat deploy-agent | bash");
+  console.error("  Or save and review first:");
+  console.error("    npx feedback-chat deploy-agent > deploy.sh && chmod +x deploy.sh && cat deploy.sh");
+  console.error();
+}
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/dist/cli/init.js

@@ -4,27 +4,79 @@
 import prompts from "prompts";
 import { existsSync, writeFileSync, appendFileSync, readFileSync, mkdirSync } from "fs";
 import { join, resolve } from "path";
-var CHAT_ROUTE_TEMPLATE = (hasGithub) => `import { createFeedbackHandler } from '@nikitadmitrieff/feedback-chat/server'
+import { execSync } from "child_process";
+var CHAT_ROUTE_TEMPLATE = (tier) => `import { createFeedbackHandler } from '@nikitadmitrieff/feedback-chat/server'
 
 const handler = createFeedbackHandler({
-  password: process.env.FEEDBACK_PASSWORD!,${hasGithub ? `
+  password: process.env.FEEDBACK_PASSWORD!,${tier !== "chat" ? `
   github: {
     token: process.env.GITHUB_TOKEN!,
     repo: process.env.GITHUB_REPO!,
   },` : ""}
+  // projectContext: 'Describe your app here so the AI gives better responses',
 })
 
 export const POST = handler.POST
 `;
-var STATUS_ROUTE_TEMPLATE = `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+var STATUS_ROUTE_TEMPLATE = (tier) => {
+  if (tier === "chat") {
+    return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
 
 const handler = createStatusHandler({
   password: process.env.FEEDBACK_PASSWORD!,
 })
 
 export const { GET, POST } = handler
+`;
+  }
+  if (tier === "github") {
+    return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+
+const handler = createStatusHandler({
+  password: process.env.FEEDBACK_PASSWORD!,
+  github: {
+    token: process.env.GITHUB_TOKEN!,
+    repo: process.env.GITHUB_REPO!,
+  },
+})
+
+export const { GET, POST } = handler
+`;
+  }
+  return `import { createStatusHandler } from '@nikitadmitrieff/feedback-chat/server'
+
+const handler = createStatusHandler({
+  password: process.env.FEEDBACK_PASSWORD!,
+  github: {
+    token: process.env.GITHUB_TOKEN!,
+    repo: process.env.GITHUB_REPO!,
+  },
+  agentUrl: process.env.AGENT_URL,
+})
+
+export const { GET, POST } = handler
+`;
+};
+var FEEDBACK_BUTTON_TEMPLATE = `'use client'
+
+import { useState } from 'react'
+import { FeedbackPanel } from '@nikitadmitrieff/feedback-chat'
+import '@nikitadmitrieff/feedback-chat/styles.css'
+
+export function FeedbackButton() {
+  const [open, setOpen] = useState(false)
+  return <FeedbackPanel isOpen={open} onToggle={() => setOpen(!open)} />
+}
 `;
 var SOURCE_DIRECTIVE = '@source "../node_modules/@nikitadmitrieff/feedback-chat/dist/**/*.js";';
+var GITHUB_LABELS = [
+  { name: "feedback-bot", color: "0E8A16", description: "Created by feedback widget" },
+  { name: "auto-implement", color: "1D76DB", description: "Agent should implement this" },
+  { name: "in-progress", color: "FBCA04", description: "Agent is working on this" },
+  { name: "agent-failed", color: "D93F0B", description: "Agent build/lint failed" },
+  { name: "preview-pending", color: "C5DEF5", description: "PR ready, preview deploying" },
+  { name: "rejected", color: "E4E669", description: "User rejected changes" }
+];
 function findAppDir(cwd) {
   const candidates = [
     join(cwd, "src", "app"),
@@ -84,12 +136,65 @@ function appendEnvVar(envPath, key, value) {
   appendFileSync(envPath, `${key}=${value}
 `);
 }
+function checkReactVersion(cwd) {
+  const reactPkgPath = join(cwd, "node_modules", "react", "package.json");
+  if (!existsSync(reactPkgPath)) return;
+  try {
+    const pkg = JSON.parse(readFileSync(reactPkgPath, "utf-8"));
+    const version = pkg.version;
+    if (version === "19.1.0" || version === "19.1.1") {
+      console.error(`  \u2717 react@${version} detected \u2014 @ai-sdk/react excludes this version.`);
+      console.error("    Fix: npm install react@latest react-dom@latest");
+      console.error();
+      process.exit(1);
+    }
+  } catch {
+  }
+}
+function hasGhCli() {
+  try {
+    execSync("which gh", { stdio: "ignore" });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function createGitHubLabels(cwd) {
+  if (!hasGhCli()) {
+    console.log("  \u26A0 GitHub CLI (gh) not found. Create these labels manually:");
+    console.log();
+    for (const label of GITHUB_LABELS) {
+      console.log(`    gh label create ${label.name} --color ${label.color} --description "${label.description}" --force`);
+    }
+    console.log();
+    return;
+  }
+  console.log("  Creating GitHub labels...");
+  for (const label of GITHUB_LABELS) {
+    try {
+      execSync(
+        `gh label create ${label.name} --color ${label.color} --description "${label.description}" --force`,
+        { cwd, stdio: "ignore" }
+      );
+      console.log(`    Created label: ${label.name}`);
+    } catch {
+      console.log(`    \u26A0 Could not create label: ${label.name}`);
+    }
+  }
+}
+function detectComponentsDir(cwd) {
+  if (existsSync(join(cwd, "src", "app"))) {
+    return join(cwd, "src", "components");
+  }
+  return join(cwd, "components");
+}
 async function main() {
   const cwd = resolve(process.cwd());
   console.log();
   console.log("  feedback-chat setup wizard");
   console.log("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
+  checkReactVersion(cwd);
   const appDir = findAppDir(cwd);
   if (!appDir) {
     console.error("  Could not find app/ or src/app/ directory.");
@@ -98,7 +203,26 @@ async function main() {
   }
   console.log(`  Found Next.js app directory: ${appDir}`);
   console.log();
-  console.log("  \u2500\u2500 Widget Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log("  \u2500\u2500 Tier Selection \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log();
+  const tierAnswer = await prompts({
+    type: "select",
+    name: "tier",
+    message: "Choose your tier",
+    choices: [
+      { title: "Chat only (AI conversations, localStorage persistence)", value: "chat" },
+      { title: "+ GitHub (Chat + auto-creates GitHub issues)", value: "github" },
+      { title: "+ Pipeline (Chat + GitHub + agent \u2192 PR \u2192 preview \u2192 approve)", value: "pipeline" }
+    ],
+    initial: 0
+  });
+  if (tierAnswer.tier === void 0) {
+    console.log("  Cancelled.");
+    process.exit(0);
+  }
+  const tier = tierAnswer.tier;
+  console.log();
+  console.log("  \u2500\u2500 Widget Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
   const widgetAnswers = await prompts([
     {
@@ -116,23 +240,17 @@ async function main() {
     console.log("  Cancelled.");
     process.exit(0);
   }
-  console.log();
-  console.log("  \u2500\u2500 GitHub Integration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
-  console.log();
-  const githubAnswer = await prompts({
-    type: "confirm",
-    name: "enabled",
-    message: "Enable GitHub issues? (feedback creates issues for tracking)",
-    initial: true
-  });
   let githubToken = "";
   let githubRepo = "";
-  if (githubAnswer.enabled) {
+  if (tier !== "chat") {
+    console.log();
+    console.log("  \u2500\u2500 GitHub Integration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+    console.log();
     const ghAnswers = await prompts([
       {
         type: "password",
         name: "token",
-        message: "GitHub token (needs repo scope)"
+        message: "GitHub token (needs repo scope, must start with ghp_)"
       },
       {
         type: "text",
@@ -143,7 +261,18 @@ async function main() {
     githubToken = ghAnswers.token || "";
     githubRepo = ghAnswers.repo || "";
   }
-  const hasGithub = !!(githubToken && githubRepo);
+  let agentUrl = "";
+  if (tier === "pipeline") {
+    console.log();
+    console.log("  \u2500\u2500 Agent Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+    console.log();
+    const agentAnswer = await prompts({
+      type: "text",
+      name: "url",
+      message: "Agent URL (e.g., https://your-agent.railway.app)"
+    });
+    agentUrl = agentAnswer.url || "";
+  }
   let overwrite = false;
   const chatRoutePath = join(appDir, "api", "feedback", "chat", "route.ts");
   const statusRoutePath = join(appDir, "api", "feedback", "status", "route.ts");
@@ -157,12 +286,17 @@ async function main() {
     overwrite = overwriteAnswer.overwrite ?? false;
   }
   console.log();
-  if (safeWriteFile(chatRoutePath, CHAT_ROUTE_TEMPLATE(hasGithub), overwrite)) {
+  if (safeWriteFile(chatRoutePath, CHAT_ROUTE_TEMPLATE(tier), overwrite)) {
     console.log(`  Created ${chatRoutePath}`);
   }
-  if (safeWriteFile(statusRoutePath, STATUS_ROUTE_TEMPLATE, overwrite)) {
+  if (safeWriteFile(statusRoutePath, STATUS_ROUTE_TEMPLATE(tier), overwrite)) {
     console.log(`  Created ${statusRoutePath}`);
   }
+  const componentsDir = detectComponentsDir(cwd);
+  const feedbackButtonPath = join(componentsDir, "FeedbackButton.tsx");
+  if (safeWriteFile(feedbackButtonPath, FEEDBACK_BUTTON_TEMPLATE, overwrite)) {
+    console.log(`  Created ${feedbackButtonPath}`);
+  }
   const globalsCss = findGlobalsCss(cwd);
   if (globalsCss) {
     if (injectSourceDirective(globalsCss)) {
@@ -178,28 +312,43 @@ async function main() {
   const envPath = join(cwd, ".env.local");
   appendEnvVar(envPath, "ANTHROPIC_API_KEY", widgetAnswers.apiKey);
   appendEnvVar(envPath, "FEEDBACK_PASSWORD", widgetAnswers.password);
-  if (hasGithub) {
-    appendEnvVar(envPath, "GITHUB_TOKEN", githubToken);
-    appendEnvVar(envPath, "GITHUB_REPO", githubRepo);
+  if (tier !== "chat") {
+    if (githubToken) appendEnvVar(envPath, "GITHUB_TOKEN", githubToken);
+    if (githubRepo) appendEnvVar(envPath, "GITHUB_REPO", githubRepo);
+  }
+  if (tier === "pipeline" && agentUrl) {
+    appendEnvVar(envPath, "AGENT_URL", agentUrl);
   }
   console.log(`  Updated ${envPath}`);
+  if (tier !== "chat") {
+    console.log();
+    createGitHubLabels(cwd);
+  }
   console.log();
-  console.log("  \u2500\u2500 Add to your layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  console.log("  \u2500\u2500 Next Steps \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
   console.log();
-  console.log("    // Create a client component (e.g., components/FeedbackButton.tsx):");
-  console.log("    'use client'");
-  console.log("    import { useState } from 'react'");
-  console.log("    import { FeedbackPanel } from '@nikitadmitrieff/feedback-chat'");
-  console.log("    import '@nikitadmitrieff/feedback-chat/styles.css'");
+  const usesSrc = existsSync(join(cwd, "src", "app"));
+  const importPath = usesSrc ? "@/components/FeedbackButton" : "@/components/FeedbackButton";
+  console.log("  1. Add to your layout.tsx:");
   console.log();
-  console.log("    export function FeedbackButton() {");
-  console.log("      const [open, setOpen] = useState(false)");
-  console.log("      return <FeedbackPanel isOpen={open} onToggle={() => setOpen(!open)} />");
-  console.log("    }");
+  console.log(`     import { FeedbackButton } from '${importPath}'`);
   console.log();
-  console.log("    // Then in your layout.tsx:");
-  console.log("    import { FeedbackButton } from '@/components/FeedbackButton'");
-  console.log("    // Inside <body>: <FeedbackButton />");
+  console.log("     // Inside <body>:");
+  console.log("     <FeedbackButton />");
+  console.log();
+  if (tier === "chat") {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Click the feedback bar at the bottom, enter your password, and chat.");
+  } else if (tier === "github") {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Submit feedback to see issues created on your repo.");
+  } else {
+    console.log("  2. Run npm run dev and open the app.");
+    console.log("     Submit feedback to see issues created on your repo.");
+    console.log();
+    console.log("  3. Deploy the agent service:");
+    console.log("     See docs/agent-deployment.md or run: npx feedback-chat deploy-agent");
+  }
   console.log();
   console.log("  Done.");
   console.log();

package/dist/client/index.d.ts

@@ -1,6 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type Stage = 'created' | 'queued' | 'running' | 'validating' | 'preview_ready' | 'deployed' | 'failed' | 'rejected';
+type ActivityEntry = {
+    message: string;
+    time: string;
+};
 type StatusResponse = {
     stage: Stage;
     issueNumber: number;
@@ -9,6 +13,7 @@ type StatusResponse = {
     previewUrl?: string;
     prNumber?: number;
     prUrl?: string;
+    activity?: ActivityEntry[];
 };
 type Conversation = {
     id: string;
@@ -40,4 +45,4 @@ type PipelineTrackerProps = {
 };
 declare function PipelineTracker({ issueUrl, statusEndpoint, }: PipelineTrackerProps): react_jsx_runtime.JSX.Element;
 
-export { type Conversation, FeedbackPanel, type FeedbackPanelProps, PipelineTracker, type Stage, type StatusResponse, useConversations };
+export { type ActivityEntry, type Conversation, FeedbackPanel, type FeedbackPanelProps, PipelineTracker, type Stage, type StatusResponse, useConversations };

package/dist/client/index.js

@@ -1700,6 +1700,19 @@ var STAGE_INDEX = {
   failed: -1,
   rejected: -1
 };
+var STAGE_MESSAGE = {
+  created: "Creating issue\u2026",
+  queued: "Waiting for agent\u2026",
+  running: "Running\u2026",
+  validating: "Checking build\u2026",
+  preview_ready: "Deploying preview\u2026"
+};
+function formatElapsed(ms) {
+  const totalSeconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
 var TERMINAL_STAGES = ["deployed", "failed", "rejected"];
 var POLL_INTERVAL_MS = 5e3;
 var PREVIEW_POLL_INTERVAL_MS = 15e3;
@@ -1763,6 +1776,8 @@ function PipelineTracker({
   const [changeComment, setChangeComment] = useState6("");
   const [confirmReject, setConfirmReject] = useState6(false);
   const previousStageRef = useRef3(null);
+  const stageStartRef = useRef3(Date.now());
+  const [elapsed, setElapsed] = useState6(0);
   const fetchStatus = useCallback3(async () => {
     try {
       const res = await fetch(`${statusEndpoint}?issue=${issueNumber}`);
@@ -1781,6 +1796,17 @@ function PipelineTracker({
       previousStageRef.current = status.stage;
     }
   }, [status.stage]);
+  useEffect3(() => {
+    stageStartRef.current = Date.now();
+    setElapsed(0);
+  }, [status.stage]);
+  useEffect3(() => {
+    if (TERMINAL_STAGES.includes(status.stage)) return;
+    const interval = setInterval(() => {
+      setElapsed(Date.now() - stageStartRef.current);
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [status.stage]);
   useEffect3(() => {
     setPipelineActive(issueNumber, "created");
     fetchStatus();
@@ -1828,18 +1854,39 @@ function PipelineTracker({
   const currentIndex = STAGE_INDEX[status.stage];
   const isFailed = status.stage === "failed";
   const failedAtIndex = isFailed ? getFailedStepIndex(previousStageRef.current) : -1;
+  const progressIndex = isFailed ? failedAtIndex : currentIndex;
+  const latestActivity = status.activity?.at(-1)?.message;
+  const activityMessage = latestActivity || STAGE_MESSAGE[status.stage] || "";
+  const isActive = !TERMINAL_STAGES.includes(status.stage);
   return /* @__PURE__ */ jsxs10("div", { className: "rounded-2xl border border-border bg-card p-3 space-y-2", children: [
-    /* @__PURE__ */ jsx14("div", { className: "space-y-0", children: STEPS.map((step, i) => {
-      const state = deriveStepState(i, currentIndex, failedAtIndex, status.stage);
-      return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 h-6", children: [
-        /* @__PURE__ */ jsx14(StepDot, { state }),
-        /* @__PURE__ */ jsx14("span", { className: `text-xs ${STEP_LABEL_CLASS[state]}`, children: state === "failed" && status.failReason ? status.failReason : step.label }),
-        i === 0 && /* @__PURE__ */ jsxs10("span", { className: "ml-auto text-[11px] text-muted-foreground/60", children: [
-          "#",
-          issueNumber
-        ] })
-      ] }, step.stage);
-    }) }),
+    /* @__PURE__ */ jsxs10("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx14("div", { className: "absolute left-[7.5px] top-3 bottom-3 w-px bg-muted-foreground/15" }),
+      progressIndex > 0 && /* @__PURE__ */ jsx14(
+        "div",
+        {
+          className: `absolute left-[7.5px] top-3 w-px transition-all duration-700 ease-out ${isFailed ? "bg-destructive/50" : "bg-emerald-500/50"}`,
+          style: { height: `${progressIndex * 24}px` }
+        }
+      ),
+      STEPS.map((step, i) => {
+        const state = deriveStepState(i, currentIndex, failedAtIndex, status.stage);
+        return /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsxs10("div", { className: "relative flex items-center gap-2 h-6", children: [
+            /* @__PURE__ */ jsx14(StepDot, { state }),
+            /* @__PURE__ */ jsx14("span", { className: `text-xs truncate ${STEP_LABEL_CLASS[state]}`, children: step.label }),
+            i === 0 && /* @__PURE__ */ jsxs10("span", { className: "ml-auto text-[11px] text-muted-foreground/60 shrink-0", children: [
+              "#",
+              issueNumber
+            ] })
+          ] }),
+          state === "failed" && status.failReason && /* @__PURE__ */ jsx14("div", { className: "pl-6 pb-0.5", children: /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-destructive/80 line-clamp-2", children: status.failReason }) }),
+          state === "active" && isActive && activityMessage && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 pl-6 h-5", children: [
+            /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-muted-foreground truncate flex-1", children: activityMessage }),
+            /* @__PURE__ */ jsx14("span", { className: "text-[10px] text-muted-foreground/60 tabular-nums shrink-0", children: formatElapsed(elapsed) })
+          ] })
+        ] }, step.stage);
+      })
+    ] }),
     status.stage === "preview_ready" && status.previewUrl && /* @__PURE__ */ jsxs10("div", { className: "space-y-2.5 pt-2 border-t border-border", children: [
       /* @__PURE__ */ jsxs10(
         "a",

package/dist/server/index.d.ts

@@ -37,6 +37,10 @@ type StatusHandlerConfig = {
     agentUrl?: string;
 };
 type Stage = 'created' | 'queued' | 'running' | 'validating' | 'preview_ready' | 'deployed' | 'failed' | 'rejected';
+type ActivityEntry = {
+    message: string;
+    time: string;
+};
 type StatusResponse = {
     stage: Stage;
     issueNumber: number;
@@ -45,6 +49,7 @@ type StatusResponse = {
     previewUrl?: string;
     prNumber?: number;
     prUrl?: string;
+    activity?: ActivityEntry[];
 };
 /**
  * Creates Next.js App Router GET and POST handlers for the feedback status endpoint.
@@ -112,4 +117,4 @@ declare function createGitHubIssue({ title, body, labels, }: {
     labels?: string[];
 }): Promise<string | null>;
 
-export { type FeedbackHandlerConfig, type GitHubIssueCreator, type Stage, type StatusHandlerConfig, type StatusResponse, buildDefaultPrompt, createFeedbackHandler, createGitHubIssue, createStatusHandler, createTools };
+export { type ActivityEntry, type FeedbackHandlerConfig, type GitHubIssueCreator, type Stage, type StatusHandlerConfig, type StatusResponse, buildDefaultPrompt, createFeedbackHandler, createGitHubIssue, createStatusHandler, createTools };

package/dist/server/index.js

@@ -284,17 +284,22 @@ async function getPreviewUrl(config, sha) {
   }
   return null;
 }
-async function getFailReason(config, issueNumber) {
+async function getActivity(config, issueNumber) {
   const res = await fetch(
     `${issueEndpoint(config, issueNumber)}/comments?per_page=5&direction=desc`,
     { headers: githubHeaders(config.token), cache: "no-store" }
   );
-  if (!res.ok) return void 0;
+  if (!res.ok) return [];
   const comments = await res.json();
-  const failComment = comments.find(
-    (c) => c.body?.startsWith("Agent failed:")
-  );
-  return failComment?.body?.replace("Agent failed:", "").trim();
+  if (!Array.isArray(comments)) return [];
+  return comments.slice(0, 3).map((c) => {
+    const raw = c.body ?? "";
+    const clean = raw.replace(/<[^>]*>/g, "").replace(/```[\s\S]*?```/g, "").replace(/`[^`]*`/g, "").replace(/[#*_~>\-|]/g, "").replace(/\s+/g, " ").trim().slice(0, 120);
+    return {
+      message: clean,
+      time: c.created_at ?? (/* @__PURE__ */ new Date()).toISOString()
+    };
+  }).reverse();
 }
 async function isAgentRunning(agentUrl, issueNumber) {
   if (!agentUrl) return false;
@@ -313,8 +318,13 @@ async function deriveStage(config, issueNumber, agentUrl) {
   const labels = (issue.labels ?? []).map((l) => l.name);
   const issueUrl = issue.html_url;
   if (labels.includes("agent-failed")) {
-    const failReason = await getFailReason(config, issueNumber);
-    return { stage: "failed", issueUrl, failReason };
+    const activity = await getActivity(config, issueNumber);
+    const failComment = activity.find((a) => a.message.startsWith("Agent failed:"));
+    let failReason = failComment?.message.replace("Agent failed:", "").trim();
+    if (failReason) {
+      failReason = failReason.replace(/<[^>]*>/g, "").replace(/```[\s\S]*?```/g, "").replace(/`[^`]*`/g, "").replace(/\s+/g, " ").trim().slice(0, 80);
+    }
+    return { stage: "failed", issueUrl, failReason, activity };
   }
   if (labels.includes("rejected")) {
     return { stage: "rejected", issueUrl };
@@ -454,7 +464,8 @@ async function handleRequestChanges(config, issueNumber, comment) {
     await fetch(`${url}/comments`, {
       method: "POST",
       headers,
-      body: JSON.stringify({ body: `**Changes requested:**
+      // Must match the string the agent's retry detection looks for
+      body: JSON.stringify({ body: `**Modifications demand\xE9es :**
 
 ${comment}` })
     });
@@ -501,6 +512,10 @@ function createStatusHandler(config) {
     if (!result) {
       return Response.json({ error: "Issue not found" }, { status: 404 });
     }
+    const terminal = ["deployed", "rejected"];
+    if (!terminal.includes(result.stage) && !result.activity) {
+      result.activity = await getActivity(ghConfig, issueNumber);
+    }
     const response = { issueNumber, ...result };
     return Response.json(response);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nikitadmitrieff/feedback-chat",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "type": "module",
   "main": "./dist/client/index.js",
   "types": "./dist/client/index.d.ts",
@@ -21,9 +21,10 @@
     }
   },
   "bin": {
-    "feedback-chat": "./dist/cli/init.js"
+    "feedback-chat": "./dist/cli/init.js",
+    "feedback-chat-deploy-agent": "./dist/cli/deploy-agent.js"
   },
-  "files": ["dist"],
+  "files": ["dist", "README.md"],
   "scripts": {
     "build": "tsup && cp src/client/styles.css dist/styles.css",
     "dev": "tsup --watch",