@armadra/agent 0.3.0 → 0.4.0

package/dist/tools/presets.js

@@ -5,34 +5,68 @@
  * | ------------- | ----------------------------------------- |
  * | `default`     | read、edit、write、bash、grep、glob       |
  * | `minimal`     | read、edit、write、bash                   |
- * | `codemode`    | 只有 codemode（其余工具在脚本里调用）     |
+ * | `codemode-only` | 只有 codemode（其余工具在脚本里调用）   |
  * | `coordinator` | read + 宿主注册的工具                     |
  *
  * - 预设只管**内置**工具；宿主 / SDK 注册的工具（`canvas_*` 等）总在活动集里，除非用户
  *   `--tools a,b,c` 整组替换（之后只用列出的名字）。
  * - `tools.default`：`+name` / `-name` 在预设上增减；不带前缀的名字整组替换预设的内置工具，
  *   之后再应用带前缀的项。未注册的名字记 warning 并忽略。
- * - codemode 开关跟随预设：`codemode` 预设 → `only`，其余 → `off`；`codemode.mode` 显式配置覆盖。
- * - codemode 工具由 B10 经组装根的 `toolFactories` 注册（`codemode.mode` 为 off 时不注册）；不可用
- *   （例如 `codemode.requireStrict` 而运行时 Node 不隔离网络）时 codemode 预设**回退到 default 并
- *   warning**（不报错：零配置用户不应因此起不来），`on` 同样忽略。
+ * - `codemode` 是 `codemode-only` 的旧名（0.3.0），配置合并与命令行解析时折成规范名。
+ * - codemode 开关跟随预设（`presetCodemodeMode`）：`default` → `on`（只在沙箱 strict，即 Node ≥ 25 隔离
+ *   网络时；Node 22 / 24 → `off`），`codemode-only` → `only`，`minimal` / `coordinator` → `off`。
+ *   `codemode.mode` 显式配置覆盖（缺省配置不写这个键，以后调整映射能惠及老用户）。
+ * - `coordinator` 预设即使显式 `on`，脚本里能调用的工具也只限活动集（read + 宿主工具），见
+ *   `codemodeCallableFilter`：协调者「不写文件、不跑 bash」的约定不能经 codemode 绕过。
+ * - codemode 工具由 B10 经组装根的 `toolFactories` 注册（生效模式为 off 时不注册）；不可用
+ *   （例如 `codemode.requireStrict` 而运行时 Node 不隔离网络）时 codemode-only 预设**回退到 default 并
+ *   warning**（不报错：零配置用户不应因此起不来），显式 `on` 同样忽略；跟随预设得到的 `on` 静默回退。
  * - `only` 模式活动集独占：宿主 / SDK 工具也不直接暴露，只能在脚本里调用（`exclusive`）。
  */
+import { detectSandboxCapability } from "../codemode/capability.js";
+import { canonicalPreset, } from "../config/types.js";
 import { ToolRegistry } from "./registry.js";
 export const CODEMODE_TOOL = "codemode";
-/** 各预设下模型直接看到的内置工具（codemode 预设见 `resolvePreset`）。 */
+/** 各预设下模型直接看到的内置工具（codemode-only 预设见 `resolvePreset`）。 */
 export const PRESET_TOOLS = Object.freeze({
     default: ["bash", "edit", "glob", "grep", "read", "write"],
     minimal: ["bash", "edit", "read", "write"],
-    codemode: [CODEMODE_TOOL],
+    "codemode-only": [CODEMODE_TOOL],
     coordinator: ["read"],
 });
