qpilot 0.5.2 → 0.6.0

package/bin/qa-agent.js

@@ -3,14 +3,27 @@
 
 const { spawn } = require("child_process");
 const { createServer } = require("net");
-const { createInterface } = require("readline");
 const { join } = require("path");
-const { existsSync, readFileSync } = require("fs");
+const { homedir } = require("os");
+const {
+  existsSync,
+  readFileSync,
+  writeFileSync,
+  mkdirSync,
+} = require("fs");
+const pc = require("picocolors");
 
 const PKG_DIR = join(__dirname, "..");
+const CONFIG_DIR = join(homedir(), ".qpilot");
+const CONFIG_PATH = join(CONFIG_DIR, "config.json");
+const DEFAULT_ANTHROPIC_MODEL = "claude-haiku-4-5-20251001";
 
 const args = process.argv.slice(2);
-const VISIBLE = args.includes("--visible") || args.includes("-v");
+let VISIBLE = args.includes("--visible") || args.includes("-v");
+const WANTS_SETUP =
+  args[0] === "config" || args[0] === "setup" || args.includes("--config");
+// меню/промпты — только в реальном терминале; в скриптах стартуем молча
+const INTERACTIVE = Boolean(process.stdout.isTTY && process.stdin.isTTY);
 
 function findFreePort(port) {
   return new Promise((resolve) => {
@@ -28,8 +41,8 @@ function openBrowser(url) {
       : process.platform === "win32"
         ? "cmd"
         : "xdg-open";
-  const args = process.platform === "win32" ? ["/c", "start", url] : [url];
-  spawn(cmd, args, { detached: true, stdio: "ignore" }).unref();
+  const a = process.platform === "win32" ? ["/c", "start", url] : [url];
+  spawn(cmd, a, { detached: true, stdio: "ignore" }).unref();
 }
 
 function loadEnvFile(filePath) {
@@ -48,33 +61,218 @@ function loadEnvFile(filePath) {
   return env;
 }
 
-function promptApiKey() {
-  return new Promise((resolve) => {
-    const rl = createInterface({ input: process.stdin, output: process.stdout });
+// ── config (~/.qpilot/config.json) ─────────────────────────────────────────
+
+function loadConfig() {
+  try {
+    return JSON.parse(readFileSync(CONFIG_PATH, "utf-8"));
+  } catch {
+    return null;
+  }
+}
+
+function saveConfig(cfg) {
+  mkdirSync(CONFIG_DIR, { recursive: true });
+  writeFileSync(CONFIG_PATH, JSON.stringify(cfg, null, 2), { mode: 0o600 });
+}
 
-    const onData = () => {
-      process.stdout.clearLine(0);
-      process.stdout.cursorTo(0);
-      process.stdout.write("  API key: " + "·".repeat(rl.line.length));
+/** Фолбэк: Anthropic-ключ из env / .env.local (обратная совместимость). */
+function envConfig(fileEnv) {
+  const apiKey = process.env.ANTHROPIC_API_KEY || fileEnv.ANTHROPIC_API_KEY;
+  if (!apiKey) return null;
+  return {
+    provider: "anthropic",
+    apiKey,
+    model: process.env.QPILOT_MODEL || fileEnv.QPILOT_MODEL || "",
+  };
+}
+
+/** config → env-переменные, которые понимает сервер (lib/provider.ts). */
+function configToEnv(cfg) {
+  if (cfg.provider === "custom") {
+    return {
+      QPILOT_PROVIDER: "custom",
+      QPILOT_BASE_URL: cfg.baseURL,
+      QPILOT_API_KEY: cfg.apiKey,
+      QPILOT_MODEL: cfg.model,
     };
-    process.stdin.on("data", onData);
+  }
+  return {
+    QPILOT_PROVIDER: "anthropic",
+    ANTHROPIC_API_KEY: cfg.apiKey,
+    ...(cfg.model ? { QPILOT_MODEL: cfg.model } : {}),
+    ...(cfg.baseURL ? { QPILOT_BASE_URL: cfg.baseURL } : {}),
+  };
+}
 
-    rl.question("  API key: ", (answer) => {
-      process.stdin.removeListener("data", onData);
-      rl.close();
-      process.stdout.write("\n");
-      resolve(answer.trim());
-    });
-  });
+function describeProvider(cfg) {
+  return cfg.provider === "custom"
+    ? `${cfg.model} @ custom`
+    : cfg.model || DEFAULT_ANTHROPIC_MODEL;
+}
+
+function maskKey(key) {
+  if (!key) return pc.red("(not set)");
+  return key.length > 12 ? `${key.slice(0, 7)}…${key.slice(-4)}` : "••••";
+}
+
+function configSummary(cfg, source) {
+  const row = (label, value) => `${pc.dim(label.padEnd(10))}${value}`;
+  const lines = [
+    row(
+      "Provider",
+      cfg.provider === "custom"
+        ? pc.magenta("Custom (OpenAI-compatible)")
+        : pc.magenta("Anthropic (Claude)"),
+    ),
+    row("Model", pc.cyan(cfg.model || DEFAULT_ANTHROPIC_MODEL)),
+  ];
+  if (cfg.baseURL) lines.push(row("Base URL", pc.cyan(cfg.baseURL)));
+  lines.push(row("API key", maskKey(cfg.apiKey)));
+  lines.push(row("Source", pc.dim(source)));
+  return lines.join("\n");
+}
+
+// ── интерактив (@clack/prompts, ESM → dynamic import) ───────────────────────
+
+const required = (v) => (v && v.trim() ? undefined : "Required");
+
+function bailIfCancel(p, v) {
+  if (p.isCancel(v)) {
+    p.cancel("Cancelled.");
+    process.exit(1);
+  }
+  return v;
+}
+
+async function runSetup(p) {
+  const bail = (v) => bailIfCancel(p, v);
+
+  const provider = bail(
+    await p.select({
+      message: "Choose your model provider",
+      initialValue: "anthropic",
+      options: [
+        { value: "anthropic", label: "Anthropic (Claude)", hint: "default" },
+        {
+          value: "custom",
+          label: "Custom — OpenAI-compatible",
+          hint: "Qwen, vLLM, Ollama, corp gateway, OpenRouter",
+        },
+      ],
+    }),
+  );
+
+  let cfg;
+  if (provider === "custom") {
+    const baseURL = bail(
+      await p.text({
+        message: "Base URL",
+        placeholder: "https://.../v1",
+        validate: (v) =>
+          !v || !v.trim()
+            ? "Required"
+            : /^https?:\/\//.test(v.trim())
+              ? undefined
+              : "Must start with http:// or https://",
+      }),
+    );
+    const apiKey = bail(
+      await p.password({ message: "API token", validate: required }),
+    );
+    const model = bail(
+      await p.text({
+        message: "Model id",
+        placeholder: "qwen2.5-72b-instruct",
+        validate: required,
+      }),
+    );
+    cfg = {
+      provider: "custom",
+      baseURL: baseURL.trim(),
+      apiKey: apiKey.trim(),
+      model: model.trim(),
+    };
+  } else {
+    const apiKey = bail(
+      await p.password({
+        message: "Anthropic API key (sk-ant-…)",
+        validate: required,
+      }),
+    );
+    const model = bail(
+      await p.text({
+        message: "Model id",
+        placeholder: DEFAULT_ANTHROPIC_MODEL,
+        defaultValue: DEFAULT_ANTHROPIC_MODEL,
+      }),
+    );
+    const baseURL = bail(
+      await p.text({
+        message: "Base URL (Enter to use api.anthropic.com)",
+        placeholder: "https://api.anthropic.com",
+        defaultValue: "",
+        validate: (v) =>
+          !v || !v.trim() || /^https?:\/\//.test(v.trim())
+            ? undefined
+            : "Must start with http:// or https://",
+      }),
+    );
+    cfg = {
+      provider: "anthropic",
+      apiKey: apiKey.trim(),
+      model: (model || DEFAULT_ANTHROPIC_MODEL).trim(),
+      ...(baseURL && baseURL.trim() ? { baseURL: baseURL.trim() } : {}),
+    };
+  }
+
+  saveConfig(cfg);
+  p.log.success(`Saved to ${pc.cyan(CONFIG_PATH)}`);
+  return cfg;
 }
 
-function startServer(serverPath, port, apiKey, fileEnv) {
+/** Карточка конфига + меню: Start / Start visible / Change / Exit. */
+async function startMenu(p, cfg, source) {
+  for (;;) {
+    p.note(configSummary(cfg, source), "Provider");
+    const action = bailIfCancel(
+      p,
+      await p.select({
+        message: "Ready to go?",
+        initialValue: VISIBLE ? "start-visible" : "start",
+        options: [
+          { value: "start", label: "Start", hint: "headless — agent works in background" },
+          {
+            value: "start-visible",
+            label: "Start with visible browser",
+            hint: "watch the agent click through pages",
+          },
+          { value: "config", label: "Change provider / model" },
+          { value: "exit", label: "Exit" },
+        ],
+      }),
+    );
+    if (action === "start" || action === "start-visible") {
+      VISIBLE = action === "start-visible";
+      return cfg;
+    }
+    if (action === "exit") {
+      p.cancel("Bye!");
+      process.exit(0);
+    }
+    cfg = await runSetup(p);
+    source = CONFIG_PATH;
+  }
+}
+
+// ── server ───────────────────────────────────────────────────────────────────
+
+function startServer(serverPath, port, envExtra) {
   return new Promise((resolve, reject) => {
     const child = spawn("node", [serverPath], {
       env: {
         ...process.env,
-        ...fileEnv,
-        ANTHROPIC_API_KEY: apiKey,
+        ...envExtra,
         PORT: String(port),
         HOSTNAME: "127.0.0.1",
         HEADLESS: VISIBLE ? "false" : "true",
@@ -100,31 +298,50 @@ function startServer(serverPath, port, apiKey, fileEnv) {
 async function main() {
   const serverPath = join(PKG_DIR, ".next", "standalone", "server.js");
   if (!existsSync(serverPath)) {
-    console.error("App is not built. Run: npm run build");
+    console.error(pc.red("App is not built. Run: npm run build"));
     process.exit(1);
   }
 
   const fileEnv = loadEnvFile(join(process.cwd(), ".env.local"));
-  let apiKey = process.env.ANTHROPIC_API_KEY || fileEnv.ANTHROPIC_API_KEY;
-
-  if (!apiKey) {
-    console.log("\n  No ANTHROPIC_API_KEY found.");
-    console.log("  Get one at https://console.anthropic.com\n");
-    apiKey = await promptApiKey();
-    if (!apiKey) {
-      console.error("\n  API key is required. Exiting.");
+
+  let cfg;
+  if (!INTERACTIVE) {
+    // скрипты/CI: без меню — берём сохранённый конфиг или env, иначе ошибка
+    cfg = loadConfig() || envConfig(fileEnv);
+    if (WANTS_SETUP || !cfg) {
+      console.error(
+        "No interactive terminal. Run `qpilot config` in a terminal first, or set ANTHROPIC_API_KEY.",
+      );
       process.exit(1);
     }
+  } else {
+    const p = await import("@clack/prompts");
+    p.intro(`${pc.bgCyan(pc.black(" qpilot "))} ${pc.dim("AI agent for manual test cases")}`);
+
+    if (WANTS_SETUP) {
+      cfg = await runSetup(p);
+    } else {
+      cfg = loadConfig() || envConfig(fileEnv);
+      if (!cfg) {
+        p.log.warn("No provider configured yet — let's set one up.");
+        cfg = await runSetup(p);
+      }
+    }
+    const source = loadConfig() ? CONFIG_PATH : "env / .env.local";
+    cfg = await startMenu(p, cfg, source);
+
+    if (VISIBLE) p.log.info("--visible: browser window will be shown");
+    p.outro(pc.dim("Launching…"));
   }
 
-  if (VISIBLE) console.log("\n  --visible: browser window will be shown");
+  const envExtra = { ...fileEnv, ...configToEnv(cfg) };
 
   // try ports until one works
   let port = await findFreePort(3847);
   let child;
   while (true) {
     try {
-      child = await startServer(serverPath, port, apiKey, fileEnv);
+      child = await startServer(serverPath, port, envExtra);
       break;
     } catch {
       port = await findFreePort(port + 1);
@@ -132,11 +349,18 @@ async function main() {
   }
 
   const url = `http://localhost:${port}`;
-  console.log(`\n  qpilot → ${url}\n`);
+  console.log(
+    `\n  ${pc.bold(pc.cyan("qpilot"))} ${pc.dim("→")} ${pc.underline(pc.cyan(url))}  ${pc.dim("·")}  ${pc.magenta(describeProvider(cfg))}\n`,
+  );
   openBrowser(url);
 
   const shutdown = () => {
     child.kill("SIGTERM");
+    console.log(
+      `\n  ${pc.bold("Thanks for using qpilot!")}` +
+        `\n  If it saved you time, a ${pc.yellow("⭐")} means a lot:` +
+        `\n  ${pc.underline(pc.cyan("https://github.com/broxhq/qpilot"))}\n`,
+    );
     process.exit(0);
   };
   process.on("SIGINT", shutdown);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpilot",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "Run manual test cases with an AI agent in a real browser",
   "bin": {
     "qpilot": "bin/qa-agent.js"
@@ -30,7 +30,7 @@
   ],
   "license": "MIT",
   "engines": {
-    "node": ">=18"
+    "node": ">=20.12"
   },
   "devDependencies": {
     "@anthropic-ai/sdk": "^0.40.0",
@@ -55,5 +55,9 @@
     "type": "git",
     "url": "https://github.com/broxhq/qpilot.git"
   },
-  "homepage": "https://brox.sh"
+  "homepage": "https://brox.sh",
+  "dependencies": {
+    "@clack/prompts": "^1.5.1",
+    "picocolors": "^1.1.1"
+  }
 }

package/.next/standalone/.next/static/chunks/app/api/run/[id]/answer/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/standalone/.next/static/chunks/app/api/run/[id]/pause/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/standalone/.next/static/chunks/app/api/run/[id]/stream/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/standalone/.next/static/chunks/app/api/run/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/standalone/.next/static/chunks/app/run/[id]/page-934eba86917ee786.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[170],{191:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>J});var r=n(5155),s=n(2115),a=n(2619),i=n.n(a),o=n(3229),l=n(3228),d=n(2638),c=n(3410),u=n(9746),g=n(8215),x=n(5352),m=n(4788),p=n(7212),f=n(3916),b=n(1083),h=n(2027),v=n(3101),j=n(5016);let N=(0,v.F)("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",destructive:"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function w(e){let{className:t,variant:n="default",render:r,...s}=e;return(0,h.C)({defaultTagName:"span",props:(0,b.v6)({className:(0,j.cn)(N({variant:n}),t)},s),render:r,state:{slot:"badge",variant:n}})}var k=n(7003),y=n(4036),z=n(5949),S=n(4915),A=n(8502),_=n(8905),E=n(989);function q(e){let{...t}=e;return(0,r.jsx)(y.D,{"data-slot":"dialog",...t})}function C(e){let{...t}=e;return(0,r.jsx)(z.Z,{"data-slot":"dialog-portal",...t})}function F(e){let{className:t,...n}=e;return(0,r.jsx)(S.X,{"data-slot":"dialog-overlay",className:(0,j.cn)("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",t),...n})}function O(e){let{className:t,children:n,showCloseButton:s=!0,...a}=e;return(0,r.jsxs)(C,{children:[(0,r.jsx)(F,{}),(0,r.jsxs)(A.h,{"data-slot":"dialog-content",className:(0,j.cn)("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",t),...a,children:[n,s&&(0,r.jsxs)(_.H,{"data-slot":"dialog-close",render:(0,r.jsx)(k.$,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,r.jsx)(m.A,{}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function P(e){let{className:t,...n}=e;return(0,r.jsx)("div",{"data-slot":"dialog-header",className:(0,j.cn)("flex flex-col gap-2",t),...n})}function T(e){let{className:t,...n}=e;return(0,r.jsx)(E.L,{"data-slot":"dialog-title",className:(0,j.cn)("font-heading text-base leading-none font-medium",t),...n})}var I=n(2045);function R(e){let{className:t,type:n,...s}=e;return(0,r.jsx)(I.p,{type:n,"data-slot":"input",className:(0,j.cn)("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",t),...s})}var D=n(8521),W=n(2577),$=n(1127);function M(e){let{...t}=e;return(0,r.jsx)(D.N,{"data-slot":"collapsible",...t})}function H(e){let{...t}=e;return(0,r.jsx)(W.R,{"data-slot":"collapsible-trigger",...t})}function B(e){let{...t}=e;return(0,r.jsx)($.j,{"data-slot":"collapsible-content",...t})}function J(e){var t,n,a,g,x;let{params:m}=e,{id:p}=(0,s.use)(m),[f,b]=(0,s.useState)(null),[h,v]=(0,s.useState)([]),[N,w]=(0,s.useState)(!1),[y,z]=(0,s.useState)(null),[S,A]=(0,s.useState)(()=>Date.now()),[_,E]=(0,s.useState)(!1),C=(0,s.useRef)(!1);(0,s.useEffect)(()=>{C.current=!1;let e=new EventSource("/api/run/".concat(p,"/stream"));return e.onmessage=e=>{var t,n;let r=JSON.parse(e.data);if("snapshot"===r.kind){if(C.current=!0,b(r.run),v(r.run.events),"running"!==r.run.status&&"waiting"!==r.run.status){let e=r.run.events.at(-1);z(null!=(t=null==e?void 0:e.ts)?t:Date.now())}return}v(e=>[...e,r]),"plan"===r.kind&&r.steps&&b(e=>e?{...e,steps:r.steps}:e),"step"===r.kind&&r.step&&b(e=>{if(!e)return e;let t=e.steps.findIndex(e=>e.num===r.step.num),n=t>=0?e.steps.map((e,n)=>n===t?{...e,...r.step}:e):[...e.steps,r.step];return{...e,steps:n}}),"question"===r.kind&&r.question&&b(e=>e?{...e,status:"waiting",pending:r.question}:e),"answer"===r.kind&&b(e=>e?{...e,status:"running",pending:null}:e),"paused"===r.kind&&b(e=>e?{...e,status:"paused"}:e),"resumed"===r.kind&&b(e=>e?{...e,status:"running"}:e),("done"===r.kind||"error"===r.kind)&&(z(null!=(n=r.ts)?n:Date.now()),b(e=>{var t,n;return e?{...e,status:null!=(t=r.status)?t:"error"===r.kind?"error":"passed",summary:null!=(n=r.summary)?n:r.text,pending:null,steps:e.steps.map(e=>"queued"===e.status?{...e,status:"skipped"}:e)}:e}))},e.onerror=()=>{e.close(),C.current||w(!0)},()=>e.close()},[p]);let F=null!=(n=null==f?void 0:f.status)?n:"running",P=null!=(a=null==f?void 0:f.steps)?a:[],T=P.filter(e=>"pass"===e.status).length,I=P.filter(e=>"fail"===e.status).length,R=P.filter(e=>"warn"===e.status).length,D="running"===F||"waiting"===F,W=D||"paused"===F;async function $(){W&&(E(!0),await fetch("/api/run/".concat(p,"/pause"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"paused"===F?"resume":"pause"})}).catch(()=>{}),E(!1))}let M=D&&null!=(g=null==(t=P.find(e=>"queued"===e.status))?void 0:t.num)?g:null;(0,s.useEffect)(()=>{if(!D)return;let e=setInterval(()=>A(Date.now()),1e3);return()=>clearInterval(e)},[D]),(0,s.useEffect)(()=>{var e;null!=M&&(null==(e=document.getElementById("step-".concat(M)))||e.scrollIntoView({behavior:"smooth",block:"center"}))},[M]);let H=f?(null!=y?y:S)-f.createdAt:0,B=P.filter(e=>"queued"!==e.status).length,J=P.length?B/P.length*100:0,U=[];for(let e of P){let t=U[U.length-1];t&&t.title===e.group?t.steps.push(e):U.push({title:e.group,steps:[e]})}return N?(0,r.jsxs)("main",{className:"flex flex-col items-center justify-center min-h-screen px-6 text-center",children:[(0,r.jsx)("p",{className:"text-6xl font-semibold text-muted-foreground/20 mb-4",children:"404"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mb-6",children:"Run not found — it may have finished and been cleared from memory."}),(0,r.jsxs)(i(),{href:"/",className:"inline-flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors",children:[(0,r.jsx)(o.A,{className:"size-3.5"}),"New run"]})]}):(0,r.jsxs)("main",{className:"mx-auto max-w-2xl px-6 pt-10 pb-24",children:[(0,r.jsxs)(i(),{href:"/",className:"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mb-8",children:[(0,r.jsx)(o.A,{className:"size-3.5"}),"new run"]}),(0,r.jsxs)("section",{className:"mb-8",children:[(0,r.jsx)(V,{status:F}),(0,r.jsx)("h1",{className:"text-lg font-semibold tracking-tight mt-5 break-words text-foreground/90",children:null!=(x=null==f?void 0:f.title)?x:p}),f&&(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3 mt-1.5",children:[(0,r.jsx)("p",{className:"text-xs text-muted-foreground font-mono",children:P.length>0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("span",{className:"text-foreground/60",children:[B,"/",P.length," steps"]}),T>0&&(0,r.jsxs)("span",{className:"text-success ml-2",children:["\xb7 ",T," passed"]}),R>0&&(0,r.jsxs)("span",{className:"text-warning ml-2",children:["\xb7 ",R," warn"]}),I>0&&(0,r.jsxs)("span",{className:"text-destructive ml-2",children:["\xb7 ",I," failed"]})]}):(0,r.jsx)("span",{className:"text-muted-foreground/50",children:"waiting for plan…"})}),(0,r.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[W&&(0,r.jsx)(k.$,{variant:"ghost",size:"sm",onClick:$,disabled:_||"waiting"===F,className:"h-7 px-2 text-muted-foreground/60 hover:text-foreground",children:"paused"===F?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.A,{className:"size-3.5 mr-1"}),"Resume"]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.A,{className:"size-3.5 mr-1"}),"Pause"]})}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs text-muted-foreground/60 font-mono tabular-nums",children:[(0,r.jsx)(c.A,{className:"size-3"}),function(e){let t=Math.max(0,Math.floor(e/1e3));return"".concat(Math.floor(t/60),":").concat(String(t%60).padStart(2,"0"))}(H)]})]})]}),P.length>0&&(0,r.jsx)("div",{className:"relative mt-3 h-[3px] rounded-full bg-white/5 overflow-hidden",children:(0,r.jsx)("div",{className:(0,j.cn)("absolute inset-y-0 left-0 rounded-full transition-all duration-700 ease-out","failed"===F||"error"===F?"bg-destructive":"bg-success"),style:{width:"".concat(J,"%")}})})]}),(0,r.jsxs)("section",{className:"space-y-2",children:[0===P.length&&(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center py-16 text-center",children:[(0,r.jsx)(u.A,{className:"size-5 text-muted-foreground/30 animate-spin mb-3"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground/50",children:"waiting for agent to start…"})]}),U.map((e,t)=>(0,r.jsxs)("div",{className:"space-y-2",children:[e.title&&(0,r.jsx)("div",{className:"pt-4 first:pt-0 text-[10.5px] font-semibold uppercase tracking-widest text-muted-foreground/40",children:e.title}),e.steps.map((e,t)=>(0,r.jsx)("div",{id:"step-".concat(e.num),className:"scroll-mt-6",children:(0,r.jsx)(Z,{step:e,displayNum:t+1,active:e.num===M,events:h.filter(t=>t.stepNum===e.num)})},e.num))]},t))]}),(null==f?void 0:f.summary)&&(0,r.jsxs)("div",{className:"mt-6 rounded-xl border border-white/7 bg-card/60 px-4 py-3",children:[(0,r.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/40 mb-1.5",children:"Summary"}),(0,r.jsx)("div",{className:"text-sm leading-relaxed text-foreground/80",children:f.summary})]}),(0,r.jsx)(q,{open:!!(null==f?void 0:f.pending),children:(0,r.jsx)(O,{showCloseButton:!1,children:(null==f?void 0:f.pending)&&(0,r.jsx)(K,{runId:p,question:f.pending})})})]})}let U={running:{label:"Running",sub:"agent is executing steps",icon:(0,r.jsx)(u.A,{className:"size-4 animate-spin"}),color:"text-foreground/70",bg:"bg-white/5",border:"border-white/10"},waiting:{label:"Waiting",sub:"agent needs your input",icon:(0,r.jsx)(g.A,{className:"size-4"}),color:"text-warning",bg:"bg-warning/10",border:"border-warning/20"},paused:{label:"Paused",sub:"run is paused",icon:(0,r.jsx)(d.A,{className:"size-4"}),color:"text-foreground/50",bg:"bg-white/5",border:"border-white/10"},passed:{label:"Passed",sub:"all steps passed",icon:(0,r.jsx)(x.A,{className:"size-4",strokeWidth:2.5}),color:"text-success",bg:"bg-success/10",border:"border-success/20"},failed:{label:"Failed",sub:"some steps failed",icon:(0,r.jsx)(m.A,{className:"size-4",strokeWidth:2.5}),color:"text-destructive",bg:"bg-destructive/10",border:"border-destructive/20"},error:{label:"Error",sub:"agent crashed",icon:(0,r.jsx)(g.A,{className:"size-4"}),color:"text-destructive",bg:"bg-destructive/10",border:"border-destructive/20"}};function V(e){var t;let{status:n}=e,s=null!=(t=U[n])?t:U.running;return(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:(0,j.cn)("flex items-center justify-center size-9 rounded-xl border transition-colors",s.bg,s.border,s.color),children:s.icon}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:(0,j.cn)("text-sm font-semibold tracking-tight",s.color),children:s.label}),(0,r.jsx)("div",{className:"text-xs text-muted-foreground/60",children:s.sub})]})]})}let L={queued:{border:"border-l-white/8",badge:"bg-white/5 text-muted-foreground/50",bg:"",label:"queued"},pass:{border:"border-l-success/60",badge:"bg-success/10 text-success",bg:"",label:"pass"},warn:{border:"border-l-warning/60",badge:"bg-warning/10 text-warning",bg:"",label:"warn"},fail:{border:"border-l-destructive/60",badge:"bg-destructive/10 text-destructive",bg:"bg-destructive/[0.03]",label:"fail"},skipped:{border:"border-l-white/8",badge:"bg-white/4 text-muted-foreground/30",bg:"",label:"skipped"}},Q={border:"border-l-warning/80",badge:"bg-warning/10 text-warning",bg:"bg-warning/[0.03]"};function X(e){if("action"===e.kind&&("report_step"===e.toolName||"finish"===e.toolName))return!1;if("observation"===e.kind){var t;let n=null!=(t=e.text)?t:"";return n.startsWith("Error:")||n.startsWith("[debug]")}return!0}function Z(e){var t;let{step:n,events:a,active:i,displayNum:o}=e,l=null!=(t=L[n.status])?t:L.queued,d=i?{...l,...Q}:l,c=a.filter(X),g=i||"fail"===n.status,[x,m]=(0,s.useState)(g);return(0,s.useEffect)(()=>m(g),[g]),(0,r.jsx)(M,{open:x,onOpenChange:m,children:(0,r.jsxs)("div",{className:(0,j.cn)("rounded-xl border border-white/7 border-l-2 overflow-hidden transition-colors",d.border,d.bg),children:[(0,r.jsxs)(H,{className:"group w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-white/[0.02] transition-colors",children:[(0,r.jsx)(w,{className:(0,j.cn)("border-0 text-[9.5px] tracking-widest font-semibold shrink-0 gap-1 uppercase rounded-md px-1.5",d.badge),children:i?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.A,{className:"size-2.5 animate-spin"}),"running"]}):l.label}),(0,r.jsxs)("span",{className:"flex-1 min-w-0 text-[13px] text-foreground/80",children:[(0,r.jsx)("span",{className:"text-muted-foreground/40 mr-2 font-mono text-[11px]",children:String(null!=o?o:n.num).padStart(2,"0")}),n.description]}),(0,r.jsx)(p.A,{className:"size-3.5 text-muted-foreground/30 shrink-0 group-data-open:hidden"}),(0,r.jsx)(f.A,{className:"size-3.5 text-muted-foreground/30 shrink-0 hidden group-data-open:inline"})]}),n.evidence&&(0,r.jsx)("div",{className:"px-4 pb-3 -mt-0.5 text-[11.5px] text-muted-foreground/60 leading-relaxed font-mono",children:n.evidence}),(0,r.jsx)(B,{children:(0,r.jsxs)("div",{className:"px-4 pb-4 pt-3 space-y-3 border-t border-white/5",children:[n.screenshot&&(0,r.jsx)("a",{href:n.screenshot,target:"_blank",rel:"noreferrer",className:"block rounded-lg overflow-hidden border border-white/8 hover:border-white/15 transition-colors",children:(0,r.jsx)("img",{src:n.screenshot,alt:"screenshot step ".concat(n.num),className:"max-h-64 w-full object-contain bg-black/20"})}),c.length>0?(0,r.jsx)("div",{className:"space-y-0.5",children:c.map((e,t)=>(0,r.jsx)(G,{event:e},t))}):(0,r.jsx)("div",{className:"text-[11px] text-muted-foreground/30",children:"no events for this step"})]})})]})})}function G(e){let{event:t}=e,{icon:n,text:s,cls:a}=function(e){var t,n,r,s,a,i,o,l,d;switch(e.kind){case"action":return{icon:"→",text:function(e,t){var n,r,s,a,i,o,l,d;let c=null!=t?t:{};switch(e){case"navigate":return"Opening ".concat(null!=(n=c.url)?n:"");case"snapshot":return c.near?'Reading "'.concat(c.near,'" block'):"Reading page";case"click":return c.name?'Clicking "'.concat(c.name,'"'):"Clicking element";case"fill":return c.name?'Filling "'.concat(c.name,'" → "').concat(null!=(r=c.value)?r:"",'"'):'Filling "'.concat(null!=(s=c.value)?s:"",'"');case"select":return c.name?'Selecting "'.concat(null!=(a=c.value)?a:"",'" in "').concat(c.name,'"'):'Selecting "'.concat(null!=(i=c.value)?i:"",'"');case"hover":return c.name?'Hovering "'.concat(c.name,'"'):"Hovering element";case"scroll_to":return"Scrolling to ".concat(c.text?'"'.concat(c.text,'"'):null!=(o=c.ref)?o:"element");case"scroll":{let e=[Number(c.y)?"".concat(Number(c.y)>0?"down":"up"," ").concat(Math.abs(Number(c.y)),"px"):"",Number(c.x)?"".concat(Number(c.x)>0?"right":"left"," ").concat(Math.abs(Number(c.x)),"px"):""].filter(Boolean).join(", "),t=c.ref?" inside ".concat(c.ref):"";return"Scrolling ".concat(e||"0px").concat(t)}case"press":return"Pressing ".concat(null!=(l=c.key)?l:"");case"wait":return"Waiting ".concat(null!=(d=c.ms)?d:""," ms");case"ask_user":return"Asking user";default:return null!=e?e:"action"}}(e.toolName,e.toolInput),cls:"text-foreground/70"};case"step":{let s=null!=(r=null==(t=e.step)?void 0:t.status)?r:"",a="pass"===s?"text-success":"fail"===s?"text-destructive":"text-warning";return{icon:"pass"===s?"✓":"fail"===s?"✗":"!",text:"Step ".concat(null==(n=e.step)?void 0:n.num," — ").concat(s.toUpperCase()),cls:a}}case"observation":{let t=null!=(s=e.text)?s:"";if(t.startsWith("Error:"))return{icon:"✗",text:t,cls:"text-destructive"};return{icon:"\xb7",text:t,cls:"text-muted-foreground/40"}}case"question":return{icon:"?",text:"Asking: ".concat(null!=(i=null==(a=e.question)?void 0:a.prompt)?i:""),cls:"text-warning"};case"answer":return{icon:"✎",text:"User answered",cls:"text-foreground/50"};case"thought":return{icon:"›",text:null!=(o=e.text)?o:"",cls:"text-muted-foreground/40 italic"};case"done":return{icon:"■",text:"Run finished — ".concat(null!=(l=e.status)?l:""),cls:"text-foreground/60"};case"error":return{icon:"✗",text:null!=(d=e.text)?d:"",cls:"text-destructive"};default:return{icon:"\xb7",text:"",cls:"text-muted-foreground/30"}}}(t),i=new Date(t.ts).toLocaleTimeString("en-US",{hour12:!1});return(0,r.jsxs)("div",{className:"flex gap-2.5 text-[11.5px] leading-relaxed items-baseline font-mono",children:[(0,r.jsx)("span",{className:"shrink-0 tabular-nums text-muted-foreground/25 text-[10px]",children:i}),(0,r.jsx)("span",{className:(0,j.cn)("shrink-0 w-3.5 text-center",a),children:n}),(0,r.jsx)("span",{className:(0,j.cn)("min-w-0 break-words",a),children:s})]})}function K(e){let{runId:t,question:n}=e,[a,i]=(0,s.useState)(""),[o,l]=(0,s.useState)(!1),[d,c]=(0,s.useState)(null);async function u(e){if(e.preventDefault(),a){l(!0),c(null);try{let e=await fetch("/api/run/".concat(t,"/answer"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({questionId:n.id,answer:a})});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error||"HTTP ".concat(e.status))}i("")}catch(e){c(e instanceof Error?e.message:String(e)),l(!1)}}}return(0,r.jsxs)("form",{onSubmit:u,className:"space-y-4",children:[(0,r.jsx)(P,{children:(0,r.jsxs)(T,{className:"flex items-center gap-2 text-base",children:[(0,r.jsx)(g.A,{className:"size-4 text-warning shrink-0"}),"Agent needs input"]})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground leading-relaxed",children:n.prompt}),(0,r.jsx)(R,{autoFocus:!0,type:n.secret?"password":"text",value:a,onChange:e=>i(e.target.value),placeholder:n.secret?"OTP / password":"answer",className:"font-mono"}),d&&(0,r.jsx)("p",{className:"text-destructive text-xs",children:d}),(0,r.jsx)(k.$,{type:"submit",disabled:!a||o,className:"w-full",children:o?"Sending…":"Submit"})]})}},5016:(e,t,n)=>{"use strict";n.d(t,{cn:()=>a});var r=n(2821),s=n(5889);function a(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,s.QP)((0,r.$)(t))}},7003:(e,t,n)=>{"use strict";n.d(t,{$:()=>l});var r=n(5155),s=n(9574),a=n(3101),i=n(5016);let o=(0,a.F)("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}});function l(e){let{className:t,variant:n="default",size:a="default",...l}=e;return(0,r.jsx)(s.$,{"data-slot":"button",className:(0,i.cn)(o({variant:n,size:a,className:t})),...l})}},9578:(e,t,n)=>{Promise.resolve().then(n.bind(n,191))}},e=>{e.O(0,[248,949,441,255,358],()=>e(e.s=9578)),_N_E=e.O()}]);

package/.next/static/chunks/app/api/run/[id]/answer/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/static/chunks/app/api/run/[id]/pause/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/static/chunks/app/api/run/[id]/stream/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/static/chunks/app/api/run/route-512bf413c7eb7802.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54,569,774,964],{4441:()=>{}},_=>{_.O(0,[441,255,358],()=>_(_.s=4441)),_N_E=_.O()}]);

