@icen.ai/ui 0.8.0 → 0.9.0

package/dist/behaviors/kb-sql.mjs

@@ -0,0 +1,948 @@
+// src/behaviors/ai-core.ts
+var svg = (body) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${body}</svg>`;
+var ICON_TERMINAL = svg('<path d="m4 17 6-6-6-6"/><path d="M12 19h8"/>');
+var ICON_FILE = svg(
+  '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/>'
+);
+var ICON_FILE_PEN = svg(
+  '<path d="M12.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8l5 5v3.5"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M19 6.5 16.5 4"/><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/>'
+);
+var ICON_FILE_PLUS = svg(
+  '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M9 15h6"/><path d="M12 12v6"/>'
+);
+var ICON_TRASH = svg(
+  '<path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M10 11v6"/><path d="M14 11v6"/>'
+);
+var ICON_SEARCH = svg('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>');
+var ICON_FOLDER_SEARCH = svg(
+  '<path d="M11 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v4"/><circle cx="17" cy="17" r="3"/><path d="m21 21-1.9-1.9"/>'
+);
+var ICON_SCAN_SEARCH = svg(
+  '<path d="M3 7V5a2 2 0 0 1 2-2h2"/><path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/><circle cx="12" cy="12" r="3"/><path d="m16 16-1.9-1.9"/>'
+);
+var ICON_GLOBE = svg(
+  '<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/><path d="M2 12h20"/>'
+);
+var ICON_DOWNLOAD = svg(
+  '<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="m7 10 5 5 5-5"/><path d="M12 15V3"/>'
+);
+var ICON_BLOCKS = svg(
+  '<rect width="7" height="7" x="4" y="4" rx="1"/><rect width="7" height="7" x="13" y="4" rx="1"/><rect width="7" height="7" x="4" y="13" rx="1"/><rect width="7" height="7" x="13" y="13" rx="1"/>'
+);
+var ICON_ZAP = svg(
+  '<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>'
+);
+var ICON_LIST = svg(
+  '<path d="M3 12h.01"/><path d="M3 18h.01"/><path d="M3 6h.01"/><path d="M8 12h13"/><path d="M8 18h13"/><path d="M8 6h13"/>'
+);
+var ICON_LIST_CHECKS = svg(
+  '<path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/>'
+);
+var ICON_BOT = svg(
+  '<path d="M12 8V4H8"/><rect width="16" height="12" x="4" y="8" rx="2"/><path d="M2 14h2"/><path d="M20 14h2"/><path d="M15 13v2"/><path d="M9 13v2"/>'
+);
+var ICON_CHART = svg(
+  '<path d="M3 3v18h18"/><path d="M7 15l4-6 3 4 5-8"/>'
+);
+var ICON_FILE_TEXT = svg(
+  '<path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/>'
+);
+function isObj(v) {
+  return typeof v === "object" && v !== null;
+}
+function pickStr(input, keys) {
+  if (!isObj(input)) return void 0;
+  for (const k of keys) {
+    const v = input[k];
+    if (typeof v === "string" && v) return v;
+  }
+  return void 0;
+}
+function pickNum(src, keys) {
+  if (!isObj(src)) return void 0;
+  for (const k of keys) {
+    const v = src[k];
+    if (typeof v === "number" && Number.isFinite(v)) return v;
+  }
+  return void 0;
+}
+function firstLine(s, max = 80) {
+  const line = s.split("\n", 1)[0]?.trim() ?? "";
+  return line.length > max ? `${line.slice(0, max)}\u2026` : line;
+}
+function filePathOf(input) {
+  return pickStr(input, ["file_path", "path", "file", "filename"]);
+}
+var summarizePath = (input) => filePathOf(input);
+function summarizeRead(input) {
+  const p = filePathOf(input);
+  if (!p) return void 0;
+  const offset = pickNum(input, ["offset", "start_line"]);
+  if (offset == null) return p;
+  const limit = pickNum(input, ["limit", "end_line"]);
+  return limit != null ? `${p}:${offset}-${offset + limit}` : `${p}:${offset}`;
+}
+function summarizeShell(input) {
+  const cmd = typeof input === "string" ? input : pickStr(input, ["command", "cmd", "script"]);
+  return cmd ? firstLine(cmd) : void 0;
+}
+function summarizeGrep(input) {
+  const pattern = pickStr(input, ["pattern", "regex", "query"]);
+  const p = filePathOf(input);
+  if (pattern) return p ? `${firstLine(pattern, 40)} \xB7 ${p}` : firstLine(pattern);
+  return p;
+}
+var sum = (fn) => {
+  return (input) => fn(input) ?? "";
+};
+var BUILTIN_KINDS = {
+  shell: { label: "\u547D\u4EE4", icon: ICON_TERMINAL, tint: "accent", summarize: sum(summarizeShell) },
+  read: { label: "\u8BFB\u53D6", icon: ICON_FILE, tint: "info", summarize: sum(summarizeRead) },
+  edit: { label: "\u7F16\u8F91", icon: ICON_FILE_PEN, tint: "warning", summarize: sum(summarizePath) },
+  write: { label: "\u5199\u5165", icon: ICON_FILE_PLUS, tint: "warning", summarize: sum(summarizePath) },
+  rm: { label: "\u5220\u9664", icon: ICON_TRASH, tint: "error", summarize: sum(summarizePath) },
+  grep: { label: "\u641C\u7D22", icon: ICON_SEARCH, tint: "info", summarize: sum(summarizeGrep) },
+  glob: { label: "\u5339\u914D", icon: ICON_FOLDER_SEARCH, tint: "info", summarize: sum((i) => pickStr(i, ["pattern", "glob", "path"])) },
+  browser: { label: "\u6D4F\u89C8", icon: ICON_GLOBE, tint: "accent", summarize: sum((i) => pickStr(i, ["url", "uri", "target"])) },
+  search: { label: "\u68C0\u7D22", icon: ICON_SCAN_SEARCH, tint: "accent", summarize: sum((i) => pickStr(i, ["query", "q", "pattern"])) },
+  fetch: { label: "\u8BF7\u6C42", icon: ICON_DOWNLOAD, tint: "info", summarize: sum((i) => pickStr(i, ["url", "uri", "endpoint"])) },
+  mcp: { label: "MCP", icon: ICON_BLOCKS, tint: "muted", summarize: sum((i) => pickStr(i, ["tool", "method", "name"])) },
+  skill: { label: "\u6280\u80FD", icon: ICON_ZAP, tint: "accent", summarize: sum((i) => pickStr(i, ["skill", "name", "command"])) },
+  todo: {
+    label: "\u5F85\u529E",
+    icon: ICON_LIST,
+    tint: "info",
+    summarize: sum((input) => {
+      const items = input && typeof input === "object" && Array.isArray(input.items) ? input.items : Array.isArray(input) ? input : [];
+      const done = items.filter((it) => it?.status === "done").length;
+      return items.length > 0 ? `${done}/${items.length} \u5B8C\u6210` : "";
+    })
+  },
+  plan: { label: "\u8BA1\u5212", icon: ICON_LIST_CHECKS, tint: "info" },
+  subagent: { label: "\u5B50\u4EE3\u7406", icon: ICON_BOT, tint: "accent", summarize: sum((i) => pickStr(i, ["task", "description", "prompt", "message", "subagent_type"])) },
+  note: { label: "\u7B14\u8BB0", icon: ICON_FILE_TEXT, tint: "muted" },
+  chart: { label: "\u56FE\u8868", icon: ICON_CHART, tint: "info", summarize: sum((i) => pickStr(i, ["title", "name"])) }
+};
+var kindRegistry = new Map(Object.entries(BUILTIN_KINDS));
+function h(tag, className, text) {
+  const node = document.createElement(tag);
+  if (className) node.className = className;
+  if (text != null) node.textContent = text;
+  return node;
+}
+function svgIcon(svg2) {
+  if (typeof document === "undefined" || typeof DOMParser === "undefined") return null;
+  let parsed;
+  try {
+    parsed = new DOMParser().parseFromString(svg2, "image/svg+xml");
+  } catch {
+    return null;
+  }
+  const root = parsed.documentElement;
+  if (!root || root.tagName.toLowerCase() !== "svg" || parsed.querySelector("parsererror")) {
+    return null;
+  }
+  const sanitize = (el) => {
+    for (const attr of Array.from(el.attributes)) {
+      const name = attr.name.toLowerCase();
+      if (name.startsWith("on")) el.removeAttribute(attr.name);
+      if ((name === "href" || name === "xlink:href") && attr.value.trim().toLowerCase().startsWith("javascript:")) {
+        el.removeAttribute(attr.name);
+      }
+    }
+    for (const child of Array.from(el.children)) {
+      const tag = child.tagName.toLowerCase();
+      if (tag === "script" || tag === "foreignobject") {
+        child.remove();
+        continue;
+      }
+      sanitize(child);
+    }
+  };
+  sanitize(root);
+  return document.importNode(root, true);
+}
+
+// src/behaviors/kb-core.ts
+var ic = (label, d) => ({ label, icon: `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">${d}</svg>` });
+var BUILTIN_SOURCE_TYPES = {
+  doc: ic("\u6587\u6863", '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/>'),
+  web: ic("\u7F51\u9875", '<circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z"/>'),
+  wiki: ic("\u77E5\u8BC6\u5E93", '<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>'),
+  sheet: ic("\u8868\u683C", '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M3 15h18M9 3v18M15 3v18"/>'),
+  db: ic("\u6570\u636E\u5E93", '<ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14c0 1.7 4 3 9 3s9-1.3 9-3V5"/><path d="M3 12c0 1.7 4 3 9 3s9-1.3 9-3"/>'),
+  ticket: ic("\u5DE5\u5355", '<path d="M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 6v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-6z"/><path d="M13 5v14"/>'),
+  code: ic("\u4EE3\u7801", '<path d="m16 18 6-6-6-6"/><path d="m8 6-6 6 6 6"/>'),
+  api: ic("\u63A5\u53E3", '<path d="M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4z"/>'),
+  image: ic("\u56FE\u7247", '<rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-4.6-4.6a2 2 0 0 0-2.8 0L3 21"/>'),
+  mail: ic("\u90AE\u4EF6", '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 7L2 7"/>')
+};
+var sourceTypeRegistry = new Map(Object.entries(BUILTIN_SOURCE_TYPES));
+function normalizeSqlQuery(raw) {
+  return {
+    sql: String(raw.sql ?? ""),
+    dialect: typeof raw.dialect === "string" ? raw.dialect : void 0,
+    tables: Array.isArray(raw.tables) ? raw.tables.map(String) : void 0,
+    visibility: raw.visibility === "admin" ? "admin" : "all",
+    editable: raw.editable !== false,
+    prevSql: typeof raw.prevSql === "string" ? raw.prevSql : void 0,
+    reasoning: typeof raw.reasoning === "string" ? raw.reasoning : void 0
+  };
+}
+
+// src/behaviors/events.ts
+function emitIcen(source, type, detail) {
+  return source.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable: true })
+  );
+}
+
+// src/behaviors/ai-diff.ts
+var RE_HUNK = /^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/;
+var RE_OLD_FILE = /^--- (.*)$/;
+var RE_NEW_FILE_LINE = /^\+\+\+ (.*)$/;
+var RE_NEW_MODE = /^new file mode /;
+var RE_DEL_MODE = /^deleted file mode /;
+var RE_RENAME_FROM = /^rename from (.*)$/;
+var RE_RENAME_TO = /^rename to (.*)$/;
+var RE_BINARY = /^Binary files .* differ$/;
+function parseDiffPath(token) {
+  let p = token.split("	")[0].trim();
+  if (p.length >= 2 && p.startsWith('"') && p.endsWith('"')) p = p.slice(1, -1);
+  if (p !== "/dev/null" && (p.startsWith("a/") || p.startsWith("b/"))) p = p.slice(2);
+  return p;
+}
+function parseGitHeader(line) {
+  const m = /^diff --git\s+(\S+)\s+(.+)$/.exec(line);
+  if (!m) return null;
+  return { oldPath: parseDiffPath(m[1]), newPath: parseDiffPath(m[2]) };
+}
+function emptyFile(path) {
+  return { path, status: "modified", hunks: [], addCount: 0, delCount: 0 };
+}
+function parseUnifiedDiff(text) {
+  const files = [];
+  if (typeof text !== "string" || text.length === 0) return files;
+  let cur = null;
+  let hunk = null;
+  let oldNo = 0;
+  let newNo = 0;
+  const lines = text.split("\n");
+  for (const raw of lines) {
+    const line = raw.endsWith("\r") ? raw.slice(0, -1) : raw;
+    const git = parseGitHeader(line);
+    if (git) {
+      cur = emptyFile(git.newPath);
+      cur.oldPath = git.oldPath;
+      files.push(cur);
+      hunk = null;
+      continue;
+    }
+    if (!cur && RE_OLD_FILE.test(line)) {
+      cur = emptyFile("");
+      files.push(cur);
+      hunk = null;
+    }
+    if (!cur) continue;
+    if (RE_NEW_MODE.test(line)) {
+      cur.status = "added";
+      continue;
+    }
+    if (RE_DEL_MODE.test(line)) {
+      cur.status = "deleted";
+      continue;
+    }
+    const renameFrom = RE_RENAME_FROM.exec(line);
+    if (renameFrom) {
+      cur.oldPath = parseDiffPath(renameFrom[1]);
+      cur.status = "renamed";
+      continue;
+    }
+    const renameTo = RE_RENAME_TO.exec(line);
+    if (renameTo) {
+      cur.path = parseDiffPath(renameTo[1]);
+      cur.status = "renamed";
+      continue;
+    }
+    const oldLine = RE_OLD_FILE.exec(line);
+    if (oldLine) {
+      const p = parseDiffPath(oldLine[1]);
+      if (p === "/dev/null") cur.status = "added";
+      else if (!cur.oldPath) cur.oldPath = p;
+      continue;
+    }
+    const newLine = RE_NEW_FILE_LINE.exec(line);
+    if (newLine) {
+      const p = parseDiffPath(newLine[1]);
+      if (p === "/dev/null") cur.status = "deleted";
+      else if (p) cur.path = p;
+      continue;
+    }
+    if (RE_BINARY.test(line)) {
+      cur.binary = true;
+      hunk = null;
+      continue;
+    }
+    const hm = RE_HUNK.exec(line);
+    if (hm) {
+      hunk = {
+        oldStart: Number(hm[1]),
+        oldCount: hm[2] ? Number(hm[2]) : 1,
+        newStart: Number(hm[3]),
+        newCount: hm[4] ? Number(hm[4]) : 1,
+        header: line,
+        lines: []
+      };
+      cur.hunks.push(hunk);
+      oldNo = hunk.oldStart;
+      newNo = hunk.newStart;
+      continue;
+    }
+    if (!hunk) continue;
+    if (line.startsWith("\\")) continue;
+    if (line.startsWith("+")) {
+      hunk.lines.push({ type: "add", oldNo: null, newNo: newNo++, text: line.slice(1) });
+      cur.addCount++;
+    } else if (line.startsWith("-")) {
+      hunk.lines.push({ type: "del", oldNo: oldNo++, newNo: null, text: line.slice(1) });
+      cur.delCount++;
+    } else {
+      const body = line.startsWith(" ") ? line.slice(1) : line;
+      hunk.lines.push({ type: "ctx", oldNo: oldNo++, newNo: newNo++, text: body });
+    }
+  }
+  return files;
+}
+function renderLineRow(line) {
+  const tr = document.createElement("tr");
+  tr.className = `ai-diff-line--${line.type}`;
+  if (line.type === "hunk") {
+    const td = h("td", "", line.text);
+    td.colSpan = 3;
+    tr.appendChild(td);
+    return tr;
+  }
+  const oldTd = h("td", "ai-diff-ln", line.oldNo === null ? "" : String(line.oldNo));
+  oldTd.setAttribute("aria-hidden", "true");
+  const newTd = h("td", "ai-diff-ln", line.newNo === null ? "" : String(line.newNo));
+  newTd.setAttribute("aria-hidden", "true");
+  tr.appendChild(oldTd);
+  tr.appendChild(newTd);
+  tr.appendChild(h("td", "ai-diff-code", line.text));
+  return tr;
+}
+function renderFile(file) {
+  const root = h("div", `ai-diff-file is-${file.status}`);
+  root.dataset.path = file.path;
+  const head = h("div", "ai-diff-head");
+  head.setAttribute("role", "button");
+  head.tabIndex = 0;
+  head.setAttribute("aria-expanded", "false");
+  const pathText = file.status === "renamed" && file.oldPath ? `${file.oldPath} \u2192 ${file.path}` : file.path;
+  head.appendChild(h("span", "ai-diff-path", pathText));
+  const stat = h("span", "ai-diff-stat");
+  if (file.addCount > 0) stat.appendChild(h("b", "ai-diff-add", `+${file.addCount}`));
+  if (file.delCount > 0) stat.appendChild(h("b", "ai-diff-del", `\u2212${file.delCount}`));
+  if (stat.children.length > 0) head.appendChild(stat);
+  const actions = h("span", "ai-diff-actions");
+  actions.appendChild(h("button", "", "\u63A5\u53D7")).setAttribute("data-ai-diff-accept", "");
+  const rejectBtn = h("button", "", "\u62D2\u7EDD");
+  rejectBtn.setAttribute("data-ai-diff-reject", "");
+  actions.appendChild(rejectBtn);
+  head.appendChild(actions);
+  const verdict = h("span", "ai-diff-verdict");
+  verdict.hidden = true;
+  head.appendChild(verdict);
+  root.appendChild(head);
+  const body = h("div", "ai-diff-body");
+  body.hidden = true;
+  const table = h("table", "ai-diff-table");
+  if (file.hunks.length === 0) {
+    const tr = document.createElement("tr");
+    tr.className = "ai-diff-line--ctx";
+    const td = h("td", "", file.binary ? "\u4E8C\u8FDB\u5236\u6587\u4EF6\uFF0C\u65E0\u6CD5\u663E\u793A\u6587\u672C\u5DEE\u5F02" : "\u65E0\u5DEE\u5F02\u5185\u5BB9");
+    td.colSpan = 3;
+    tr.appendChild(td);
+    table.appendChild(tr);
+  } else {
+    for (const hunk of file.hunks) {
+      table.appendChild(renderLineRow({ type: "hunk", oldNo: null, newNo: null, text: hunk.header }));
+      for (const line of hunk.lines) table.appendChild(renderLineRow(line));
+    }
+  }
+  body.appendChild(table);
+  root.appendChild(body);
+  return root;
+}
+function renderAiDiff(el, model) {
+  if (typeof document === "undefined") return el;
+  el.textContent = "";
+  const root = h("div", "ai-diff");
+  const files = Array.isArray(model?.files) ? model.files : [];
+  for (const file of files) root.appendChild(renderFile(file));
+  el.appendChild(root);
+  return el;
+}
+var noopDestroy = () => void 0;
+function closestFile(node) {
+  const file = node?.closest(".ai-diff-file");
+  return file instanceof HTMLElement ? file : null;
+}
+function filePath(file) {
+  if (file.dataset.path) return file.dataset.path;
+  return file.querySelector(".ai-diff-path")?.textContent ?? "";
+}
+function toggleFile(head) {
+  const file = closestFile(head);
+  if (!file) return;
+  const body = file.querySelector(".ai-diff-body");
+  if (!body) return;
+  const open = body.hidden;
+  body.hidden = !open;
+  head.setAttribute("aria-expanded", String(open));
+  emitIcen(file, "icen:ai-toggle", { el: file, open });
+}
+function decide(btn, accepted) {
+  const file = closestFile(btn);
+  if (!file) return;
+  if (file.classList.contains("is-accepted") || file.classList.contains("is-rejected")) return;
+  file.classList.add(accepted ? "is-accepted" : "is-rejected");
+  let verdict = file.querySelector(".ai-diff-verdict");
+  if (!verdict) {
+    verdict = h("span", "ai-diff-verdict");
+    file.querySelector(".ai-diff-head")?.appendChild(verdict);
+  }
+  verdict.textContent = accepted ? "\u5DF2\u63A5\u53D7" : "\u5DF2\u62D2\u7EDD";
+  verdict.hidden = false;
+  file.querySelectorAll(
+    "[data-ai-diff-accept], [data-ai-diff-reject]"
+  ).forEach((b) => {
+    b.hidden = true;
+    b.disabled = true;
+  });
+  emitIcen(file, accepted ? "icen:ai-diff-accept" : "icen:ai-diff-reject", { path: filePath(file) });
+}
+function initAiDiff(root) {
+  if (typeof document === "undefined") return noopDestroy;
+  const scope = root ?? document;
+  const marked = scope;
+  if (marked.__icenAiDiffInit) return noopDestroy;
+  marked.__icenAiDiffInit = true;
+  const target = scope;
+  const onClick = (e) => {
+    const t = e.target instanceof Element ? e.target : null;
+    if (!t) return;
+    const acceptBtn = t.closest("[data-ai-diff-accept]");
+    if (acceptBtn) {
+      e.stopPropagation();
+      decide(acceptBtn, true);
+      return;
+    }
+    const rejectBtn = t.closest("[data-ai-diff-reject]");
+    if (rejectBtn) {
+      e.stopPropagation();
+      decide(rejectBtn, false);
+      return;
+    }
+    const head = t.closest(".ai-diff-head");
+    if (head) toggleFile(head);
+  };
+  const onKeydown = (e) => {
+    const ke = e;
+    if (ke.key !== "Enter" && ke.key !== " ") return;
+    const t = ke.target instanceof Element ? ke.target : null;
+    if (!t || t.closest("button, a, input, textarea, select")) return;
+    const head = t.closest(".ai-diff-head");
+    if (!head) return;
+    ke.preventDefault();
+    toggleFile(head);
+  };
+  target.addEventListener("click", onClick);
+  target.addEventListener("keydown", onKeydown);
+  return () => {
+    target.removeEventListener("click", onClick);
+    target.removeEventListener("keydown", onKeydown);
+    marked.__icenAiDiffInit = false;
+  };
+}
+
+// src/behaviors/kb-sql.ts
+var ico = (d) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">${d}</svg>`;
+var ICON_COPY = ico('<rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>');
+var ICON_EDIT = ico('<path d="M17 3a2.8 2.8 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/>');
+var ICON_WRENCH = ico('<path d="M14.7 6.3a4.5 4.5 0 0 0-6 5.6L3 17.6V21h3.4l5.7-5.7a4.5 4.5 0 0 0 5.6-6L14.5 12l-2.5-2.5Z"/>');
+var SQL_KEYWORDS = /* @__PURE__ */ new Set([
+  "SELECT",
+  "FROM",
+  "WHERE",
+  "GROUP",
+  "BY",
+  "ORDER",
+  "JOIN",
+  "ON",
+  "AND",
+  "OR",
+  "NOT",
+  "LIMIT",
+  "HAVING",
+  "WITH",
+  "AS",
+  "UNION",
+  "ALL",
+  "INSERT",
+  "INTO",
+  "VALUES",
+  "UPDATE",
+  "SET",
+  "DELETE",
+  "CREATE",
+  "TABLE",
+  "VIEW",
+  "INDEX",
+  "DROP",
+  "ALTER",
+  "ADD",
+  "DISTINCT",
+  "CASE",
+  "WHEN",
+  "THEN",
+  "ELSE",
+  "END",
+  "INNER",
+  "LEFT",
+  "RIGHT",
+  "FULL",
+  "OUTER",
+  "CROSS",
+  "NATURAL",
+  "USING",
+  "ASC",
+  "DESC",
+  "NULLS",
+  "IS",
+  "NULL",
+  "IN",
+  "LIKE",
+  "ILIKE",
+  "BETWEEN",
+  "EXISTS",
+  "OVER",
+  "PARTITION",
+  "WINDOW",
+  "OFFSET",
+  "FETCH",
+  "EXCEPT",
+  "INTERSECT",
+  "PRIMARY",
+  "FOREIGN",
+  "KEY",
+  "REFERENCES",
+  "DEFAULT",
+  "UNIQUE",
+  "CONSTRAINT",
+  "CHECK",
+  "TRUE",
+  "FALSE",
+  "INTERVAL",
+  "RECURSIVE",
+  "RETURNING",
+  "CONFLICT"
+]);
+var isDigit = (c) => c >= "0" && c <= "9";
+var isWordHead = (c) => c >= "a" && c <= "z" || c >= "A" && c <= "Z" || c === "_";
+var isWordChar = (c) => isWordHead(c) || isDigit(c);
+var isPlain = (c) => !isDigit(c) && !isWordHead(c) && c !== "'" && c !== "-" && c !== "/";
+function tokenizeSql(sql) {
+  const out = [];
+  const n = sql.length;
+  let i = 0;
+  while (i < n) {
+    const ch = sql[i];
+    if (ch === "-" && sql[i + 1] === "-") {
+      const nl = sql.indexOf("\n", i);
+      const end = nl === -1 ? n : nl;
+      out.push({ text: sql.slice(i, end), kind: "cmt" });
+      i = end;
+      continue;
+    }
+    if (ch === "/" && sql[i + 1] === "*") {
+      const close = sql.indexOf("*/", i + 2);
+      if (close === -1) {
+        out.push({ text: sql.slice(i), kind: null });
+        break;
+      }
+      out.push({ text: sql.slice(i, close + 2), kind: "cmt" });
+      i = close + 2;
+      continue;
+    }
+    if (ch === "'") {
+      let j2 = i + 1;
+      let closed = false;
+      while (j2 < n) {
+        if (sql[j2] === "'") {
+          if (sql[j2 + 1] === "'") {
+            j2 += 2;
+            continue;
+          }
+          closed = true;
+          break;
+        }
+        j2++;
+      }
+      if (!closed) {
+        out.push({ text: sql.slice(i), kind: null });
+        break;
+      }
+      out.push({ text: sql.slice(i, j2 + 1), kind: "str" });
+      i = j2 + 1;
+      continue;
+    }
+    if (isDigit(ch)) {
+      let j2 = i;
+      while (j2 < n && (isDigit(sql[j2]) || sql[j2] === ".")) j2++;
+      out.push({ text: sql.slice(i, j2), kind: "num" });
+      i = j2;
+      continue;
+    }
+    if (isWordHead(ch)) {
+      let j2 = i;
+      while (j2 < n && isWordChar(sql[j2])) j2++;
+      const word = sql.slice(i, j2);
+      let kind = null;
+      if (SQL_KEYWORDS.has(word.toUpperCase())) {
+        kind = "kw";
+      } else {
+        let k = j2;
+        while (k < n && (sql[k] === " " || sql[k] === "	")) k++;
+        if (sql[k] === "(") kind = "fn";
+      }
+      out.push({ text: word, kind });
+      i = j2;
+      continue;
+    }
+    let j = i;
+    while (j < n && isPlain(sql[j])) j++;
+    if (j === i) j = i + 1;
+    out.push({ text: sql.slice(i, j), kind: null });
+    i = j;
+  }
+  return out;
+}
+function highlightSql(sql) {
+  const frag = document.createDocumentFragment();
+  for (const t of tokenizeSql(String(sql ?? ""))) {
+    if (t.kind) {
+      const span = document.createElement("span");
+      span.className = `kb-sql-tok--${t.kind}`;
+      span.textContent = t.text;
+      frag.appendChild(span);
+    } else {
+      frag.appendChild(document.createTextNode(t.text));
+    }
+  }
+  return frag;
+}
+function diffLines(a, b) {
+  const n = a.length;
+  const m = b.length;
+  if (n * m > 1e6) {
+    return [
+      ...a.map((text) => ({ t: "del", text })),
+      ...b.map((text) => ({ t: "add", text }))
+    ];
+  }
+  const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+  for (let i2 = n - 1; i2 >= 0; i2--) {
+    for (let j2 = m - 1; j2 >= 0; j2--) {
+      dp[i2][j2] = a[i2] === b[j2] ? dp[i2 + 1][j2 + 1] + 1 : Math.max(dp[i2 + 1][j2], dp[i2][j2 + 1]);
+    }
+  }
+  const ops = [];
+  let i = 0;
+  let j = 0;
+  while (i < n && j < m) {
+    if (a[i] === b[j]) {
+      ops.push({ t: "ctx", text: a[i] });
+      i++;
+      j++;
+    } else if (dp[i + 1][j] >= dp[i][j + 1]) {
+      ops.push({ t: "del", text: a[i] });
+      i++;
+    } else {
+      ops.push({ t: "add", text: b[j] });
+      j++;
+    }
+  }
+  while (i < n) ops.push({ t: "del", text: a[i++] });
+  while (j < m) ops.push({ t: "add", text: b[j++] });
+  return ops;
+}
+function makeSqlDiff(a, b) {
+  const ops = diffLines(String(a ?? "").split("\n"), String(b ?? "").split("\n"));
+  const CTX = 3;
+  const n = ops.length;
+  const oldAt = new Array(n + 1);
+  const newAt = new Array(n + 1);
+  oldAt[0] = 1;
+  newAt[0] = 1;
+  for (let k = 0; k < n; k++) {
+    oldAt[k + 1] = oldAt[k] + (ops[k].t === "add" ? 0 : 1);
+    newAt[k + 1] = newAt[k] + (ops[k].t === "del" ? 0 : 1);
+  }
+  const hunks = [];
+  let i = 0;
+  while (i < n) {
+    let change = -1;
+    for (let k = i; k < n; k++) {
+      if (ops[k].t !== "ctx") {
+        change = k;
+        break;
+      }
+    }
+    if (change === -1) break;
+    const start = Math.max(0, change - CTX);
+    let end = change;
+    let sinceChange = 0;
+    for (let k = change; k < n; k++) {
+      if (ops[k].t !== "ctx") {
+        sinceChange = 0;
+        end = k;
+      } else {
+        sinceChange++;
+        if (sinceChange <= CTX) end = k;
+        else break;
+      }
+    }
+    const stop = end + 1;
+    const slice = ops.slice(start, stop);
+    const oldCount = slice.filter((o) => o.t !== "add").length;
+    const newCount = slice.filter((o) => o.t !== "del").length;
+    const oStart = oldCount === 0 ? Math.max(0, oldAt[start] - 1) : oldAt[start];
+    const nStart = newCount === 0 ? Math.max(0, newAt[start] - 1) : newAt[start];
+    const body = slice.map((o) => `${o.t === "del" ? "-" : o.t === "add" ? "+" : " "}${o.text}`).join("\n");
+    hunks.push(`@@ -${oStart},${oldCount} +${nStart},${newCount} @@
+${body}`);
+    i = stop;
+  }
+  return ["diff --git a/prev.sql b/sql.sql", "--- a/prev.sql", "+++ b/sql.sql", ...hunks].join("\n");
+}
+function iconBtn(cls, dataAttr, icon, label) {
+  const btn = h("button", cls);
+  btn.type = "button";
+  btn.setAttribute(dataAttr, "");
+  const iconBox = h("span", "kb-sql-btn-icon");
+  const svg2 = svgIcon(icon);
+  if (svg2) iconBox.appendChild(svg2);
+  btn.appendChild(iconBox);
+  btn.appendChild(h("span", "kb-sql-btn-text", label));
+  return btn;
+}
+function renderKbSql(el, query, opts) {
+  if (typeof document === "undefined") return el;
+  const q = normalizeSqlQuery(query);
+  el.textContent = "";
+  const card = h("div", "kb-sql");
+  card.dataset.kbSql = "";
+  const head = h("div", "kb-sql-head");
+  head.appendChild(h("span", "kb-sql-title", opts?.title ?? "\u751F\u6210\u7684 SQL"));
+  if (q.visibility === "admin") head.appendChild(h("span", "kb-badge kb-badge--admin", "\u4EC5\u7BA1\u7406\u5458\u53EF\u89C1"));
+  if (q.dialect) head.appendChild(h("span", "kb-meta", q.dialect));
+  if (q.tables?.length) {
+    const tables = h("span", "kb-sql-tables");
+    for (const t of q.tables) tables.appendChild(h("span", "kb-chip", t));
+    head.appendChild(tables);
+  }
+  const actions = h("span", "kb-sql-actions");
+  actions.appendChild(iconBtn("kb-sql-btn", "data-kb-sql-copy", ICON_COPY, "\u590D\u5236"));
+  if (q.editable) actions.appendChild(iconBtn("kb-sql-btn", "data-kb-sql-edit", ICON_EDIT, "\u7F16\u8F91\u91CD\u8DD1"));
+  head.appendChild(actions);
+  card.appendChild(head);
+  const pre = h("pre", "kb-sql-code");
+  pre.setAttribute("data-kb-sql-code", "");
+  pre.appendChild(highlightSql(q.sql));
+  card.appendChild(pre);
+  if (typeof q.prevSql === "string" && q.prevSql !== q.sql) {
+    const fix = h("div", "kb-sql-fix");
+    const fixHead = h("div", "kb-sql-fix-head");
+    const fixTitle = h("span", "kb-sql-fix-title");
+    const warnSvg = svgIcon(ico('<path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z"/><path d="M12 9v4"/><path d="M12 17h.01"/>'));
+    if (warnSvg) fixTitle.appendChild(warnSvg);
+    fixTitle.appendChild(h("span", "", "\u68C0\u6D4B\u5230\u4E0A\u7248\u62A5\u9519\uFF0C\u4FEE\u590D\u5EFA\u8BAE\u5DF2\u5C31\u7EEA"));
+    fixHead.appendChild(fixTitle);
+    const applyBtn = iconBtn("kb-sql-btn kb-sql-btn--apply", "data-kb-sql-apply", ICON_WRENCH, "\u5E94\u7528\u4FEE\u590D\u5E76\u91CD\u8DD1");
+    fixHead.appendChild(applyBtn);
+    fix.appendChild(fixHead);
+    const diffBox = h("div", "kb-sql-fix-diff");
+    renderAiDiff(diffBox, { files: parseUnifiedDiff(makeSqlDiff(q.prevSql, q.sql)) });
+    diffBox.querySelectorAll(".ai-diff-file").forEach((file) => {
+      const body = file.querySelector(".ai-diff-body");
+      if (body) body.hidden = false;
+      file.querySelector(".ai-diff-head")?.setAttribute("aria-expanded", "true");
+    });
+    fix.appendChild(diffBox);
+    card.appendChild(fix);
+    if (opts?.onRerun) {
+      const onRerun = opts.onRerun;
+      applyBtn.addEventListener("click", () => onRerun(pre.textContent ?? ""));
+    }
+  }
+  if (q.editable) {
+    const editor = h("div", "kb-sql-editor");
+    editor.hidden = true;
+    const ta = document.createElement("textarea");
+    ta.className = "kb-sql-textarea";
+    ta.setAttribute("data-kb-sql-textarea", "");
+    ta.spellcheck = false;
+    editor.appendChild(ta);
+    const editorActions = h("div", "kb-sql-editor-actions");
+    const cancelBtn = h("button", "kb-sql-btn", "\u53D6\u6D88");
+    cancelBtn.type = "button";
+    cancelBtn.setAttribute("data-kb-sql-cancel", "");
+    const confirmBtn = h("button", "kb-sql-btn kb-sql-btn--run", "\u786E\u8BA4\u5E76\u91CD\u8DD1");
+    confirmBtn.type = "button";
+    confirmBtn.setAttribute("data-kb-sql-confirm", "");
+    editorActions.appendChild(cancelBtn);
+    editorActions.appendChild(confirmBtn);
+    editor.appendChild(editorActions);
+    card.appendChild(editor);
+    const onEdit = opts?.onEdit;
+    const onRerun = opts?.onRerun;
+    if (onEdit || onRerun) {
+      confirmBtn.addEventListener("click", () => {
+        const sql = ta.value;
+        if (!sql.trim()) return;
+        onEdit?.(sql);
+        onRerun?.(sql);
+      });
+    }
+  }
+  el.appendChild(card);
+  return el;
+}
+var noopDestroy2 = () => void 0;
+var copyTimers = /* @__PURE__ */ new WeakMap();
+function flashCopied(textSpan) {
+  textSpan.textContent = "\u5DF2\u590D\u5236";
+  const prev = copyTimers.get(textSpan);
+  if (prev != null) clearTimeout(prev);
+  copyTimers.set(
+    textSpan,
+    window.setTimeout(() => {
+      textSpan.textContent = "\u590D\u5236";
+      copyTimers.delete(textSpan);
+    }, 1200)
+  );
+}
+function copyText(text) {
+  if (navigator.clipboard?.writeText) {
+    void navigator.clipboard.writeText(text).catch(() => void 0);
+    return;
+  }
+  const ta = document.createElement("textarea");
+  ta.value = text;
+  ta.style.position = "fixed";
+  ta.style.opacity = "0";
+  document.body.appendChild(ta);
+  ta.select();
+  try {
+    document.execCommand("copy");
+  } catch {
+  }
+  ta.remove();
+}
+function setEditMode(card, editing) {
+  const pre = card.querySelector(".kb-sql-code");
+  const editor = card.querySelector(".kb-sql-editor");
+  const ta = card.querySelector(".kb-sql-textarea");
+  if (!pre || !editor || !ta) return;
+  editor.hidden = !editing;
+  pre.hidden = editing;
+  card.classList.toggle("is-editing", editing);
+  if (editing) {
+    ta.value = pre.textContent ?? "";
+    ta.focus();
+  }
+}
+function confirmEdit(card, source) {
+  const ta = card.querySelector(".kb-sql-textarea");
+  const sql = ta?.value ?? "";
+  if (!sql.trim()) return;
+  const pre = card.querySelector(".kb-sql-code");
+  if (pre) {
+    pre.textContent = "";
+    pre.appendChild(highlightSql(sql));
+  }
+  setEditMode(card, false);
+  emitIcen(source, "icen:kb-sql-edit", { sql });
+  emitIcen(source, "icen:kb-sql-rerun", { sql });
+}
+function initKbSql(root) {
+  if (typeof document === "undefined") return noopDestroy2;
+  const scope = root ?? document;
+  const marked = scope;
+  if (marked.__icenKbSqlInit) return noopDestroy2;
+  marked.__icenKbSqlInit = true;
+  const destroyAiDiff = initAiDiff(scope);
+  const target = scope;
+  const currentSql = (card) => card.querySelector(".kb-sql-code")?.textContent ?? "";
+  const onClick = (e) => {
+    const t = e.target instanceof Element ? e.target : null;
+    if (!t) return;
+    const card = t.closest("[data-kb-sql]");
+    if (!card) return;
+    const copyBtn = t.closest("[data-kb-sql-copy]");
+    if (copyBtn) {
+      copyText(currentSql(card));
+      const label = copyBtn.querySelector(".kb-sql-btn-text");
+      if (label instanceof HTMLElement) flashCopied(label);
+      return;
+    }
+    if (t.closest("[data-kb-sql-edit]")) {
+      setEditMode(card, true);
+      return;
+    }
+    if (t.closest("[data-kb-sql-cancel]")) {
+      setEditMode(card, false);
+      return;
+    }
+    const confirmBtn = t.closest("[data-kb-sql-confirm]");
+    if (confirmBtn) {
+      confirmEdit(card, confirmBtn);
+      return;
+    }
+    const applyBtn = t.closest("[data-kb-sql-apply]");
+    if (applyBtn) {
+      emitIcen(applyBtn, "icen:kb-sql-rerun", { sql: currentSql(card) });
+    }
+  };
+  const onKeydown = (e) => {
+    const ke = e;
+    const t = ke.target instanceof Element ? ke.target : null;
+    if (!t || !t.matches("[data-kb-sql-textarea]")) return;
+    const card = t.closest("[data-kb-sql]");
+    if (!card) return;
+    if (ke.key === "Escape") {
+      ke.preventDefault();
+      setEditMode(card, false);
+      return;
+    }
+    if (ke.key === "Enter" && (ke.ctrlKey || ke.metaKey)) {
+      ke.preventDefault();
+      confirmEdit(card, t);
+    }
+  };
+  target.addEventListener("click", onClick);
+  target.addEventListener("keydown", onKeydown);
+  return () => {
+    target.removeEventListener("click", onClick);
+    target.removeEventListener("keydown", onKeydown);
+    marked.__icenKbSqlInit = false;
+    destroyAiDiff();
+  };
+}
+export {
+  highlightSql,
+  initKbSql,
+  makeSqlDiff,
+  renderKbSql
+};