pi-web-ui 0.63.2 → 0.63.4

package/dist/server/markers/builtins/notify.js

@@ -0,0 +1,20 @@
+/**
+ * builtins/notify.ts — 纯提醒标记。
+ */
+export const notifyMarker = {
+    name: "notify",
+    guidance: [
+        "- [[notify:<级别>:<内容>]] 仅向用户显示一个非打断性提醒，不会进入正文。级别为 info|warning|success|error。",
+    ],
+    async apply(token, ctx) {
+        const level = token.op || token.kwargs["level"] || "info";
+        const text = token.kwargs["text"] || token.args.join(" ") || "";
+        if (!text)
+            return { applied: false, error: "notify 需要内容" };
+        const safe = (level === "warning" || level === "error" ? level : "info");
+        ctx.notify(text, safe);
+        return { applied: true, feedback: "notified" };
+    },
+    overlay: undefined,
+    init: () => undefined,
+};

package/dist/server/markers/builtins/rename.js

@@ -0,0 +1,102 @@
+/**
+ * builtins/rename.ts — 重命名当前对话标记。
+ *
+ * 需求：加个重命名当前对话 marker。
+ *
+ * 语法：
+ *   [[conv:rename:<新标题>]]        重命名当前对话
+ *   [[rename:set:<新标题>]]         同上（兼容别名）
+ *   [[title:rename:<新标题>]]       同上
+ *   [[rename:new:<新标题>]]         同上
+ *
+ * 兼容：rename 前缀的任意 op 都会被视为重命名，例如 [[rename:set:My Chat]]、
+ *       [[rename:to:My Chat]]。标题来自 args[0] + kwargs[text/name/title] 的
+ *       拼接，未提供则报错。
+ *
+ * 持久化：通过宿主回调直接改对话标题（内存 + 磁盘 transcript session_info），
+ *         不需要额外状态。
+ */
+export const RENAME_NAMESPACE = "conv";
+function extractTitle(token) {
+    // args[0] 是主标题；kwargs 兼容 text/name/title
+    const fromArgs = token.args.join(" ").trim();
+    const fromKw = (token.kwargs["text"] ?? token.kwargs["name"] ?? token.kwargs["title"] ?? "").trim();
+    if (fromArgs && fromKw)
+        return `${fromArgs} ${fromKw}`.trim();
+    return fromArgs || fromKw;
+}
+export const renameMarker = {
+    name: "conv",
+    guidance: [
+        "- 重命名当前对话：[[conv:rename:<新标题>]]（或 [[rename:set:<标题>]]）。标题尽量简短、能概括本次任务。首次回复用户问题后根据情况重命名当前会话",
+    ],
+    async apply(token, ctx) {
+        if (token.op !== "rename") {
+            return { applied: false, error: `conv 未知操作: ${token.op}（当前仅支持 conv:rename）` };
+        }
+        const title = extractTitle(token);
+        if (!title)
+            return { applied: false, error: "conv:rename 需要一个标题参数 [[conv:rename:<新标题>]]" };
+        if (title.length > 80)
+            return { applied: false, error: "标题过长（最多 80 字）" };
+        if (!ctx.renameConversation)
+            return { applied: false, error: "当前环境不支持重命名" };
+        try {
+            ctx.renameConversation(title);
+            ctx.notify(`已重命名为：${title}`, "info");
+            return { applied: true, feedback: `renamed to "${title}"` };
+        }
+        catch (e) {
+            return { applied: false, error: `重命名失败: ${e.message ?? String(e)}` };
+        }
+    },
+    overlay: undefined,
+    init: () => undefined,
+};
+/** 别名：[[rename:set:标题]] 等同 [[conv:rename:标题]]，方便模型直觉书写。 */
+export const renameAliasMarker = {
+    name: "rename",
+    guidance: [
+        "- [[rename:set:<新标题>]] 同 [[conv:rename:<新标题>]]：重命名当前对话。",
+    ],
+    async apply(token, ctx) {
+        // 兼容任意 op：只要能取到标题就重命名
+        const title = extractTitle(token) || token.op?.trim() || "";
+        // 若 token 是 [[rename:My Title:]] 形式，op=My Title, args 空 —— 用 op 当标题
+        const effective = title || token.op;
+        if (!effective?.trim())
+            return { applied: false, error: "rename 需要标题参数 [[rename:set:<新标题>]]" };
+        const trimmed = effective.trim().slice(0, 80);
+        if (!ctx.renameConversation)
+            return { applied: false, error: "当前环境不支持重命名" };
+        try {
+            ctx.renameConversation(trimmed);
+            ctx.notify(`已重命名为：${trimmed}`, "info");
+            return { applied: true, feedback: `renamed to "${trimmed}"` };
+        }
+        catch (e) {
+            return { applied: false, error: `重命名失败: ${e.message ?? String(e)}` };
+        }
+    },
+    overlay: undefined,
+    init: () => undefined,
+};
+/** title 前缀别名：[[title:rename:标题]] */
+export const titleAliasMarker = {
+    name: "title",
+    guidance: [],
+    async apply(token, ctx) {
+        if (token.op !== "rename")
+            return { applied: false, error: `title 未知操作: ${token.op}` };
+        const title = extractTitle(token);
+        if (!title)
+            return { applied: false, error: "title:rename 需要标题" };
+        if (!ctx.renameConversation)
+            return { applied: false, error: "当前环境不支持重命名" };
+        ctx.renameConversation(title.slice(0, 80));
+        ctx.notify(`已重命名为：${title.slice(0, 80)}`, "info");
+        return { applied: true, feedback: `renamed` };
+    },
+    overlay: undefined,
+    init: () => undefined,
+};

