@xiaobuyu/nodesign 0.0.2 → 0.0.3

package/server/projects/board-store.js

@@ -20,16 +20,16 @@
 import { promises as fs } from 'fs';
 import path from 'path';
 import { getSharedDir, ensureProjectWorkspace, gitRenamesSince } from './workspace.js';
-import { isBindingType } from '../lib/binding-types.js';
+import { CHALK_DIR } from '../lib/chalk.js';
 
-export const DEFAULT_BOARD_SIZE = { w: 4000, h: 2600 };
-export const MAX_BOARD_BYTES = 512 * 1024;
-export const MAX_OBJECTS = 2000;
-export const MAX_ZONES = 200;
-// 关系线上限。取值理由：一块板上人能看懂的线远少于这个数，1000 是防脱缰
-// （agent 循环里连画）的闸门，不是设计目标。超了直接不收，不做淘汰 ——
-// 静默丢最旧的会让"我明明画了"变成玄学。
-export const MAX_BINDINGS = 1000;
+export {
+  DEFAULT_BOARD_SIZE, MAX_BOARD_BYTES, MAX_OBJECTS, MAX_ZONES, MAX_BINDINGS,
+} from './board-limits.js';
+export { TEXT_FONTS } from './board-sanitize.js';
+import { DEFAULT_BOARD_SIZE, MAX_BOARD_BYTES, MAX_OBJECTS, MAX_ZONES, MAX_BINDINGS } from './board-limits.js';
+import {
+  clampNum, sanitizeSize, sanitizeTag, sanitizeObject, sanitizeBinding, sanitizeZone, sanitizeBoard, isSafeCanvasId,
+} from './board-sanitize.js';
 
 // 分区自动铺位常数 —— 与前端 BoardCanvas 的 ZONE_* 保持一致（数值约定，非共享代码）
 // ZONE_DEFAULTS 已删（#14）：它是"文件夹=版面上一整条带"时代的默认矩形，
@@ -48,200 +48,6 @@ function withBoardLock(pid, fn) {
   return run;
 }
 