package/.next/static/chunks/app/run/[id]/page-934eba86917ee786.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[170],{191:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>J});var r=n(5155),s=n(2115),a=n(2619),i=n.n(a),o=n(3229),l=n(3228),d=n(2638),c=n(3410),u=n(9746),g=n(8215),x=n(5352),m=n(4788),p=n(7212),f=n(3916),b=n(1083),h=n(2027),v=n(3101),j=n(5016);let N=(0,v.F)("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",destructive:"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function w(e){let{className:t,variant:n="default",render:r,...s}=e;return(0,h.C)({defaultTagName:"span",props:(0,b.v6)({className:(0,j.cn)(N({variant:n}),t)},s),render:r,state:{slot:"badge",variant:n}})}var k=n(7003),y=n(4036),z=n(5949),S=n(4915),A=n(8502),_=n(8905),E=n(989);function q(e){let{...t}=e;return(0,r.jsx)(y.D,{"data-slot":"dialog",...t})}function C(e){let{...t}=e;return(0,r.jsx)(z.Z,{"data-slot":"dialog-portal",...t})}function F(e){let{className:t,...n}=e;return(0,r.jsx)(S.X,{"data-slot":"dialog-overlay",className:(0,j.cn)("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",t),...n})}function O(e){let{className:t,children:n,showCloseButton:s=!0,...a}=e;return(0,r.jsxs)(C,{children:[(0,r.jsx)(F,{}),(0,r.jsxs)(A.h,{"data-slot":"dialog-content",className:(0,j.cn)("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",t),...a,children:[n,s&&(0,r.jsxs)(_.H,{"data-slot":"dialog-close",render:(0,r.jsx)(k.$,{variant:"ghost",className:"absolute top-2 right-2",size:"icon-sm"}),children:[(0,r.jsx)(m.A,{}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function P(e){let{className:t,...n}=e;return(0,r.jsx)("div",{"data-slot":"dialog-header",className:(0,j.cn)("flex flex-col gap-2",t),...n})}function T(e){let{className:t,...n}=e;return(0,r.jsx)(E.L,{"data-slot":"dialog-title",className:(0,j.cn)("font-heading text-base leading-none font-medium",t),...n})}var I=n(2045);function R(e){let{className:t,type:n,...s}=e;return(0,r.jsx)(I.p,{type:n,"data-slot":"input",className:(0,j.cn)("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",t),...s})}var D=n(8521),W=n(2577),$=n(1127);function M(e){let{...t}=e;return(0,r.jsx)(D.N,{"data-slot":"collapsible",...t})}function H(e){let{...t}=e;return(0,r.jsx)(W.R,{"data-slot":"collapsible-trigger",...t})}function B(e){let{...t}=e;return(0,r.jsx)($.j,{"data-slot":"collapsible-content",...t})}function J(e){var t,n,a,g,x;let{params:m}=e,{id:p}=(0,s.use)(m),[f,b]=(0,s.useState)(null),[h,v]=(0,s.useState)([]),[N,w]=(0,s.useState)(!1),[y,z]=(0,s.useState)(null),[S,A]=(0,s.useState)(()=>Date.now()),[_,E]=(0,s.useState)(!1),C=(0,s.useRef)(!1);(0,s.useEffect)(()=>{C.current=!1;let e=new EventSource("/api/run/".concat(p,"/stream"));return e.onmessage=e=>{var t,n;let r=JSON.parse(e.data);if("snapshot"===r.kind){if(C.current=!0,b(r.run),v(r.run.events),"running"!==r.run.status&&"waiting"!==r.run.status){let e=r.run.events.at(-1);z(null!=(t=null==e?void 0:e.ts)?t:Date.now())}return}v(e=>[...e,r]),"plan"===r.kind&&r.steps&&b(e=>e?{...e,steps:r.steps}:e),"step"===r.kind&&r.step&&b(e=>{if(!e)return e;let t=e.steps.findIndex(e=>e.num===r.step.num),n=t>=0?e.steps.map((e,n)=>n===t?{...e,...r.step}:e):[...e.steps,r.step];return{...e,steps:n}}),"question"===r.kind&&r.question&&b(e=>e?{...e,status:"waiting",pending:r.question}:e),"answer"===r.kind&&b(e=>e?{...e,status:"running",pending:null}:e),"paused"===r.kind&&b(e=>e?{...e,status:"paused"}:e),"resumed"===r.kind&&b(e=>e?{...e,status:"running"}:e),("done"===r.kind||"error"===r.kind)&&(z(null!=(n=r.ts)?n:Date.now()),b(e=>{var t,n;return e?{...e,status:null!=(t=r.status)?t:"error"===r.kind?"error":"passed",summary:null!=(n=r.summary)?n:r.text,pending:null,steps:e.steps.map(e=>"queued"===e.status?{...e,status:"skipped"}:e)}:e}))},e.onerror=()=>{e.close(),C.current||w(!0)},()=>e.close()},[p]);let F=null!=(n=null==f?void 0:f.status)?n:"running",P=null!=(a=null==f?void 0:f.steps)?a:[],T=P.filter(e=>"pass"===e.status).length,I=P.filter(e=>"fail"===e.status).length,R=P.filter(e=>"warn"===e.status).length,D="running"===F||"waiting"===F,W=D||"paused"===F;async function $(){W&&(E(!0),await fetch("/api/run/".concat(p,"/pause"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"paused"===F?"resume":"pause"})}).catch(()=>{}),E(!1))}let M=D&&null!=(g=null==(t=P.find(e=>"queued"===e.status))?void 0:t.num)?g:null;(0,s.useEffect)(()=>{if(!D)return;let e=setInterval(()=>A(Date.now()),1e3);return()=>clearInterval(e)},[D]),(0,s.useEffect)(()=>{var e;null!=M&&(null==(e=document.getElementById("step-".concat(M)))||e.scrollIntoView({behavior:"smooth",block:"center"}))},[M]);let H=f?(null!=y?y:S)-f.createdAt:0,B=P.filter(e=>"queued"!==e.status).length,J=P.length?B/P.length*100:0,U=[];for(let e of P){let t=U[U.length-1];t&&t.title===e.group?t.steps.push(e):U.push({title:e.group,steps:[e]})}return N?(0,r.jsxs)("main",{className:"flex flex-col items-center justify-center min-h-screen px-6 text-center",children:[(0,r.jsx)("p",{className:"text-6xl font-semibold text-muted-foreground/20 mb-4",children:"404"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mb-6",children:"Run not found — it may have finished and been cleared from memory."}),(0,r.jsxs)(i(),{href:"/",className:"inline-flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors",children:[(0,r.jsx)(o.A,{className:"size-3.5"}),"New run"]})]}):(0,r.jsxs)("main",{className:"mx-auto max-w-2xl px-6 pt-10 pb-24",children:[(0,r.jsxs)(i(),{href:"/",className:"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mb-8",children:[(0,r.jsx)(o.A,{className:"size-3.5"}),"new run"]}),(0,r.jsxs)("section",{className:"mb-8",children:[(0,r.jsx)(V,{status:F}),(0,r.jsx)("h1",{className:"text-lg font-semibold tracking-tight mt-5 break-words text-foreground/90",children:null!=(x=null==f?void 0:f.title)?x:p}),f&&(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3 mt-1.5",children:[(0,r.jsx)("p",{className:"text-xs text-muted-foreground font-mono",children:P.length>0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("span",{className:"text-foreground/60",children:[B,"/",P.length," steps"]}),T>0&&(0,r.jsxs)("span",{className:"text-success ml-2",children:["\xb7 ",T," passed"]}),R>0&&(0,r.jsxs)("span",{className:"text-warning ml-2",children:["\xb7 ",R," warn"]}),I>0&&(0,r.jsxs)("span",{className:"text-destructive ml-2",children:["\xb7 ",I," failed"]})]}):(0,r.jsx)("span",{className:"text-muted-foreground/50",children:"waiting for plan…"})}),(0,r.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[W&&(0,r.jsx)(k.$,{variant:"ghost",size:"sm",onClick:$,disabled:_||"waiting"===F,className:"h-7 px-2 text-muted-foreground/60 hover:text-foreground",children:"paused"===F?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.A,{className:"size-3.5 mr-1"}),"Resume"]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.A,{className:"size-3.5 mr-1"}),"Pause"]})}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1 text-xs text-muted-foreground/60 font-mono tabular-nums",children:[(0,r.jsx)(c.A,{className:"size-3"}),function(e){let t=Math.max(0,Math.floor(e/1e3));return"".concat(Math.floor(t/60),":").concat(String(t%60).padStart(2,"0"))}(H)]})]})]}),P.length>0&&(0,r.jsx)("div",{className:"relative mt-3 h-[3px] rounded-full bg-white/5 overflow-hidden",children:(0,r.jsx)("div",{className:(0,j.cn)("absolute inset-y-0 left-0 rounded-full transition-all duration-700 ease-out","failed"===F||"error"===F?"bg-destructive":"bg-success"),style:{width:"".concat(J,"%")}})})]}),(0,r.jsxs)("section",{className:"space-y-2",children:[0===P.length&&(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center py-16 text-center",children:[(0,r.jsx)(u.A,{className:"size-5 text-muted-foreground/30 animate-spin mb-3"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground/50",children:"waiting for agent to start…"})]}),U.map((e,t)=>(0,r.jsxs)("div",{className:"space-y-2",children:[e.title&&(0,r.jsx)("div",{className:"pt-4 first:pt-0 text-[10.5px] font-semibold uppercase tracking-widest text-muted-foreground/40",children:e.title}),e.steps.map((e,t)=>(0,r.jsx)("div",{id:"step-".concat(e.num),className:"scroll-mt-6",children:(0,r.jsx)(Z,{step:e,displayNum:t+1,active:e.num===M,events:h.filter(t=>t.stepNum===e.num)})},e.num))]},t))]}),(null==f?void 0:f.summary)&&(0,r.jsxs)("div",{className:"mt-6 rounded-xl border border-white/7 bg-card/60 px-4 py-3",children:[(0,r.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-widest text-muted-foreground/40 mb-1.5",children:"Summary"}),(0,r.jsx)("div",{className:"text-sm leading-relaxed text-foreground/80",children:f.summary})]}),(0,r.jsx)(q,{open:!!(null==f?void 0:f.pending),children:(0,r.jsx)(O,{showCloseButton:!1,children:(null==f?void 0:f.pending)&&(0,r.jsx)(K,{runId:p,question:f.pending})})})]})}let U={running:{label:"Running",sub:"agent is executing steps",icon:(0,r.jsx)(u.A,{className:"size-4 animate-spin"}),color:"text-foreground/70",bg:"bg-white/5",border:"border-white/10"},waiting:{label:"Waiting",sub:"agent needs your input",icon:(0,r.jsx)(g.A,{className:"size-4"}),color:"text-warning",bg:"bg-warning/10",border:"border-warning/20"},paused:{label:"Paused",sub:"run is paused",icon:(0,r.jsx)(d.A,{className:"size-4"}),color:"text-foreground/50",bg:"bg-white/5",border:"border-white/10"},passed:{label:"Passed",sub:"all steps passed",icon:(0,r.jsx)(x.A,{className:"size-4",strokeWidth:2.5}),color:"text-success",bg:"bg-success/10",border:"border-success/20"},failed:{label:"Failed",sub:"some steps failed",icon:(0,r.jsx)(m.A,{className:"size-4",strokeWidth:2.5}),color:"text-destructive",bg:"bg-destructive/10",border:"border-destructive/20"},error:{label:"Error",sub:"agent crashed",icon:(0,r.jsx)(g.A,{className:"size-4"}),color:"text-destructive",bg:"bg-destructive/10",border:"border-destructive/20"}};function V(e){var t;let{status:n}=e,s=null!=(t=U[n])?t:U.running;return(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:(0,j.cn)("flex items-center justify-center size-9 rounded-xl border transition-colors",s.bg,s.border,s.color),children:s.icon}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:(0,j.cn)("text-sm font-semibold tracking-tight",s.color),children:s.label}),(0,r.jsx)("div",{className:"text-xs text-muted-foreground/60",children:s.sub})]})]})}let L={queued:{border:"border-l-white/8",badge:"bg-white/5 text-muted-foreground/50",bg:"",label:"queued"},pass:{border:"border-l-success/60",badge:"bg-success/10 text-success",bg:"",label:"pass"},warn:{border:"border-l-warning/60",badge:"bg-warning/10 text-warning",bg:"",label:"warn"},fail:{border:"border-l-destructive/60",badge:"bg-destructive/10 text-destructive",bg:"bg-destructive/[0.03]",label:"fail"},skipped:{border:"border-l-white/8",badge:"bg-white/4 text-muted-foreground/30",bg:"",label:"skipped"}},Q={border:"border-l-warning/80",badge:"bg-warning/10 text-warning",bg:"bg-warning/[0.03]"};function X(e){if("action"===e.kind&&("report_step"===e.toolName||"finish"===e.toolName))return!1;if("observation"===e.kind){var t;let n=null!=(t=e.text)?t:"";return n.startsWith("Error:")||n.startsWith("[debug]")}return!0}function Z(e){var t;let{step:n,events:a,active:i,displayNum:o}=e,l=null!=(t=L[n.status])?t:L.queued,d=i?{...l,...Q}:l,c=a.filter(X),g=i||"fail"===n.status,[x,m]=(0,s.useState)(g);return(0,s.useEffect)(()=>m(g),[g]),(0,r.jsx)(M,{open:x,onOpenChange:m,children:(0,r.jsxs)("div",{className:(0,j.cn)("rounded-xl border border-white/7 border-l-2 overflow-hidden transition-colors",d.border,d.bg),children:[(0,r.jsxs)(H,{className:"group w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-white/[0.02] transition-colors",children:[(0,r.jsx)(w,{className:(0,j.cn)("border-0 text-[9.5px] tracking-widest font-semibold shrink-0 gap-1 uppercase rounded-md px-1.5",d.badge),children:i?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.A,{className:"size-2.5 animate-spin"}),"running"]}):l.label}),(0,r.jsxs)("span",{className:"flex-1 min-w-0 text-[13px] text-foreground/80",children:[(0,r.jsx)("span",{className:"text-muted-foreground/40 mr-2 font-mono text-[11px]",children:String(null!=o?o:n.num).padStart(2,"0")}),n.description]}),(0,r.jsx)(p.A,{className:"size-3.5 text-muted-foreground/30 shrink-0 group-data-open:hidden"}),(0,r.jsx)(f.A,{className:"size-3.5 text-muted-foreground/30 shrink-0 hidden group-data-open:inline"})]}),n.evidence&&(0,r.jsx)("div",{className:"px-4 pb-3 -mt-0.5 text-[11.5px] text-muted-foreground/60 leading-relaxed font-mono",children:n.evidence}),(0,r.jsx)(B,{children:(0,r.jsxs)("div",{className:"px-4 pb-4 pt-3 space-y-3 border-t border-white/5",children:[n.screenshot&&(0,r.jsx)("a",{href:n.screenshot,target:"_blank",rel:"noreferrer",className:"block rounded-lg overflow-hidden border border-white/8 hover:border-white/15 transition-colors",children:(0,r.jsx)("img",{src:n.screenshot,alt:"screenshot step ".concat(n.num),className:"max-h-64 w-full object-contain bg-black/20"})}),c.length>0?(0,r.jsx)("div",{className:"space-y-0.5",children:c.map((e,t)=>(0,r.jsx)(G,{event:e},t))}):(0,r.jsx)("div",{className:"text-[11px] text-muted-foreground/30",children:"no events for this step"})]})})]})})}function G(e){let{event:t}=e,{icon:n,text:s,cls:a}=function(e){var t,n,r,s,a,i,o,l,d;switch(e.kind){case"action":return{icon:"→",text:function(e,t){var n,r,s,a,i,o,l,d;let c=null!=t?t:{};switch(e){case"navigate":return"Opening ".concat(null!=(n=c.url)?n:"");case"snapshot":return c.near?'Reading "'.concat(c.near,'" block'):"Reading page";case"click":return c.name?'Clicking "'.concat(c.name,'"'):"Clicking element";case"fill":return c.name?'Filling "'.concat(c.name,'" → "').concat(null!=(r=c.value)?r:"",'"'):'Filling "'.concat(null!=(s=c.value)?s:"",'"');case"select":return c.name?'Selecting "'.concat(null!=(a=c.value)?a:"",'" in "').concat(c.name,'"'):'Selecting "'.concat(null!=(i=c.value)?i:"",'"');case"hover":return c.name?'Hovering "'.concat(c.name,'"'):"Hovering element";case"scroll_to":return"Scrolling to ".concat(c.text?'"'.concat(c.text,'"'):null!=(o=c.ref)?o:"element");case"scroll":{let e=[Number(c.y)?"".concat(Number(c.y)>0?"down":"up"," ").concat(Math.abs(Number(c.y)),"px"):"",Number(c.x)?"".concat(Number(c.x)>0?"right":"left"," ").concat(Math.abs(Number(c.x)),"px"):""].filter(Boolean).join(", "),t=c.ref?" inside ".concat(c.ref):"";return"Scrolling ".concat(e||"0px").concat(t)}case"press":return"Pressing ".concat(null!=(l=c.key)?l:"");case"wait":return"Waiting ".concat(null!=(d=c.ms)?d:""," ms");case"ask_user":return"Asking user";default:return null!=e?e:"action"}}(e.toolName,e.toolInput),cls:"text-foreground/70"};case"step":{let s=null!=(r=null==(t=e.step)?void 0:t.status)?r:"",a="pass"===s?"text-success":"fail"===s?"text-destructive":"text-warning";return{icon:"pass"===s?"✓":"fail"===s?"✗":"!",text:"Step ".concat(null==(n=e.step)?void 0:n.num," — ").concat(s.toUpperCase()),cls:a}}case"observation":{let t=null!=(s=e.text)?s:"";if(t.startsWith("Error:"))return{icon:"✗",text:t,cls:"text-destructive"};return{icon:"\xb7",text:t,cls:"text-muted-foreground/40"}}case"question":return{icon:"?",text:"Asking: ".concat(null!=(i=null==(a=e.question)?void 0:a.prompt)?i:""),cls:"text-warning"};case"answer":return{icon:"✎",text:"User answered",cls:"text-foreground/50"};case"thought":return{icon:"›",text:null!=(o=e.text)?o:"",cls:"text-muted-foreground/40 italic"};case"done":return{icon:"■",text:"Run finished — ".concat(null!=(l=e.status)?l:""),cls:"text-foreground/60"};case"error":return{icon:"✗",text:null!=(d=e.text)?d:"",cls:"text-destructive"};default:return{icon:"\xb7",text:"",cls:"text-muted-foreground/30"}}}(t),i=new Date(t.ts).toLocaleTimeString("en-US",{hour12:!1});return(0,r.jsxs)("div",{className:"flex gap-2.5 text-[11.5px] leading-relaxed items-baseline font-mono",children:[(0,r.jsx)("span",{className:"shrink-0 tabular-nums text-muted-foreground/25 text-[10px]",children:i}),(0,r.jsx)("span",{className:(0,j.cn)("shrink-0 w-3.5 text-center",a),children:n}),(0,r.jsx)("span",{className:(0,j.cn)("min-w-0 break-words",a),children:s})]})}function K(e){let{runId:t,question:n}=e,[a,i]=(0,s.useState)(""),[o,l]=(0,s.useState)(!1),[d,c]=(0,s.useState)(null);async function u(e){if(e.preventDefault(),a){l(!0),c(null);try{let e=await fetch("/api/run/".concat(t,"/answer"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({questionId:n.id,answer:a})});if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error||"HTTP ".concat(e.status))}i("")}catch(e){c(e instanceof Error?e.message:String(e)),l(!1)}}}return(0,r.jsxs)("form",{onSubmit:u,className:"space-y-4",children:[(0,r.jsx)(P,{children:(0,r.jsxs)(T,{className:"flex items-center gap-2 text-base",children:[(0,r.jsx)(g.A,{className:"size-4 text-warning shrink-0"}),"Agent needs input"]})}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground leading-relaxed",children:n.prompt}),(0,r.jsx)(R,{autoFocus:!0,type:n.secret?"password":"text",value:a,onChange:e=>i(e.target.value),placeholder:n.secret?"OTP / password":"answer",className:"font-mono"}),d&&(0,r.jsx)("p",{className:"text-destructive text-xs",children:d}),(0,r.jsx)(k.$,{type:"submit",disabled:!a||o,className:"w-full",children:o?"Sending…":"Submit"})]})}},5016:(e,t,n)=>{"use strict";n.d(t,{cn:()=>a});var r=n(2821),s=n(5889);function a(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,s.QP)((0,r.$)(t))}},7003:(e,t,n)=>{"use strict";n.d(t,{$:()=>l});var r=n(5155),s=n(9574),a=n(3101),i=n(5016);let o=(0,a.F)("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",outline:"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",ghost:"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",destructive:"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",xs:"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",lg:"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",icon:"size-8","icon-xs":"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg","icon-lg":"size-9"}},defaultVariants:{variant:"default",size:"default"}});function l(e){let{className:t,variant:n="default",size:a="default",...l}=e;return(0,r.jsx)(s.$,{"data-slot":"button",className:(0,i.cn)(o({variant:n,size:a,className:t})),...l})}},9578:(e,t,n)=>{Promise.resolve().then(n.bind(n,191))}},e=>{e.O(0,[248,949,441,255,358],()=>e(e.s=9578)),_N_E=e.O()}]);