package/dist/server/markers/builtins/services.js

@@ -0,0 +1,119 @@
+/**
+ * builtins/services.ts — 后台服务登记（复刻 pi-marker-tools）。
+ */
+export const SVC_NAMESPACE = "svc";
+export function initServiceState() {
+    return { services: [], nextId: 1 };
+}
+function parseId(raw) {
+    if (raw === undefined)
+        return null;
+    const n = Number(raw);
+    return Number.isInteger(n) && n > 0 ? n : null;
+}
+function toInt(raw) {
+    if (raw === undefined || raw === "")
+        return undefined;
+    const n = Number(raw);
+    return Number.isInteger(n) && n >= 0 ? n : undefined;
+}
+function findService(state, id) {
+    return state.services.find((s) => s.id === id);
+}
+function lineOf(s) {
+    const meta = [s.pid !== undefined ? `pid ${s.pid}` : "", s.port !== undefined ? `:${s.port}` : ""].filter(Boolean).join(" ");
+    return `${s.stopped ? "[x]" : "[ ]"} #${s.id}: ${s.name}${meta ? ` (${meta})` : ""}${s.command ? ` — ${s.command}` : ""}`;
+}
+export function describeServices(state) {
+    if (!state || state.services.length === 0)
+        return "[svc] (空)";
+    return state.services.map(lineOf).join("\n");
+}
+export const servicesMarker = {
+    name: "svc",
+    guidance: [
+        "- 后台服务登记（todo 风格）：[[svc:add:名称,pid=,port=,cmd=]] 登记；[[svc:stop:<id>]] 标记停止；[[svc:resume:<id>]] 标记运行；[[svc:remove:<id>]] 删除；[[svc:clear:]] 清空。",
+        "- 用 bash 启动后台服务（nohup ... &、pm2 start、docker run -d 等）后，立即写 [[svc:add:...]] 登记，尽量带 pid= 和 port=；服务退出或被关闭后写 [[svc:stop:<id>]] 保持清单准确。",
+    ],
+    async apply(token, _ctx, _state) {
+        const state = _state;
+        const op = token.op;
+        switch (op) {
+            case "add": {
+                const name = token.args[0]?.trim();
+                if (!name)
+                    return { applied: false, error: "svc:add 需要一个名称参数 [[svc:add:<名称>,pid=,port=,cmd=]]" };
+                const svc = {
+                    id: state.nextId++,
+                    name,
+                    command: token.kwargs["cmd"],
+                    pid: toInt(token.kwargs["pid"]),
+                    port: toInt(token.kwargs["port"]),
+                    startedAt: Date.now(),
+                    stopped: false,
+                };
+                state.services.push(svc);
+                const meta = [svc.pid !== undefined ? `pid ${svc.pid}` : "", svc.port !== undefined ? `:${svc.port}` : ""].filter(Boolean).join(" ");
+                return { applied: true, feedback: `Registered #${svc.id}: ${name}${meta ? ` (${meta})` : ""}` };
+            }
+            case "stop": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `svc:stop 的 id 无效: "${token.args[0] ?? ""}"` };
+                const svc = findService(state, id);
+                if (!svc)
+                    return { applied: false, error: `svc:stop 服务 #${id} 不存在` };
+                svc.stopped = true;
+                svc.stoppedAt = Date.now();
+                return { applied: true, feedback: `#${id} ${svc.name} marked stopped` };
+            }
+            case "resume": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `svc:resume 的 id 无效: "${token.args[0] ?? ""}"` };
+                const svc = findService(state, id);
+                if (!svc)
+                    return { applied: false, error: `svc:resume 服务 #${id} 不存在` };
+                svc.stopped = false;
+                svc.stoppedAt = undefined;
+                return { applied: true, feedback: `#${id} ${svc.name} marked running` };
+            }
+            case "remove": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `svc:remove 的 id 无效: "${token.args[0] ?? ""}"` };
+                const before = state.services.length;
+                state.services = state.services.filter((s) => s.id !== id);
+                if (state.services.length === before)
+                    return { applied: false, error: `svc:remove 服务 #${id} 不存在` };
+                return { applied: true, feedback: `Removed #${id}` };
+            }
+            case "clear": {
+                const n = state.services.length;
+                state.services = [];
+                state.nextId = 1;
+                return { applied: true, feedback: `Cleared ${n} service(s)` };
+            }
+            default:
+                return { applied: false, error: `svc 未知操作: ${op}` };
+        }
+    },
+    overlay(state) {
+        if (!state || state.services.length === 0)
+            return undefined;
+        const running = state.services.filter((s) => !s.stopped).length;
+        const lines = state.services.map((s) => {
+            const mark = s.stopped ? "○" : "●";
+            let line = ` ${mark} #${s.id} ${s.name}`;
+            if (s.port !== undefined)
+                line += ` :${s.port}`;
+            if (s.pid !== undefined)
+                line += ` (pid ${s.pid})`;
+            if (s.stopped)
+                line += " 已停止";
+            return line;
+        });
+        return { tool: "svc", lines: [`${running}/${state.services.length} running`, ...lines] };
+    },
+    init: initServiceState,
+};

