linkshell-cli 0.5.40 → 0.5.42

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

@@ -1724,6 +1724,134 @@ function findCodexRolloutPath(sessionId: string, root = join(homedir(), ".codex"
   return undefined;
 }
 
+type RemoteSessionRecord = {
+  id: string;
+  cwd?: string;
+  title?: string;
+  model?: string;
+  createdAt?: number;
+  lastActivityAt?: number;
+  usage?: unknown;
+  status?: AgentStatus;
+};
+
+function readJsonlPrefix(path: string, maxBytes = 8192): string | undefined {
+  let fd: number | undefined;
+  try {
+    const size = statSync(path).size;
+    if (size <= 0) return "";
+    fd = openSync(path, "r");
+    const buf = Buffer.alloc(Math.min(maxBytes, size));
+    readSync(fd, buf, 0, buf.length, 0);
+    return buf.toString("utf8");
+  } catch {
+    return undefined;
+  } finally {
+    if (fd !== undefined) {
+      try { closeSync(fd); } catch { /* ignore */ }
+    }
+  }
+}
+
+/** Newest Codex rollouts as catalog metadata. Reads the first line only. */
+function listCodexSessionsFromDisk(limit = 80): RemoteSessionRecord[] {
+  const files: { path: string; filenameId: string; mt: number }[] = [];
+  walkCodexRollouts(join(homedir(), ".codex", "sessions"), (path, filenameId, mt) => {
+    files.push({ path, filenameId, mt });
+  });
+  files.sort((a, b) => b.mt - a.mt);
+  const out: RemoteSessionRecord[] = [];
+  const seen = new Set<string>();
+  for (const file of files) {
+    if (out.length >= limit) break;
+    const prefix = readJsonlPrefix(file.path);
+    const first = prefix
+      ? prefix.slice(0, prefix.indexOf("\n") >= 0 ? prefix.indexOf("\n") : prefix.length)
+      : "";
+    let sessionId = file.filenameId;
+    let cwd: string | undefined;
+    let createdAt: number | undefined;
+    if (first) {
+      try {
+        const payload = asRecord(asRecord(JSON.parse(first))?.payload) ?? asRecord(JSON.parse(first));
+        sessionId = firstString(payload, ["session_id", "id"]) ?? file.filenameId;
+        cwd = firstString(payload, ["cwd"]);
+        createdAt = parseTimestamp(payload?.timestamp ?? asRecord(JSON.parse(first))?.timestamp);
+      } catch {
+        sessionId = file.filenameId;
+      }
+    }
+    if (seen.has(sessionId)) continue;
+    seen.add(sessionId);
+    out.push({
+      id: sessionId,
+      cwd,
+      title: cwd ? titleFromCwd(cwd) : undefined,
+      createdAt,
+      lastActivityAt: file.mt,
+    });
+  }
+  return out;
+}
+
+function listClaudeSessionsFromDisk(limit = 80): RemoteSessionRecord[] {
+  const root = join(homedir(), ".claude", "projects");
+  if (!existsSync(root)) return [];
+  const files: { id: string; mt: number; cwd?: string }[] = [];
+  let projectDirs: string[] = [];
+  try {
+    projectDirs = readdirSync(root).map((name) => join(root, name));
+  } catch {
+    return [];
+  }
+  for (const dir of projectDirs) {
+    let stat;
+    try { stat = statSync(dir); } catch { continue; }
+    if (!stat.isDirectory()) continue;
+    const dirName = basename(dir);
+    const cwd = dirName.startsWith("-") ? `/${dirName.slice(1).replace(/-/g, "/")}` : undefined;
+    let entries: string[];
+    try { entries = readdirSync(dir); } catch { continue; }
+    for (const name of entries) {
+      if (!name.endsWith(".jsonl")) continue;
+      const path = join(dir, name);
+      let fileStat;
+      try { fileStat = statSync(path); } catch { continue; }
+      if (!fileStat.isFile()) continue;
+      files.push({
+        id: name.replace(/\.jsonl$/, ""),
+        mt: fileStat.mtimeMs,
+        cwd,
+      });
+    }
+  }
+  files.sort((a, b) => b.mt - a.mt);
+  const out: RemoteSessionRecord[] = [];
+  const seen = new Set<string>();
+  for (const file of files) {
+    if (out.length >= limit) break;
+    if (seen.has(file.id)) continue;
+    seen.add(file.id);
+    out.push({
+      id: file.id,
+      cwd: file.cwd,
+      title: file.cwd ? titleFromCwd(file.cwd) : undefined,
+      lastActivityAt: file.mt,
+    });
+  }
+  return out;
+}
+
+function withTimeout<T>(promise: Promise<T>, ms: number, message: string): Promise<T> {
+  return new Promise((resolve, reject) => {
+    const timer = setTimeout(() => reject(new Error(message)), ms);
+    promise.then(
+      (value) => { clearTimeout(timer); resolve(value); },
+      (error) => { clearTimeout(timer); reject(error); },
+    );
+  });
+}
+
 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 }[] = [];