-/** 生效的 codemode 模式：显式配置优先，否则跟随预设。 */
-export function effectiveCodemodeMode(config) {
+/**
+ * 预设对应的 codemode 模式（没有显式 `codemode.mode` 时）。`default` 只在沙箱 strict（Node ≥ 25，
+ * 权限模型同时隔离网络）时开 `on`：Node 22 / 24 下 codemode 属 execute 类，每次都要审批，`-p` 下
+ * 直接被拒，所以缺省关闭（启动时提示一次，见 cli/codemode-notice.ts）。
+ */
+export function presetCodemodeMode(preset, strict) {
+    switch (preset) {
+        case "codemode-only":
+            return "only";
+        case "default":
+            return strict ? "on" : "off";
+        default:
+            return "off";
+    }
+}
+/** 生效的 codemode 模式及其来源；`strict` 缺省按运行时探测（测试与组装根可注入）。 */
+export function resolveCodemodeMode(config, strict = detectSandboxCapability().strict) {
+    const preset = canonicalPreset(config.tools?.preset) ?? "default";
     const explicit = config.codemode?.mode;
     if (explicit !== undefined)
-        return explicit;
-    return config.tools?.preset === "codemode" ? "only" : "off";
+        return { mode: explicit, source: "config", preset, strict };
+    return { mode: presetCodemodeMode(preset, strict), source: "preset", preset, strict };
+}
+/** 生效的 codemode 模式：显式配置优先，否则跟随预设。 */
+export function effectiveCodemodeMode(config, strict) {
+    return resolveCodemodeMode(config, strict).mode;
+}
+/**
+ * codemode 脚本里可调用工具的范围：`coordinator` 预设只能调活动集里的工具（`"active"`），其它预设
+ * 不限（`undefined`；`on` 模式下脚本还能调没直接暴露的 ls / task / todo 等）。
+ */
+export function codemodeCallableFilter(config) {
+    return canonicalPreset(config.tools?.preset) === "coordinator" ? "active" : undefined;
 }
 /**
  * `tools.default` 微调：不带前缀的名字整组替换 `base`，再依次应用 `+name` / `-name`。
@@ -55,13 +89,18 @@ export function applyToolAdjustments(base, adjustments) {
 }
 export function resolvePreset(input) {
     const warnings = [];
-    let preset = input.config.tools?.preset ?? "default";
-    let codemode = effectiveCodemodeMode(input.config);
+    const resolved = resolveCodemodeMode(input.config, input.strict);
+    let preset = resolved.preset;
+    let codemode = resolved.mode;
+    // 跟随预设得到的 on（default 预设）在 codemode 不可用时静默回退：零配置不该因此出 warning。
+    if (codemode === "on" && resolved.source === "preset" && !input.available(CODEMODE_TOOL)) {
+        codemode = "off";
+    }
     if (codemode !== "off" && !input.available(CODEMODE_TOOL)) {
-        warnings.push(preset === "codemode"
-            ? "工具预设 codemode 需要 codemode 工具（不可用），已回退到 default"
+        warnings.push(preset === "codemode-only"
+            ? "工具预设 codemode-only 需要 codemode 工具（不可用），已回退到 default"
             : `codemode.mode ${codemode} 需要 codemode 工具（不可用），已忽略`);
-        if (preset === "codemode")
+        if (preset === "codemode-only")
             preset = "default";
         codemode = "off";
     }
@@ -69,7 +108,7 @@ export function resolvePreset(input) {
     if (codemode === "only")
         base = [CODEMODE_TOOL];
     else {
-        base = [...PRESET_TOOLS[preset === "codemode" ? "default" : preset]];
+        base = [...PRESET_TOOLS[preset === "codemode-only" ? "default" : preset]];
         if (codemode === "on")
             base.push(CODEMODE_TOOL);
     }

package/dist/tui/component.d.ts

@@ -3,9 +3,13 @@
  *
  * 补全与偏差：
  * - 设计的 `Theme` 写作 `bg(...)` 与 `bold/dim/italic/underline(s)`，此处展开为完整签名。
- * - `SemanticColor` 取 §12.7 的 11 个语义色名。
+ * - `SemanticColor` 取 §12.7 的 11 个语义色名；终端界面视觉设计 v1 加 `muted`（正文与 dim 之间的次要文字）、
+ *   `link`（链接文字）、`selection`（选中行底色，只在 ≥ 256 色时作 bg）共 14 个。
  * - 补全 `CURSOR_MARKER` 常量与 `isFocusable()` 判别函数（B4 的 tui.ts 与 B7 都要用）。
+ * - 终端界面视觉设计 v1：`Theme.glyphs`（字形表与 ASCII 回退，见 glyphs.ts）。
  */
+import type { Glyphs } from "./glyphs.js";
+export type { Glyphs, BoxGlyphs } from "./glyphs.js";
 /** APC 序列；获焦组件在光标处输出它，TUI 据此摆硬件光标并在输出前剔除。 */
 export declare const CURSOR_MARKER = "\u001B_ama:c\u0007";
 export interface Component {
@@ -20,7 +24,7 @@ export interface Focusable {
     focused: boolean;
 }
 export declare function isFocusable(component: Component): component is Component & Focusable;
-export type SemanticColor = "text" | "dim" | "accent" | "success" | "warning" | "error" | "user" | "assistant" | "tool" | "border" | "code";
+export type SemanticColor = "text" | "dim" | "accent" | "success" | "warning" | "error" | "user" | "assistant" | "tool" | "border" | "code" | "muted" | "link" | "selection";
 /** 0 = 无色（NO_COLOR）；16_777_216 = truecolor。 */
 export type ColorDepth = 0 | 16 | 256 | 16_777_216;
 export interface ThemeCapabilities {
@@ -35,4 +39,6 @@ export interface Theme {
     italic(text: string): string;
     underline(text: string): string;
     readonly caps: ThemeCapabilities;
+    /** 字形（Unicode 或 ASCII 回退）；组件一律从这里取。 */
+    readonly glyphs: Glyphs;
 }

package/dist/tui/component.js

@@ -3,8 +3,10 @@
  *
  * 补全与偏差：
  * - 设计的 `Theme` 写作 `bg(...)` 与 `bold/dim/italic/underline(s)`，此处展开为完整签名。
- * - `SemanticColor` 取 §12.7 的 11 个语义色名。
+ * - `SemanticColor` 取 §12.7 的 11 个语义色名；终端界面视觉设计 v1 加 `muted`（正文与 dim 之间的次要文字）、
+ *   `link`（链接文字）、`selection`（选中行底色，只在 ≥ 256 色时作 bg）共 14 个。
  * - 补全 `CURSOR_MARKER` 常量与 `isFocusable()` 判别函数（B4 的 tui.ts 与 B7 都要用）。
+ * - 终端界面视觉设计 v1：`Theme.glyphs`（字形表与 ASCII 回退，见 glyphs.ts）。
  */
 /** APC 序列；获焦组件在光标处输出它，TUI 据此摆硬件光标并在输出前剔除。 */
 export const CURSOR_MARKER = "\x1b_ama:c\x07";

package/dist/tui/components/box.d.ts

@@ -2,15 +2,19 @@
  * 边框 / 内边距容器（设计 §12.1）。[B4]
  *
  * 子组件按内宽渲染后加圆角边框（可选标题，嵌在上边框）与内边距；宽度不足 4 列时退化为只加内边距。
+ * 边框字形取 `theme.glyphs.box`（ASCII 下为 `+ - |`），颜色缺省 `border`，可用 `borderColor` 改
+ * （审批对话框按严重度用 error / warning）。
  * 焦点与键输入透传给子组件，所以可以直接把 `Box(SelectList)` 交给 `showOverlay`。
  */
-import { type Component, type Theme } from "../component.js";
+import { type Component, type SemanticColor, type Theme } from "../component.js";
 export interface BoxOptions {
     border?: boolean;
     paddingX?: number;
     paddingY?: number;
     title?: string;
     theme?: Theme;
+    /** 边框颜色，缺省 `border`。 */
+    borderColor?: SemanticColor;
 }
 export declare class Box implements Component {
     readonly child: Component;
@@ -21,6 +25,7 @@ export declare class Box implements Component {
     set focused(value: boolean);
     handleInput(data: string): void;
     render(width: number): string[];
+    private get glyphs();
     private topBorder;
     invalidate(): void;
 }

package/dist/tui/components/box.js

@@ -2,10 +2,13 @@
  * 边框 / 内边距容器（设计 §12.1）。[B4]
  *
  * 子组件按内宽渲染后加圆角边框（可选标题，嵌在上边框）与内边距；宽度不足 4 列时退化为只加内边距。
+ * 边框字形取 `theme.glyphs.box`（ASCII 下为 `+ - |`），颜色缺省 `border`，可用 `borderColor` 改
+ * （审批对话框按严重度用 error / warning）。
  * 焦点与键输入透传给子组件，所以可以直接把 `Box(SelectList)` 交给 `showOverlay`。
  */
 import { isFocusable } from "../component.js";
 import { padToWidth, truncateToWidth, visibleWidth } from "../ansi.js";
+import { UNICODE_GLYPHS } from "../glyphs.js";
 export class Box {
     child;
     options;
@@ -31,7 +34,9 @@ export class Box {
         const frame = border ? 2 : 0;
         const inner = Math.max(1, width - frame - padX * 2);
         const body = this.child.render(inner);
-        const color = (s) => this.options.theme ? this.options.theme.fg("border", s) : s;
+        const borderColor = this.options.borderColor ?? "border";
+        const color = (s) => this.options.theme ? this.options.theme.fg(borderColor, s) : s;
+        const g = this.glyphs;
         const pad = " ".repeat(padX);
         const contentWidth = Math.max(0, width - frame);
         const rows = [];
@@ -47,17 +52,22 @@ export class Box {
             return rows;
         const lines = [this.topBorder(width, color)];
         for (const row of rows)
-            lines.push(color("│") + row + color("│"));
-        lines.push(color("╰" + "─".repeat(width - 2) + "╯"));
+            lines.push(color(g.vertical) + row + color(g.vertical));
+        lines.push(color(g.bottomLeft + g.horizontal.repeat(width - 2) + g.bottomRight));
         return lines;
     }
+    get glyphs() {
+        return (this.options.theme?.glyphs ?? UNICODE_GLYPHS).box;
+    }
     topBorder(width, color) {
+        const g = this.glyphs;
         const title = this.options.title;
-        if (title === undefined || title === "")
-            return color("╭" + "─".repeat(width - 2) + "╮");
+        if (title === undefined || title === "") {
+            return color(g.topLeft + g.horizontal.repeat(width - 2) + g.topRight);
+        }
         const label = truncateToWidth(` ${title} `, width - 4);
         const rest = Math.max(0, width - 3 - visibleWidth(label));
-        return color("╭─") + label + color("─".repeat(rest) + "╮");
+        return color(g.topLeft + g.horizontal) + label + color(g.horizontal.repeat(rest) + g.topRight);
     }
     invalidate() {
         this.child.invalidate();

package/dist/tui/components/card.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 左竖条卡片（终端界面视觉设计 v1 §3.6、§3.13）：压缩摘要、`/session` 等面板。
+ *
+ * 每行前加 `theme.glyphs.card`（`▎`，ASCII `|`）与一个空格，竖条用 `border` 色；可选标题行（正文色粗体）
+ * 与跟在标题后的副标题（`muted`，两个空格隔开）。不加上下边框——Box 只留给代码块、启动头与覆盖层。
+ * 子组件按 `width - 2` 渲染；空行只画竖条。
+ */
+import type { Component, SemanticColor, Theme } from "../component.js";
+export interface CardOptions {
+    theme?: Theme;
+    title?: string;
+    /** 标题后的次要说明（muted）。 */
+    subtitle?: string;
+    /** 竖条颜色，缺省 `border`。 */
+    barColor?: SemanticColor;
+}
+export declare class Card implements Component {
+    readonly child: Component | undefined;
+    private readonly options;
+    constructor(child: Component | undefined, options?: CardOptions);
+    render(width: number): string[];
+    invalidate(): void;
+}

package/dist/tui/components/card.js

@@ -0,0 +1,37 @@
+/**
+ * 左竖条卡片（终端界面视觉设计 v1 §3.6、§3.13）：压缩摘要、`/session` 等面板。
+ *
+ * 每行前加 `theme.glyphs.card`（`▎`，ASCII `|`）与一个空格，竖条用 `border` 色；可选标题行（正文色粗体）
+ * 与跟在标题后的副标题（`muted`，两个空格隔开）。不加上下边框——Box 只留给代码块、启动头与覆盖层。
+ * 子组件按 `width - 2` 渲染；空行只画竖条。
+ */
+import { truncateToWidth } from "../ansi.js";
+import { UNICODE_GLYPHS } from "../glyphs.js";
+export class Card {
+    child;
+    options;
+    constructor(child, options = {}) {
+        this.child = child;
+        this.options = options;
+    }
+    render(width) {
+        const { theme, title, subtitle } = this.options;
+        const glyph = (theme?.glyphs ?? UNICODE_GLYPHS).card;
+        const bar = theme ? theme.fg(this.options.barColor ?? "border", glyph) : glyph;
+        const inner = Math.max(1, width - 2);
+        const lines = [];
+        if (title !== undefined && title !== "") {
+            let head = theme ? theme.bold(title) : title;
+            if (subtitle !== undefined && subtitle !== "") {
+                head += "  " + (theme ? theme.fg("muted", subtitle) : subtitle);
+            }
+            lines.push(head);
+        }
+        if (this.child)
+            lines.push(...this.child.render(inner));
+        return lines.map((line) => line === "" ? bar : truncateToWidth(`${bar} ${truncateToWidth(line, inner)}`, width));
+    }
+    invalidate() {
+        this.child?.invalidate();
+    }
+}

package/dist/tui/components/editor-history.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 编辑器的历史文件（设计 §12.4）：JSONL，每行一个 JSON 字符串，保留最近 `limit` 条。[B4]
+ * 读写失败都不影响编辑（损坏的行跳过；写失败静默）。
+ */
+export declare function loadHistoryFile(path: string, limit?: number): string[];
+export declare function appendHistoryFile(path: string, entry: string, limit: number): void;

package/dist/tui/components/editor-history.js

@@ -0,0 +1,45 @@
+/**
+ * 编辑器的历史文件（设计 §12.4）：JSONL，每行一个 JSON 字符串，保留最近 `limit` 条。[B4]
+ * 读写失败都不影响编辑（损坏的行跳过；写失败静默）。
+ */
+import { appendFileSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { dirname } from "node:path";
+export function loadHistoryFile(path, limit = 500) {
+    let text;
+    try {
+        text = readFileSync(path, "utf8");
+    }
+    catch {
+        return [];
+    }
+    const entries = [];
+    for (const line of text.split("\n")) {
+        if (line.trim() === "")
+            continue;
+        try {
+            const value = JSON.parse(line);
+            if (typeof value === "string" && value !== "")
+                entries.push(value);
+        }
+        catch {
+            // 损坏的行跳过
+        }
+    }
+    return entries.slice(-limit);
+}
+export function appendHistoryFile(path, entry, limit) {
+    try {
+        mkdirSync(dirname(path), { recursive: true });
+        appendFileSync(path, JSON.stringify(entry) + "\n", { mode: 0o600 });
+        const all = loadHistoryFile(path, Number.MAX_SAFE_INTEGER);
+        if (all.length > limit * 2) {
+            writeFileSync(path, all
+                .slice(-limit)
+                .map((e) => JSON.stringify(e) + "\n")
+                .join(""));
+        }
+    }
+    catch {
+        // 历史写失败不影响编辑
+    }
+}

package/dist/tui/components/editor-paste.d.ts

@@ -1,5 +1,5 @@
 /**
- * 大粘贴折叠（设计 §12.4）：超过 10 行或超过 1 000 字符的粘贴折叠为 `[paste #N +M lines]`，
+ * 大粘贴折叠（设计 §12.4）：超过 10 行或超过 1 000 字符的粘贴折叠为 `[粘贴 #N · M 行]`，
  * 在编辑器里是不可分割段；提交时展开为原文。[B4]
  *
  * - 换行规范化：`\r\n` / 单独的 `\r` → `\n`（括号粘贴里终端常把换行发成 `\r`）。

package/dist/tui/components/editor-paste.js

@@ -1,5 +1,5 @@
 /**
- * 大粘贴折叠（设计 §12.4）：超过 10 行或超过 1 000 字符的粘贴折叠为 `[paste #N +M lines]`，
+ * 大粘贴折叠（设计 §12.4）：超过 10 行或超过 1 000 字符的粘贴折叠为 `[粘贴 #N · M 行]`，
  * 在编辑器里是不可分割段；提交时展开为原文。[B4]
  *
  * - 换行规范化：`\r\n` / 单独的 `\r` → `\n`（括号粘贴里终端常把换行发成 `\r`）。
@@ -8,7 +8,7 @@
  */
 export const PASTE_LINE_THRESHOLD = 10;
 export const PASTE_CHAR_THRESHOLD = 1000;
-const MARKER_RE = /\[paste #(\d+) \+(\d+) lines\]/g;
+const MARKER_RE = /\[粘贴 #(\d+) · (\d+) 行\]/g;
 export function normalizePastedText(text) {
     return text.replace(/\r\n?/g, "\n");
 }
@@ -20,7 +20,7 @@ export function shouldCollapse(text) {
     return countLines(text) > PASTE_LINE_THRESHOLD || text.length > PASTE_CHAR_THRESHOLD;
 }
 export function formatMarker(id, lines) {
-    return `[paste #${id} +${lines} lines]`;
+    return `[粘贴 #${id} · ${lines} 行]`;
 }
 export class PasteStore {
     next = 1;
@@ -48,7 +48,7 @@ export class PasteStore {
     }
     /** 一行内已登记标记的区间（编辑器的不可分割段）。 */
     ranges(line) {
-        if (this.entries.size === 0 || !line.includes("[paste #"))
+        if (this.entries.size === 0 || !line.includes("[粘贴 #"))
             return [];
         const out = [];
         for (const m of line.matchAll(MARKER_RE)) {

package/dist/tui/components/editor.d.ts

@@ -1,17 +1,21 @@
 /**
  * 多行编辑器组件（设计 §12.3、§12.4）。[B4]
  *
- * - 渲染：上下边框之间按列宽折行（不切开字素与折叠标记）；超过 `maxVisibleLines` 时视窗跟随光标，
- *   边框上提示上 / 下方隐藏的行数；获焦时在光标处输出 CURSOR_MARKER 并反显光标格。
+ * - 渲染：上下规则线之间按列宽折行（不切开字素与折叠标记）；首行前是提示符 `› `（`user` 粗体，
+ *   `disableSubmit` 时 dim），续行缩进 2 列对齐；超过 `maxVisibleLines` 时视窗跟随光标，规则线上提示
+ *   上 / 下方隐藏的行数（dim）；获焦时在光标处输出 CURSOR_MARKER 并反显光标格。空文本显示占位
+ *   （获焦时也显示，光标反显占位首字）。
  * - 键位：`tui.editor.*`（见 keybindings.ts）。Enter 提交（`disableSubmit` 时忽略）；Shift+Enter / Ctrl+J 换行；
  *   Up/Down 在首 / 末视觉行时浏览历史（单行文本或空文本或已在浏览中），否则按视觉行移动。
  * - 括号粘贴（`ESC[200~…ESC[201~`，由 StdinBuffer 合成一次输入）：> 10 行或 > 1 000 字符折叠为
- *   `[paste #N +M lines]`，提交时展开；粘贴期间不触发补全；粘贴后紧随的 `\r` 是普通 Enter（提交）。
- * - 补全：提供者由外部注入（`/` 命令、`@` 文件等由 B7 实现）；同步或异步返回候选与替换起点。
+ *   `[粘贴 #N · M 行]`，提交时展开；粘贴期间不触发补全；粘贴后紧随的 `\r` 是普通 Enter（提交）。
+ * - 补全：提供者由外部注入（`/` 命令、`@` 文件等由 B7 实现）；同步或异步返回候选与替换起点；
+ *   弹层缩进 2 列，尾行 `(i/n) Tab 接受 · Esc 关闭`。
  * - 历史：会话内 + 可选历史文件（JSONL，每行一个 JSON 字符串，保留最近 500 条）。
  */
 import { type Component, type Focusable, type Theme } from "../component.js";
 import { type Keybindings } from "../keybindings.js";
+export { loadHistoryFile } from "./editor-history.js";
 export interface AutocompleteItem {
     /** 接受后替换进编辑器的文本。 */
     value: string;
@@ -52,7 +56,6 @@ export interface EditorOptions {
     onSubmit?(text: string): void;
     onChange?(text: string): void;
 }
-export declare function loadHistoryFile(path: string, limit?: number): string[];
 export declare class Editor implements Component, Focusable {
     private readonly options;
     focused: boolean;
@@ -103,7 +106,10 @@ export declare class Editor implements Component, Focusable {
     private applyCompletion;
     private acceptCompletion;
     private closeCompletion;
+    /** 文本列宽：去掉提示符与行尾光标格。 */
     private contentWidth;
+    private prompt;
+    private placeholderLine;
     /** 逻辑行 → 视觉行（按列宽折行，不切开字素与折叠标记）。 */
     private layout;
     private cursorRowIndex;

package/dist/tui/components/editor.js

@@ -1,65 +1,32 @@
 /**
  * 多行编辑器组件（设计 §12.3、§12.4）。[B4]
  *
- * - 渲染：上下边框之间按列宽折行（不切开字素与折叠标记）；超过 `maxVisibleLines` 时视窗跟随光标，
- *   边框上提示上 / 下方隐藏的行数；获焦时在光标处输出 CURSOR_MARKER 并反显光标格。
+ * - 渲染：上下规则线之间按列宽折行（不切开字素与折叠标记）；首行前是提示符 `› `（`user` 粗体，
+ *   `disableSubmit` 时 dim），续行缩进 2 列对齐；超过 `maxVisibleLines` 时视窗跟随光标，规则线上提示
+ *   上 / 下方隐藏的行数（dim）；获焦时在光标处输出 CURSOR_MARKER 并反显光标格。空文本显示占位
+ *   （获焦时也显示，光标反显占位首字）。
  * - 键位：`tui.editor.*`（见 keybindings.ts）。Enter 提交（`disableSubmit` 时忽略）；Shift+Enter / Ctrl+J 换行；
  *   Up/Down 在首 / 末视觉行时浏览历史（单行文本或空文本或已在浏览中），否则按视觉行移动。
  * - 括号粘贴（`ESC[200~…ESC[201~`，由 StdinBuffer 合成一次输入）：> 10 行或 > 1 000 字符折叠为
- *   `[paste #N +M lines]`，提交时展开；粘贴期间不触发补全；粘贴后紧随的 `\r` 是普通 Enter（提交）。
- * - 补全：提供者由外部注入（`/` 命令、`@` 文件等由 B7 实现）；同步或异步返回候选与替换起点。
+ *   `[粘贴 #N · M 行]`，提交时展开；粘贴期间不触发补全；粘贴后紧随的 `\r` 是普通 Enter（提交）。
+ * - 补全：提供者由外部注入（`/` 命令、`@` 文件等由 B7 实现）；同步或异步返回候选与替换起点；
+ *   弹层缩进 2 列，尾行 `(i/n) Tab 接受 · Esc 关闭`。
  * - 历史：会话内 + 可选历史文件（JSONL，每行一个 JSON 字符串，保留最近 500 条）。
  */
-import { appendFileSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { dirname } from "node:path";
 import { CURSOR_MARKER } from "../component.js";
 import { truncateToWidth, visibleWidth } from "../ansi.js";
 import { defaultKeybindings } from "../keybindings.js";
 import { isPasteData, isPrintableText, unwrapPaste } from "../keys.js";
 import { plainTheme } from "../theme.js";
 import { EditorBuffer } from "./editor-buffer.js";
+import { appendHistoryFile, loadHistoryFile } from "./editor-history.js";
 import { PasteStore } from "./editor-paste.js";
 import { SelectList } from "./select-list.js";
+export { loadHistoryFile } from "./editor-history.js";
 const segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
-export function loadHistoryFile(path, limit = 500) {
-    let text;
-    try {
-        text = readFileSync(path, "utf8");
-    }
-    catch {
-        return [];
-    }
-    const entries = [];
-    for (const line of text.split("\n")) {
-        if (line.trim() === "")
-            continue;
-        try {
-            const value = JSON.parse(line);
-            if (typeof value === "string" && value !== "")
-                entries.push(value);
-        }
-        catch {
-            // 损坏的行跳过
-        }
-    }
-    return entries.slice(-limit);
-}
-function appendHistoryFile(path, entry, limit) {
-    try {
-        mkdirSync(dirname(path), { recursive: true });
-        appendFileSync(path, JSON.stringify(entry) + "\n", { mode: 0o600 });
-        const all = loadHistoryFile(path, Number.MAX_SAFE_INTEGER);
-        if (all.length > limit * 2) {
-            writeFileSync(path, all
-                .slice(-limit)
-                .map((e) => JSON.stringify(e) + "\n")
-                .join(""));
-        }
-    }
-    catch {
-        // 历史写失败不影响编辑
-    }
-}
+/** 提示符 `› ` / 续行缩进的宽度。 */
+const PROMPT_WIDTH = 2;
+const COMPLETION_FOOTER = "Tab 接受 · Esc 关闭";
 export class Editor {
     options;
     focused = false;
@@ -380,7 +347,13 @@ export class Editor {
             ? { value: item.value, label: item.label }
             : { value: item.value, label: item.label, description: item.description });
         this.completion = {
-            list: new SelectList(items, { maxVisible: 8, theme: this.theme, keybindings: this.keys }),
+            list: new SelectList(items, {
+                maxVisible: 8,
+                theme: this.theme,
+                keybindings: this.keys,
+                footer: COMPLETION_FOOTER,
+                showCount: true,
+            }),
             from: result.from,
         };
     }
@@ -401,8 +374,22 @@ export class Editor {
         this.completionToken++;
     }
     // ---- 渲染 -----------------------------------------------------------------
+    /** 文本列宽：去掉提示符与行尾光标格。 */
     contentWidth(width) {
-        return Math.max(1, width - 1);
+        return Math.max(1, width - PROMPT_WIDTH - 1);
+    }
+    prompt() {
+        const glyph = this.theme.glyphs.prompt;
+        return this.theme.fg(this.disableSubmit ? "dim" : "user", this.theme.bold(glyph)) + " ";
+    }
+    placeholderLine(width) {
+        const text = this.options.placeholder ?? "";
+        if (!this.focused)
+            return truncateToWidth(this.prompt() + this.theme.fg("dim", text), width);
+        const first = nextGrapheme(text, 0);
+        const rest = text.slice(first.length);
+        const cursor = CURSOR_MARKER + `\x1b[7m${this.theme.fg("dim", first)}\x1b[27m`;
+        return truncateToWidth(this.prompt() + cursor + this.theme.fg("dim", rest), width);
     }
     /** 逻辑行 → 视觉行（按列宽折行，不切开字素与折叠标记）。 */
     layout(width) {
@@ -494,27 +481,34 @@ export class Editor {
             this.scrollTop = cursorRow - maxVisible + 1;
         this.scrollTop = Math.max(0, Math.min(this.scrollTop, rows.length - maxVisible));
         const end = Math.min(rows.length, this.scrollTop + maxVisible);
-        const lines = [this.border(width, this.scrollTop > 0 ? `↑ ${this.scrollTop}` : "")];
-        if (this.buffer.isEmpty() && this.options.placeholder && !this.focused) {
-            lines.push(truncateToWidth(theme.fg("dim", this.options.placeholder), width));
+        const g = theme.glyphs;
+        const lines = [this.border(width, this.scrollTop > 0 ? `${g.arrowUp} ${this.scrollTop}` : "")];
+        if (this.buffer.isEmpty() && this.options.placeholder) {
+            lines.push(this.placeholderLine(width));
         }
         else {
+            const indent = " ".repeat(PROMPT_WIDTH);
             for (let i = this.scrollTop; i < end; i++) {
-                lines.push(this.renderRow(rows[i], this.focused && i === cursorRow));
+                const prefix = i === 0 ? this.prompt() : indent;
+                lines.push(prefix + this.renderRow(rows[i], this.focused && i === cursorRow));
             }
         }
-        lines.push(this.border(width, end < rows.length ? `↓ ${rows.length - end}` : ""));
+        const below = rows.length - end;
+        lines.push(this.border(width, below > 0 ? `${g.arrowDown} ${below}` : ""));
         if (this.completion) {
-            for (const line of this.completion.list.render(width))
-                lines.push(line);
+            for (const line of this.completion.list.render(Math.max(1, width - 2))) {
+                lines.push("  " + line);
+            }
         }
         return lines;
     }
     border(width, label) {
-        if (label === "" || width < label.length + 6)
-            return this.theme.fg("border", "─".repeat(width));
-        const tail = "─".repeat(width - label.length - 5);
-        return (this.theme.fg("border", "─── ") +
+        const rule = this.theme.glyphs.rule;
+        const labelWidth = visibleWidth(label);
+        if (label === "" || width < labelWidth + 6)
+            return this.theme.fg("border", rule.repeat(width));
+        const tail = rule.repeat(width - labelWidth - 5);
+        return (this.theme.fg("border", rule.repeat(3) + " ") +
             this.theme.fg("dim", label) +
             this.theme.fg("border", " " + tail));
     }

package/dist/tui/components/key-value.d.ts

@@ -4,6 +4,7 @@
  * - 键列宽 = 最长键的可见宽度，但不超过总宽的 `maxKeyRatio`（缺省 0.4，至少 4 列），超出的键截断；
  * - 值在剩余宽度内截断（不换行，保留 ANSI 样式）；值里的换行折成 ` ⏎ `；
  * - 宽度连键列都放不下时退化为只显示截断后的键；空行（`key` 为空串）原样输出空行，可作分组间隔。
+ * - `wrap: true`：值按剩余宽度折行（值里的换行也换行），续行对齐值列。
  */
 import type { Component, SemanticColor, Theme } from "../component.js";
 export interface KeyValueRow {
@@ -17,6 +18,8 @@ export interface KeyValueOptions {
     /** 两列之间的空白，缺省 2。 */
     gap?: number;
     maxKeyRatio?: number;
+    /** 值折行（续行对齐值列），缺省 false（截断）。 */
+    wrap?: boolean;
 }
 export declare class KeyValue implements Component {
     private rows;