package/dist/server/markers/builtins/todo.js

@@ -0,0 +1,130 @@
+/**
+ * builtins/todo.ts — 内置任务标记（复刻 pi-marker-tools）。
+ */
+export const TODO_NAMESPACE = "todo";
+export function initTodoState() {
+    return { tasks: [], nextId: 1 };
+}
+function findTask(state, id) {
+    return state.tasks.find((t) => t.id === id && t.status !== "deleted");
+}
+function parseId(raw) {
+    if (raw === undefined)
+        return null;
+    const n = Number(raw);
+    return Number.isInteger(n) && n > 0 ? n : null;
+}
+function formatStatus(s) {
+    switch (s) {
+        case "pending": return "pending";
+        case "in_progress": return "in_progress";
+        case "completed": return "completed";
+        default: return s;
+    }
+}
+export function describeTodos(state, includeDeleted = false) {
+    const visible = state.tasks.filter((t) => includeDeleted || t.status !== "deleted");
+    if (visible.length === 0)
+        return "[todo] (空)";
+    return visible
+        .map((t) => {
+        const form = t.status === "in_progress" && t.activeForm ? ` (${t.activeForm})` : "";
+        const deps = t.blockedBy.length ? ` ⛓ ${t.blockedBy.join(",")}` : "";
+        return `[${formatStatus(t.status)}] #${t.id} ${t.subject}${form}${deps}`;
+    })
+        .join("\n");
+}
+export const todoMarker = {
+    name: "todo",
+    guidance: [
+        "# 内联标记工具（状态类操作请写在回答正文，不要调用工具）",
+        "- 标记语法：[[todo:new:<主题>]] 新建；[[todo:set:<id>,completed|in_progress|pending]] 状态；[[todo:remove:<id>]] 删除；[[todo:dep:<id>,blocks=<依赖id,逗号分隔>]] 设依赖。",
+        "- 状态变化全部用上面的 [[todo:...]] 内联标记表达，不会中断回答，无需等待返回。",
+        "- 想查看/list 当前任务列表时，才用 `markers_list` 工具（读操作走工具）。",
+        "- 不要编造不存在的任务 id；id 由 [[todo:new:...]] 分配，首次分配是自增整数。",
+    ],
+    async apply(token, _ctx, _state) {
+        const state = _state;
+        const op = token.op;
+        switch (op) {
+            case "new": {
+                const subject = token.args[0]?.trim();
+                if (!subject)
+                    return { applied: false, error: "todo:new 需要一个主题参数 [[todo:new:<主题>]]" };
+                const id = state.nextId++;
+                state.tasks.push({ id, subject, status: "pending", blockedBy: [], createdAt: Date.now() });
+                return { applied: true, feedback: `Created #${id}: ${subject} (pending)` };
+            }
+            case "set": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `todo:set 的 id 无效: "${token.args[0] ?? ""}"` };
+                const status = token.args[1]?.trim();
+                if (!status || !(status === "pending" || status === "in_progress" || status === "completed")) {
+                    return { applied: false, error: `todo:set 状态无效: "${status ?? ""}"，应为 pending|in_progress|completed` };
+                }
+                const task = findTask(state, id);
+                if (!task)
+                    return { applied: false, error: `todo:set 任务 #${id} 不存在` };
+                const activeForm = token.kwargs["activeForm"];
+                const from = task.status;
+                if (status === "pending" && from === "completed") {
+                    return { applied: false, error: `任务 #${id} 已完成，不能置回 pending` };
+                }
+                if (status === "in_progress" && from === "completed") {
+                    return { applied: false, error: `任务 #${id} 已完成，不能重新进行中` };
+                }
+                task.status = status;
+                if (status === "in_progress" && activeForm)
+                    task.activeForm = activeForm;
+                const change = from !== status ? ` (${from} → ${status})` : "";
+                return { applied: true, feedback: `Updated #${id}${change}` };
+            }
+            case "remove": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `todo:remove 的 id 无效: "${token.args[0] ?? ""}"` };
+                const task = findTask(state, id);
+                if (!task)
+                    return { applied: false, error: `todo:remove 任务 #${id} 不存在` };
+                task.status = "deleted";
+                return { applied: true, feedback: `Deleted #${id}: ${task.subject}` };
+            }
+            case "dep": {
+                const id = parseId(token.args[0]);
+                if (id === null)
+                    return { applied: false, error: `todo:dep 的 id 无效: "${token.args[0] ?? ""}"` };
+                const task = findTask(state, id);
+                if (!task)
+                    return { applied: false, error: `todo:dep 任务 #${id} 不存在` };
+                const depRaw = token.kwargs["blocks"] ?? token.args[1] ?? "";
+                const deps = depRaw
+                    .split(",")
+                    .map((x) => parseId(x.trim()))
+                    .filter((x) => x !== null);
+                const bad = deps.filter((d) => d === id || !findTask(state, d));
+                if (bad.length)
+                    return { applied: false, error: `todo:dep 检测到非法依赖 ${bad.join(",")}（不存在或自环）` };
+                task.blockedBy = deps;
+                return { applied: true, feedback: `#${id} blocks: ${deps.length ? deps.join(",") : "(none)"}` };
+            }
+            default:
+                return { applied: false, error: `todo 未知操作: ${op}` };
+        }
+    },
+    overlay(state) {
+        if (!state || state.tasks.length === 0)
+            return undefined;
+        const visible = state.tasks.filter((t) => t.status !== "deleted");
+        if (visible.length === 0)
+            return undefined;
+        const done = visible.filter((t) => t.status === "completed").length;
+        const lines = visible.map((t) => {
+            const mark = t.status === "completed" ? "✓" : t.status === "in_progress" ? "◐" : "○";
+            const form = t.status === "in_progress" && t.activeForm ? ` (${t.activeForm})` : "";
+            return ` ${mark} #${t.id} ${t.subject}${form}`;
+        });
+        return { tool: "todo", lines: [`${done}/${visible.length} done`, ...lines] };
+    },
+    init: initTodoState,
+};