@@ -2225,8 +2353,8 @@ function previewFromTimelineItem(item: AgentTimelineItem): string | undefined {
 
 export class AgentWorkspaceProxy {
   private clients = new Map<AgentProvider, AcpClient | ClaudeSdkClient | ClaudeStreamJsonClient>();
-  // In-flight client starts, so concurrent ensureProviderClient calls (eager
-  // initialize() racing conversation.open) share one subprocess spawn.
+  // In-flight client starts, so concurrent ensureProviderClient calls
+  // (prompt racing conversation.open) share one subprocess spawn.
   private clientStartPromises = new Map<AgentProvider, Promise<AcpClient | ClaudeSdkClient | ClaudeStreamJsonClient | undefined>>();
   private agentProtocols = new Map<AgentProvider, AgentProtocol>();
   private providerCapabilities = new Map<AgentProvider, ProviderRuntimeCapabilities>();
@@ -2280,7 +2408,6 @@ export class AgentWorkspaceProxy {
       case "agent.v2.capabilities.request":
         await this.initialize();
         this.sendCapabilities();
-        this.sendUsageReport();
         break;
       case "agent.v2.conversation.open": {
         const payload = parseTypedPayload("agent.v2.conversation.open", envelope.payload);
@@ -2517,6 +2644,8 @@ export class AgentWorkspaceProxy {
   private static readonly FS_SYNC_THROTTLE_MS = 1500;
   private static readonly EXTERNAL_HYDRATE_THROTTLE_MS = 400;
   private static readonly LIST_IDLE_CAP = 40;
+  private static readonly LIST_HARD_CAP = 80;
+  private static readonly CLIENT_START_TIMEOUT_MS = 12_000;
 
   private startSessionWatchers(): void {
     const roots = [
@@ -2628,6 +2757,7 @@ export class AgentWorkspaceProxy {
       out.push(conversation);
     };
     for (const conversation of ranked) {
+      if (out.length >= AgentWorkspaceProxy.LIST_HARD_CAP) break;
       if (
         conversation.status === "running" ||
         conversation.status === "waiting_permission" ||
@@ -2721,14 +2851,11 @@ export class AgentWorkspaceProxy {
   private async initialize(): Promise<void> {
     if (this.initialized) return;
     this.initialized = true;
-    // Eagerly start all detected providers so capabilities report real status
-    const startPromises = this.input.availableProviders.map((p) => this.ensureProviderClient(p));
-    await Promise.allSettled(startPromises);
     this.status = "idle";
     this.error = undefined;
+    // Presence only. Spawning every detected CLI here (especially
+    // `grok agent stdio`) blocked the sequential control plane on connect.
     this.sendCapabilities();
-    // Start watching the on-disk session stores so externally-started sessions
-    // and status changes surface live, not just at connect time.
     this.startSessionWatchers();
     this.startProcessDiscovery();
   }
@@ -2898,10 +3025,9 @@ export class AgentWorkspaceProxy {
     const existing = this.clients.get(provider);
     if (existing) return existing;
 
-    // Dedupe concurrent starts: eager initialize() and conversation.open can
-    // race here before this.clients is populated (it's only set AFTER the
-    // client finishes initializing), which would spawn the provider subprocess
-    // twice. Memoize the in-flight promise so both callers share one spawn;
+    // Dedupe concurrent starts: conversation.open and prompt can race here
+    // before this.clients is populated (it's only set AFTER initialize).
+    // Memoize the in-flight promise so both callers share one spawn;
     // drop it once settled so a failed start can be retried.
     const inflight = this.clientStartPromises.get(provider);
     if (inflight) return inflight;
@@ -2959,8 +3085,17 @@ export class AgentWorkspaceProxy {
             onRequest: (method, params) => this.handleRequest(method, params),
             onExit: (message) => this.handleProviderExit(provider, message),
       });
-      await client.initialize();
-      return client;
+      try {
+        await withTimeout(
+          client.initialize(),
+          AgentWorkspaceProxy.CLIENT_START_TIMEOUT_MS,
+          `${providerLabel(provider)} 启动超时`,
+        );
+        return client;
+      } catch (error) {
+        try { client.stop(); } catch { /* ignore */ }
+        throw error;
+      }
     };
 
     try {
@@ -3136,92 +3271,114 @@ export class AgentWorkspaceProxy {
     }
   }
 
-  private async syncProviderSessions(): Promise<void> {
-    await this.initialize();
-    for (const [provider, client] of this.clients) {
-      try {
-        let activeClient = client;
-        let result: unknown;
-        try {
-          result = await activeClient.listSessions();
-        } catch (error) {
-          const recovered = await this.recycleProviderClient(provider, error);
-          if (!recovered) throw error;
-          activeClient = recovered;
-          result = await activeClient.listSessions();
-        }
-        // Codex's thread/list carries no live status and only knows threads
-        // THIS app-server owns — so an externally-run `codex` shows idle. Read
-        // running state off disk once per sync (CPU-frugal: stats all rollouts,
-        // reads only the fresh few). Claude reports status via parseRemoteSessions.
-        const codexRunning = provider === "codex" ? runningCodexSessionIds(Date.now()) : undefined;
-        for (const remote of this.pickListedRemotes(parseRemoteSessions(result), provider, codexRunning)) {
-          const agentSessionId = remote.id;
-          // Skip conversations the user explicitly forgot — don't resurrect them.
-          if (this.deletedAgentSessionIds.has(agentSessionId)) continue;
-          const existingId = this.conversationByAgentSessionId.get(agentSessionId);
-          const now = Date.now();
-          const conversationId = existingId ?? makeAgentV2RemoteConversationId(provider, agentSessionId);
-          const existing = this.conversations.get(conversationId);
-          const cwd = remote.cwd ?? existing?.cwd ?? this.input.cwd;
-          const model = remote.model ?? existing?.model;
-          // Usage read straight from the on-disk transcript (decoupled from any
-          // live LinkShell turn) — so history + externally-started sessions all
-          // carry a context meter. Falls back to any existing live-turn usage.
-          const usageFields = normalizeUsageFields(remote.usage, model);
-          const usage: AgentConversationUsage | undefined = usageFields
-            ? { ...usageFields, updatedAt: remote.lastActivityAt ?? now }
-            : existing?.usage;
-          // Status precedence. While LinkShell is driving a turn for this
-          // conversation, the in-memory status is authoritative — the transcript
-          // lags (the SDK hasn't flushed the in-flight turn to disk), so trusting
-          // it would flicker a live "running" turn back to idle. Otherwise the
-          // transcript-derived running signal is authoritative (Claude reports it
-          // via remote.status; Codex via the on-disk rollout set): surface
-          // "running" while an external process drives it, and let it clear once
-          // the external turn finishes. We only fall back to the existing status
-          // to keep error/waiting_permission sticky across a re-sync — the
-          // transcript signals never emit those, so they live only in `existing`;
-          // defaulting everything else to idle avoids a purely-external session
-          // getting stuck at "running" forever.
-          const remoteRunning = remote.status === "running" || (codexRunning?.has(agentSessionId) ?? false);
-          const linkshellDriving = this.currentTurnIds.has(conversationId);
-          const status: AgentStatus = linkshellDriving
-            ? existing?.status ?? "running"
-            : remoteRunning
-              ? "running"
-              : remote.status === "error"
-                ? "error"
-                : existing?.status === "error" || existing?.status === "waiting_permission"
-                  ? existing.status
-                  : "idle";
-          const conversation: AgentConversation = {
-            id: conversationId,
-            agentSessionId,
-            provider,
-            cwd,
-            title: remote.title ?? existing?.title ?? titleFromCwd(cwd),
-            model,
-            reasoningEffort: existing?.reasoningEffort,
-            permissionMode: existing?.permissionMode,
-            collaborationMode: existing?.collaborationMode,
-            status,
-            archived: existing?.archived ?? false,
-            lastMessagePreview: existing?.lastMessagePreview,
-            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);
-          this.timelines.set(conversation.id, this.timelines.get(conversation.id) ?? []);
-        }
-      } catch (error) {
+  private listDiskSessions(provider: AgentProvider): RemoteSessionRecord[] {
+    if (provider === "codex") return listCodexSessionsFromDisk(AgentWorkspaceProxy.LIST_HARD_CAP);
+    if (provider === "claude") return listClaudeSessionsFromDisk(AgentWorkspaceProxy.LIST_HARD_CAP);
+    return [];
+  }
+
+  private async listClientSessions(provider: AgentProvider): Promise<RemoteSessionRecord[]> {
+    const client = this.clients.get(provider);
+    if (!client) return [];
+    try {
+      return parseRemoteSessions(await client.listSessions());
+    } catch (error) {
+      const recovered = await this.recycleProviderClient(provider, error);
+      if (!recovered) {
         if (this.input.verbose) {
           process.stderr.write(`[agent:v2] session list failed for ${provider}: ${error instanceof Error ? error.message : String(error)}\n`);
         }
+        return [];
+      }
+      try {
+        return parseRemoteSessions(await recovered.listSessions());
+      } catch (retryError) {
+        if (this.input.verbose) {
+          process.stderr.write(`[agent:v2] session list failed for ${provider}: ${retryError instanceof Error ? retryError.message : String(retryError)}\n`);
+        }
+        return [];
+      }
+    }
+  }
+
+  private upsertRemoteSession(
+    provider: AgentProvider,
+    remote: RemoteSessionRecord,
+    now: number,
+    runningIds?: Set<string>,
+  ): void {
+    const agentSessionId = remote.id;
+    if (this.deletedAgentSessionIds.has(agentSessionId)) return;
+    const existingId = this.conversationByAgentSessionId.get(agentSessionId);
+    const conversationId = existingId ?? makeAgentV2RemoteConversationId(provider, agentSessionId);
+    const existing = this.conversations.get(conversationId);
+    const cwd = remote.cwd ?? existing?.cwd ?? this.input.cwd;
+    const model = remote.model ?? existing?.model;
+    const usageFields = normalizeUsageFields(remote.usage, model);
+    const usage: AgentConversationUsage | undefined = usageFields
+      ? { ...usageFields, updatedAt: remote.lastActivityAt ?? now }
+      : existing?.usage;
+    const remoteRunning = remote.status === "running" || (runningIds?.has(agentSessionId) ?? false);
+    const linkshellDriving = this.currentTurnIds.has(conversationId);
+    const owned = Boolean(agentSessionId && this.ownedCodexSessionIds.has(agentSessionId));
+    const attached = !owned && (
+      existing?.control === "attached" ||
+      this.attachedExternalCodex.has(conversationId) ||
+      remoteRunning
+    );
+    if (attached) this.attachedExternalCodex.add(conversationId);
+    const status: AgentStatus = linkshellDriving
+      ? existing?.status ?? "running"
+      : remoteRunning
+        ? "running"
+        : remote.status === "error"
+          ? "error"
+          : existing?.status === "error" || existing?.status === "waiting_permission"
+            ? existing.status
+            : "idle";
+    const conversation: AgentConversation = {
+      id: conversationId,
+      agentSessionId,
+      provider,
+      cwd,
+      title: remote.title ?? existing?.title ?? titleFromCwd(cwd),
+      model,
+      reasoningEffort: existing?.reasoningEffort,
+      permissionMode: existing?.permissionMode,
+      collaborationMode: existing?.collaborationMode,
+      control: owned ? "owned" : attached ? "attached" : existing?.control,
+      status,
+      archived: existing?.archived ?? false,
+      lastMessagePreview: existing?.lastMessagePreview,
+      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);
+    this.timelines.set(conversation.id, this.timelines.get(conversation.id) ?? []);
+  }
+
+  private async syncProviderSessions(): Promise<void> {
+    await this.initialize();
+    const now = Date.now();
+    const codexRunning = runningCodexSessionIds(now);
+    const providers = new Set<AgentProvider>([
+      ...this.input.availableProviders,
+      ...this.clients.keys(),
+    ]);
+    for (const provider of providers) {
+      const byId = new Map<string, RemoteSessionRecord>();
+      for (const remote of this.listDiskSessions(provider)) byId.set(remote.id, remote);
+      for (const remote of await this.listClientSessions(provider)) {
+        const prev = byId.get(remote.id);
+        byId.set(remote.id, prev ? { ...prev, ...remote } : remote);
+      }
+      const runningIds = provider === "codex" ? codexRunning : undefined;
+      for (const remote of this.pickListedRemotes([...byId.values()], provider, runningIds)) {
+        this.upsertRemoteSession(provider, remote, now, runningIds);
       }
     }
   }
@@ -3460,26 +3617,40 @@ export class AgentWorkspaceProxy {
       ...this.lastDiscoveredProviders,
     ])];
     const providers = catalog.map((provider) => {
+      const resolved = resolveAgentCommand({
+        provider,
+        command: this.input.command,
+      });
       const client = this.clients.get(provider);
-      const protocol = this.agentProtocols.get(provider);
+      const protocol = this.agentProtocols.get(provider) ?? resolved?.protocol;
       const runtimeCapabilities = this.providerCapabilities.get(provider);
       const advertised = runtimeCapabilities?.advertised
         ?? (client instanceof AcpClient ? client.advertised : undefined);
-      const enabled = Boolean(client);
+      const canStart = Boolean(resolved) && (
+        this.input.availableProviders.includes(provider) || Boolean(this.input.command?.trim())
+      );
+      const enabled = Boolean(client) || canStart;
       const isAcp = protocol === "acp";
-      const supportsImages = enabled && protocolSupportsImages(protocol, advertised);
+      const supportsImages = Boolean(client) && protocolSupportsImages(protocol, advertised);
       const isClaudeFallback = protocol === "claude-stream-json";
-      const supportsPermission = enabled && !isClaudeFallback;
-      const supportsReasoningEffort = enabled && !isClaudeFallback;
-      const supportsSessionList = enabled && (isAcp ? Boolean(advertised?.listSession) : !isClaudeFallback);
-      const supportsSessionLoad = enabled && (isAcp ? Boolean(advertised?.loadSession) : !isClaudeFallback);
-      const supportsCancel = enabled && (isAcp ? Boolean(advertised?.cancel) : true);
-      const supportsFork = enabled && (isAcp
+      const supportsPermission = Boolean(client) && !isClaudeFallback;
+      const supportsReasoningEffort = (Boolean(client) || (canStart && protocol === "codex-app-server")) && !isClaudeFallback;
+      const diskListable = provider === "codex" || provider === "claude";
+      const supportsSessionList = Boolean(client)
+        ? (isAcp ? Boolean(advertised?.listSession) : !isClaudeFallback)
+        : canStart && diskListable;
+      const supportsSessionLoad = Boolean(client)
+        ? (isAcp ? Boolean(advertised?.loadSession) : !isClaudeFallback)
+        : canStart;
+      const supportsCancel = Boolean(client)
+        ? (isAcp ? Boolean(advertised?.cancel) : true)
+        : canStart && !isAcp;
+      const supportsFork = Boolean(client) && (isAcp
         ? Boolean(advertised?.forkSession)
         : protocol === "codex-app-server" || protocol === "claude-agent-sdk");
-      const supportsSetModel = enabled && (isAcp
-        ? Boolean(advertised?.setModel)
-        : protocol === "codex-app-server");
+      const supportsSetModel = Boolean(client)
+        ? (isAcp ? Boolean(advertised?.setModel) : protocol === "codex-app-server")
+        : canStart && protocol === "codex-app-server";
       const protocolBacked = isProtocolAgentProvider(provider);
       const commands = mergeCommands(
         defaultProviderCommands(provider, this.input.cwd, enabled),
@@ -3499,8 +3670,8 @@ export class AgentWorkspaceProxy {
         supportsPermission,
         supportsPlan: enabled && (isAcp ? Boolean(advertised?.embeddedContext) : true),
         supportsCancel,
-        models: runtimeCapabilities?.models ?? [{ id: "default", label: "默认模型" }],
-        defaultModel: runtimeCapabilities?.defaultModel ?? "default",
+        models: runtimeCapabilities?.models ?? (provider === "codex" ? [...CODEX_FALLBACK_MODELS] : [{ id: "default", label: "默认模型" }]),
+        defaultModel: runtimeCapabilities?.defaultModel ?? (provider === "codex" ? CODEX_FALLBACK_DEFAULT_MODEL : "default"),
         reasoningEfforts: supportsReasoningEffort
           ? runtimeCapabilities?.reasoningEfforts ?? [...ALL_REASONING_EFFORTS]
           : [],
@@ -3554,9 +3725,18 @@ export class AgentWorkspaceProxy {
   }
 
   private shouldOpenAsAttachedView(conversation: AgentConversation): boolean {
-    return conversation.control === "attached"
-      || this.attachedExternalCodex.has(conversation.id)
-      || isLiveConversationId(conversation.id);
+    if (conversation.control === "attached") return true;
+    if (this.attachedExternalCodex.has(conversation.id)) return true;
+    if (isLiveConversationId(conversation.id)) return true;
+    if (
+      conversation.provider === "codex" &&
+      conversation.agentSessionId &&
+      !this.ownedCodexSessionIds.has(conversation.agentSessionId) &&
+      conversation.status === "running"
+    ) {
+      return true;
+    }
+    return false;
   }
 
   private openAttachedView(
@@ -3595,6 +3775,7 @@ export class AgentWorkspaceProxy {
     forkFromConversationId?: string;
     forkFromTurnId?: string;
   }): Promise<AgentConversation | undefined> {
+    await this.initialize();
     const provider = payload.provider ?? this.input.availableProviders[0];
     if (!provider) {
       return this.openFailure(payload, "没有可用的 Agent provider。");
@@ -3642,6 +3823,14 @@ export class AgentWorkspaceProxy {
     if (existingConversation && this.shouldOpenAsAttachedView(existingConversation)) {
       return this.openAttachedView(existingConversation, payload.conversationId);
     }
+    if (
+      existingConversation?.provider === "codex" &&
+      existingConversation.agentSessionId &&
+      !this.ownedCodexSessionIds.has(existingConversation.agentSessionId) &&
+      runningCodexSessionIds(Date.now()).has(existingConversation.agentSessionId)
+    ) {
+      return this.openAttachedView(existingConversation, payload.conversationId);
+    }
 
     let client = await this.ensureProviderClient(provider);
     if (!client) {
@@ -5846,10 +6035,16 @@ export class AgentWorkspaceProxy {
   }
 
   private sendSnapshot(conversationId?: string): void {
-    const conversations = [...this.conversations.values()];
+    const conversations = this.listedConversations(
+      [...this.conversations.values()].filter((conversation) => !conversation.archived),
+    );
+    if (conversationId && !conversations.some((conversation) => conversation.id === conversationId)) {
+      const extra = this.conversations.get(conversationId);
+      if (extra) conversations.push(extra);
+    }
     const items = conversationId
       ? this.timelines.get(conversationId) ?? []
-      : [...this.timelines.values()].flat();
+      : [...this.watchedConversationIds].flatMap((id) => this.timelines.get(id) ?? []);
     this.input.send(createEnvelope({
       type: "agent.v2.snapshot",
       sessionId: this.input.sessionId,

package/web/assets/{FileBrowser-Daeji5i-.js → FileBrowser-wOAfY-xj.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-BahdI_WD.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-q85psYZ5.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-6-Cj-cKd.js → PortPreview-Cbvv7yzA.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-BahdI_WD.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-q85psYZ5.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};

package/web/assets/{TerminalPanel-C3hvv9KU.js → TerminalPanel-CTSklkct.js}

@@ -1 +1 @@
-import{r as l,j as i}from"./vendor-react-M7xG3qiw.js";import{x as w,a as C}from"./vendor-xterm-D15THcI4.js";import{I as T,a as A,b as B}from"./index-BahdI_WD.js";import"./vendor-highlight-NXWAAyIv.js";function x(e,t){const r=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return r?`rgb(${r})`:t}function $(e,t,r){const u=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return u?`rgb(${u} / ${t})`:r}function E(){return{background:x("--c-canvas","#0b0d0f"),foreground:x("--c-content-primary","#e6e8eb"),cursor:x("--c-accent","#2dd4bf"),selectionBackground:$("--c-accent",.22,"rgba(45,212,191,0.25)"),black:x("--c-content-faint","#4e535a"),brightBlack:x("--c-content-muted","#70767e"),white:x("--c-content-secondary","#9ea5ad"),brightWhite:x("--c-content-primary","#e9ebee")}}function F(e,t){const r=l.useRef(null),u=l.useRef(null),h=l.useRef(null);return l.useEffect(()=>{if(!r.current||!e)return;const n=new w.Terminal({fontFamily:"JetBrains Mono, ui-monospace, monospace",fontSize:13,cursorBlink:!0,theme:E(),scrollback:5e3}),f=new C.FitAddon;n.loadAddon(f),n.open(r.current),f.fit(),u.current=n,h.current=f;const p=e.terminalBuffer(t);p&&n.write(p);const v=n.onData(c=>e.sendInput(t,c)),b=n.onResize(({cols:c,rows:o})=>e.sendResize(t,c,o)),k=e.onEvent(c=>{if(c.type==="terminal.reset"&&c.terminalId===t){n.reset();return}c.type==="terminal.output"&&c.terminalId===t&&n.write(c.data)}),y=new ResizeObserver(()=>{try{f.fit(),e.sendResize(t,n.cols,n.rows)}catch{}});y.observe(r.current);const s=new MutationObserver(()=>{n.options.theme=E()});return s.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),e.sendResize(t,n.cols,n.rows),()=>{v.dispose(),b.dispose(),k(),y.disconnect(),s.disconnect(),n.dispose(),u.current=null,h.current=null}},[e,t]),{containerRef:r}}function I(e,t){return e==="default"?"默认":t||e.slice(0,8)}const z=e=>`linkshell:web:lastTerminal:${e}`;function L(e){if(!e)return null;try{return localStorage.getItem(z(e))}catch{return null}}function P(e,t){if(e)try{localStorage.setItem(z(e),t)}catch{}}function O(e,t){if(e.length===0)return null;if(t&&e.includes(t))return t;const r=e.filter(u=>u!=="default");return r.length>0?r[r.length-1]:e[0]}function V({bridge:e,terminalId:t}){const{containerRef:r}=F(e,t);return i.jsx("div",{ref:r,className:"xterm-host min-h-0 flex-1 bg-canvas p-2"})}function N({bridge:e,onNewTerminal:t}){const r=e==null?void 0:e.sessionId,[u,h]=l.useState([]),[n,f]=l.useState("default"),p=l.useRef(!1),v=l.useRef(!1),b=l.useCallback((s,c)=>{h(o=>o.some(m=>m.id===s)?o:[...o,{id:s,label:I(s,c)}])},[]);l.useEffect(()=>{if(!e)return;p.current=!1,v.current=!1;const s=L(r);return e.requestTerminalList(),e.onEvent(o=>{if(o.type==="terminal.output"){b(o.terminalId);return}if(o.type==="terminal.list"){const m=o.envelope,a=m.payload;if(m.type==="terminal.spawned"){const R=a==null?void 0:a.terminalId;R&&(b(R,a==null?void 0:a.projectName),f(R));return}if(m.type==="terminal.list"){const j=(Array.isArray(a==null?void 0:a.terminals)?a.terminals:[]).filter(d=>typeof d.terminalId=="string"&&d.status!=="exited").map(d=>({id:d.terminalId,label:I(d.terminalId,d.projectName)}));if(h(j),!p.current){p.current=!0;const d=j.map(S=>S.id),g=O(d,s);g?f(g):v.current||(v.current=!0,t==null||t())}}}})},[e,b,t]),l.useEffect(()=>{p.current&&n&&P(r,n)},[r,n]);const k=()=>t==null?void 0:t(),y=s=>{e==null||e.killTerminal(s),h(c=>{var m;const o=c.filter(a=>a.id!==s);return s===n&&f(((m=o[o.length-1])==null?void 0:m.id)??"default"),o})};return i.jsxs("div",{className:"flex h-full flex-col bg-canvas",children:[i.jsxs("div",{className:"flex items-center gap-0.5 border-b border-border bg-surface-raised px-1.5 py-1",children:[i.jsx(T,{size:13,className:"mx-1 shrink-0 text-content-faint"}),i.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto",children:u.map(s=>i.jsxs("div",{className:`group flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-2xs transition-colors ${s.id===n?"bg-surface-overlay text-content-primary":"text-content-muted hover:bg-surface-overlay/60"}`,children:[i.jsx("button",{onClick:()=>f(s.id),className:"cursor-pointer font-mono",children:s.label}),u.length>1&&i.jsx("button",{onClick:()=>y(s.id),className:"cursor-pointer rounded text-content-faint opacity-0 transition hover:text-danger group-hover:opacity-100","aria-label":"关闭终端",children:i.jsx(A,{size:11})})]},s.id))}),i.jsx("button",{onClick:k,className:"ml-1 shrink-0 cursor-pointer rounded-md p-1 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"新建终端","aria-label":"新建终端",children:i.jsx(B,{size:14})})]}),i.jsx(V,{bridge:e,terminalId:n},n)]})}export{N as TerminalPanel};
+import{r as l,j as i}from"./vendor-react-M7xG3qiw.js";import{x as w,a as C}from"./vendor-xterm-D15THcI4.js";import{I as T,a as A,b as B}from"./index-q85psYZ5.js";import"./vendor-highlight-NXWAAyIv.js";function x(e,t){const r=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return r?`rgb(${r})`:t}function $(e,t,r){const u=getComputedStyle(document.documentElement).getPropertyValue(e).trim();return u?`rgb(${u} / ${t})`:r}function E(){return{background:x("--c-canvas","#0b0d0f"),foreground:x("--c-content-primary","#e6e8eb"),cursor:x("--c-accent","#2dd4bf"),selectionBackground:$("--c-accent",.22,"rgba(45,212,191,0.25)"),black:x("--c-content-faint","#4e535a"),brightBlack:x("--c-content-muted","#70767e"),white:x("--c-content-secondary","#9ea5ad"),brightWhite:x("--c-content-primary","#e9ebee")}}function F(e,t){const r=l.useRef(null),u=l.useRef(null),h=l.useRef(null);return l.useEffect(()=>{if(!r.current||!e)return;const n=new w.Terminal({fontFamily:"JetBrains Mono, ui-monospace, monospace",fontSize:13,cursorBlink:!0,theme:E(),scrollback:5e3}),f=new C.FitAddon;n.loadAddon(f),n.open(r.current),f.fit(),u.current=n,h.current=f;const p=e.terminalBuffer(t);p&&n.write(p);const v=n.onData(c=>e.sendInput(t,c)),b=n.onResize(({cols:c,rows:o})=>e.sendResize(t,c,o)),k=e.onEvent(c=>{if(c.type==="terminal.reset"&&c.terminalId===t){n.reset();return}c.type==="terminal.output"&&c.terminalId===t&&n.write(c.data)}),y=new ResizeObserver(()=>{try{f.fit(),e.sendResize(t,n.cols,n.rows)}catch{}});y.observe(r.current);const s=new MutationObserver(()=>{n.options.theme=E()});return s.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),e.sendResize(t,n.cols,n.rows),()=>{v.dispose(),b.dispose(),k(),y.disconnect(),s.disconnect(),n.dispose(),u.current=null,h.current=null}},[e,t]),{containerRef:r}}function I(e,t){return e==="default"?"默认":t||e.slice(0,8)}const z=e=>`linkshell:web:lastTerminal:${e}`;function L(e){if(!e)return null;try{return localStorage.getItem(z(e))}catch{return null}}function P(e,t){if(e)try{localStorage.setItem(z(e),t)}catch{}}function O(e,t){if(e.length===0)return null;if(t&&e.includes(t))return t;const r=e.filter(u=>u!=="default");return r.length>0?r[r.length-1]:e[0]}function V({bridge:e,terminalId:t}){const{containerRef:r}=F(e,t);return i.jsx("div",{ref:r,className:"xterm-host min-h-0 flex-1 bg-canvas p-2"})}function N({bridge:e,onNewTerminal:t}){const r=e==null?void 0:e.sessionId,[u,h]=l.useState([]),[n,f]=l.useState("default"),p=l.useRef(!1),v=l.useRef(!1),b=l.useCallback((s,c)=>{h(o=>o.some(m=>m.id===s)?o:[...o,{id:s,label:I(s,c)}])},[]);l.useEffect(()=>{if(!e)return;p.current=!1,v.current=!1;const s=L(r);return e.requestTerminalList(),e.onEvent(o=>{if(o.type==="terminal.output"){b(o.terminalId);return}if(o.type==="terminal.list"){const m=o.envelope,a=m.payload;if(m.type==="terminal.spawned"){const R=a==null?void 0:a.terminalId;R&&(b(R,a==null?void 0:a.projectName),f(R));return}if(m.type==="terminal.list"){const j=(Array.isArray(a==null?void 0:a.terminals)?a.terminals:[]).filter(d=>typeof d.terminalId=="string"&&d.status!=="exited").map(d=>({id:d.terminalId,label:I(d.terminalId,d.projectName)}));if(h(j),!p.current){p.current=!0;const d=j.map(S=>S.id),g=O(d,s);g?f(g):v.current||(v.current=!0,t==null||t())}}}})},[e,b,t]),l.useEffect(()=>{p.current&&n&&P(r,n)},[r,n]);const k=()=>t==null?void 0:t(),y=s=>{e==null||e.killTerminal(s),h(c=>{var m;const o=c.filter(a=>a.id!==s);return s===n&&f(((m=o[o.length-1])==null?void 0:m.id)??"default"),o})};return i.jsxs("div",{className:"flex h-full flex-col bg-canvas",children:[i.jsxs("div",{className:"flex items-center gap-0.5 border-b border-border bg-surface-raised px-1.5 py-1",children:[i.jsx(T,{size:13,className:"mx-1 shrink-0 text-content-faint"}),i.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-0.5 overflow-x-auto",children:u.map(s=>i.jsxs("div",{className:`group flex shrink-0 items-center gap-1 rounded-md px-2 py-1 text-2xs transition-colors ${s.id===n?"bg-surface-overlay text-content-primary":"text-content-muted hover:bg-surface-overlay/60"}`,children:[i.jsx("button",{onClick:()=>f(s.id),className:"cursor-pointer font-mono",children:s.label}),u.length>1&&i.jsx("button",{onClick:()=>y(s.id),className:"cursor-pointer rounded text-content-faint opacity-0 transition hover:text-danger group-hover:opacity-100","aria-label":"关闭终端",children:i.jsx(A,{size:11})})]},s.id))}),i.jsx("button",{onClick:k,className:"ml-1 shrink-0 cursor-pointer rounded-md p-1 text-content-muted transition-colors hover:bg-surface-overlay hover:text-accent",title:"新建终端","aria-label":"新建终端",children:i.jsx(B,{size:14})})]}),i.jsx(V,{bridge:e,terminalId:n},n)]})}export{N as TerminalPanel};