-function clampNum(v, min, max, fallback) {
-  const n = Number(v);
-  if (!Number.isFinite(n)) return fallback;
-  return Math.min(max, Math.max(min, Math.round(n)));
-}
-
-function sanitizeSize(raw) {
-  return {
-    w: clampNum(raw?.w, 1000, 20000, DEFAULT_BOARD_SIZE.w),
-    h: clampNum(raw?.h, 800, 20000, DEFAULT_BOARD_SIZE.h),
-  };
-}
-
-/**
- * **画布原生**物件的形态白名单。
- *
- * 绝大多数画布物件是磁盘产物的影子：board.json 只存它摆在哪，本体是文件
- * （所以 agent 读得到、能进上下文、删文件即消失）。涂鸦不一样 —— 它没有
- * 有意义的文件形态，board.json 就是它的**本体**。这类物件必须显式登记，
- * 否则任何人往 objects 里塞一个 kind 就能造出一个不受形态表管的东西。
- *
- * 2026-08-08 加进 `text`。在那之前画布上打的字一律落成 `.md` 便签，理由是
- * "agent 读得到"。但用户要的是**白板**：在工程文件旁边随手写一句、画一笔，
- * 那是给自己的记号，不是给 agent 的输入。想让 agent 看见的写便利贴 ——
- * 那条路还在，挪到了右键菜单里。
- */
-const CANVAS_NATIVE_KINDS = new Set(['scribble', 'text']);
-
-/**
- * 坐标夹持上限。画布 2026-08-13 起全向无限，坐标不再由 board.size 夹住 ——
- * 这个数只挡非有限值和纯属事故的数字（±100 万世界像素之外没有正常操作能到）。
- */
-const COORD_LIMIT = 1e6;
-
-/** 涂鸦路径串上限。一条随手画的线约 300~800 字符，8000 够长且撑不爆 board.json */
-const MAX_SCRIBBLE_PATH = 8000;
-/**
- * 画布文字的字数上限。
- *
- * 它是"写在白板上的一句话"，不是文档 —— 长东西该写成 .md（那是便利贴，
- * agent 读得到）。2000 字够写一段说明，也撑不爆 board.json。
- */
-const MAX_TEXT_LEN = 2000;
-
-/** 画布文字可选的字体。**白名单而不是自由字符串** —— 这个值会进 CSS */
-export const TEXT_FONTS = ['pen', 'kai', 'sans', 'serif', 'mono'];
-const TEXT_SIZES = ['sm', 'md', 'lg', 'xl'];
-
-/**
- * 变换字段（2026-08-13，选中态控制器）。缺省不落字段 —— 没转过没缩过的物件
- * 别背两个恒等值，board.json 的 diff 要能一眼看出"谁被动过"。
- */
-function sanitizeTransform(data) {
-  const out = {};
-  const rot = Number(data?.rotation);
-  if (Number.isFinite(rot) && rot !== 0) out.rotation = clampNum(rot, -360, 360, 0);
-  const sc = Number(data?.scale);
-  if (Number.isFinite(sc) && sc !== 1) out.scale = clampNum(sc, 0.2, 10, 1);
-  return out;
-}
-
-function sanitizeCanvasData(kind, data) {
-  if (kind === 'text') {
-    const t = typeof data?.t === 'string' ? data.t.slice(0, MAX_TEXT_LEN) : '';
-    if (!t.trim()) return null;
-    return {
-      t,
-      font: TEXT_FONTS.includes(data?.font) ? data.font : 'kai',
-      size: TEXT_SIZES.includes(data?.size) ? data.size : 'md',
-      color: ['ink', 'red', 'pencil', 'brass'].includes(data?.color) ? data.color : 'ink',
-      ...sanitizeTransform(data),
-    };
-  }
-  if (kind !== 'scribble') return null;
-  const d = typeof data?.d === 'string' ? data.d.slice(0, MAX_SCRIBBLE_PATH) : '';
-  // 只收 SVG path 里合法的那几个字符，挡住任何往 DOM 里塞东西的尝试
-  if (!d || !/^[\dMLQCZ ,.\-eE]+$/.test(d)) return null;
-  return {
-    d,
-    color: ['ink', 'red', 'pencil', 'brass'].includes(data.color) ? data.color : 'ink',
-    width: clampNum(data.width, 1, 24, 2),
-    ...sanitizeTransform(data),
-  };
-}
-
-function sanitizeObject(o, size) {
-  if (!o || typeof o !== 'object') return null;
-  const kind = typeof o.kind === 'string' && CANVAS_NATIVE_KINDS.has(o.kind) ? o.kind : null;
-  const data = kind ? sanitizeCanvasData(kind, o.data) : null;
-  // 登记了 kind 却给不出合法内容 → 整条丢弃。留一个空壳会在画布上变成
-  // 一个看不见也删不掉的幽灵物件。
-  if (kind && !data) return null;
-  return {
-    // 画布 2026-08-13 起全向无限：坐标不再被桌面尺寸夹持（原来非 native 只许
-    // 正区间、native 也出不了 ±size）。这里只挡非有限值和纯属事故的数字 ——
-    // 夹得再紧一点都意味着"用户摆在那儿的东西刷新后跳走"，那是静默数据损坏。
-    x: clampNum(o.x, -COORD_LIMIT, COORD_LIMIT, 0),
-    y: clampNum(o.y, -COORD_LIMIT, COORD_LIMIT, 0),
-    z: clampNum(o.z, 0, 1e6, 0),
-    ...(Number.isFinite(Number(o.w)) ? { w: clampNum(o.w, 4, COORD_LIMIT, 200) } : {}),
-    ...(Number.isFinite(Number(o.h)) ? { h: clampNum(o.h, 4, COORD_LIMIT, 200) } : {}),
-    ...(o.expanded ? { expanded: true } : {}),
-    // 显式归属：'' = 明确无归属（覆盖 sid 派生），非空 = 所属工作区 id
-    ...(typeof o.zone === 'string' && o.zone.length <= 300 ? { zone: o.zone } : {}),
-    // 出处（2026-08-14 agent 摆位/建元素）：agent 落的座/写的字标出来，
-    // 用户的是默认不标 —— 跟关系线的 by 同一条纪律
-    ...(o.by === 'agent' ? { by: 'agent' } : {}),
-    ...(kind ? { kind, data } : {}),
-  };
-}
-
-/**
- * 关系线。**不存坐标** —— 端点是 object id 或 zone id，线跟着端点走。
- *
- * 词汇表在 `server/lib/binding-types.js`（前端画线那份视觉映射要跟它对齐，
- * 有 parity 断言看着）。不认识的 type 一律丢弃：宁可少画一条线，也不要在
- * 画布上留一条没人知道什么意思的连线。
- *
- * 自环（from === to）也丢：它画不出来，且多半是 agent 传错了 id。
- */
-function sanitizeBinding(b) {
-  if (!b || typeof b !== 'object') return null;
-  if (!isBindingType(b.type)) return null;
-  const from = typeof b.from === 'string' ? b.from.slice(0, 300) : '';
-  const to = typeof b.to === 'string' ? b.to.slice(0, 300) : '';
-  if (!from || !to || from === to) return null;
-  return {
-    type: b.type,
-    from,
-    to,
-    // 线上的字。没写就渲染时回落到词汇表的默认词，不在这里补 —— 存了默认词
-    // 之后改词汇表就改不动存量了。
-    ...(typeof b.label === 'string' && b.label.trim()
-      ? { label: b.label.trim().slice(0, 60) }
-      : {}),
-    // 谁画的。用户画的线 agent 不该擅自删，反过来也一样；auto = 机器可证的
-    // 引用关系（auto-relations.js 对账层专属，只有它增删自家 b:auto:* 条目）。
-    ...(b.by === 'agent' || b.by === 'user' || b.by === 'auto' ? { by: b.by } : {}),
-  };
-}
-
-/**
- * zones 一行只剩坐标（2026-08-13 瘦身，#14）。
- *
- * 逐字段的下场：
- * - `w`/`h` —— 文件夹变方卡后前端视图**强制** FOLDER_CARD 尺寸，存的数字
- *   没人读，还会成为"画布上 288 宽、存档里 1340"那种自相矛盾的证据。
- * - `title` —— 名字从路径读（id 就是路径），存一份就是第二个真相源，
- *   改名后立刻过期（实测过）。
- * - `collapsed` —— 收起/展开两态 2026-08-13 随"当前目录"模型退役。
- * - `pinned` —— 纵向堆叠 2026-08-08 退役，字段没有了对立面。
- * 存量数据里这些字段读进来直接丢，下次写盘自然消失。
- */
-function sanitizeZone(z) {
-  if (!z || typeof z !== 'object') return null;
-  return {
-    // 同 sanitizeObject：无限画布，文件夹卡也能摆在任何地方（含负坐标）
-    x: clampNum(z.x, -COORD_LIMIT, COORD_LIMIT, 0),
-    y: clampNum(z.y, -COORD_LIMIT, COORD_LIMIT, 0),
-  };
-}
-
-function sanitizeBoard(raw) {
-  const size = sanitizeSize(raw?.size);
-  const objects = {};
-  const zones = {};
-  const bindings = {};
-  let count = 0;
-  for (const [id, o] of Object.entries(raw?.objects && typeof raw.objects === 'object' ? raw.objects : {})) {
-    if (count >= MAX_OBJECTS) break;
-    if (typeof id !== 'string' || id.length > 300) continue;
-    const s = sanitizeObject(o, size);
-    if (s) { objects[id] = s; count += 1; }
-  }
-  let zCount = 0;
-  for (const [id, z] of Object.entries(raw?.zones && typeof raw.zones === 'object' ? raw.zones : {})) {
-    if (zCount >= MAX_ZONES) break;
-    if (typeof id !== 'string' || id.length > 300) continue;
-    const s = sanitizeZone(z);
-    if (s) { zones[id] = s; zCount += 1; }
-  }
-  let bCount = 0;
-  for (const [id, b] of Object.entries(raw?.bindings && typeof raw.bindings === 'object' ? raw.bindings : {})) {
-    if (bCount >= MAX_BINDINGS) break;
-    if (typeof id !== 'string' || id.length > 300) continue;
-    const s = sanitizeBinding(b);
-    if (s) { bindings[id] = s; bCount += 1; }
-  }
-  // 主角覆盖（2026-08-14 agent 摆位）：显式立的主角压过前端 pickHero 的推断。
-  // 存 id 不存理由 —— 理由在会话里，画布只要知道谁站 C 位
-  const hero = typeof raw?.hero === 'string' && raw.hero.length <= 300 ? raw.hero : null;
-  return { size, zones, objects, bindings, ...(hero ? { hero } : {}) };
-}
-
 export async function readBoard(pid) {
   try {
     const raw = await fs.readFile(boardPath(pid), 'utf8');
@@ -289,7 +95,7 @@ export function patchBoard(pid, patch) {
     const fwd = (id) => forwardId(pid, id);
     if (patch?.zones && typeof patch.zones === 'object') {
       for (const [rawId, z] of Object.entries(patch.zones)) {
-        if (typeof rawId !== 'string' || rawId.length > 300) continue;
+        if (!isSafeCanvasId(rawId)) continue;
         const id = fwd(rawId);
         if (z === null) { delete board.zones[id]; removed.add(id); continue; }
         const s = sanitizeZone(z);
@@ -298,7 +104,7 @@ export function patchBoard(pid, patch) {
     }
     if (patch?.objects && typeof patch.objects === 'object') {
       for (const [rawId, o] of Object.entries(patch.objects)) {
-        if (typeof rawId !== 'string' || rawId.length > 300) continue;
+        if (!isSafeCanvasId(rawId)) continue;
         const id = fwd(rawId);
         if (o === null) { delete board.objects[id]; removed.add(id); continue; }
         const s = sanitizeObject(o, board.size);
@@ -362,6 +168,67 @@ export function patchBoard(pid, patch) {
  * 进程重启、以及 agent 在画布背后自己 mv 的情况，由 git 改名对账兜底
  * （见 workspace.js 的 reconcileBoardRenames）。
  */
+/**
+ * 草稿落定（2026-08-23 黑板）：把 staging 位清掉，tag 留着当逻辑分组。
+ * 不传 tag = 这个项目上所有草稿一起落定（回合结束的兜底用它）。
+ * 返回落定了几件，0 = 没草稿，不写盘。
+ */
+export function commitStaging(pid, { tag = null } = {}) {
+  return withBoardLock(pid, async () => {
+    const board = await readBoard(pid);
+    let n = 0;
+    const hit = (e) => e?.staging === true && (!tag || e.tag === tag);
+    for (const o of Object.values(board.objects || {})) if (hit(o)) { delete o.staging; n += 1; }
+    for (const b of Object.values(board.bindings || {})) if (hit(b)) { delete b.staging; n += 1; }
+    if (n) await writeBoard(pid, board);
+    return { board, committed: n };
+  });
+}
+
+/**
+ * 按标签整组删除（物件 + 线）。黑板擦 —— 用户或 agent 把一次头脑风暴整块抹掉。
+ * 删画布原生物件（text/scribble）和这组的板书文件（notes/板书/，它们是这组自己的话）；
+ * 带同一标签的产物卡只摘标签不删座位，产物的本体不归黑板擦管。
+ */
+export function removeByTag(pid, tag) {
+  const t = sanitizeTag(tag);
+  if (!t) return Promise.resolve({ board: null, removed: 0 });
+  return withBoardLock(pid, async () => {
+    const board = await readBoard(pid);
+    let removed = 0;
+    const gone = new Set();
+    for (const [id, o] of Object.entries(board.objects || {})) {
+      if (o.tag !== t) continue;
+      if (o.kind) { delete board.objects[id]; gone.add(id); removed += 1; continue; }
+      // 板书（notes/板书/*.md）是这组自己的话，擦组连文件一起删；其它文件只摘标签。
+      // ⛔ 删前按绝对路径断言落在 notes/板书/ 里且是单段文件名（fable 08-23 审出：id 里塞 ../ 能
+      // 以进程身份删任意文件；sanitize 现在也拒 `..`，这里是第二道闸）
+      if (id.startsWith(`${CHALK_DIR}/`)) {
+        const abs = chalkAbsPath(pid, id);
+        if (abs) { try { await fs.unlink(abs); } catch { /* 已经没了 */ } }
+        delete board.objects[id]; gone.add(id); removed += 1; continue;
+      }
+      delete o.tag;
+    }
+    for (const [id, b] of Object.entries(board.bindings || {})) {
+      if (b.tag === t || gone.has(b.from) || gone.has(b.to)) { delete board.bindings[id]; removed += 1; }
+    }
+    if (board.hero && gone.has(board.hero)) delete board.hero;
+    await writeBoard(pid, board);
+    return { board, removed };
+  });
+}
+
+/** 板书 id → 绝对路径，越界/多段/非 .md 一律 null（删与读两处共用） */
+export function chalkAbsPath(pid, id) {
+  if (typeof id !== 'string' || !id.startsWith(`${CHALK_DIR}/`)) return null;
+  const name = id.slice(CHALK_DIR.length + 1);
+  if (!name || name.includes('/') || name.includes('\\') || name.includes('..') || name.startsWith('.') || !name.endsWith('.md')) return null;
+  const base = path.resolve(getSharedDir(pid), CHALK_DIR);
+  const abs = path.resolve(base, name);
+  return abs.startsWith(base + path.sep) ? abs : null;
+}
+
 const RENAME_TTL_MS = 5 * 60 * 1000;
 /** @type {Map<string, Map<string, { to: string, at: number }>>} pid → (旧 id → 新 id) */
 const renameJournal = new Map();

package/server/projects/ui-config.js

@@ -22,6 +22,12 @@ const LEGACY_NAME = 'session-config.json';
 
 export const DEFAULT_UI_CONFIG = Object.freeze({
   tweaks_mode_enabled: true,
+  /**
+   * 黑板模式（2026-08-23）：用户专注头脑风暴时，画布取代侧栏成为主交互窗口 ——
+   * agent 每轮的主体内容落画布（sketch_on_board / edit_sketch），聊天里只留一两句；
+   * 草图落定时服务端广播 board.focus，前端把镜头带过去。
+   */
+  blackboard_mode: false,
 });
 
 /**

package/server/projects/viewpoint-store.js

@@ -0,0 +1,78 @@
+/**
+ * server/projects/viewpoint-store.js —— 用户视点（2026-08-23 黑板）
+ *
+ * 服务端在这之前对「用户此刻看着哪里」一无所知：相机在哪、哪扇窗开着、选中了
+ * 谁，全在前端。agent 于是只能猜「这个」「这里」指什么。前端按节流上报一份
+ * 视点，这里存**每个项目最近一份**（进程内存，不落盘 —— 它是"此刻"，重启即作废）。
+ *
+ * 读者：read_board（小地图画视口框 + 列视口里有什么）、UserPromptSubmit 注入
+ * （只报变化）、read_user_view 工具。
+ *
+ * 只存最近一份而不是按用户存：一个项目同时几个人看是例外不是常态，而 agent
+ * 要的是"跟它说话的那个人在看哪"——发消息的人上一拍上报的视点就是它。
+ * 写入带 userId，以后要拆按用户拆读法就行。
+ */
+
+const TTL_MS = 10 * 60 * 1000;   // 十分钟没上报就当离开了
+const store = new Map();          // pid → viewpoint
+
+function num(v, min, max) {
+  const n = Number(v);
+  return Number.isFinite(n) ? Math.min(max, Math.max(min, n)) : null;
+}
+
+function sanitizeViewpoint(raw, userId) {
+  if (!raw || typeof raw !== 'object') return null;
+  const cam = raw.camera && typeof raw.camera === 'object' ? raw.camera : null;
+  const camera = cam ? {
+    x: num(cam.x, -1e6, 1e6), y: num(cam.y, -1e6, 1e6),
+    w: num(cam.w, 1, 1e5), h: num(cam.h, 1, 1e5),
+  } : null;
+  if (camera && Object.values(camera).some(v => v === null)) return null;
+  const str = (v, n) => (typeof v === 'string' && v.length <= n ? v : null);
+  return {
+    userId: userId || null,
+    camera,
+    zoom: num(raw.zoom, 0.01, 100),
+    layer: str(raw.layer, 300) || '',
+    openWindow: str(raw.openWindow, 300),
+    openPage: str(raw.openPage, 120),
+    selected: Array.isArray(raw.selected) ? raw.selected.filter(s => typeof s === 'string' && s.length <= 300).slice(0, 24) : [],
+    at: Date.now(),
+  };
+}
+
+export function setViewpoint(pid, raw, userId = null) {
+  const v = sanitizeViewpoint(raw, userId);
+  if (!v) return null;
+  store.set(pid, v);
+  return v;
+}
+
+export function getViewpoint(pid) {
+  const v = store.get(pid);
+  if (!v) return null;
+  if (Date.now() - v.at > TTL_MS) { store.delete(pid); return null; }
+  return v;
+}
+
+/** 一行人话（注入/工具共用一份措辞）。rects 可选：给了就报视口里有什么 */
+export function describeViewpoint(v, rects = null) {
+  if (!v) return null;
+  const bits = [];
+  if (v.layer) bits.push(`在文件夹「${v.layer}」里`);
+  if (v.camera) {
+    bits.push(`视口 (${Math.round(v.camera.x)},${Math.round(v.camera.y)}) ${Math.round(v.camera.w)}x${Math.round(v.camera.h)}${v.zoom ? ` 缩放 ${Number(v.zoom).toFixed(2)}` : ''}`);
+    if (rects) {
+      const c = v.camera;
+      const inside = rects.filter(r => !(r.x + r.w < c.x || r.x > c.x + c.w || r.y + r.h < c.y || r.y > c.y + c.h)).map(r => r.id);
+      if (inside.length) bits.push(`视口里有 ${inside.length} 件：${inside.slice(0, 10).join('、')}${inside.length > 10 ? ' 等' : ''}`);
+      else bits.push('视口里是空地');
+    }
+  }
+  if (v.openWindow) bits.push(`开着窗：${v.openWindow}${v.openPage ? `（${v.openPage}）` : ''}`);
+  if (v.selected?.length) bits.push(`选中：${v.selected.slice(0, 8).join('、')}${v.selected.length > 8 ? ' 等' : ''}`);
+  return bits.join('；') || null;
+}
+
+export function _resetViewpoints() { store.clear(); }

package/server/ws/broker.js

@@ -10,6 +10,7 @@
 
 import { EventBus } from '../engine/agent/events.js';
 import { attachLiveTurnTracker } from '../engine/runs/live-turn.js';
+import { attachBoardTasklist } from '../engine/runs/board-tasklist.js';
 
 /** @type {Map<string, EventBus>} */
 const projectBuses = new Map();
@@ -22,6 +23,8 @@ export function getProjectBus(projectId) {
     // live-turn 快照折叠器：进行中 turn 的事件物化成可恢复状态，
     // WS 重连走"hydrate + ws.live_turn 快照 + 尾随"三段协议。见 live-turn.js
     attachLiveTurnTracker(bus);
+    // 步骤清单镜像成板书 + 每步产物连线（2026-08-23 黑板文化，harness 做不靠 agent 记得）
+    attachBoardTasklist(bus, projectId);
     projectBuses.set(projectId, bus);
   }
   return bus;

package/web/dist/assets/{BrowserWindow-BYCgizHw.js → BrowserWindow-P_vIdh-G.js}

@@ -1,4 +1,4 @@
-import{c as G,r as i,au as L,av as ee,j as t,a0 as te,F as y,b as $,G as u,aw as ne,Z as ie,at as N,C as c,e as j,a2 as I,ax as se,ay as re,a7 as oe}from"./index-BHTBJlpY.js";import{A as ae,R as le}from"./rotate-cw-B1UQ8Hld.js";/**
+import{c as G,r as i,B as z,H as ee,j as t,I as te,F as y,a as $,G as u,b as ne,A as ie,C as N,d as c,e as j,L as W,f as se,g as re,h as oe}from"./index-GAamh1p4.js";import{A as ae,R as le}from"./rotate-cw-KAfChbGV.js";/**
  * @license lucide-react v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -8,4 +8,4 @@ import{c as G,r as i,au as L,av as ee,j as t,a0 as te,F as y,b as $,G as u,aw as
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ce=G("PowerOff",[["path",{d:"M18.36 6.64A9 9 0 0 1 20.77 15",key:"dxknvb"}],["path",{d:"M6.16 6.16a9 9 0 1 0 12.68 12.68",key:"1x7qb5"}],["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);function de(o){try{return decodeURI(o)}catch{return o}}function _(o,x){const h=o.getBoundingClientRect();return{rx:Math.min(1,Math.max(0,(x.clientX-h.left)/h.width)),ry:Math.min(1,Math.max(0,(x.clientY-h.top)/h.height))}}function fe({projectId:o,url:x,help:h,onClose:w,onToolbarGroups:J}){const[v,d]=i.useState("connecting"),[A,g]=i.useState(null),[b,O]=i.useState(x||""),[a,M]=i.useState(!1),[H,X]=i.useState(!1),[T,B]=i.useState(null),[k,D]=i.useState(!1),[C,K]=i.useState([]),[F,V]=i.useState(null),[E,Y]=i.useState(!0),R=i.useRef(null),z=i.useRef(null),Z=i.useRef(!1);Z.current=a;const l=i.useCallback(e=>{const n=z.current;n&&n.readyState===1&&n.send(JSON.stringify(e))},[]),q=i.useCallback(async()=>{D(!0),g(null);try{const e=await L.open(o);O(e.url||""),d("connecting"),l({type:"subscribe"})}catch(e){d("error"),g((e==null?void 0:e.message)||"打不开")}finally{D(!1)}},[o,l]);i.useEffect(()=>{const e=window.location.protocol==="https:"?"wss:":"ws:",n=new WebSocket(`${e}//${window.location.host}/ws/projects/${encodeURIComponent(o)}/browser`);n.binaryType="arraybuffer",z.current=n,n.onopen=()=>{d("connecting"),n.send(JSON.stringify({type:"subscribe"}))},n.onclose=p=>{d(p.code===4401?"error":"closed"),p.code===4401&&g("没有权限")},n.onerror=()=>d("error"),n.onmessage=async p=>{var r,W;if(typeof p.data!="string"){const m=R.current;if(!m)return;try{const f=await createImageBitmap(new Blob([p.data],{type:"image/jpeg"}));(m.width!==f.width||m.height!==f.height)&&(m.width=f.width,m.height=f.height),(r=m.getContext("2d"))==null||r.drawImage(f,0,0),(W=f.close)==null||W.call(f),X(!0),d("live")}catch{}return}let s;try{s=JSON.parse(p.data)}catch{return}s.type==="subscribed"&&(d("live"),s.url&&O(s.url)),s.type==="hello"&&s.help&&B(s.help),s.type==="released"&&B(null),s.type==="idle"&&(d("idle"),g(s.reason)),s.type==="error"&&(d("error"),g(s.reason)),s.type==="closed"&&(d("closed"),g(s.reason)),s.type==="url"&&O(s.url||"")};const S=()=>l({type:document.hidden?"unsubscribe":"subscribe"});return document.addEventListener("visibilitychange",S),()=>{document.removeEventListener("visibilitychange",S);try{n.send(JSON.stringify({type:"unsubscribe"}))}catch{}n.close(),z.current=null}},[o,l]),i.useEffect(()=>{x&&O(x)},[x]),i.useEffect(()=>{let e=!0;return L.state(o).then(n=>{e&&K(Array.isArray(n==null?void 0:n.sites)?n.sites:[])}).catch(()=>{}),()=>{e=!1}},[o]),i.useEffect(()=>{var s;if(!a)return;const e=R.current;if(!e)return;const n=r=>{r.preventDefault(),l({type:"input",kind:"click",..._(e,r)})},S=r=>{r.preventDefault(),l({type:"input",kind:"wheel",..._(e,r),dx:r.deltaX,dy:r.deltaY})},p=r=>{if(!r.isComposing){if(r.key.length===1){r.preventDefault(),l({type:"input",kind:"key",text:r.key});return}["Enter","Backspace","Tab","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(r.key)&&(r.preventDefault(),l({type:"input",kind:"key",key:r.key}))}};return e.addEventListener("click",n),e.addEventListener("wheel",S,{passive:!1}),e.addEventListener("keydown",p),(s=e.focus)==null||s.call(e),()=>{e.removeEventListener("click",n),e.removeEventListener("wheel",S),e.removeEventListener("keydown",p)}},[a,l]);const Q=i.useMemo(()=>[{id:"addr",node:t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,padding:`0 ${u.sm}px`,maxWidth:420,fontFamily:$,fontSize:y.xs,color:te.text,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",userSelect:"text"},title:b||"",children:[t.jsx(ne,{size:12,style:{flexShrink:0,opacity:.6}}),b?de(b):"（还没打开页面）"]})},{id:"nav",items:[{id:"back",icon:ae,title:"后退",onClick:()=>l({type:"nav",action:"back"})},{id:"reload",icon:le,title:"刷新",onClick:()=>l({type:"nav",action:"reload"})}]},{id:"end",items:[{id:"end",icon:ce,title:"不逛了 —— 关掉浏览器并把桌面上那张卡收走（在站点上的登录留着）",onClick:async()=>{try{await L.end(o)}catch{}w==null||w()}}]},{id:"takeover",items:[{id:"hand",icon:a?U:ee,title:a?"好了继续 —— 把控制权交回 agent（它正等着）":"我来接手 —— 点击/滚动/打字会直接发到那个浏览器里",active:a,onClick:()=>{a?(l({type:"release"}),M(!1)):M(!0)}}]}],[b,a,l,o,w]),P={connecting:"连接中…",live:null,idle:A||"agent 还没开始浏览",error:A||"出错了",closed:A||"浏览器已经关了"}[v];return t.jsxs(ie,{kind:"browse",title:"agent 的浏览器",subtitle:a?"你在接手":v==="live"?"实时":null,onClose:w,groups:Q,onToolbarGroups:J,banner:h||T?t.jsxs("span",{children:[t.jsx("b",{children:"agent 需要你帮个手"}),"：",h||T,"—— 点工具栏上的",t.jsx("b",{children:"手形按钮"}),"接手，弄完再点一次（变成 ▶）把控制权交回去。 它正停在那儿等你。"]}):null,contentStyle:{background:N.paper},children:[t.jsxs("div",{style:{flex:1,minHeight:0,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:u.md,boxSizing:"border-box",position:"relative"},children:[t.jsx("canvas",{ref:R,tabIndex:a?0:-1,title:a?"接手中：点一下这块画面再打字（键盘只在这里生效）":void 0,style:{maxWidth:"100%",maxHeight:"100%",display:H?"block":"none",background:"#fff",borderRadius:2,boxShadow:"0 2px 12px rgba(43,39,35,.18)",cursor:a?"pointer":"default",outline:a?`2px solid ${c.accent||"#8a4b2d"}`:"none",outlineOffset:3}}),(!H||P)&&t.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:u.sm,fontFamily:j,fontSize:y.sm,color:c.text2,textAlign:"center"},children:[v==="connecting"&&t.jsx(I,{size:16,style:{animation:"spin 1s linear infinite"}}),t.jsx("span",{children:P||"等第一帧…"}),(v==="idle"||v==="closed")&&t.jsxs(t.Fragment,{children:[b&&t.jsxs("button",{type:"button",disabled:k,onClick:q,style:{display:"inline-flex",alignItems:"center",gap:6,padding:`${u.xs}px ${u.md}px`,cursor:k?"default":"pointer",fontFamily:j,fontSize:y.sm,color:c.text,background:N.paper,border:`1px solid ${c.border}`,borderRadius:3,opacity:k?.6:1},children:[k?t.jsx(I,{size:13,style:{animation:"spin 1s linear infinite"}}):t.jsx(U,{size:13}),k?"正在打开…":"打开上次那一页"]}),t.jsxs("span",{style:{color:c.sub,fontSize:y.xs,maxWidth:360,lineHeight:1.7},children:[b?"浏览器空闲 5 分钟会自己休息（登录态留着）。打开之后你可以直接接手操作，agent 下次也接着用这一页。":"让 agent 去看一个站（它有 browser_navigate），这里就会亮起来。",t.jsx("br",{}),"静止的页面不会一直传帧 —— 画面不动是正常的，不是卡住了。"]})]})]})]}),!!C.length&&t.jsxs("div",{style:{flexShrink:0,borderTop:`1px solid ${c.border}`,background:c.bgCard,maxHeight:E?220:30,overflow:"hidden",transition:"max-height .18s ease"},children:[t.jsxs("button",{type:"button",onClick:()=>Y(e=>!e),style:{display:"flex",alignItems:"center",gap:6,width:"100%",padding:`4px ${u.md}px`,cursor:"pointer",background:"transparent",border:0,color:c.text2,fontFamily:j,fontSize:y.xs},children:[t.jsx(se,{size:12}),"采到的东西 · ",C.length," 个站 · ",C.reduce((e,n)=>e+n.count,0)," 件",t.jsx(re,{size:12,style:{marginLeft:"auto",opacity:.6,transform:E?"none":"rotate(-90deg)",transition:"transform .18s ease"}})]}),E&&t.jsx("div",{style:{display:"flex",gap:u.sm,padding:`0 ${u.md}px ${u.sm}px`,overflowX:"auto"},children:C.map(e=>t.jsxs("div",{style:{flexShrink:0,width:150},children:[t.jsxs("button",{type:"button",title:`${e.dir}（${e.count} 件）`,onClick:()=>V(F===e.site?null:e.site),style:{display:"block",width:"100%",padding:0,cursor:"pointer",background:N.paper,border:`1px solid ${F===e.site?c.text:c.border}`,borderRadius:2,overflow:"hidden"},children:[e.cover?t.jsx("img",{alt:"",loading:"lazy",src:oe.artifactFileUrl(o,e.cover),style:{width:"100%",height:84,objectFit:"cover",objectPosition:"top center",display:"block"}}):t.jsx("div",{style:{height:84,display:"flex",alignItems:"center",justifyContent:"center",color:c.sub,fontFamily:j,fontSize:y.xxs},children:"没有截图"}),t.jsx("div",{style:{padding:"3px 5px",textAlign:"left",fontFamily:$,fontSize:y.xxs,color:c.text2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.site})]}),F===e.site&&t.jsxs("div",{style:{paddingTop:3,fontFamily:j,fontSize:y.xxs,color:c.sub,lineHeight:1.6},children:[t.jsxs("span",{style:{fontFamily:$},children:[e.dir,"/"]}),t.jsx("br",{}),e.count," 件（截图 / 调色板 / 字体 / 结构 / CSS，类别在文件名里）"]})]},e.site))})]})]})}export{fe as default};
+ */const ce=G("PowerOff",[["path",{d:"M18.36 6.64A9 9 0 0 1 20.77 15",key:"dxknvb"}],["path",{d:"M6.16 6.16a9 9 0 1 0 12.68 12.68",key:"1x7qb5"}],["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);function de(o){try{return decodeURI(o)}catch{return o}}function _(o,h){const x=o.getBoundingClientRect();return{rx:Math.min(1,Math.max(0,(h.clientX-x.left)/x.width)),ry:Math.min(1,Math.max(0,(h.clientY-x.top)/x.height))}}function fe({projectId:o,url:h,help:x,onClose:w,onToolbarGroups:J}){const[v,d]=i.useState("connecting"),[C,g]=i.useState(null),[b,O]=i.useState(h||""),[a,H]=i.useState(!1),[M,X]=i.useState(!1),[B,T]=i.useState(null),[k,D]=i.useState(!1),[A,K]=i.useState([]),[F,V]=i.useState(null),[E,Y]=i.useState(!0),R=i.useRef(null),L=i.useRef(null),q=i.useRef(!1);q.current=a;const l=i.useCallback(e=>{const n=L.current;n&&n.readyState===1&&n.send(JSON.stringify(e))},[]),Z=i.useCallback(async()=>{D(!0),g(null);try{const e=await z.open(o);O(e.url||""),d("connecting"),l({type:"subscribe"})}catch(e){d("error"),g((e==null?void 0:e.message)||"打不开")}finally{D(!1)}},[o,l]);i.useEffect(()=>{const e=window.location.protocol==="https:"?"wss:":"ws:",n=new WebSocket(`${e}//${window.location.host}/ws/projects/${encodeURIComponent(o)}/browser`);n.binaryType="arraybuffer",L.current=n,n.onopen=()=>{d("connecting"),n.send(JSON.stringify({type:"subscribe"}))},n.onclose=p=>{d(p.code===4401?"error":"closed"),p.code===4401&&g("没有权限")},n.onerror=()=>d("error"),n.onmessage=async p=>{var r,P;if(typeof p.data!="string"){const m=R.current;if(!m)return;try{const f=await createImageBitmap(new Blob([p.data],{type:"image/jpeg"}));(m.width!==f.width||m.height!==f.height)&&(m.width=f.width,m.height=f.height),(r=m.getContext("2d"))==null||r.drawImage(f,0,0),(P=f.close)==null||P.call(f),X(!0),d("live")}catch{}return}let s;try{s=JSON.parse(p.data)}catch{return}s.type==="subscribed"&&(d("live"),s.url&&O(s.url)),s.type==="hello"&&s.help&&T(s.help),s.type==="released"&&T(null),s.type==="idle"&&(d("idle"),g(s.reason)),s.type==="error"&&(d("error"),g(s.reason)),s.type==="closed"&&(d("closed"),g(s.reason)),s.type==="url"&&O(s.url||"")};const S=()=>l({type:document.hidden?"unsubscribe":"subscribe"});return document.addEventListener("visibilitychange",S),()=>{document.removeEventListener("visibilitychange",S);try{n.send(JSON.stringify({type:"unsubscribe"}))}catch{}n.close(),L.current=null}},[o,l]),i.useEffect(()=>{h&&O(h)},[h]),i.useEffect(()=>{let e=!0;return z.state(o).then(n=>{e&&K(Array.isArray(n==null?void 0:n.sites)?n.sites:[])}).catch(()=>{}),()=>{e=!1}},[o]),i.useEffect(()=>{var s;if(!a)return;const e=R.current;if(!e)return;const n=r=>{r.preventDefault(),l({type:"input",kind:"click",..._(e,r)})},S=r=>{r.preventDefault(),l({type:"input",kind:"wheel",..._(e,r),dx:r.deltaX,dy:r.deltaY})},p=r=>{if(!r.isComposing){if(r.key.length===1){r.preventDefault(),l({type:"input",kind:"key",text:r.key});return}["Enter","Backspace","Tab","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(r.key)&&(r.preventDefault(),l({type:"input",kind:"key",key:r.key}))}};return e.addEventListener("click",n),e.addEventListener("wheel",S,{passive:!1}),e.addEventListener("keydown",p),(s=e.focus)==null||s.call(e),()=>{e.removeEventListener("click",n),e.removeEventListener("wheel",S),e.removeEventListener("keydown",p)}},[a,l]);const Q=i.useMemo(()=>[{id:"addr",node:t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,padding:`0 ${u.sm}px`,maxWidth:420,fontFamily:$,fontSize:y.xs,color:te.text,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",userSelect:"text"},title:b||"",children:[t.jsx(ne,{size:12,style:{flexShrink:0,opacity:.6}}),b?de(b):"（还没打开页面）"]})},{id:"nav",items:[{id:"back",icon:ae,title:"后退",onClick:()=>l({type:"nav",action:"back"})},{id:"reload",icon:le,title:"刷新",onClick:()=>l({type:"nav",action:"reload"})}]},{id:"end",items:[{id:"end",icon:ce,title:"不逛了 —— 关掉浏览器并把桌面上那张卡收走（在站点上的登录留着）",onClick:async()=>{try{await z.end(o)}catch{}w==null||w()}}]},{id:"takeover",items:[{id:"hand",icon:a?U:ee,title:a?"好了继续 —— 把控制权交回 agent（它正等着）":"我来接手 —— 点击/滚动/打字会直接发到那个浏览器里",active:a,onClick:()=>{a?(l({type:"release"}),H(!1)):H(!0)}}]}],[b,a,l,o,w]),I={connecting:"连接中…",live:null,idle:C||"agent 还没开始浏览",error:C||"出错了",closed:C||"浏览器已经关了"}[v];return t.jsxs(ie,{kind:"browse",title:"agent 的浏览器",subtitle:a?"你在接手":v==="live"?"实时":null,onClose:w,groups:Q,onToolbarGroups:J,banner:x||B?t.jsxs("span",{children:[t.jsx("b",{children:"agent 需要你帮个手"}),"：",x||B,"—— 点工具栏上的",t.jsx("b",{children:"手形按钮"}),"接手，弄完再点一次（变成 ▶）把控制权交回去。 它正停在那儿等你。"]}):null,contentStyle:{background:N.paper},children:[t.jsxs("div",{style:{flex:1,minHeight:0,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:u.md,boxSizing:"border-box",position:"relative"},children:[t.jsx("canvas",{ref:R,tabIndex:a?0:-1,title:a?"接手中：点一下这块画面再打字（键盘只在这里生效）":void 0,style:{maxWidth:"100%",maxHeight:"100%",display:M?"block":"none",background:"#fff",borderRadius:2,boxShadow:"0 2px 12px rgba(43,39,35,.18)",cursor:a?"pointer":"default",outline:a?`2px solid ${c.accent||"#8a4b2d"}`:"none",outlineOffset:3}}),(!M||I)&&t.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:u.sm,fontFamily:j,fontSize:y.sm,color:c.text2,textAlign:"center"},children:[v==="connecting"&&t.jsx(W,{size:16,style:{animation:"spin 1s linear infinite"}}),t.jsx("span",{children:I||"等第一帧…"}),(v==="idle"||v==="closed")&&t.jsxs(t.Fragment,{children:[b&&t.jsxs("button",{type:"button",disabled:k,onClick:Z,style:{display:"inline-flex",alignItems:"center",gap:6,padding:`${u.xs}px ${u.md}px`,cursor:k?"default":"pointer",fontFamily:j,fontSize:y.sm,color:c.text,background:N.paper,border:`1px solid ${c.border}`,borderRadius:3,opacity:k?.6:1},children:[k?t.jsx(W,{size:13,style:{animation:"spin 1s linear infinite"}}):t.jsx(U,{size:13}),k?"正在打开…":"打开上次那一页"]}),t.jsxs("span",{style:{color:c.sub,fontSize:y.xs,maxWidth:360,lineHeight:1.7},children:[b?"浏览器空闲 5 分钟会自己休息（登录态留着）。打开之后你可以直接接手操作，agent 下次也接着用这一页。":"让 agent 去看一个站（它有 browser_navigate），这里就会亮起来。",t.jsx("br",{}),"静止的页面不会一直传帧 —— 画面不动是正常的，不是卡住了。"]})]})]})]}),!!A.length&&t.jsxs("div",{style:{flexShrink:0,borderTop:`1px solid ${c.border}`,background:c.bgCard,maxHeight:E?220:30,overflow:"hidden",transition:"max-height .18s ease"},children:[t.jsxs("button",{type:"button",onClick:()=>Y(e=>!e),style:{display:"flex",alignItems:"center",gap:6,width:"100%",padding:`4px ${u.md}px`,cursor:"pointer",background:"transparent",border:0,color:c.text2,fontFamily:j,fontSize:y.xs},children:[t.jsx(se,{size:12}),"采到的东西 · ",A.length," 个站 · ",A.reduce((e,n)=>e+n.count,0)," 件",t.jsx(re,{size:12,style:{marginLeft:"auto",opacity:.6,transform:E?"none":"rotate(-90deg)",transition:"transform .18s ease"}})]}),E&&t.jsx("div",{style:{display:"flex",gap:u.sm,padding:`0 ${u.md}px ${u.sm}px`,overflowX:"auto"},children:A.map(e=>t.jsxs("div",{style:{flexShrink:0,width:150},children:[t.jsxs("button",{type:"button",title:`${e.dir}（${e.count} 件）`,onClick:()=>V(F===e.site?null:e.site),style:{display:"block",width:"100%",padding:0,cursor:"pointer",background:N.paper,border:`1px solid ${F===e.site?c.text:c.border}`,borderRadius:2,overflow:"hidden"},children:[e.cover?t.jsx("img",{alt:"",loading:"lazy",src:oe.artifactFileUrl(o,e.cover),style:{width:"100%",height:84,objectFit:"cover",objectPosition:"top center",display:"block"}}):t.jsx("div",{style:{height:84,display:"flex",alignItems:"center",justifyContent:"center",color:c.sub,fontFamily:j,fontSize:y.xxs},children:"没有截图"}),t.jsx("div",{style:{padding:"3px 5px",textAlign:"left",fontFamily:$,fontSize:y.xxs,color:c.text2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.site})]}),F===e.site&&t.jsxs("div",{style:{paddingTop:3,fontFamily:j,fontSize:y.xxs,color:c.sub,lineHeight:1.6},children:[t.jsxs("span",{style:{fontFamily:$},children:[e.dir,"/"]}),t.jsx("br",{}),e.count," 件（截图 / 调色板 / 字体 / 结构 / CSS，类别在文件名里）"]})]},e.site))})]})]})}export{fe as default};