linkshell-cli 0.5.38 → 0.5.39

package/src/runtime/acp/agent-workspace.ts

@@ -1,4 +1,4 @@
-import { existsSync, readdirSync, readFileSync, statSync, watch } from "node:fs";
+import { closeSync, existsSync, openSync, readFileSync, readSync, readdirSync, statSync, watch } from "node:fs";
 import { homedir } from "node:os";
 import { basename, join, relative } from "node:path";
 import {
@@ -249,11 +249,14 @@ interface AgentConversation {
   agentSessionId?: string;
   provider: AgentProvider;
   cwd: string;
+  workspaceRoots?: string[];
+  group?: string;
   title?: string;
   model?: string;
   reasoningEffort?: string;
   permissionMode?: AgentPermissionMode;
   collaborationMode?: AgentCollaborationMode;
+  control?: "owned" | "attached";
   status: AgentStatus;
   archived: boolean;
   lastMessagePreview?: string;
@@ -1675,6 +1678,226 @@ function codexSessionConfig(sessionId: string): {
   return cfg;
 }
 
+const CODEX_ROLLOUT_NAME =
+  /^rollout-\d{4}-\d{2}-\d{2}T\d{2}-\d{2}-\d{2}-(.+)\.jsonl$/;
+
+function walkCodexRollouts(
+  root: string,
+  onFile: (path: string, filenameId: string, mtimeMs: number) => void,
+): void {
+  if (!existsSync(root)) return;
+  const walk = (dir: string): void => {
+    let entries: string[];
+    try { entries = readdirSync(dir); } catch { return; }
+    for (const name of entries) {
+      const path = join(dir, name);
+      let stat;
+      try { stat = statSync(path); } catch { continue; }
+      if (stat.isDirectory()) { walk(path); continue; }
+      const match = CODEX_ROLLOUT_NAME.exec(name);
+      if (match?.[1]) onFile(path, match[1], stat.mtimeMs);
+    }
+  };
+  walk(root);
+}
+
+function findCodexRolloutPath(sessionId: string, root = join(homedir(), ".codex", "sessions")): string | undefined {
+  const byName: { path: string; mt: number }[] = [];
+  const recent: { path: string; mt: number }[] = [];
+  walkCodexRollouts(root, (path, filenameId, mt) => {
+    recent.push({ path, mt });
+    if (filenameId === sessionId) byName.push({ path, mt });
+  });
+  if (byName.length > 0) {
+    byName.sort((a, b) => b.mt - a.mt);
+    return byName[0]?.path;
+  }
+  recent.sort((a, b) => b.mt - a.mt);
+  for (const candidate of recent.slice(0, 80)) {
+    try {
+      const fdText = readFileSync(candidate.path, "utf8");
+      const first = fdText.slice(0, fdText.indexOf("\n") >= 0 ? fdText.indexOf("\n") : fdText.length);
+      const metaId = firstString(asRecord(asRecord(JSON.parse(first))?.payload), ["session_id", "id"]);
+      if (metaId === sessionId) return candidate.path;
+    } catch { /* skip */ }
+  }
+  return undefined;
+}
+
+function findLatestCodexRolloutForCwd(cwd: string, root = join(homedir(), ".codex", "sessions")): { path: string; sessionId: string } | undefined {
+  const wanted = cwd.replace(/\/+$/, "");
+  const candidates: { path: string; sessionId: string; mt: number }[] = [];
+  walkCodexRollouts(root, (path, filenameId, mt) => {
+    candidates.push({ path, sessionId: filenameId, mt });
+  });
+  candidates.sort((a, b) => b.mt - a.mt);
+  for (const candidate of candidates.slice(0, 40)) {
+    try {
+      const text = readFileSync(candidate.path, "utf8");
+      const first = text.slice(0, text.indexOf("\n") >= 0 ? text.indexOf("\n") : text.length);
+      const payload = asRecord(asRecord(JSON.parse(first))?.payload);
+      const fileCwd = firstString(payload, ["cwd"])?.replace(/\/+$/, "");
+      const metaId = firstString(payload, ["session_id", "id"]) ?? candidate.sessionId;
+      if (fileCwd === wanted) return { path: candidate.path, sessionId: metaId };
+    } catch { continue; }
+  }
+  return undefined;
+}
+
+function publicWorkspaceRoots(roots: unknown): string[] | undefined {
+  if (!Array.isArray(roots)) return undefined;
+  const cleaned = roots
+    .filter((root): root is string => typeof root === "string" && root.length > 0)
+    .filter((root) => !root.includes("/.codex/visualizations/"));
+  return cleaned.length > 0 ? cleaned : undefined;
+}
+
+function isInjectedCodexUserText(text: string): boolean {
+  const trimmed = text.trim();
+  return (
+    trimmed.startsWith("<app-context>") ||
+    trimmed.startsWith("<recommended_plugins>") ||
+    trimmed.startsWith("<skills_instructions>") ||
+    trimmed.startsWith("# AGENTS.md") ||
+    trimmed.startsWith("You are `/root`")
+  );
+}
+
+function textsFromCodexContent(content: unknown): string[] {
+  if (typeof content === "string" && content.trim()) return [content];
+  if (!Array.isArray(content)) return [];
+  const texts: string[] = [];
+  for (const block of content) {
+    const rec = asRecord(block);
+    const text = typeof rec?.text === "string" ? rec.text : undefined;
+    if (text?.trim()) texts.push(text);
+  }
+  return texts;
+}
+
+/** Incremental Codex jsonl parser so live TUI/desktop sessions can tail the file. */
+export class CodexRolloutParser {
+  private toolNames = new Map<string, string>();
+  private index = 0;
+  workspaceRoots: string[] | undefined;
+  sessionCwd: string | undefined;
+
+  consume(text: string, conversationId: string): AgentTimelineItem[] {
+    const items: AgentTimelineItem[] = [];
+    for (const line of text.split(/\r?\n/)) {
+      if (!line.trim()) continue;
+      const next = this.consumeLine(line, conversationId);
+      if (next) items.push(next);
+    }
+    return items;
+  }
+
+  private consumeLine(line: string, conversationId: string): AgentTimelineItem | undefined {
+    let record: Record<string, unknown> | undefined;
+    try { record = asRecord(JSON.parse(line)); } catch { return undefined; }
+    if (!record) return undefined;
+    const payload = asRecord(record.payload) ?? record;
+    const recordType = firstString(record, ["type"]);
+    const payloadType = firstString(payload, ["type"]);
+    const roots = publicWorkspaceRoots(payload.workspace_roots ?? payload.workspaceRoots);
+    if (roots) this.workspaceRoots = roots;
+    const cwd = firstString(payload, ["cwd"]);
+    if (cwd) this.sessionCwd = cwd;
+    const createdAt = parseTimestamp(record.timestamp ?? payload.timestamp) ?? Date.now();
+    if (recordType === "response_item" && payloadType === "message") {
+      const roleRaw = firstString(payload, ["role"]);
+      if (roleRaw !== "user" && roleRaw !== "assistant") return undefined;
+      const texts = textsFromCodexContent(payload.content).filter((text) =>
+        roleRaw === "assistant" || !isInjectedCodexUserText(text),
+      );
+      if (texts.length === 0) return undefined;
+      const text = texts.join("\n\n");
+      this.index += 1;
+      return {
+        id: firstString(payload, ["id"]) ?? id(`codex-msg-${this.index}`),
+        conversationId,
+        type: "message",
+        kind: "chat",
+        role: roleRaw,
+        text,
+        content: [{ type: "text", text }],
+        createdAt,
+        updatedAt: createdAt,
+      };
+    }
+    if (recordType === "response_item" && payloadType === "reasoning") {
+      const texts = textsFromCodexContent(payload.content ?? payload.summary);
+      if (texts.length === 0) return undefined;
+      this.index += 1;
+      return {
+        id: firstString(payload, ["id"]) ?? id(`codex-think-${this.index}`),
+        conversationId,
+        type: "status",
+        kind: "thinking",
+        text: texts.join("\n"),
+        createdAt,
+        updatedAt: createdAt,
+      };
+    }
+    if (recordType === "response_item" && (payloadType === "custom_tool_call" || payloadType === "function_call")) {
+      const callId = firstString(payload, ["call_id", "id"]) ?? id(`codex-tool-${this.index}`);
+      const name = firstString(payload, ["name"]) ?? "tool";
+      this.toolNames.set(callId, name);
+      const input = firstString(payload, ["input", "arguments"]) ?? stringify(payload.input ?? payload.arguments ?? "");
+      this.index += 1;
+      return {
+        id: `tool:${callId}`,
+        conversationId,
+        type: "tool_call",
+        kind: name === "exec" || name.includes("command") ? "command_execution" : "tool_activity",
+        itemId: callId,
+        toolCall: {
+          id: callId,
+          name,
+          input,
+          createdAt,
+          status: "running",
+        },
+        createdAt,
+        updatedAt: createdAt,
+      };
+    }
+    if (recordType === "response_item" && (payloadType === "custom_tool_call_output" || payloadType === "function_call_output")) {
+      const callId = firstString(payload, ["call_id", "id"]);
+      if (!callId) return undefined;
+      const outputTexts = textsFromCodexContent(payload.output);
+      const output = outputTexts.join("\n") || stringify(payload.output ?? "");
+      this.index += 1;
+      return {
+        id: `tool:${callId}`,
+        conversationId,
+        type: "tool_call",
+        kind: "tool_activity",
+        itemId: callId,
+        toolCall: {
+          id: callId,
+          name: this.toolNames.get(callId) ?? "tool",
+          output,
+          createdAt,
+          status: "completed",
+        },
+        createdAt,
+        updatedAt: createdAt,
+      };
+    }
+    return undefined;
+  }
+}
+
+/** Parse a Codex on-disk rollout into timeline items. App-server thread/read
+ *  only sees threads it owns; desktop/TUI sessions live in jsonl. */
+export function timelineItemsFromCodexRolloutText(
+  text: string,
+  conversationId: string,
+): AgentTimelineItem[] {
+  return new CodexRolloutParser().consume(text, conversationId).slice(-MAX_TIMELINE_ITEMS);
+}
+
 function parseRemoteSessions(value: unknown): Array<{
   id: string;
   cwd?: string;
@@ -2204,6 +2427,14 @@ export class AgentWorkspaceProxy {
         const payload = parseTypedPayload("agent.v2.cancel", envelope.payload);
         const conversation = this.conversations.get(payload.conversationId);
         if (!conversation) break;
+        if (conversation.control === "attached" || this.attachedExternalCodex.has(conversation.id)) {
+          this.rejectAgentAction(
+            conversation,
+            `${providerLabel(conversation.provider)} 这场会话在本机终端/桌面里运行。Web 无法停止它，请在那边操作。`,
+            conversation.status,
+          );
+          break;
+        }
         const turnId = this.currentTurnIds.get(payload.conversationId);
         if (this.protocolForProvider(conversation.provider) === "codex-app-server" && !turnId) {
           this.rejectAgentAction(
@@ -2271,8 +2502,18 @@ export class AgentWorkspaceProxy {
   private fsSyncRunning = false;
   private lastPushedConversationSignature: string | undefined;
   private lastHydrateAt = new Map<string, number>();
-  private static readonly FS_SYNC_THROTTLE_MS = 1500;
-  private static readonly EXTERNAL_HYDRATE_THROTTLE_MS = 2000;
+  /** Session ids this LinkShell process created via app-server `newSession`. */
+  private ownedCodexSessionIds = new Set<string>();
+  /** Conversations attached to an external Codex TUI/desktop rollout (same file, not a copy). */
+  private attachedExternalCodex = new Set<string>();
+  private codexFollow = new Map<string, {
+    path: string;
+    offset: number;
+    carry: string;
+    parser: CodexRolloutParser;
+  }>();
+  private static readonly FS_SYNC_THROTTLE_MS = 400;
+  private static readonly EXTERNAL_HYDRATE_THROTTLE_MS = 400;
 
   private startSessionWatchers(): void {
     const roots = [
@@ -2347,7 +2588,9 @@ export class AgentWorkspaceProxy {
         this.lastHydrateAt.set(conversation.id, now);
         try {
           await this.hydrateConversationFromProvider(conversation, undefined, { rememberActiveTurn: false });
-          this.sendSnapshot(conversation.id);
+          if (this.followCodexRolloutDisk(conversation, true) > 0) {
+            this.sendSnapshot(conversation.id);
+          }
         } catch (error) {
           if (this.input.verbose) {
             process.stderr.write(`[agent:v2] external hydrate failed for ${conversation.id}: ${error instanceof Error ? error.message : String(error)}\n`);
@@ -2477,11 +2720,17 @@ export class AgentWorkspaceProxy {
       seenKeys.add(key);
       this.processMissCounts.set(key, 0);
 
-      const existingId = snapshot.sessionId
-        ? this.conversationByAgentSessionId.get(snapshot.sessionId)
+      let sessionId = snapshot.sessionId;
+      if (!sessionId && snapshot.provider === "codex") {
+        const matched = findLatestCodexRolloutForCwd(snapshot.cwd ?? this.input.cwd);
+        if (matched) sessionId = matched.sessionId;
+      }
+      const existingId = sessionId
+        ? this.conversationByAgentSessionId.get(sessionId)
         : undefined;
-      const liveId = liveConversationId(snapshot);
-      const conversationId = existingId ?? liveId;
+      const liveId = liveConversationId({ ...snapshot, sessionId });
+      const conversationId = existingId
+        ?? (sessionId ? makeAgentV2RemoteConversationId(snapshot.provider, sessionId) : liveId);
       const existing = this.conversations.get(conversationId);
       const cwd = snapshot.cwd ?? existing?.cwd ?? this.input.cwd;
       const driving = this.currentTurnIds.has(conversationId);
@@ -2496,10 +2745,12 @@ export class AgentWorkspaceProxy {
         existing.status = status;
         existing.cwd = cwd;
         if (!existing.title) existing.title = agentProviderLabel(snapshot.provider);
-        if (snapshot.sessionId && !existing.agentSessionId) {
-          existing.agentSessionId = snapshot.sessionId;
-          this.conversationByAgentSessionId.set(snapshot.sessionId, existing.id);
+        if (sessionId && !existing.agentSessionId) {
+          existing.agentSessionId = sessionId;
+          this.conversationByAgentSessionId.set(sessionId, existing.id);
         }
+        this.attachedExternalCodex.add(existing.id);
+        existing.control = "attached";
         if (changed) {
           listChanged = true;
           this.emitConversation(existing);
@@ -2510,7 +2761,7 @@ export class AgentWorkspaceProxy {
       const now = Date.now();
       const conversation: AgentConversation = {
         id: conversationId,
-        agentSessionId: snapshot.sessionId,
+        agentSessionId: sessionId,
         provider: snapshot.provider,
         cwd,
         title: agentProviderLabel(snapshot.provider),
@@ -2519,9 +2770,11 @@ export class AgentWorkspaceProxy {
         lastMessagePreview: "本机终端中的 Agent 进程",
         lastActivityAt: now,
         createdAt: now,
+        control: "attached",
       };
       this.conversations.set(conversation.id, conversation);
-      if (snapshot.sessionId) this.conversationByAgentSessionId.set(snapshot.sessionId, conversation.id);
+      if (sessionId) this.conversationByAgentSessionId.set(sessionId, conversation.id);
+      this.attachedExternalCodex.add(conversation.id);
       this.emitConversation(conversation);
       listChanged = true;
     }
@@ -2893,6 +3146,8 @@ export class AgentWorkspaceProxy {
             lastActivityAt: remote.lastActivityAt ?? existing?.lastActivityAt ?? now,
             createdAt: remote.createdAt ?? existing?.createdAt ?? now,
             usage,
+            group: existing?.group ?? (provider === "claude" ? titleFromCwd(cwd) : existing?.group),
+            workspaceRoots: existing?.workspaceRoots,
           };
           this.conversations.set(conversation.id, conversation);
           this.conversationByAgentSessionId.set(agentSessionId, conversation.id);
@@ -3031,7 +3286,13 @@ export class AgentWorkspaceProxy {
       if (turnCount > 0) this.historyCursors.set(conversation.id, String(turnCount));
     }
 
-    const hydratedItems = timelineItemsFromProviderThread(source, conversation.id);
+    let hydratedItems = timelineItemsFromProviderThread(source, conversation.id);
+    if (conversation.provider === "codex") {
+      this.followCodexRolloutDisk(conversation, false);
+    }
+    if (hydratedItems.length === 0) {
+      hydratedItems = this.timelines.get(conversation.id) ?? [];
+    }
     if (hydratedItems.length === 0) return;
     const existing = this.timelines.get(conversation.id) ?? [];
     const merged = new Map<string, AgentTimelineItem>();
@@ -3048,9 +3309,84 @@ export class AgentWorkspaceProxy {
     const lastPreview = [...nextItems].reverse()
       .map((item) => previewText(previewFromTimelineItem(item) ?? ""))
       .find(Boolean);
-    if (lastPreview && !conversation.lastMessagePreview) {
-      conversation.lastMessagePreview = lastPreview;
+    if (lastPreview) conversation.lastMessagePreview = lastPreview;
+  }
+
+  /** Tail a Codex desktop/TUI rollout. `emit` sends agent.v2.event for new lines
+   *  so a phone/web client sees tokens as the jsonl grows, not only on open. */
+  private followCodexRolloutDisk(conversation: AgentConversation, emit: boolean): number {
+    if (conversation.provider !== "codex") return 0;
+    let path = conversation.agentSessionId
+      ? findCodexRolloutPath(conversation.agentSessionId)
+      : undefined;
+    if (!path && conversation.cwd) {
+      const matched = findLatestCodexRolloutForCwd(conversation.cwd);
+      if (matched) {
+        path = matched.path;
+        if (!conversation.agentSessionId) {
+          conversation.agentSessionId = matched.sessionId;
+          this.conversationByAgentSessionId.set(matched.sessionId, conversation.id);
+        }
+      }
+    }
+    if (!path) return 0;
+    let follow = this.codexFollow.get(conversation.id);
+    if (!follow || follow.path !== path) {
+      follow = { path, offset: 0, carry: "", parser: new CodexRolloutParser() };
+      this.codexFollow.set(conversation.id, follow);
+    }
+    let stat;
+    try {
+      stat = statSync(path);
+    } catch {
+      return 0;
+    }
+    if (stat.size < follow.offset) {
+      follow.offset = 0;
+      follow.carry = "";
+      follow.parser = new CodexRolloutParser();
+    }
+    if (stat.size === follow.offset && !follow.carry) return 0;
+    const length = stat.size - follow.offset;
+    const buf = Buffer.alloc(length);
+    const fd = openSync(path, "r");
+    try {
+      readSync(fd, buf, 0, length, follow.offset);
+    } finally {
+      closeSync(fd);
+    }
+    follow.offset = stat.size;
+    const combined = follow.carry + buf.toString("utf8");
+    const lastNl = combined.lastIndexOf("\n");
+    if (lastNl < 0) {
+      follow.carry = combined;
+      return 0;
+    }
+    const complete = combined.slice(0, lastNl + 1);
+    follow.carry = combined.slice(lastNl + 1);
+    const items = follow.parser.consume(complete, conversation.id);
+    if (items.length === 0) return 0;
+    if (emit) {
+      for (const item of items) this.upsertItem(conversation.id, item);
+    } else {
+      const existing = this.timelines.get(conversation.id) ?? [];
+      const merged = new Map(existing.map((item) => [item.id, item] as const));
+      for (const item of items) merged.set(item.id, item);
+      const nextItems = [...merged.values()]
+        .sort((a, b) => a.createdAt - b.createdAt)
+        .slice(-MAX_TIMELINE_ITEMS);
+      this.timelines.set(conversation.id, nextItems);
+      for (const item of nextItems) this.rememberItemConversationId(conversation.id, item);
     }
+    const timeline = this.timelines.get(conversation.id) ?? [];
+    const lastPreview = [...timeline].reverse()
+      .map((item) => previewText(previewFromTimelineItem(item) ?? ""))
+      .find(Boolean);
+    if (lastPreview) conversation.lastMessagePreview = lastPreview;
+    conversation.lastActivityAt = Date.now();
+    if (follow.parser.workspaceRoots?.length) conversation.workspaceRoots = follow.parser.workspaceRoots;
+    if (follow.parser.sessionCwd && !conversation.cwd) conversation.cwd = follow.parser.sessionCwd;
+    return items.length;
   }
 
   private sendCapabilities(): void {
@@ -3299,7 +3635,46 @@ export class AgentWorkspaceProxy {
       }
     }
 
-    if (existingConversation && existingConversation.status !== "error" && existingConversation.agentSessionId) {
+    if (
+      existingConversation &&
+      !existingConversation.agentSessionId &&
+      provider === "codex"
+    ) {
+      const matched = findLatestCodexRolloutForCwd(existingConversation.cwd ?? cwd);
+      if (matched) {
+        existingConversation.agentSessionId = matched.sessionId;
+        this.conversationByAgentSessionId.set(matched.sessionId, existingConversation.id);
+      }
+    }
+
+    if (existingConversation && existingConversation.status !== "error") {
+      const owned = Boolean(
+        existingConversation.agentSessionId &&
+        this.ownedCodexSessionIds.has(existingConversation.agentSessionId),
+      );
+      // External Codex (desktop/TUI) is the same session on disk. Attach by
+      // tailing that rollout — never loadSession/newSession (those mint another thread).
+      if (
+        provider === "codex" &&
+        !owned &&
+        this.attachedExternalCodex.has(existingConversation.id) &&
+        !this.currentTurnIds.has(existingConversation.id)
+      ) {
+        existingConversation.control = "attached";
+        this.followCodexRolloutDisk(existingConversation, false);
+        this.activeConversationId = existingConversation.id;
+        this.input.send(createEnvelope({
+          type: "agent.v2.conversation.opened",
+          sessionId: this.input.sessionId,
+          payload: {
+            conversation: existingConversation,
+            snapshot: this.timelines.get(existingConversation.id) ?? [],
+            requestedConversationId: payload.conversationId,
+          },
+        }));
+        return existingConversation;
+      }
+      if (existingConversation.agentSessionId) {
       const requestedCanonicalId = makeAgentV2RemoteConversationId(provider, existingConversation.agentSessionId);
       if (
         payload.conversationId &&
@@ -3342,6 +3717,7 @@ export class AgentWorkspaceProxy {
           if (this.input.verbose) {
             process.stderr.write(`[agent:v2] resume failed for ${provider}: ${error instanceof Error ? error.message : String(error)}\n`);
           }
+          await this.hydrateConversationFromProvider(existingConversation, undefined);
         }
       }
       this.activeConversationId = existingConversation.id;
@@ -3355,6 +3731,7 @@ export class AgentWorkspaceProxy {
         },
       }));
       return existingConversation;
+      }
     }
 
     try {
@@ -3372,6 +3749,7 @@ export class AgentWorkspaceProxy {
           : await client.newSession({ cwd });
       }
       agentSessionId = this.extractSessionId(result) ?? agentSessionId ?? id("agent-session");
+      if (provider === "codex") this.ownedCodexSessionIds.add(agentSessionId);
       const now = Date.now();
       const conversationId = makeAgentV2RemoteConversationId(provider, agentSessionId);
       const conversation: AgentConversation = {
@@ -3381,6 +3759,7 @@ export class AgentWorkspaceProxy {
         provider,
         cwd,
         title: payload.title ?? existingConversation?.title ?? titleFromCwd(cwd),
+        control: "owned",
         model: payload.model ?? existingConversation?.model,
         reasoningEffort: payload.reasoningEffort ?? existingConversation?.reasoningEffort,
         permissionMode: payload.permissionMode ?? existingConversation?.permissionMode,
@@ -3529,11 +3908,19 @@ export class AgentWorkspaceProxy {
       this.conversations.get(payload.conversationId) ??
       await this.openConversation({ conversationId: payload.conversationId });
     if (!conversation) return;
+    if (conversation.control === "attached" || this.attachedExternalCodex.has(conversation.id)) {
+      this.rejectAgentAction(
+        conversation,
+        `${providerLabel(conversation.provider)} 这场会话在本机终端/桌面里运行。Web 只旁观同一份记录，停止和插话请在那边操作。`,
+        conversation.status,
+      );
+      return;
+    }
     if (!conversation.agentSessionId) {
       this.rejectAgentAction(
         conversation,
         isLiveConversationId(conversation.id) || !isProtocolAgentProvider(conversation.provider)
-          ? `${providerLabel(conversation.provider)} 正在本机终端中运行。远程对话协议尚未接入，请打开终端面板继续。`
+          ? `${providerLabel(conversation.provider)} 正在本机终端中运行。请打开终端面板继续。`
           : "Agent session 尚未就绪，消息没有发送。请重新打开对话后再试。",
       );
       return;

package/src/runtime/acp/provider-resolver.ts

@@ -80,6 +80,15 @@ export function resolveAgentCommand(input: {
     };
   }
 
+  if (input.provider === "grok") {
+    return {
+      provider: "grok",
+      command: "grok agent stdio",
+      protocol: "acp",
+      framing: "newline",
+    };
+  }
+
   // copilot / opencode / kimi / custom: PTY-only unless caller passes --agent-command
   return null;
 }
@@ -131,6 +140,7 @@ const INSTALL_BINARIES: Array<{ provider: KnownAgentProvider; binaries: string[]
   { provider: "copilot", binaries: ["copilot"] },
   { provider: "opencode", binaries: ["opencode", "opencode-ai"] },
   { provider: "cursor", binaries: ["cursor-agent"] },
+  { provider: "grok", binaries: ["grok"] },
   { provider: "kimi", binaries: ["kimi"] },
 ];
 

package/web/assets/{FileBrowser-Db2LlqTw.js → FileBrowser-DtVanRUn.js}

@@ -1,2 +1,2 @@
-import{r as n,j as e}from"./vendor-react-M7xG3qiw.js";import{k as b,a as w,l as k,h as C,m as z}from"./index-pnfD2xom.js";import"./vendor-highlight-NXWAAyIv.js";function I({store:x,initialPath:d,onClose:j}){const[c,u]=n.useState(d||"."),[y,N]=n.useState([]),[o,l]=n.useState(!1),[f,r]=n.useState(null),[i,p]=n.useState(null),a=n.useCallback(async t=>{l(!0),r(null),p(null);try{const s=await x.browse(t,!0);s.error?r(s.error):(u(s.path),N([...s.entries].sort((m,h)=>m.isDirectory!==h.isDirectory?m.isDirectory?-1:1:m.name.localeCompare(h.name))))}catch(s){r(s.message||"浏览失败")}finally{l(!1)}},[x]);n.useEffect(()=>{a(d||".")},[a,d]);const g=async t=>{l(!0),r(null);try{const s=await x.readFile(t.path);s.error?r(s.error):p({path:s.path,content:s.content,truncated:s.truncated})}catch(s){r(s.message||"读取失败")}finally{l(!1)}},v=c.replace(/\/+$/,"").split("/").slice(0,-1).join("/")||"/";return e.jsxs("div",{className:"flex h-full flex-col bg-surface",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border px-3 py-2",children:[e.jsxs("span",{className:"flex items-center gap-1.5 font-mono text-2xs text-content-secondary",children:[e.jsx(b,{size:13,className:"text-content-faint"})," 文件"]}),e.jsx("button",{onClick:j,className:"codex-btn-ghost px-2 py-1.5","aria-label":"关闭文件面板",children:e.jsx(w,{size:15})})]}),e.jsxs("div",{className:"flex items-center gap-1 border-b border-border px-2 py-1.5",children:[e.jsx("button",{onClick:()=>a(v),disabled:o,className:"cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"上级目录","aria-label":"上级目录",children:e.jsx(k,{size:14})}),e.jsx("input",{value:c,onChange:t=>u(t.target.value),onKeyDown:t=>t.key==="Enter"&&a(c),className:"flex-1 bg-transparent font-mono text-2xs text-content-primary outline-none"}),e.jsx("button",{onClick:()=>a(c),disabled:o,className:"cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"刷新","aria-label":"刷新",children:e.jsx(C,{size:14})})]}),f&&e.jsx("p",{className:"px-3 py-1.5 text-2xs text-danger",children:f}),e.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[o&&e.jsx("p",{className:"px-3 py-2 text-2xs text-content-muted",children:"加载中…"}),!o&&i?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border px-3 py-1.5",children:[e.jsx("span",{className:"truncate font-mono text-2xs text-content-secondary",children:i.path}),e.jsx("button",{onClick:()=>p(null),className:"codex-btn-ghost text-2xs",children:"返回"})]}),e.jsxs("pre",{className:"whitespace-pre-wrap px-3 py-2 font-mono text-2xs leading-relaxed text-content-secondary",children:[i.content,i.truncated&&e.jsx("span",{className:"text-warning",children:`
+import{r as n,j as e}from"./vendor-react-M7xG3qiw.js";import{k as b,a as w,l as k,h as C,m as z}from"./index-DKdJgZ9D.js";import"./vendor-highlight-NXWAAyIv.js";function I({store:x,initialPath:d,onClose:j}){const[c,u]=n.useState(d||"."),[y,N]=n.useState([]),[o,l]=n.useState(!1),[f,r]=n.useState(null),[i,p]=n.useState(null),a=n.useCallback(async t=>{l(!0),r(null),p(null);try{const s=await x.browse(t,!0);s.error?r(s.error):(u(s.path),N([...s.entries].sort((m,h)=>m.isDirectory!==h.isDirectory?m.isDirectory?-1:1:m.name.localeCompare(h.name))))}catch(s){r(s.message||"浏览失败")}finally{l(!1)}},[x]);n.useEffect(()=>{a(d||".")},[a,d]);const g=async t=>{l(!0),r(null);try{const s=await x.readFile(t.path);s.error?r(s.error):p({path:s.path,content:s.content,truncated:s.truncated})}catch(s){r(s.message||"读取失败")}finally{l(!1)}},v=c.replace(/\/+$/,"").split("/").slice(0,-1).join("/")||"/";return e.jsxs("div",{className:"flex h-full flex-col bg-surface",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border px-3 py-2",children:[e.jsxs("span",{className:"flex items-center gap-1.5 font-mono text-2xs text-content-secondary",children:[e.jsx(b,{size:13,className:"text-content-faint"})," 文件"]}),e.jsx("button",{onClick:j,className:"codex-btn-ghost px-2 py-1.5","aria-label":"关闭文件面板",children:e.jsx(w,{size:15})})]}),e.jsxs("div",{className:"flex items-center gap-1 border-b border-border px-2 py-1.5",children:[e.jsx("button",{onClick:()=>a(v),disabled:o,className:"cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"上级目录","aria-label":"上级目录",children:e.jsx(k,{size:14})}),e.jsx("input",{value:c,onChange:t=>u(t.target.value),onKeyDown:t=>t.key==="Enter"&&a(c),className:"flex-1 bg-transparent font-mono text-2xs text-content-primary outline-none"}),e.jsx("button",{onClick:()=>a(c),disabled:o,className:"cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"刷新","aria-label":"刷新",children:e.jsx(C,{size:14})})]}),f&&e.jsx("p",{className:"px-3 py-1.5 text-2xs text-danger",children:f}),e.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[o&&e.jsx("p",{className:"px-3 py-2 text-2xs text-content-muted",children:"加载中…"}),!o&&i?e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border px-3 py-1.5",children:[e.jsx("span",{className:"truncate font-mono text-2xs text-content-secondary",children:i.path}),e.jsx("button",{onClick:()=>p(null),className:"codex-btn-ghost text-2xs",children:"返回"})]}),e.jsxs("pre",{className:"whitespace-pre-wrap px-3 py-2 font-mono text-2xs leading-relaxed text-content-secondary",children:[i.content,i.truncated&&e.jsx("span",{className:"text-warning",children:`
 …（已截断）`})]})]}):!o&&y.map(t=>e.jsxs("button",{onClick:()=>t.isDirectory?a(t.path):g(t),className:"flex w-full cursor-pointer items-center gap-2 px-3 py-1 text-left transition-colors hover:bg-surface-overlay",children:[t.isDirectory?e.jsx(b,{size:13,className:"shrink-0 text-content-faint"}):e.jsx(z,{size:13,className:"shrink-0 text-content-faint"}),e.jsx("span",{className:"truncate font-mono text-2xs text-content-primary",children:t.name}),!t.isDirectory&&t.size!=null&&e.jsxs("span",{className:"ml-auto font-mono text-2xs text-content-faint",children:[t.size,"B"]})]},t.path))]})]})}export{I as FileBrowser};

package/web/assets/{PortPreview-Cobi7sn0.js → PortPreview-DC2-UmHo.js}

@@ -1,2 +1,2 @@
-import{r,j as e}from"./vendor-react-M7xG3qiw.js";import{e as me,g as he,a as be,c as ge,d as ve,f as je,h as ye,i as Ne,j as ke}from"./index-pnfD2xom.js";import"./vendor-highlight-NXWAAyIv.js";const Z=[{cssProp:"color",label:"文本颜色"},{cssProp:"background-color",label:"背景"},{cssProp:"font-size",label:"字号"},{cssProp:"font-weight",label:"字重"},{cssProp:"padding",label:"内边距"},{cssProp:"border-radius",label:"圆角"}];function we(d){var i;const c=(i=d.ownerDocument.defaultView)==null?void 0:i.getComputedStyle(d),o={};for(const{cssProp:f}of Z)o[f]=(c==null?void 0:c.getPropertyValue(f).trim())??"";return o}function $e(d){const c=/^\s*(\d{1,5})(.*)$/.exec(d);if(!c)return null;const o=c[1];if(Number(o)<1||Number(o)>65535)return null;let i=c[2]||"/";return i.startsWith("/")||(i=`/${i}`),{port:o,path:i}}function Ce(d){if(d.id)return`#${CSS.escape(d.id)}`;const c=[];let o=d,i=0;for(;o&&o.nodeType===1&&i<4;){let f=o.tagName.toLowerCase();const P=(o.getAttribute("class")||"").trim().split(/\s+/).filter(Boolean).slice(0,2).map(m=>`.${CSS.escape(m)}`).join("");f+=P;const h=o.parentElement;if(h){const m=[...h.children].filter(y=>y.tagName===o.tagName);m.length>1&&(f+=`:nth-of-type(${m.indexOf(o)+1})`)}if(c.unshift(f),o.id){c[0]=`#${CSS.escape(o.id)}`;break}o=h,i+=1}return c.join(" > ")}function Me({gatewayUrl:d,sessionId:c,initialAuthToken:o,defaultPort:i,isMobile:f,onClose:P,onAnnotate:h}){const[m,y]=r.useState(i||"3000"),[u,ee]=r.useState(null),[R,te]=r.useState(o??null),[E,T]=r.useState(!1),[M,H]=r.useState("desktop"),[ne,U]=r.useState(0),[I,N]=r.useState(!1),[K,z]=r.useState(null),[v,j]=r.useState(null),[l,L]=r.useState(null),[W,k]=r.useState(""),[w,B]=r.useState(!1),[$,D]=r.useState({}),[C,S]=r.useState({}),A=r.useRef(null),V=r.useRef(null),O=r.useMemo(()=>me(),[]);r.useEffect(()=>{let t=!1;return T(!1),he().then(n=>{t||te((n==null?void 0:n.accessToken)??null)}).finally(()=>{t||T(!0)}),()=>{t=!0}},[o]);const b=r.useMemo(()=>{if(!u||o&&!E)return null;const t=`${d.replace(/\/+$/,"")}/tunnel/${encodeURIComponent(c)}/${u.port}${u.path}`,n=[];if(O&&n.push(`token=${encodeURIComponent(O)}`),R&&n.push(`auth_token=${encodeURIComponent(R)}`),n.length===0)return t;const s=u.path.includes("?")?"&":"?";return`${t}${s}${n.join("&")}`},[u,d,c,O,R,E]),_=()=>{const t=$e(m);t&&(ee(t),U(n=>n+1))},se=()=>U(t=>t+1),oe=()=>{var t;if(u)try{const n=(t=A.current)==null?void 0:t.contentWindow;if(!n)return;const s=`/tunnel/${encodeURIComponent(c)}/${u.port}`;let x=n.location.pathname;x.startsWith(s)&&(x=x.slice(s.length)||"/");const p=new URLSearchParams(n.location.search);p.delete("token"),p.delete("auth_token");const g=p.toString();y(`${u.port}${x}${g?`?${g}`:""}`)}catch{}},F=(t,n)=>{const s=A.current,x=s==null?void 0:s.contentDocument;if(!s||!x)return null;const p=s.getBoundingClientRect();return x.elementFromPoint(t-p.left,n-p.top)},X=t=>{const n=t.getBoundingClientRect();return{top:n.top,left:n.left,width:n.width,height:n.height}},re=t=>{try{const n=F(t.clientX,t.clientY);j(n?X(n):null)}catch{j(null),z("此页面跨域，无法读取元素（生产环境同源可用）"),N(!1)}},le=t=>{t.preventDefault();try{const n=F(t.clientX,t.clientY);if(!n||!("style"in n))return;const s=n;L({el:s,selector:Ce(s),text:(s.textContent||"").replace(/\s+/g," ").trim().slice(0,120),rect:X(s)}),D(we(s)),S({}),k("")}catch{z("此页面跨域，无法读取元素（生产环境同源可用）"),N(!1)}},ce=(t,n)=>{if(l){try{l.el.style.setProperty(t,n)}catch{}S(s=>({...s,[t]:n}))}},ae=()=>Object.entries(C).filter(([t,n])=>n!==($[t]??"")).map(([t,n])=>({cssProp:t,from:$[t]??"",to:n})),Y=()=>{if(!l)return;const t=ae(),n=["关于预览页面中的这个元素：",`- 选择器: \`${l.selector}\``,l.text?`- 文本: "${l.text}"`:"",`- 路径: localhost:${m}`,W.trim()?`- 批注: ${W.trim()}`:""];if(t.length>0){n.push("- 请把以下样式改动应用到源码：");for(const s of t)n.push(`    - ${s.cssProp}: ${s.from||"(默认)"} → ${s.to}`)}h==null||h(n.filter(Boolean).join(`
+import{r,j as e}from"./vendor-react-M7xG3qiw.js";import{e as me,g as he,a as be,c as ge,d as ve,f as je,h as ye,i as Ne,j as ke}from"./index-DKdJgZ9D.js";import"./vendor-highlight-NXWAAyIv.js";const Z=[{cssProp:"color",label:"文本颜色"},{cssProp:"background-color",label:"背景"},{cssProp:"font-size",label:"字号"},{cssProp:"font-weight",label:"字重"},{cssProp:"padding",label:"内边距"},{cssProp:"border-radius",label:"圆角"}];function we(d){var i;const c=(i=d.ownerDocument.defaultView)==null?void 0:i.getComputedStyle(d),o={};for(const{cssProp:f}of Z)o[f]=(c==null?void 0:c.getPropertyValue(f).trim())??"";return o}function $e(d){const c=/^\s*(\d{1,5})(.*)$/.exec(d);if(!c)return null;const o=c[1];if(Number(o)<1||Number(o)>65535)return null;let i=c[2]||"/";return i.startsWith("/")||(i=`/${i}`),{port:o,path:i}}function Ce(d){if(d.id)return`#${CSS.escape(d.id)}`;const c=[];let o=d,i=0;for(;o&&o.nodeType===1&&i<4;){let f=o.tagName.toLowerCase();const P=(o.getAttribute("class")||"").trim().split(/\s+/).filter(Boolean).slice(0,2).map(m=>`.${CSS.escape(m)}`).join("");f+=P;const h=o.parentElement;if(h){const m=[...h.children].filter(y=>y.tagName===o.tagName);m.length>1&&(f+=`:nth-of-type(${m.indexOf(o)+1})`)}if(c.unshift(f),o.id){c[0]=`#${CSS.escape(o.id)}`;break}o=h,i+=1}return c.join(" > ")}function Me({gatewayUrl:d,sessionId:c,initialAuthToken:o,defaultPort:i,isMobile:f,onClose:P,onAnnotate:h}){const[m,y]=r.useState(i||"3000"),[u,ee]=r.useState(null),[R,te]=r.useState(o??null),[E,T]=r.useState(!1),[M,H]=r.useState("desktop"),[ne,U]=r.useState(0),[I,N]=r.useState(!1),[K,z]=r.useState(null),[v,j]=r.useState(null),[l,L]=r.useState(null),[W,k]=r.useState(""),[w,B]=r.useState(!1),[$,D]=r.useState({}),[C,S]=r.useState({}),A=r.useRef(null),V=r.useRef(null),O=r.useMemo(()=>me(),[]);r.useEffect(()=>{let t=!1;return T(!1),he().then(n=>{t||te((n==null?void 0:n.accessToken)??null)}).finally(()=>{t||T(!0)}),()=>{t=!0}},[o]);const b=r.useMemo(()=>{if(!u||o&&!E)return null;const t=`${d.replace(/\/+$/,"")}/tunnel/${encodeURIComponent(c)}/${u.port}${u.path}`,n=[];if(O&&n.push(`token=${encodeURIComponent(O)}`),R&&n.push(`auth_token=${encodeURIComponent(R)}`),n.length===0)return t;const s=u.path.includes("?")?"&":"?";return`${t}${s}${n.join("&")}`},[u,d,c,O,R,E]),_=()=>{const t=$e(m);t&&(ee(t),U(n=>n+1))},se=()=>U(t=>t+1),oe=()=>{var t;if(u)try{const n=(t=A.current)==null?void 0:t.contentWindow;if(!n)return;const s=`/tunnel/${encodeURIComponent(c)}/${u.port}`;let x=n.location.pathname;x.startsWith(s)&&(x=x.slice(s.length)||"/");const p=new URLSearchParams(n.location.search);p.delete("token"),p.delete("auth_token");const g=p.toString();y(`${u.port}${x}${g?`?${g}`:""}`)}catch{}},F=(t,n)=>{const s=A.current,x=s==null?void 0:s.contentDocument;if(!s||!x)return null;const p=s.getBoundingClientRect();return x.elementFromPoint(t-p.left,n-p.top)},X=t=>{const n=t.getBoundingClientRect();return{top:n.top,left:n.left,width:n.width,height:n.height}},re=t=>{try{const n=F(t.clientX,t.clientY);j(n?X(n):null)}catch{j(null),z("此页面跨域，无法读取元素（生产环境同源可用）"),N(!1)}},le=t=>{t.preventDefault();try{const n=F(t.clientX,t.clientY);if(!n||!("style"in n))return;const s=n;L({el:s,selector:Ce(s),text:(s.textContent||"").replace(/\s+/g," ").trim().slice(0,120),rect:X(s)}),D(we(s)),S({}),k("")}catch{z("此页面跨域，无法读取元素（生产环境同源可用）"),N(!1)}},ce=(t,n)=>{if(l){try{l.el.style.setProperty(t,n)}catch{}S(s=>({...s,[t]:n}))}},ae=()=>Object.entries(C).filter(([t,n])=>n!==($[t]??"")).map(([t,n])=>({cssProp:t,from:$[t]??"",to:n})),Y=()=>{if(!l)return;const t=ae(),n=["关于预览页面中的这个元素：",`- 选择器: \`${l.selector}\``,l.text?`- 文本: "${l.text}"`:"",`- 路径: localhost:${m}`,W.trim()?`- 批注: ${W.trim()}`:""];if(t.length>0){n.push("- 请把以下样式改动应用到源码：");for(const s of t)n.push(`    - ${s.cssProp}: ${s.from||"(默认)"} → ${s.to}`)}h==null||h(n.filter(Boolean).join(`
 `)),L(null),k(""),D({}),S({}),B(!1),j(null),N(!1)},q=()=>{L(null),k(""),D({}),S({}),B(!1)},ie=()=>{z(null),q(),j(null),N(t=>!t)};return e.jsxs("div",{className:"flex h-full flex-col bg-canvas",children:[e.jsxs("div",{className:"flex items-center gap-1.5 border-b border-border bg-surface px-2 py-1.5",children:[f&&e.jsx("button",{onClick:P,className:"codex-btn-ghost px-2 py-1.5","aria-label":"关闭预览",children:e.jsx(be,{size:15})}),e.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-1 rounded-lg border border-border bg-surface-raised px-2 py-1",children:[e.jsx("span",{className:"shrink-0 font-mono text-2xs text-content-faint",children:"localhost:"}),e.jsx("input",{value:m,onChange:t=>y(t.target.value),onKeyDown:t=>t.key==="Enter"&&_(),placeholder:"3000",spellCheck:!1,className:"min-w-0 flex-1 bg-transparent font-mono text-2xs text-content-primary outline-none","aria-label":"端口与路径"}),e.jsx("button",{onClick:_,className:"shrink-0 cursor-pointer rounded bg-accent-dim px-2 py-0.5 text-2xs font-medium text-white transition-colors hover:bg-accent",children:"前往"})]}),e.jsx("button",{onClick:ie,disabled:!u,className:`shrink-0 cursor-pointer rounded-md p-1.5 transition-colors disabled:opacity-40 ${I?"bg-accent-dim text-white":"text-content-muted hover:bg-surface-overlay hover:text-accent"}`,title:"标注元素","aria-label":"标注元素",children:e.jsx(ge,{size:14})}),e.jsxs("div",{className:"flex shrink-0 items-center rounded-lg border border-border bg-surface-raised p-0.5",children:[e.jsx("button",{onClick:()=>H("desktop"),className:`cursor-pointer rounded p-1 transition-colors ${M==="desktop"?"bg-surface-overlay text-content-primary":"text-content-muted hover:text-content-primary"}`,title:"桌面视口","aria-label":"桌面视口",children:e.jsx(ve,{size:13})}),e.jsx("button",{onClick:()=>H("mobile"),className:`cursor-pointer rounded p-1 transition-colors ${M==="mobile"?"bg-surface-overlay text-content-primary":"text-content-muted hover:text-content-primary"}`,title:"移动视口","aria-label":"移动视口",children:e.jsx(je,{size:13})})]}),e.jsx("button",{onClick:se,disabled:!u,className:"shrink-0 cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent disabled:opacity-40",title:"刷新","aria-label":"刷新",children:e.jsx(ye,{size:14})}),e.jsx("button",{onClick:()=>b&&window.open(b,"_blank","noopener,noreferrer"),disabled:!b,className:"shrink-0 cursor-pointer rounded-md p-1.5 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent disabled:opacity-40",title:"在新窗口打开","aria-label":"在新窗口打开",children:e.jsx(Ne,{size:14})})]}),K&&e.jsx("p",{className:"border-b border-border bg-warning/10 px-3 py-1.5 text-2xs text-warning",children:K}),I&&!l&&e.jsx("p",{className:"border-b border-border bg-accent/10 px-3 py-1.5 text-2xs text-accent",children:"标注模式：移动鼠标高亮元素，点击选择并添加批注。"}),e.jsx("div",{className:"min-h-0 flex-1 overflow-auto bg-surface-raised",children:b?e.jsx("div",{className:M==="mobile"?"mx-auto h-full w-[390px] max-w-full border-x border-border":"h-full w-full",children:e.jsxs("div",{className:"relative h-full w-full",children:[e.jsx("iframe",{ref:A,src:b,title:"端口预览",onLoad:oe,className:"h-full w-full bg-white"},`${b}-${ne}`),I&&e.jsx("div",{className:"absolute inset-0 cursor-crosshair",onMouseMove:re,onMouseLeave:()=>j(null),onClick:le,children:v&&!l&&e.jsx("div",{className:"pointer-events-none absolute border-2 border-accent bg-accent/10",style:{top:v.top,left:v.left,width:v.width,height:v.height}})}),l&&(()=>{var J,Q;const s=((J=V.current)==null?void 0:J.clientHeight)??600,x=l.rect.top+l.rect.height+8,p=l.rect.top-8,g=w?340:140,G=x+g>s&&p-g>0?Math.max(4,p-g):x,de=Math.max(4,Math.min(l.rect.left,(((Q=V.current)==null?void 0:Q.clientWidth)??800)-280-4));return e.jsxs("div",{className:"absolute z-20 flex flex-col gap-2 rounded-xl border border-accent-dim/40 bg-surface-raised px-3 py-2.5 shadow-2xl animate-fade-in",style:{top:G,left:de,width:280,maxHeight:s-G-8},children:[e.jsx("p",{className:"truncate font-mono text-2xs text-content-faint",title:l.selector,children:l.selector}),l.text&&e.jsxs("p",{className:"-mt-1 truncate text-2xs text-content-muted",children:['"',l.text,'"']}),e.jsx("input",{value:W,onChange:a=>k(a.target.value),onKeyDown:a=>a.key==="Enter"&&Y(),autoFocus:!0,placeholder:"添加批注…",className:"w-full rounded-lg border border-border bg-surface px-2.5 py-1.5 text-xs text-content-primary placeholder-content-muted outline-none focus:border-accent-dim"}),e.jsxs("button",{onClick:()=>B(a=>!a),className:`flex cursor-pointer items-center gap-1 self-start rounded-md px-1.5 py-0.5 text-2xs transition-colors ${w?"text-accent":"text-content-muted hover:text-content-secondary"}`,children:[e.jsx("svg",{width:10,height:10,viewBox:"0 0 10 10",className:`shrink-0 transition-transform ${w?"rotate-180":""}`,children:e.jsx("path",{d:"M2 3.5 L5 6.5 L8 3.5",fill:"none",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})}),"调整样式"]}),w&&e.jsx("div",{className:"grid grid-cols-2 gap-x-2 gap-y-1.5 animate-fade-in",children:Z.map(({cssProp:a,label:ue})=>{const xe=C[a]??$[a]??"",pe=a in C&&C[a]!==($[a]??"");return e.jsxs("label",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:`text-2xs ${pe?"text-accent":"text-content-faint"}`,children:ue}),e.jsx("input",{value:xe,onChange:fe=>ce(a,fe.target.value),spellCheck:!1,className:"w-full rounded-md border border-border bg-surface px-2 py-1 font-mono text-2xs text-content-primary outline-none focus:border-accent-dim"})]},a)})}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{onClick:q,className:"codex-btn-ghost flex-1 text-2xs",children:"取消"}),e.jsx("button",{onClick:Y,className:"codex-btn-primary flex-1 text-2xs",children:"发送给 Agent"})]})]})})()]})}):e.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 px-6 text-center",children:[e.jsx(ke,{size:34,className:"text-content-faint"}),e.jsx("p",{className:"text-sm leading-6 text-content-muted",children:u&&!E?"正在准备预览认证...":"输入主机上服务的端口号，预览远程本地服务"})]})})]})}export{Me as PortPreview};