chainlesschain 0.162.157 → 0.162.158

package/src/repl/agent-repl.js

@@ -111,6 +111,7 @@ import {
   resolveAskIdleTimeoutMs,
   questionWithIdleTimeout,
 } from "./permission-prompt.js";
+import { describeAskContext, raceLocalAndRemote } from "./remote-approval.js";
 import {
   parsePermissionTier,
   parsePermissionModeArg,
@@ -448,6 +449,11 @@ export async function startAgentRepl(options = {}) {
   // gate is wired. The wrapper is installed only when settings customize the
   // map, and only bites while _sessionTier === "auto" (isActive predicate).
   let _autoModeResolved = null;
+  // `/remote-control` (批17/18 REPL 收口): paired-device approvals for this
+  // interactive session. Holds { bridge, pairing, close } while active; both
+  // interactive confirmers below race the terminal against the paired device
+  // (first answer wins). null = local-only (byte-identical prompt path).
+  let _remoteApproval = null;
   const baseUrl = options.baseUrl || "http://localhost:11434";
   const apiKey = options.apiKey || null;
   // Configured vision model (config.llm.visionModel) — used when a turn carries
@@ -617,54 +623,79 @@ export async function startAgentRepl(options = {}) {
       _autoModeResolved = null; // fail to the plain gate tiers
     }
     if (typeof _approvalGate.setConfirmer === "function") {
-      _approvalGate.setConfirmer(async ({ tool, args, riskLevel }) => {
-        if (_dontAskActive()) {
-          process.stdout.write(
-            chalk.yellow(
-              `\n  ✕ denied without asking (dontAsk mode): ${riskLevel || "medium"}-risk ${tool || "run_shell"}${args?.command ? " — " + args.command : ""}\n`,
-            ),
-          );
-          return false;
-        }
-        await _fireNotification(
-          `Permission needed: ${riskLevel || "medium"}-risk ${tool || "run_shell"}${args?.command ? " — " + args.command : ""}`,
-        );
+      // The local prompt as a cancelable handle so an active /remote-control
+      // can race it against a paired device: cancel closes the readline when
+      // the device answers first, and `canceled` mutes the stranded
+      // idle-timeout leg so it can't print "auto-denied" after the fact.
+      const askGateApprovalLocally = ({ tool, args, riskLevel }) => {
         const rlConfirm = readline.createInterface({
           input: process.stdin,
           output: process.stdout,
         });
+        let canceled = false;
         const q = (p) => new Promise((res) => rlConfirm.question(p, res));
         const cmd = args?.command ? ` ${args.command}` : "";
-        const res = await questionWithIdleTimeout(
-          q,
-          chalk.yellow(
-            `\n[ApprovalGate] ${riskLevel || "medium"} risk command:${cmd}\n` +
-              `  Proceed? [y]es once / [a]lways allow / [N]o: `,
-          ),
-          _askIdleTimeoutMs,
-        );
-        rlConfirm.close();
-        if (res.timedOut) {
-          process.stdout.write(
+        const promise = (async () => {
+          const res = await questionWithIdleTimeout(
+            q,
             chalk.yellow(
-              `\n  ⏱ no response in ${_askIdleTimeoutMs}ms — auto-denied\n`,
+              `\n[ApprovalGate] ${riskLevel || "medium"} risk command:${cmd}\n` +
+                `  Proceed? [y]es once / [a]lways allow / [N]o: `,
             ),
+            _askIdleTimeoutMs,
           );
-          return false;
-        }
-        const ans = res.answer.trim().toLowerCase();
-        if (ans === "a" || ans === "always") {
-          const saved = await _persistAlwaysAllow(tool || "run_shell", args);
-          if (saved) {
+          rlConfirm.close();
+          if (canceled) return false; // raced out — the device already decided
+          if (res.timedOut) {
             process.stdout.write(
-              chalk.green(
-                `  ✓ always allow: added ${saved.rule} → ${saved.file}\n`,
+              chalk.yellow(
+                `\n  ⏱ no response in ${_askIdleTimeoutMs}ms — auto-denied\n`,
               ),
             );
+            return false;
           }
-          return true;
+          const ans = res.answer.trim().toLowerCase();
+          if (ans === "a" || ans === "always") {
+            const saved = await _persistAlwaysAllow(tool || "run_shell", args);
+            if (saved) {
+              process.stdout.write(
+                chalk.green(
+                  `  ✓ always allow: added ${saved.rule} → ${saved.file}\n`,
+                ),
+              );
+            }
+            return true;
+          }
+          return ans === "y" || ans === "yes";
+        })();
+        return {
+          promise,
+          cancel: () => {
+            canceled = true;
+            rlConfirm.close();
+          },
+        };
+      };
+      _approvalGate.setConfirmer(async ({ tool, args, riskLevel }) => {
+        if (_dontAskActive()) {
+          process.stdout.write(
+            chalk.yellow(
+              `\n  ✕ denied without asking (dontAsk mode): ${riskLevel || "medium"}-risk ${tool || "run_shell"}${args?.command ? " — " + args.command : ""}\n`,
+            ),
+          );
+          return false;
         }
-        return ans === "y" || ans === "yes";
+        await _fireNotification(
+          `Permission needed: ${riskLevel || "medium"}-risk ${tool || "run_shell"}${args?.command ? " — " + args.command : ""}`,
+        );
+        const local = askGateApprovalLocally({ tool, args, riskLevel });
+        if (!_remoteApproval?.bridge) return local.promise;
+        return raceLocalAndRemote({
+          bridge: _remoteApproval.bridge,
+          ask: describeAskContext({ tool, args, riskLevel }),
+          local,
+          writeOut: (text) => process.stdout.write(chalk.cyan(text)),
+        });
       });
     }
   } catch (_err) {
@@ -693,45 +724,68 @@ export async function startAgentRepl(options = {}) {
       loaded.rules.ask.length +
       loaded.rules.deny.length;
     _permissionRules = total > 0 ? loaded.rules : null;
-    // Confirmer is shared by permission `ask` rules AND hook `ask` decisions,
-    // so define it unconditionally (a `hook:` rule label flows through too).
-    _permissionConfirm = async ({ tool, args, rule, reason }) => {
-      if (_dontAskActive()) {
-        process.stdout.write(
-          chalk.yellow(
-            `\n  ✕ denied without asking (dontAsk mode): ${tool}${rule ? ` (${rule})` : reason ? ` — ${reason}` : ""}\n`,
-          ),
-        );
-        return false;
-      }
-      await _fireNotification(
-        `Permission needed: ${tool}${rule ? " (" + rule + ")" : ""}`,
-      );
+    // Local prompt as a cancelable handle (same shape as the gate confirmer
+    // above) so /remote-control can race it against a paired device.
+    const askPermissionLocally = ({ tool, args, rule, reason }) => {
       const rl = readline.createInterface({
         input: process.stdin,
         output: process.stdout,
       });
+      let canceled = false;
       const q = (p) => new Promise((res) => rl.question(p, res));
       // Picks the right phrasing whether the caller passed a `rule`
       // (settings/hook ask) or a `reason` (destructive-git / sensitive-file
       // guards) — avoids the literal "null" the old template printed.
       const header = buildPermissionPrompt({ tool, args, rule, reason });
-      const res = await questionWithIdleTimeout(
-        q,
-        chalk.yellow(`\n${header}\n  Proceed? (y/N) `),
-        _askIdleTimeoutMs,
-      );
-      rl.close();
-      if (res.timedOut) {
+      const promise = (async () => {
+        const res = await questionWithIdleTimeout(
+          q,
+          chalk.yellow(`\n${header}\n  Proceed? (y/N) `),
+          _askIdleTimeoutMs,
+        );
+        rl.close();
+        if (canceled) return false; // raced out — the device already decided
+        if (res.timedOut) {
+          process.stdout.write(
+            chalk.yellow(
+              `\n  ⏱ no response in ${_askIdleTimeoutMs}ms — auto-denied\n`,
+            ),
+          );
+          return false;
+        }
+        const ans = res.answer.trim().toLowerCase();
+        return ans === "y" || ans === "yes";
+      })();
+      return {
+        promise,
+        cancel: () => {
+          canceled = true;
+          rl.close();
+        },
+      };
+    };
+    // Confirmer is shared by permission `ask` rules AND hook `ask` decisions,
+    // so define it unconditionally (a `hook:` rule label flows through too).
+    _permissionConfirm = async ({ tool, args, rule, reason }) => {
+      if (_dontAskActive()) {
         process.stdout.write(
           chalk.yellow(
-            `\n  ⏱ no response in ${_askIdleTimeoutMs}ms — auto-denied\n`,
+            `\n  ✕ denied without asking (dontAsk mode): ${tool}${rule ? ` (${rule})` : reason ? ` — ${reason}` : ""}\n`,
           ),
         );
         return false;
       }
-      const ans = res.answer.trim().toLowerCase();
-      return ans === "y" || ans === "yes";
+      await _fireNotification(
+        `Permission needed: ${tool}${rule ? " (" + rule + ")" : ""}`,
+      );
+      const local = askPermissionLocally({ tool, args, rule, reason });
+      if (!_remoteApproval?.bridge) return local.promise;
+      return raceLocalAndRemote({
+        bridge: _remoteApproval.bridge,
+        ask: describeAskContext({ tool, args, rule, reason }),
+        local,
+        writeOut: (text) => process.stdout.write(chalk.cyan(text)),
+      });
     };
   } catch (_err) {
     if (_err?.code === "CC_MANAGED_SETTINGS_INVALID") throw _err;
@@ -900,6 +954,60 @@ export async function startAgentRepl(options = {}) {
     // Non-critical — SessionManager integration must not block startup
   }
 
+  // `/remote-control` start/stop (批17 slash 入口 + 批18 REPL 接线): reuses
+  // the headless assembly (self-hosted WS on an OS-assigned port + a
+  // RemoteApprovalBridge for this session); the interactive difference is
+  // purely how the confirmers consume it — they RACE the terminal prompt
+  // against the paired device instead of gating on the remote alone.
+  const _startRemoteApproval = async () => {
+    const { startHeadlessRemoteApproval } =
+      await import("../lib/remote-approval-bridge.js");
+    const started = await startHeadlessRemoteApproval({
+      agentSessionId:
+        sessionId || `repl-${process.pid}-${Date.now().toString(36)}`,
+      isText: false, // the REPL prints its own pairing lines below
+    });
+    _remoteApproval = {
+      bridge: started.bridge,
+      pairing: started.pairing,
+      close: started.close,
+    };
+    logger.log(
+      chalk.cyan(
+        "  remote-control: permission prompts can be answered from a paired device (first answer — terminal or device — wins)",
+      ),
+    );
+    logger.log(`  pairing: ${started.pairing.uri}`);
+    try {
+      const { renderQrCode } = await import("../lib/remote-control.js");
+      const qr = await renderQrCode(started.pairing.uri);
+      if (qr) logger.log(qr);
+    } catch (_err) {
+      // QR is progressive enhancement — the URI line is the contract
+    }
+  };
+  const _stopRemoteApproval = async () => {
+    const active = _remoteApproval;
+    _remoteApproval = null; // confirmers fall back to local-only immediately
+    if (active) await active.close().catch(() => undefined);
+  };
+
+  // --remote-control also applies to interactive sessions. Headless fails
+  // closed when the bridge can't start (approvals would silently fall
+  // closed); interactively the terminal still prompts, so a start failure
+  // degrades to local-only with a warning instead of aborting the session.
+  if (options.remoteControl === true) {
+    try {
+      await _startRemoteApproval();
+    } catch (err) {
+      logger.log(
+        chalk.yellow(
+          `  remote-control unavailable (${err.message}) — approvals stay local-only`,
+        ),
+      );
+    }
+  }
+
   // --system-prompt replaces the built-in prompt; --append-system-prompt
   // extends it (parity with the headless runners). The base is kept so an
   // output-style persona can be swapped in/out at runtime via /output-style.
@@ -1377,6 +1485,7 @@ export async function startAgentRepl(options = {}) {
           "/release-notes",
           "/reload-plugins",
           "/reload-skills",
+          "/remote-control",
           "/review",
           "/rewind",
           "/search",
@@ -1909,6 +2018,9 @@ export async function startAgentRepl(options = {}) {
       logger.log(
         `  ${chalk.cyan("/permissions")} Allow/ask/deny rules; set/cycle tier (/permissions <tier> · Shift+Tab); /permissions denials to review blocked calls`,
       );
+      logger.log(
+        `  ${chalk.cyan("/remote-control")} Answer permission prompts from a paired phone/web device (on|off|status; alias /rc)`,
+      );
       logger.log(
         `  ${chalk.cyan("/export")}     Save this conversation to a Markdown file (/export [path])`,
       );
@@ -4028,6 +4140,57 @@ export async function startAgentRepl(options = {}) {
       return;
     }
 
+    // `/remote-control` — pair a phone/web device to answer this session's
+    // permission prompts (批17 slash 入口 + 批18 REPL 接线). First answer —
+    // terminal or device — wins; devices get permission.request cards + push.
+    if (
+      trimmed === "/remote-control" ||
+      trimmed.startsWith("/remote-control ") ||
+      trimmed === "/rc" ||
+      trimmed.startsWith("/rc ")
+    ) {
+      const arg = trimmed
+        .replace(/^\/(remote-control|rc)/, "")
+        .trim()
+        .toLowerCase();
+      if (arg === "off" || arg === "stop") {
+        if (!_remoteApproval) {
+          logger.info("remote-control is not active.");
+        } else {
+          await _stopRemoteApproval();
+          logger.info(
+            "remote-control stopped — approvals are local-only again.",
+          );
+        }
+      } else if (arg === "status") {
+        if (!_remoteApproval) {
+          logger.info("remote-control: off — start with /remote-control");
+        } else {
+          logger.log(`  pairing: ${_remoteApproval.pairing.uri}`);
+          const approvers = await _remoteApproval.bridge.approverCount();
+          logger.log(
+            `  paired approvers: ${approvers}${approvers === 0 ? "  (scan the pairing URI from the mobile app or web panel)" : ""}`,
+          );
+        }
+      } else if (arg === "" || arg === "on" || arg === "start") {
+        if (_remoteApproval) {
+          logger.info(
+            "remote-control already running — /remote-control status",
+          );
+        } else {
+          try {
+            await _startRemoteApproval();
+          } catch (err) {
+            logger.info(`remote-control failed to start: ${err.message}`);
+          }
+        }
+      } else {
+        logger.info("Usage: /remote-control [on|off|status]   (alias /rc)");
+      }
+      prompt();
+      return;
+    }
+
     // `/cost` — running token spend + estimated $ for this session (Claude-Code
     // parity). In-memory accumulation, so it works without session persistence.
     if (trimmed === "/cost" || trimmed.startsWith("/cost ")) {
@@ -4968,6 +5131,16 @@ export async function startAgentRepl(options = {}) {
       }
     }
 
+    // Tear down /remote-control (bridge + its self-hosted WS server) so the
+    // pairing endpoint doesn't outlive the session.
+    if (_remoteApproval) {
+      try {
+        await _stopRemoteApproval();
+      } catch (_e) {
+        // Non-critical
+      }
+    }
+
     // Kill any background run_shell tasks so a backgrounded command (e.g. a
     // dev server) doesn't outlive the REPL session.
     try {

package/src/repl/remote-approval.js

@@ -0,0 +1,111 @@
+/**
+ * REPL-side remote-approval glue (gap-analysis 批26 — 批17/18 REPL 遗留收口).
+ *
+ * Interactive sessions race the LOCAL terminal prompt against a paired
+ * device's decision (headless gates on the remote decision alone):
+ *
+ *   - local answer first  → settle the device card too (resolveLocally
+ *     publishes permission.resolved so the phone/web UI clears it)
+ *   - remote answer first → cancel the local readline prompt and print
+ *     the outcome
+ *   - remote leg times out or the bridge closes mid-ask → NOT a decision:
+ *     keep waiting on the terminal. A silent phone must never auto-deny a
+ *     user sitting at the keyboard — the fail-closed timeout is headless
+ *     semantics only.
+ *
+ * Pure over an injected bridge + local prompt handle ({promise, cancel}),
+ * so the race is unit-testable without a WS server or readline.
+ */
+
+/**
+ * Normalize the shapes the REPL's two confirmers receive (ApprovalGate
+ * `{tool, args, riskLevel}` / settings-hook `{tool, args, rule, reason}`)
+ * into the bridge's `{tool, action, detail}` ask payload.
+ */
+export function describeAskContext({
+  tool,
+  args,
+  rule = null,
+  reason = null,
+  riskLevel = null,
+} = {}) {
+  const detail =
+    typeof args?.command === "string"
+      ? args.command
+      : typeof args?.path === "string"
+        ? args.path
+        : args
+          ? JSON.stringify(args).slice(0, 2000)
+          : null;
+  return {
+    tool: tool || null,
+    action: rule
+      ? `ask-rule:${rule}`
+      : reason || (riskLevel ? `${riskLevel}-risk` : null),
+    detail,
+  };
+}
+
+// Remote outcomes that are NOT a decision for an interactive session: the
+// devices went silent (timeout) or the bridge was torn down mid-ask (closed).
+const NON_DECISIVE_REMOTE = new Set(["timeout", "closed"]);
+
+/**
+ * Race the local interactive prompt against the paired-device decision.
+ *
+ * @param {object} opts
+ * @param {import("../lib/remote-approval-bridge.js").RemoteApprovalBridge} opts.bridge
+ * @param {{tool?, action?, detail?}} opts.ask - describeAskContext() payload
+ * @param {{promise: Promise<boolean>, cancel?: () => void}} opts.local -
+ *   the already-started local prompt; `cancel` closes its readline when the
+ *   device answers first (implementations must mute their idle-timeout
+ *   message after cancel).
+ * @param {(text: string) => void} [opts.writeOut]
+ * @returns {Promise<boolean>} approved
+ */
+export async function raceLocalAndRemote({
+  bridge,
+  ask = {},
+  local,
+  writeOut = () => {},
+}) {
+  let requestId = null;
+  const remoteLeg = bridge
+    .requestDecision({
+      ...ask,
+      onRequestId: (id) => {
+        requestId = id;
+      },
+    })
+    .then((decision) => ({ src: "remote", decision }));
+  const localLeg = local.promise.then(
+    (approved) => ({ src: "local", approved: approved === true }),
+    () => ({ src: "local", approved: false }),
+  );
+  let winner = await Promise.race([remoteLeg, localLeg]);
+  if (
+    winner.src === "remote" &&
+    NON_DECISIVE_REMOTE.has(winner.decision?.via)
+  ) {
+    winner = await localLeg;
+  }
+  if (winner.src === "local") {
+    if (requestId) {
+      try {
+        bridge.resolveLocally(requestId, winner.approved);
+      } catch {
+        // clearing the device card is best-effort
+      }
+    }
+    return winner.approved;
+  }
+  try {
+    local.cancel?.();
+  } catch {
+    // readline already closed
+  }
+  writeOut(
+    `\n  ✓ ${winner.decision.approved ? "allowed" : "denied"} from paired device\n`,
+  );
+  return winner.decision.approved === true;
+}

package/src/runtime/agent-core.js

@@ -3187,6 +3187,40 @@ async function executeToolInner(
       }
     }
 
+    case "browser_state": {
+      // P1 #8: first-class Chrome CDP observation — the agent side of the
+      // "locate error → fix → verify" web loop against the user's real,
+      // logged-in browser (`cc browse chrome launch`). DOM is capped harder
+      // than the CLI command's 150k default so a page dump cannot flood the
+      // conversation; screenshots go to a generated temp file (never an
+      // agent-chosen path) to keep the tool strictly read-only.
+      try {
+        const { captureState } = await import("../lib/chrome-connector.js");
+        const screenshotPath = args.screenshot
+          ? path.join(os.tmpdir(), `cc-browser-state-${Date.now()}.png`)
+          : null;
+        const state = await captureState({
+          port: args.port != null ? Number(args.port) : undefined,
+          tab: args.tab != null ? Number(args.tab) : undefined,
+          reload: args.reload === true,
+          watchMs: args.watch_ms != null ? Number(args.watch_ms) : undefined,
+          includeDom: args.include_dom !== false,
+          domCap: args.dom_cap != null ? Number(args.dom_cap) : 40000,
+          screenshotPath,
+        });
+        if (!state.ok) {
+          return attachDescriptor({
+            error: `browser_state failed: ${state.error}`,
+          });
+        }
+        return attachDescriptor(state);
+      } catch (err) {
+        return attachDescriptor({
+          error: `browser_state failed: ${err.message}`,
+        });
+      }
+    }
+
     case "search_files": {
       // An explicit directory scopes the search to one root; otherwise span
       // cwd plus any --add-dir roots so cross-package searches find matches.
@@ -6523,6 +6557,8 @@ export function formatToolArgs(name, args) {
       return `${args.level || "info"}: ${(args.title || "").substring(0, 50)}`;
     case "publish_artifact":
       return `${args.kind || "other"}: ${(args.title || args.path || "").substring(0, 60)}`;
+    case "browser_state":
+      return `tab=${args.tab ?? 0} port=${args.port ?? 9222}${args.reload ? " reload" : ""}`;
     case "schedule":
       return args.action === "cron"
         ? `cron ${args.cron || ""}`.trim()

package/src/runtime/coding-agent-contract-shared.cjs

@@ -1005,6 +1005,59 @@ const CODING_AGENT_TOOL_CONTRACTS = Object.freeze([
       ],
     },
   },
+  {
+    name: "browser_state",
+    title: "Browser State",
+    kind: "browser",
+    tier: "extension",
+    description:
+      "Capture live state from the user's real Chrome over CDP: current URL/title, open tabs, console messages and failed/error network requests observed during a short watch window, a capped DOM snapshot, and optionally a screenshot (saved to a temp file whose path is returned). Requires a debuggable Chrome — the user starts one with `cc browse chrome launch`. Console/network capture starts at attach time (CDP keeps no history) — set reload=true to observe load-time errors. Use to verify web changes in the user's logged-in browser.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        port: {
+          type: "number",
+          description: "CDP port of the debuggable Chrome (default 9222)",
+        },
+        tab: {
+          type: "number",
+          description: "Tab index to observe (default 0)",
+        },
+        reload: {
+          type: "boolean",
+          description:
+            "Reload the page first to capture load-time console/network (default false)",
+        },
+        watch_ms: {
+          type: "number",
+          description: "Observation window in milliseconds (default 3000)",
+        },
+        include_dom: {
+          type: "boolean",
+          description: "Include a capped HTML snapshot (default true)",
+        },
+        dom_cap: {
+          type: "number",
+          description: "Max HTML characters to return (default 40000)",
+        },
+        screenshot: {
+          type: "boolean",
+          description:
+            "Save a screenshot to a generated temp file and return its path (default false)",
+        },
+      },
+      required: [],
+    },
+    ...TOOL_POLICY_METADATA.browser_state,
+    permissions: {
+      level: "standard",
+      scopes: ["browser:read"],
+    },
+    telemetry: {
+      category: "browser",
+      tags: ["tool:browser_state", "contract:coding-agent", "tier:extension"],
+    },
+  },
 ]);
 
 const CODING_AGENT_MVP_TOOL_NAMES = Object.freeze(

package/src/runtime/coding-agent-policy.cjs

@@ -304,6 +304,22 @@ const TOOL_POLICY_METADATA = Object.freeze({
     approvalFlow: "auto",
     isReadOnly: false,
   },
+  // Attaches to the user's own debuggable Chrome over loopback CDP and
+  // observes one tab (console/network/DOM/optional screenshot) for a bounded
+  // window. Observation only — it never clicks, types, or navigates; the
+  // optional reload re-runs the page the user already has open, and the
+  // screenshot goes to a generated temp path (never an agent-chosen one), so
+  // the tool stays read-only and plan-mode safe.
+  browser_state: {
+    riskLevel: RISK_LEVELS.LOW,
+    category: TOOL_CATEGORIES.READ,
+    availableInPlanMode: true,
+    planModeBehavior: "allow",
+    requiresPlanApproval: false,
+    requiresConfirmation: false,
+    approvalFlow: "auto",
+    isReadOnly: true,
+  },
 });
 
 function normalizeGitCommand(command) {

package/src/runtime/policies/agent-policy.js

@@ -56,6 +56,9 @@ export function resolveAgentPolicy({
     pdh: overrides.pdh,
     outputStyle: overrides.outputStyle,
     disableSlashCommands: overrides.disableSlashCommands === true,
+    // --remote-control also applies interactively: the REPL starts the
+    // paired-device approval bridge at startup (批26).
+    remoteControl: overrides.remoteControl === true,
   };
 }
 

package/src/assets/web-panel/assets/Artifacts-BbN5V7au.js

@@ -1 +0,0 @@
-import{E as V,b as z,r as b,I as w,J as y,U as m,c as i,K as r,S as A,V as S,o as F,f as N,P as d,Q as p,R as v,F as O}from"./vendor-Bn1JzzAn.js";import{u as h,_ as M,d as I}from"./index-DMT8n9vB.js";import{R as U}from"./icons-DG5UD-6K.js";const E=V("artifacts",()=>{const x=b([]),n=b(!1),u=b(""),e=b(""),f=b(null),_=b(!1),C=z(()=>[...new Set(x.value.map(a=>a.kind).filter(Boolean))].sort());async function s(){const t=h();n.value=!0;try{const a={type:"artifact-list"};u.value&&(a.kind=u.value),e.value&&(a.session=e.value);const o=await t.sendRaw(a);o&&Array.isArray(o.artifacts)&&(x.value=[...o.artifacts].reverse())}catch{}finally{n.value=!1}}async function l(t){const a=h();_.value=!0,f.value={entry:t,previewable:!1};try{const o=await a.sendRaw({type:"artifact-content",artifactId:t.id});f.value={entry:t,previewable:o?.previewable===!0,encoding:o?.encoding||null,content:o?.content||"",truncated:o?.truncated===!0,reason:o?.reason||null}}catch(o){f.value={entry:t,previewable:!1,reason:o?.message||"preview failed"}}finally{_.value=!1}}function k(){f.value=null}const g=z(()=>{const t=f.value;return!t?.previewable||t.encoding!=="base64"?null:`data:${t.entry?.mime||"image/png"};base64,${t.content}`});async function R(t){const a=h();if(!t)return!1;try{const o=await a.sendRaw({type:"artifact-remove",artifactId:t});return f.value?.entry?.id===t&&(f.value=null),await s(),o?.found===!0}catch{return!1}}async function B(){const t=h();try{const a=await t.sendRaw({type:"artifact-clean"});return await s(),Number(a?.removed)||0}catch{return 0}}function P(t){const a=Number(t)||0;return a<1024?`${a} B`:a<1024*1024?`${(a/1024).toFixed(1)} KB`:`${(a/(1024*1024)).toFixed(1)} MB`}function c(t){switch(t){case"report":return"blue";case"patch":return"purple";case"screenshot":return"cyan";case"log":return"default";case"data":return"green";default:return"default"}}return{artifacts:x,loading:n,kindFilter:u,sessionFilter:e,kinds:C,preview:f,previewLoading:_,previewImageSrc:g,fetchArtifacts:s,openPreview:l,closePreview:k,removeArtifact:R,cleanExpired:B,formatSize:P,kindColor:c}}),J={__name:"Artifacts",setup(x,{expose:n}){n();const u=E(),e=[{title:"标题",key:"title",dataIndex:"title",ellipsis:!0},{title:"类型",key:"kind",dataIndex:"kind",width:110},{title:"MIME",dataIndex:"mime",width:160,ellipsis:!0},{title:"大小",key:"size",dataIndex:"size",width:90},{title:"发布时间",key:"createdAt",dataIndex:"createdAt",width:170},{title:"会话",dataIndex:"sessionId",width:160,ellipsis:!0},{title:"操作",key:"actions",width:150}],f=z(()=>u.kinds.map(l=>({label:l,value:l})));async function _(l){await u.removeArtifact(l)?I.success("已删除"):I.error("删除失败")}async function C(){const l=await u.cleanExpired();I.info(l>0?`清理了 ${l} 个过期交付物`:"没有过期交付物")}F(()=>{u.fetchArtifacts()}),N(()=>{u.closePreview()});const s={store:u,columns:e,kindOptions:f,onRemove:_,onClean:C,computed:z,onBeforeUnmount:N,onMounted:F,get ReloadOutlined(){return U},get message(){return I},get useArtifactsStore(){return E}};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}},K={class:"page-header"},L=["onClick"],T=["src"],j={key:1,class:"preview-text"},D={class:"preview-meta"},Q={key:0};function W(x,n,u,e,f,_){const C=w("a-select"),s=w("a-button"),l=w("a-popconfirm"),k=w("a-space"),g=w("a-tag"),R=w("a-table"),B=w("a-empty"),P=w("a-card");return d(),y("div",null,[m("div",K,[n[6]||(n[6]=m("div",null,[m("h2",{class:"page-title"},"交付物"),m("p",{class:"page-sub"}," agent 用 publish_artifact 发布的交付物（报告 / patch / 截图 / 日志），在这里预览与管理（cc artifacts 同源）。 ")],-1)),i(k,null,{default:r(()=>[i(C,{value:e.store.kindFilter,"onUpdate:value":n[0]||(n[0]=c=>e.store.kindFilter=c),style:{"min-width":"120px"},placeholder:"全部类型","allow-clear":"",options:e.kindOptions,onChange:n[1]||(n[1]=c=>e.store.fetchArtifacts())},null,8,["value","options"]),i(l,{title:"删除所有过期交付物？",onConfirm:e.onClean},{default:r(()=>[i(s,null,{default:r(()=>[...n[4]||(n[4]=[p("清理过期",-1)])]),_:1})]),_:1}),i(s,{ghost:"",loading:e.store.loading,onClick:n[2]||(n[2]=c=>e.store.fetchArtifacts())},{icon:r(()=>[i(e.ReloadOutlined)]),default:r(()=>[n[5]||(n[5]=p(" 刷新 ",-1))]),_:1},8,["loading"])]),_:1})]),i(R,{"data-source":e.store.artifacts,columns:e.columns,"row-key":"id",size:"small",pagination:{pageSize:10,hideOnSinglePage:!0}},{bodyCell:r(({column:c,record:t})=>[c.key==="title"?(d(),y("a",{key:0,onClick:a=>e.store.openPreview(t)},v(t.title),9,L)):c.key==="kind"?(d(),A(g,{key:1,color:e.store.kindColor(t.kind)},{default:r(()=>[p(v(t.kind),1)]),_:2},1032,["color"])):c.key==="size"?(d(),y(O,{key:2},[p(v(e.store.formatSize(t.size)),1)],64)):c.key==="createdAt"?(d(),y(O,{key:3},[p(v((t.createdAt||"").replace("T"," ").slice(0,19)),1)],64)):c.key==="actions"?(d(),A(k,{key:4},{default:r(()=>[i(s,{size:"small",onClick:a=>e.store.openPreview(t)},{default:r(()=>[...n[7]||(n[7]=[p("预览",-1)])]),_:1},8,["onClick"]),i(l,{title:"删除该交付物？",onConfirm:a=>e.onRemove(t.id)},{default:r(()=>[i(s,{size:"small",danger:""},{default:r(()=>[...n[8]||(n[8]=[p("删除",-1)])]),_:1})]),_:1},8,["onConfirm"])]),_:2},1024)):S("v-if",!0)]),_:1},8,["data-source"]),e.store.preview?(d(),A(P,{key:0,size:"small",class:"preview-card",loading:e.store.previewLoading},{title:r(()=>[i(k,null,{default:r(()=>[m("span",null,v(e.store.preview.entry?.title),1),i(g,{color:e.store.kindColor(e.store.preview.entry?.kind)},{default:r(()=>[p(v(e.store.preview.entry?.kind),1)]),_:1},8,["color"]),i(g,{color:"default"},{default:r(()=>[p(v(e.store.preview.entry?.mime),1)]),_:1}),e.store.preview.truncated?(d(),A(g,{key:0,color:"warning"},{default:r(()=>[...n[9]||(n[9]=[p("已截断预览",-1)])]),_:1})):S("v-if",!0)]),_:1})]),extra:r(()=>[i(s,{size:"small",onClick:n[3]||(n[3]=c=>e.store.closePreview())},{default:r(()=>[...n[10]||(n[10]=[p("关闭",-1)])]),_:1})]),default:r(()=>[e.store.previewImageSrc?(d(),y("img",{key:0,src:e.store.previewImageSrc,class:"preview-image",alt:"artifact preview"},null,8,T)):e.store.preview.previewable?(d(),y("pre",j,v(e.store.preview.content||"（空文件）"),1)):(d(),A(B,{key:2,description:e.store.preview.reason||"该类型不支持在线预览，可在本机用 cc artifacts open <id> 打开"},null,8,["description"])),m("div",D,[m("span",null,v(e.store.preview.entry?.id),1),e.store.preview.entry?.sessionId?(d(),y("span",Q," · session "+v(e.store.preview.entry.sessionId),1)):S("v-if",!0),m("span",null," · sha256 "+v((e.store.preview.entry?.sha256||"").slice(0,12))+"…",1)])]),_:1},8,["loading"])):S("v-if",!0)])}const X=M(J,[["render",W],["__scopeId","data-v-c8b48f8c"],["__file","/tmp/cc-web-panel-i5N2Ja/repo/packages/web-panel/src/views/Artifacts.vue"]]);export{X as default};

package/src/assets/web-panel/assets/Artifacts-CRkepl4t.css

@@ -1 +0,0 @@
-.page-header[data-v-c8b48f8c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.preview-card[data-v-c8b48f8c]{margin-top:16px}.preview-text[data-v-c8b48f8c]{max-height:480px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;margin:0}.preview-image[data-v-c8b48f8c]{max-width:100%;max-height:480px;display:block}.preview-meta[data-v-c8b48f8c]{margin-top:8px;color:#808080cc;font-size:12px}