package/dist/server/markers/index.js

@@ -0,0 +1,24 @@
+/**
+ * markers/index.ts — 聚合内置标记并提供便捷初始化。
+ */
+import { registerMarker } from "./registry.js";
+import { todoMarker } from "./builtins/todo.js";
+import { servicesMarker } from "./builtins/services.js";
+import { notifyMarker } from "./builtins/notify.js";
+import { renameMarker, renameAliasMarker, titleAliasMarker } from "./builtins/rename.js";
+let initialized = false;
+export function ensureMarkersRegistered() {
+    if (initialized)
+        return;
+    registerMarker(todoMarker);
+    registerMarker(servicesMarker);
+    registerMarker(notifyMarker);
+    registerMarker(renameMarker);
+    registerMarker(renameAliasMarker);
+    registerMarker(titleAliasMarker);
+    initialized = true;
+}
+export { todoMarker, servicesMarker, notifyMarker, renameMarker, renameAliasMarker, titleAliasMarker };
+export * from "./marker.js";
+export * from "./registry.js";
+export * from "./store.js";

package/dist/server/markers/marker.js

@@ -0,0 +1,53 @@
+/**
+ * marker.ts — 通用内联标记核心抽象（内置版）。
+ * 复刻自 pi-marker-tools，保持相同解析语义，便于 AI 无缝迁移。
+ */
+export const MARKER_OPEN = "[[";
+export const MARKER_CLOSE = "]]";
+// ---------------------------------------------------------------------------
+// 解析器
+// ---------------------------------------------------------------------------
+const TOKEN_RE = /\[\[\s*([A-Za-z][A-Za-z0-9_-]*)\s*:\s*([A-Za-z][A-Za-z0-9_-]*)\s*:(.*?)\s*\]\]/g;
+function splitArgs(body) {
+    const args = [];
+    const kwargs = {};
+    for (const piece of body.split(",")) {
+        const trimmed = piece.trim();
+        if (!trimmed)
+            continue;
+        const eq = trimmed.indexOf("=");
+        if (eq > 0 && /^[A-Za-z][A-Za-z0-9_-]*$/.test(trimmed.slice(0, eq))) {
+            kwargs[trimmed.slice(0, eq)] = trimmed.slice(eq + 1);
+        }
+        else {
+            args.push(trimmed);
+        }
+    }
+    return { args, kwargs };
+}
+export function parseMarkers(text) {
+    const tokens = [];
+    TOKEN_RE.lastIndex = 0;
+    let m;
+    while ((m = TOKEN_RE.exec(text)) !== null) {
+        const [, tool, op, body] = m;
+        if (body.includes("[["))
+            continue;
+        const { args, kwargs } = splitArgs(body);
+        tokens.push({ tool, op, args, kwargs, raw: m[0] });
+    }
+    return tokens;
+}
+export function stripMarkers(text) {
+    return text.replace(TOKEN_RE, () => "");
+}
+export function replaceToken(text, raw, replacement) {
+    return text.split(raw).join(replacement);
+}
+export function serializeToken(token) {
+    const parts = [token.tool, token.op, ...token.args];
+    const kwargs = Object.entries(token.kwargs)
+        .sort(([a], [b]) => (a < b ? -1 : 1))
+        .map(([k, v]) => `${k}=${v}`);
+    return `${MARKER_OPEN}${[...parts, ...kwargs].join(":")}${MARKER_CLOSE}`;
+}

