@spzxg/cli-ui 0.1.0 → 0.3.0

package/src/ui/fileLinks.ts

@@ -0,0 +1,46 @@
+// Agent 消息里指向本地文件的链接（[报告](report.md)、/Users/…/a.ts、file:///…、src/a.ts:12）。
+// 识别规则移植自 Operator 的 app/orchestrator/fileLinks.ts：原样渲染的话浏览器会把它当成宿主网站根目录下的地址，打不开。
+// Operator 把它改写到任务的文件接口；这里由宿主 / 后端给出地址（fileUrl），给不出就显示成不可点的文字，不留坏链接。
+import { createContext } from "react";
+
+/** 本地文件 → 能打开的地址；返回 null 表示打不开（显示成文字）。 */
+export type FileUrlResolver = (path: string, kind: "link" | "image") => string | null;
+export const FileLinkContext = createContext<FileUrlResolver | null>(null);
+
+/**
+ * 点了本地文件链接：交给看板 / 弹窗打开，返回 true 表示接住了（链接不再按网址跳转）。
+ * 按住 ⌘/Ctrl/Shift 点、或中键点，仍然按网址在新窗口打开。
+ */
+export type FileOpenHandler = (path: string) => boolean;
+export const FileOpenContext = createContext<FileOpenHandler | null>(null);
+
+const SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+const WIN_ABS = /^[a-z]:[\\/]/i;
+
+function normalize(p: string): string {
+  const abs = p.startsWith("/");
+  const out: string[] = [];
+  for (const seg of p.split("/")) {
+    if (!seg || seg === ".") continue;
+    if (seg === ".." && out.length && out[out.length - 1] !== "..") out.pop();
+    else if (seg === ".." && abs) continue;
+    else out.push(seg);
+  }
+  return (abs ? "/" : "") + out.join("/");
+}
+
+/** 链接指向本地文件时返回路径（相对工作目录或绝对路径）；网址、锚点等返回 null。规则与 Operator 一致。 */
+export function localFilePath(href: string | undefined | null): string | null {
+  let h = String(href ?? "").trim();
+  if (!h || h.startsWith("#") || h.startsWith("//") || h.startsWith("/api/") || h.startsWith("/view?")) return null;
+  if (/^file:/i.test(h)) h = h.replace(/^file:(\/\/localhost)?(\/\/)?/i, "");
+  else if (SCHEME.test(h) && !WIN_ABS.test(h)) return null;
+  h = h.replace(/[?#].*$/, "");
+  try { h = decodeURI(h); } catch { /* 保持原样 */ }
+  h = h.replace(/\\/g, "/");
+  h = h.replace(/:(\d+)(:\d+)?$/, "");
+  if (!h) return null;
+  if (h === "~" || h.startsWith("~/")) return h;
+  if (h.startsWith("/") || WIN_ABS.test(h)) return WIN_ABS.test(h) ? h : normalize(h);
+  return normalize(h);
+}

package/src/ui/transcriptModel.ts

@@ -16,12 +16,30 @@ const toolCache = new WeakMap<Msg, ToolData>();
 export function toolDataOf(m: Msg): ToolData {
   let data = toolCache.get(m);
   if (!data) {
-    try { data = JSON.parse(m.content) as ToolData; } catch { data = { title: m.content }; }
+    try { data = sanitizeTool(JSON.parse(m.content)); } catch { data = { title: m.content }; }
     toolCache.set(m, data);
   }
   return data;
 }
 
+/**
+ * 工具卡片的数据来自节点，格式不对的部分丢掉而不是让整个对话渲染崩掉：
+ * 提问卡片要有 questions 数组，浏览器输入卡片要有 fields 数组，其余字段按类型保留。
+ */
+function sanitizeTool(raw: unknown): ToolData {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return { title: typeof raw === "string" ? raw : String(raw) };
+  const d = { ...(raw as Record<string, unknown>) } as Record<string, unknown> & ToolData;
+  if (typeof d.title !== "string") d.title = d.title == null ? "" : String(d.title);
+  for (const k of ["detail", "result"] as const) if (d[k] != null && typeof d[k] !== "string") d[k] = JSON.stringify(d[k]);
+  const ask = d.ask as { questions?: unknown } | undefined;
+  if (ask && (typeof ask !== "object" || !Array.isArray(ask.questions))) delete d.ask;
+  const input = d.input as { fields?: unknown; id?: unknown } | undefined;
+  if (input && (typeof input !== "object" || !Array.isArray(input.fields))) delete d.input;
+  if (d.diff && !Array.isArray(d.diff)) delete d.diff;
+  if (d.peek && typeof d.peek !== "object") delete d.peek;
+  return d;
+}
+
 /** 从最新一端找这个 id 的消息（实时更新都落在末尾）。 */
 export function indexFromEnd(arr: Msg[], id: string): number {
   for (let i = arr.length - 1; i >= 0; i--) if (arr[i].id === id) return i;