package/dist/server/markers/registry.js

@@ -0,0 +1,28 @@
+/**
+ * registry.ts — 标记工具注册表（内置版）。
+ */
+const registry = new Map();
+export function registerMarker(marker) {
+    registry.set(marker.name, marker);
+}
+export function getMarker(name) {
+    return registry.get(name);
+}
+export function allMarkers() {
+    return [...registry.values()];
+}
+export function lookupToken(name) {
+    return registry.get(name);
+}
+export function collectGuidance(disabled = new Set()) {
+    const out = [];
+    for (const m of allMarkers()) {
+        if (disabled.has(m.name))
+            continue;
+        out.push(...m.guidance);
+    }
+    return out;
+}
+export function listMarkerNames() {
+    return [...registry.keys()];
+}

package/dist/server/markers/store.js

@@ -0,0 +1,47 @@
+/**
+ * store.ts — 标记状态持久化（内置版）。
+ *
+ * 策略：优先用 SDK 会话的 custom entry（appendCustomEntry + getBranch 扫描），
+ * 失败时回退到内存 Map（保证 rename 等轻量标记仍可用）。custom entry 类型与
+ * pi-marker-tools 保持兼容（marker-tools/store），便于复用既有会话数据。
+ */
+export const STORE_CUSTOM_TYPE = "marker-tools/store";
+const SNAPSHOT_VERSION = 1;
+/** 从分支重建某命名空间最新快照；branch 为 SessionManager.getBranch() 返回的数组。 */
+export function loadStateFromBranch(branch, namespace) {
+    let latest;
+    for (const entry of branch) {
+        if (entry.type !== "custom")
+            continue;
+        if (entry.customType !== STORE_CUSTOM_TYPE)
+            continue;
+        const snap = entry.data;
+        if (!snap || snap.namespace !== namespace || snap.state === undefined)
+            continue;
+        if (!latest || snap.ts >= latest.ts)
+            latest = snap;
+    }
+    return latest?.state;
+}
+export function hasStateInBranch(branch, namespace) {
+    return loadStateFromBranch(branch, namespace) !== undefined;
+}
+/** 追加快照：优先走 sessionManager.appendCustomEntry，否则回退到回调。 */
+export function appendSnapshot(mgr, namespace, state, fallbackSave) {
+    const snapshot = {
+        namespace,
+        version: SNAPSHOT_VERSION,
+        state,
+        ts: Date.now(),
+    };
+    if (mgr?.appendCustomEntry) {
+        try {
+            mgr.appendCustomEntry(STORE_CUSTOM_TYPE, snapshot);
+            return;
+        }
+        catch {
+            // 回退到内存
+        }
+    }
+    fallbackSave?.(snapshot);
+}

package/dist/server/settings-service.js

@@ -210,6 +210,9 @@ export class SettingsService {
                 reviewSkills,
                 extensions,
                 presets: this.presets.map((p) => ({ ...p })),
+                ...(this.host.getMarkerState
+                    ? this.host.getMarkerState()
+                    : { markersEnabled: true, disabledMarkers: [], markers: [] }),
                 subagentTemplates: this.templates.list(),
                 subagentDefaultTemplates: DEFAULT_TEMPLATES.map((t) => t.name),
             },

package/dist/server/slash-commands.js

@@ -4,6 +4,13 @@
  * sync with exec(). */
 export const NATIVE_COMMANDS = [
     { name: "new", description: "新建对话", descriptionEn: "New chat" },
+    {
+        name: "name",
+        description: "重命名当前会话",
+        descriptionEn: "Set session display name",
+        argumentHint: "<名称>",
+        argumentHintEn: "<name>",
+    },
     {
         name: "model",
         description: "切换模型",
@@ -131,6 +138,33 @@ export class SlashCommandsService {
             case "new":
                 await this.host.newChat();
                 return true;
+            case "name": {
+                const trimmed = args.trim();
+                if (!trimmed) {
+                    const current = this.host.getSession().sessionName;
+                    this.host.emit({
+                        type: "notice",
+                        level: "info",
+                        text: current ? `当前会话名称：${current}。用法：/name <名称>` : `用法：/name <名称>`,
+                        textEn: current ? `Current session name: ${current}. Usage: /name <name>` : `Usage: /name <name>`,
+                    });
+                    return true;
+                }
+                if (this.host.renameSession) {
+                    await this.host.renameSession(trimmed);
+                }
+                else {
+                    this.host.getSession().setSessionName(trimmed);
+                    await this.host.refreshSessions();
+                    this.host.emit({
+                        type: "notice",
+                        level: "info",
+                        text: `已重命名当前会话为「${trimmed}」`,
+                        textEn: `Renamed current session to "${trimmed}"`,
+                    });
+                }
+                return true;
+            }
             case "model": {
                 if (!args) {
                     const current = this.host.getSession().model;

package/dist/server/terminals.js

@@ -1240,6 +1240,17 @@ export class TerminalManager {
         if (this.history.delete(id))
             this.emitList();
     }
+    /** Rename a terminal tab (live or retained history). Empty names ignored. */
+    rename(id, title) {
+        const trimmed = (title ?? "").trim();
+        if (!trimmed)
+            return;
+        const entry = this.find(id);
+        if (!entry)
+            return;
+        entry.title = trimmed;
+        this.emitList();
+    }
     /** Kill every terminal owned by this conversation. */
     killAll() {
         for (const entry of this.terms.values()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web-ui",
-  "version": "0.63.2",
+  "version": "0.63.4",
   "description": "Web chat interface for the pi coding agent, powered by the pi SDK (@earendil-works/pi-coding-agent) — one-command run, Docker/systemd/launchd deployable",
   "license": "MIT",
   "author": {

package/web/dist/assets/TerminalPanel-BFrV6B8W.js

@@ -0,0 +1,2 @@
+import{a as r,j as n}from"./markdown-DRBrS2Nf.js";import{u as V,b as B,T as O,a as W,F as Y,c as P,d as Z,e as M,f as ee,g as ne,h as te,i as se,r as ae}from"./index-BFoSybNe.js";import{D as ie,o as le}from"./xterm-D1D2FVe3.js";import"./react-C9ovnpIm.js";function re({conversationId:t,terminalId:c,command:x,cwd:a,title:w,active:u,send:h,register:j}){const E=r.useRef(null),v=r.useRef(null),{locale:b}=V(),g=r.useRef(b);g.current=b;const m=x?JSON.stringify(x):"";return r.useEffect(()=>{const d=E.current;if(!d)return;const i=new ie({theme:B(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),y=new le;i.loadAddon(y),i.open(d),v.current={term:i,fit:y},u&&i.focus();const f=()=>{i.options.theme=B()};window.addEventListener(O,f),i.attachCustomKeyEventHandler(o=>{var T;if(o.type!=="keydown")return!0;const S=(T=o.key)==null?void 0:T.toLowerCase();if((o.ctrlKey||o.metaKey)&&S==="v")return!1;if(o.ctrlKey&&!o.shiftKey&&!o.altKey&&S==="c"&&i.hasSelection()){const k=i.textarea;return k&&(k.value=i.getSelection(),k.select()),!1}return!0});const F=j(t,c,{write:o=>i.write(o),dispose:()=>i.dispose()}),R=()=>{try{y.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:i.cols,rows:i.rows})}catch{}},D=requestAnimationFrame(()=>{try{y.fit()}catch{}h(x?{type:"run_command",terminalId:c,conversationId:t,command:x,cols:i.cols,rows:i.rows}:{type:"terminal_create",terminalId:c,title:w,locale:g.current,conversationId:t,cwd:a,cols:i.cols,rows:i.rows})}),C=i.onData(o=>{h({type:"terminal_input",terminalId:c,conversationId:t,data:o})});let N=null;return typeof ResizeObserver<"u"&&(N=new ResizeObserver(()=>{d.offsetWidth>0&&d.offsetHeight>0&&R()}),N.observe(d)),()=>{cancelAnimationFrame(D),C.dispose(),window.removeEventListener(O,f),N==null||N.disconnect(),F(),i.dispose(),v.current=null}},[t,c,m,h,j]),r.useEffect(()=>{if(!u)return;const d=requestAnimationFrame(()=>{const i=v.current;if(i){try{i.fit.fit(),h({type:"terminal_resize",terminalId:c,conversationId:t,cols:i.term.cols,rows:i.term.rows})}catch{}i.term.focus()}});return()=>cancelAnimationFrame(d)},[u]),n.jsx("div",{ref:E,className:`term-xterm ${u?"":"hidden"}`})}const z={name:"",command:"",cwd:"${pwd}"};function ue({chat:t,send:c,terminal:x}){const a=W(),[w,u]=r.useState(null),[h,j]=r.useState(!1),[E,v]=r.useState(!1),[b,g]=r.useState(null),[m,d]=r.useState(z),[i,y]=r.useState(null),f=r.useRef(null),[F,R]=r.useState(!0),[D,C]=r.useState(null),[N,o]=r.useState("");r.useEffect(()=>{t.terminals.length===0?u(null):t.terminals.some(e=>e.id===w)||u(t.terminals[t.terminals.length-1].id)},[t.terminals,w]),r.useEffect(()=>{t.terminalActiveId&&(u(t.terminalActiveId),j(!1))},[t.terminalActiveId]),r.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]);const S=t.terminals.filter(e=>!e.agentBash),T=t.terminals.filter(e=>e.agentBash),k=e=>{var p;if(!t.ready)return;const s=ae(),l=t.activeConversationId||((p=t.state)==null?void 0:p.conversationId)||"";x.create({...e,id:s,conversationId:l,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),u(s),j(!1)},H=()=>{var e;return k({title:a("terminalTitle",{n:S.length+1}),cwd:((e=t.state)==null?void 0:e.cwd)??""})},I=e=>{var p;const s=e.name||e.command,l=t.terminals.find($=>$.title===s);if(l){x.restart(l.id),u(l.id),c({type:"run_command",terminalId:l.id,conversationId:l.conversationId,command:e,cols:80,rows:24});return}k({title:s,cwd:((p=t.state)==null?void 0:p.cwd)??"",command:e})},q=e=>{const s=t.terminals.find(l=>l.id===e);if(s&&c({type:"terminal_kill",terminalId:e,conversationId:s.conversationId}),x.close(e),w===e){const l=t.terminals.filter(p=>p.id!==e);u(l.length>0?l[l.length-1].id:null)}},A=e=>n.jsxs("div",{className:`term-tab ${e.id===w?"active":""}`,children:[n.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
+> ${e.command.command}`:""}`,onClick:()=>{D||(u(e.id),j(!1))},children:[n.jsx("span",{className:`term-tab-dot ${e.running?"run":"exit"}`}),n.jsxs("span",{className:"term-tab-title",children:[D===e.id?n.jsx("input",{autoFocus:!0,className:"term-tab-rename-input",value:N,placeholder:e.title,onClick:s=>s.stopPropagation(),onChange:s=>o(s.target.value),onKeyDown:s=>{if(s.stopPropagation(),s.key==="Enter"&&!s.nativeEvent.isComposing){const l=N.trim();l&&c({type:"rename_terminal",terminalId:e.id,conversationId:e.conversationId,title:l}),C(null)}else s.key==="Escape"&&C(null)},onBlur:()=>C(null)}):e.title,!e.running&&n.jsx("span",{className:"term-tab-exit",children:a("exited",{code:e.exitCode===null?"":` ${e.exitCode}`})})]})]}),n.jsx("button",{type:"button",className:"term-tab-close term-tab-rename",title:a("renameTerminal"),onClick:s=>{s.stopPropagation(),o(e.title),C(e.id)},children:n.jsx(M,{})}),n.jsx("button",{type:"button",className:"term-tab-close",title:a("closeTerminal"),onClick:()=>q(e.id),children:n.jsx(se,{})})]},e.id),G=()=>{v(!0),g(null),d(z)},L=e=>{const s=t.commands[e];s&&(v(!1),g(e),d({name:s.name,command:s.command,cwd:s.cwd??""}))},K=()=>{v(!1),g(null)},_=()=>{const e=m.name.trim(),s=m.command.trim();if(!e||!s)return;const l=m.cwd.trim(),p={name:e,command:s,cwd:l||void 0},$=E?[...t.commands,p]:b!==null?t.commands.map((Q,U)=>U===b?p:Q):t.commands;c({type:"save_commands",commands:$}),K()},J=e=>{if(i===e){const s=t.commands.filter((l,p)=>p!==e);c({type:"save_commands",commands:s}),y(null),f.current&&clearTimeout(f.current)}else y(e),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>y(null),2500)},X=E||b!==null;return n.jsxs("div",{className:"terminal-view",children:[n.jsxs("aside",{className:`term-side term-commands ${h?"open":""}`,children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("commands")}),n.jsxs("div",{className:"panel-header-actions",children:[n.jsx("button",{type:"button",className:"panel-refresh",title:a("rerun"),onClick:()=>c({type:"list_commands"}),children:n.jsx(Y,{})}),n.jsx("button",{type:"button",className:"panel-new",title:a("newCommand"),onClick:G,children:n.jsx(P,{})})]})]}),n.jsx("div",{className:"panel-body",children:X?n.jsxs("div",{className:"cmd-form",children:[n.jsx("label",{htmlFor:"cmd-name",children:a("name")}),n.jsx("input",{id:"cmd-name",className:"cmd-input",value:m.name,placeholder:a("exampleName"),autoFocus:!0,onChange:e=>d({...m,name:e.target.value})}),n.jsx("label",{htmlFor:"cmd-command",children:a("command")}),n.jsx("input",{id:"cmd-command",className:"cmd-input",value:m.command,placeholder:a("exampleCommand"),onChange:e=>d({...m,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&_()}}),n.jsxs("label",{htmlFor:"cmd-cwd",children:[a("directory")," ",n.jsx("span",{className:"cmd-hint",children:a("cwdHint")})]}),n.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:m.cwd,placeholder:"${pwd}",onChange:e=>d({...m,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&_()}}),n.jsxs("div",{className:"cmd-form-actions",children:[n.jsx("button",{type:"button",className:"btn",onClick:K,children:a("cancel")}),n.jsx("button",{type:"button",className:"btn primary",disabled:!m.name.trim()||!m.command.trim(),onClick:_,children:a("save")})]})]}):n.jsxs(n.Fragment,{children:[t.commands.length===0&&n.jsx("div",{className:"panel-empty",children:a("noCommands")}),t.commands.map((e,s)=>n.jsxs("div",{className:"cmd-item",children:[n.jsx("button",{type:"button",className:"cmd-run",title:a("clickToRun"),onClick:()=>I(e),children:n.jsx(Z,{})}),n.jsxs("button",{type:"button",className:"cmd-main",title:a("clickToRun"),onClick:()=>I(e),children:[n.jsx("span",{className:"cmd-name",children:e.name}),n.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&n.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),n.jsx("button",{type:"button",className:"cmd-act",title:a("edit"),onClick:()=>L(s),children:n.jsx(M,{})}),n.jsx("button",{type:"button",className:`cmd-act del ${i===s?"confirm":""}`,title:a("delete"),onClick:()=>J(s),children:i===s?a("confirmQ"):n.jsx(ee,{})})]},s))]})}),n.jsxs("div",{className:"term-tabs-block",children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("terminal")}),n.jsx("button",{type:"button",className:"panel-new",title:a("newTerminal"),onClick:H,children:n.jsx(P,{})})]}),n.jsxs("div",{className:"panel-body",children:[t.terminals.length===0&&n.jsx("div",{className:"panel-empty",children:a("noTerminal")}),S.map(A),T.length>0&&n.jsxs("div",{className:"term-folder",children:[n.jsxs("button",{type:"button",className:`term-folder-header ${F?"open":""}`,title:a("aiBashGroup"),onClick:()=>R(e=>!e),children:[n.jsx("span",{className:"term-folder-caret",children:F?"▾":"▸"}),n.jsx("span",{className:"term-folder-title",children:a("aiBashGroup")}),n.jsx("span",{className:"term-folder-count",children:T.length})]}),F&&n.jsx("div",{className:"term-folder-body",children:T.map(A)})]})]})]})]}),n.jsxs("div",{className:"term-main",children:[h&&n.jsx("div",{className:"drawer-backdrop",onClick:()=>j(!1)}),n.jsx("button",{type:"button",className:"term-side-toggle",title:a("commands"),onClick:()=>j(e=>!e),children:n.jsx(ne,{})}),t.terminals.length===0?n.jsxs("div",{className:"term-empty",children:[n.jsx(te,{className:"term-empty-icon"}),n.jsx("div",{className:"term-empty-title",children:a("builtinTerminal")}),n.jsx("div",{className:"term-empty-sub",children:a("termEmptySub")})]}):t.terminals.map(e=>n.jsx(re,{conversationId:e.conversationId,terminalId:e.id,command:e.command,cwd:e.cwd,title:e.title,active:e.id===w,send:c,register:x.register},`${e.conversationId}:${e.id}`))]})]})}export{ue as TerminalPanel};