@icen.ai/ui 0.8.1 → 0.9.0

package/dist/behaviors/kb-citation.mjs

@@ -0,0 +1,677 @@
+// 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 getKbSourceType(name) {
+  if (name) return sourceTypeRegistry.get(name) ?? BUILTIN_SOURCE_TYPES.doc;
+  return BUILTIN_SOURCE_TYPES.doc;
+}
+function normalizeCitation(raw) {
+  const r = raw;
+  const score = typeof r.score === "number" && Number.isFinite(r.score) ? r.score : r.score == null ? null : null;
+  return {
+    id: String(r.id ?? ""),
+    index: typeof r.index === "number" ? r.index : void 0,
+    title: String(r.title ?? "\u672A\u547D\u540D\u6765\u6E90"),
+    url: typeof r.url === "string" && r.url ? r.url : void 0,
+    kind: typeof r.kind === "string" ? r.kind : void 0,
+    citedText: typeof r.citedText === "string" ? r.citedText : void 0,
+    snippet: typeof r.snippet === "string" ? r.snippet : void 0,
+    date: typeof r.date === "string" ? r.date : void 0,
+    score: score === void 0 ? null : score,
+    scoreKind: r.scoreKind,
+    official: r.official === true,
+    permission: r.permission === "restricted" || r.permission === "requestable" ? r.permission : "readable",
+    owner: typeof r.owner === "string" ? r.owner : void 0,
+    loc: r.loc,
+    documentId: typeof r.documentId === "string" ? r.documentId : void 0,
+    useCount: typeof r.useCount === "number" ? r.useCount : void 0
+  };
+}
+var CITE_RE = /\[(\d{1,3})\]/g;
+function parseInlineCitations(text) {
+  const out = [];
+  if (!text) return out;
+  let last = 0;
+  CITE_RE.lastIndex = 0;
+  let m;
+  while ((m = CITE_RE.exec(text)) !== null) {
+    if (m.index > last) out.push({ text: text.slice(last, m.index) });
+    out.push({ text: m[0], n: Number(m[1]) });
+    last = m.index + m[0].length;
+  }
+  if (last < text.length) out.push({ text: text.slice(last) });
+  return out;
+}
+function relativeTime(input, now = /* @__PURE__ */ new Date()) {
+  const t = input instanceof Date ? input.getTime() : typeof input === "number" ? input : Date.parse(input);
+  if (!Number.isFinite(t)) return typeof input === "string" ? input : "\u2014";
+  const diff = now.getTime() - t;
+  const MIN = 6e4, HOUR = 36e5, DAY = 864e5;
+  if (diff < MIN) return "\u521A\u521A";
+  if (diff < HOUR) return `${Math.floor(diff / MIN)} \u5206\u949F\u524D`;
+  if (diff < DAY) return `${Math.floor(diff / HOUR)} \u5C0F\u65F6\u524D`;
+  if (diff < 30 * DAY) return `${Math.floor(diff / DAY)} \u5929\u524D`;
+  const d = new Date(t);
+  const ymd = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+  return ymd;
+}
+
+// src/behaviors/events.ts
+function emitIcen(source, type, detail) {
+  return source.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable: true })
+  );
+}
+
+// src/behaviors/popover.ts
+var PANEL_SIZING_ATTRS = {
+  width: "data-panel-width",
+  minWidth: "data-panel-min",
+  maxWidth: "data-panel-max",
+  minHeight: "data-panel-min-height",
+  maxHeight: "data-panel-max-height"
+};
+function readPanelSizing(el) {
+  const out = {};
+  if (!el) return out;
+  for (const key of Object.keys(PANEL_SIZING_ATTRS)) {
+    const raw = el.getAttribute(PANEL_SIZING_ATTRS[key]);
+    if (raw == null) continue;
+    const n = Number(raw);
+    if (Number.isFinite(n) && n > 0) out[key] = n;
+  }
+  return out;
+}
+function resolvePanelSizing(el, overrides) {
+  const base = readPanelSizing(el);
+  if (!overrides) return base;
+  for (const key of Object.keys(overrides)) {
+    const v = overrides[key];
+    if (typeof v === "number" && Number.isFinite(v) && v > 0) base[key] = v;
+  }
+  return base;
+}
+function sizingToLayout(sizing, opts) {
+  const out = { ...opts };
+  if (sizing.minWidth != null) out.minWidth = sizing.minWidth;
+  if (sizing.maxWidth != null) out.maxWidth = sizing.maxWidth;
+  if (sizing.width != null) {
+    out.minWidth = sizing.width;
+    out.maxWidth = sizing.width;
+  }
+  if (sizing.maxHeight != null) out.maxHeight = sizing.maxHeight;
+  return out;
+}
+var DEFAULT_MIN_WIDTH = 220;
+var DEFAULT_MAX_WIDTH = 420;
+var DEFAULT_MIN_HEIGHT = 120;
+var DEFAULT_MAX_HEIGHT = 420;
+function clamp(value, min, max) {
+  if (max < min) return min;
+  return Math.min(max, Math.max(min, value));
+}
+function chooseSide(preferredSide, availableTop, availableBottom, desiredHeight) {
+  const preferredSpace = preferredSide === "top" ? availableTop : availableBottom;
+  const oppositeSpace = preferredSide === "top" ? availableBottom : availableTop;
+  if (preferredSpace >= desiredHeight) return preferredSide;
+  if (oppositeSpace >= desiredHeight) return preferredSide === "top" ? "bottom" : "top";
+  if (preferredSpace >= oppositeSpace) return preferredSide;
+  return preferredSide === "top" ? "bottom" : "top";
+}
+function horizontalAnchor(anchor, width, align) {
+  if (align === "center") return anchor.left + anchor.width / 2 - width / 2;
+  if (align === "end") return anchor.right - width;
+  return anchor.left;
+}
+function computePopoverLayout(anchor, viewport, opts = {}) {
+  const margin = opts.margin ?? 12;
+  const offset = opts.offset ?? 8;
+  const preferredSide = opts.side ?? "top";
+  const align = opts.align ?? "start";
+  if (preferredSide === "left" || preferredSide === "right") {
+    const availableLeft = Math.max(0, anchor.left - margin - offset);
+    const availableRight = Math.max(0, viewport.width - anchor.right - margin - offset);
+    const side2 = (preferredSide === "left" ? availableLeft : availableRight) >= DEFAULT_MIN_WIDTH ? preferredSide : preferredSide === "left" ? "right" : "left";
+    const minWidth2 = Math.max(1, opts.minWidth ?? DEFAULT_MIN_WIDTH);
+    const maxWidth2 = Math.min(
+      Math.max(opts.maxWidth ?? DEFAULT_MAX_WIDTH, minWidth2),
+      side2 === "left" ? availableLeft : availableRight
+    );
+    const width2 = minWidth2;
+    const left2 = clamp(
+      side2 === "left" ? anchor.left - offset - width2 : anchor.right + offset,
+      margin,
+      viewport.width - margin - width2
+    );
+    const availableHeight2 = Math.max(80, viewport.height - margin * 2);
+    const maxHeight2 = Math.min(opts.maxHeight ?? DEFAULT_MAX_HEIGHT, availableHeight2);
+    const desired = clamp(opts.contentHeightHint ?? Math.min(anchor.height, maxHeight2), 40, maxHeight2);
+    const anchorTop = align === "center" ? anchor.top + anchor.height / 2 - desired / 2 : align === "end" ? anchor.bottom - desired : anchor.top;
+    const top2 = clamp(anchorTop, margin, viewport.height - margin - desired);
+    return { side: side2, left: left2, top: top2, width: width2, maxHeight: maxHeight2 };
+  }
+  const availableWidth = Math.max(80, viewport.width - margin * 2);
+  const requestedMinWidth = Math.max(1, opts.minWidth ?? DEFAULT_MIN_WIDTH);
+  const requestedMaxWidth = Math.max(requestedMinWidth, opts.maxWidth ?? DEFAULT_MAX_WIDTH);
+  const maxWidth = Math.min(requestedMaxWidth, availableWidth);
+  const minWidth = Math.min(requestedMinWidth, maxWidth);
+  const availableTop = Math.max(0, anchor.top - margin - offset);
+  const availableBottom = Math.max(0, viewport.height - anchor.bottom - margin - offset);
+  const availableHeight = Math.max(80, viewport.height - margin * 2);
+  const minHeight = Math.min(Math.max(80, opts.minHeight ?? DEFAULT_MIN_HEIGHT), availableHeight);
+  const requestedMaxHeight = Math.max(minHeight, opts.maxHeight ?? DEFAULT_MAX_HEIGHT);
+  const fallbackHeight = Math.min(260, requestedMaxHeight);
+  const contentHeight = Math.max(opts.contentHeightHint ?? 0, fallbackHeight);
+  const desiredHeight = clamp(contentHeight, minHeight, Math.min(requestedMaxHeight, availableHeight));
+  const side = chooseSide(preferredSide, availableTop, availableBottom, desiredHeight);
+  const sideSpace = side === "top" ? availableTop : availableBottom;
+  const maxHeight = Math.min(
+    requestedMaxHeight,
+    Math.max(80, sideSpace || Math.max(availableTop, availableBottom)),
+    availableHeight
+  );
+  const positionedHeight = clamp(desiredHeight, 40, maxHeight);
+  const width = align === "stretch" ? clamp(anchor.width, minWidth, maxWidth) : maxWidth;
+  const left = clamp(horizontalAnchor(anchor, width, align), margin, viewport.width - margin - width);
+  const desiredTop = side === "top" ? anchor.top - offset - positionedHeight : anchor.bottom + offset;
+  const top = clamp(desiredTop, margin, viewport.height - margin - positionedHeight);
+  return { side, left, top, width, maxHeight };
+}
+var openPanels = /* @__PURE__ */ new Map();
+function rectFromElement(el) {
+  const r = el.getBoundingClientRect();
+  return { left: r.left, top: r.top, right: r.right, bottom: r.bottom, width: r.width, height: r.height };
+}
+function resolveAnchor(state) {
+  if (state.anchor instanceof Element) {
+    if (!state.anchor.isConnected) return null;
+    return rectFromElement(state.anchor);
+  }
+  return state.anchor;
+}
+function relayout(state) {
+  const anchor = resolveAnchor(state);
+  if (!anchor) {
+    closePopover(state.panel);
+    return;
+  }
+  const layout = computePopoverLayout(
+    anchor,
+    { width: window.innerWidth, height: window.innerHeight },
+    state.opts
+  );
+  const { panel } = state;
+  panel.style.left = `${layout.left}px`;
+  panel.style.top = `${layout.top}px`;
+  panel.style.width = `${layout.width}px`;
+  panel.style.maxHeight = `${layout.maxHeight}px`;
+  panel.dataset.side = layout.side;
+  panel.style.visibility = state.prevVisibility;
+}
+function onWindowChange() {
+  openPanels.forEach(relayout);
+}
+function onOutsidePointerDown(e) {
+  const target = e.target;
+  if (!(target instanceof Node)) return;
+  openPanels.forEach((state) => {
+    if (state.panel.contains(target)) return;
+    if (state.anchor instanceof Element && state.anchor.contains(target)) return;
+    closePopover(state.panel);
+  });
+}
+function onKeyDown(e) {
+  if (e.key !== "Escape") return;
+  const states = Array.from(openPanels.values());
+  const top = states[states.length - 1];
+  if (top) {
+    e.preventDefault();
+    closePopover(top.panel);
+  }
+}
+function openPopover(panel, options) {
+  if (typeof document === "undefined") return;
+  if (openPanels.has(panel)) closePopover(panel);
+  const { anchor, onClose, sizing, ...rest } = options;
+  const layoutOpts = sizingToLayout(resolvePanelSizing(panel, sizing), rest);
+  const placeholder = document.createComment("popover-anchor");
+  panel.parentNode?.insertBefore(placeholder, panel);
+  const wasHidden = panel.hidden;
+  const prevVisibility = panel.style.visibility;
+  const state = {
+    panel,
+    anchor,
+    opts: layoutOpts,
+    onClose,
+    placeholder,
+    wasHidden,
+    prevVisibility
+  };
+  openPanels.set(panel, state);
+  document.body.appendChild(panel);
+  panel.hidden = false;
+  panel.style.visibility = "hidden";
+  relayout(state);
+  if (openPanels.size === 1) {
+    window.addEventListener("resize", onWindowChange);
+    window.addEventListener("scroll", onWindowChange, true);
+    document.addEventListener("pointerdown", onOutsidePointerDown, true);
+    window.addEventListener("keydown", onKeyDown);
+  }
+}
+function closePopover(panel) {
+  if (typeof document === "undefined") return;
+  const state = openPanels.get(panel);
+  if (!state) return;
+  openPanels.delete(panel);
+  panel.style.visibility = state.prevVisibility;
+  if (typeof state.wasHidden === "string") panel.setAttribute("hidden", state.wasHidden);
+  else panel.hidden = state.wasHidden;
+  panel.style.left = "";
+  panel.style.top = "";
+  panel.style.width = "";
+  panel.style.maxHeight = "";
+  delete panel.dataset.side;
+  if (state.placeholder.parentNode) {
+    state.placeholder.parentNode.insertBefore(panel, state.placeholder);
+    state.placeholder.remove();
+  }
+  if (openPanels.size === 0) {
+    window.removeEventListener("resize", onWindowChange);
+    window.removeEventListener("scroll", onWindowChange, true);
+    document.removeEventListener("pointerdown", onOutsidePointerDown, true);
+    window.removeEventListener("keydown", onKeyDown);
+  }
+  state.onClose?.();
+}
+
+// src/behaviors/kb-citation.ts
+var KB_STALE_DAYS = 90;
+var KB_ICON_LOCK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>';
+var DAY_MS = 864e5;
+var HOVER_DELAY_MS = 300;
+var CITE_TEXT_MAX = 150;
+function isKbCitationStale(citation, now = /* @__PURE__ */ new Date()) {
+  if (!citation.date) return false;
+  const t = Date.parse(citation.date);
+  if (!Number.isFinite(t)) return false;
+  return now.getTime() - t > KB_STALE_DAYS * DAY_MS;
+}
+function kbDomainOf(url) {
+  if (!url) return "";
+  try {
+    return new URL(url).hostname;
+  } catch {
+    return "";
+  }
+}
+var registrySources = [];
+function setKbCitationSources(sources) {
+  registrySources = Array.isArray(sources) ? sources.map(normalizeCitation) : [];
+}
+function getKbCitationSources() {
+  return registrySources.slice();
+}
+function lookupCitation(pool, n) {
+  if (!pool.length) return void 0;
+  const byIndex = pool.find((c) => c.index === n);
+  if (byIndex) return byIndex;
+  return n >= 1 && n <= pool.length ? pool[n - 1] : void 0;
+}
+function syntheticCitation(n) {
+  return normalizeCitation({ id: `cite-${n}`, index: n, title: `\u6765\u6E90 ${n}` });
+}
+function clip(text, max) {
+  return text.length > max ? `${text.slice(0, max)}\u2026` : text;
+}
+function renderCitationMark(n) {
+  if (typeof document === "undefined") return null;
+  const btn = h("button", "kb-citation", String(n));
+  btn.type = "button";
+  btn.dataset.cite = String(n);
+  btn.setAttribute("aria-label", `\u6765\u6E90 ${n}`);
+  return btn;
+}
+function citationMark(n, pool) {
+  if (pool && !lookupCitation(pool, n)) {
+    const sup = h("sup", "kb-citation is-dead", String(n));
+    sup.dataset.cite = String(n);
+    sup.setAttribute("aria-hidden", "true");
+    return sup;
+  }
+  return renderCitationMark(n) ?? h("sup", "kb-citation is-dead", String(n));
+}
+function renderCitationText(el, text, sources) {
+  if (typeof document === "undefined") return el;
+  const pool = sources && sources.length ? sources.map(normalizeCitation) : void 0;
+  if (pool) setKbCitationSources(pool);
+  el.textContent = "";
+  for (const seg of parseInlineCitations(text ?? "")) {
+    if (typeof seg.n === "number") el.appendChild(citationMark(seg.n, pool));
+    else if (seg.text) el.appendChild(document.createTextNode(seg.text));
+  }
+  return el;
+}
+function buildBadgeRow(citation, now) {
+  const row = h("div", "kb-citation-card-badges");
+  if (citation.official) row.appendChild(h("span", "kb-badge kb-badge--official", "\u5B98\u65B9"));
+  if (citation.date) {
+    const b = h("span", "kb-badge", relativeTime(citation.date, now));
+    if (isKbCitationStale(citation, now)) {
+      b.classList.add("kb-badge--stale");
+      b.prepend(h("i", "kb-dot is-warn"));
+    }
+    row.appendChild(b);
+  }
+  if (citation.permission !== "readable") {
+    const lock = h("span", "kb-badge kb-badge--restricted", "\u53D7\u9650");
+    const svg2 = svgIcon(KB_ICON_LOCK);
+    if (svg2) lock.prepend(svg2);
+    row.appendChild(lock);
+  }
+  return row;
+}
+function buildCitationCard(citation, now) {
+  const card = h("div", "kb-citation-card");
+  card.setAttribute("role", "tooltip");
+  const revoked = citation.revoked === true;
+  const head = h("div", "kb-citation-card-head");
+  const icon = h("span", "kb-citation-card-icon");
+  const svg2 = svgIcon(getKbSourceType(citation.kind).icon);
+  if (svg2) icon.appendChild(svg2);
+  head.appendChild(icon);
+  head.appendChild(h("span", "kb-citation-card-title", citation.title));
+  if (revoked) head.appendChild(h("span", "kb-chip is-revoked", "\u6765\u6E90\u5DF2\u4E0D\u53EF\u7528"));
+  card.appendChild(head);
+  const domain = kbDomainOf(citation.url) || getKbSourceType(citation.kind).label;
+  card.appendChild(h("div", "kb-citation-card-domain", domain));
+  if (!revoked) {
+    const quoteText = clip(citation.citedText ?? citation.snippet ?? "", CITE_TEXT_MAX);
+    if (quoteText) {
+      const quote = h("div", "kb-quote kb-citation-card-quote", quoteText);
+      if (citation.permission !== "readable") quote.classList.add("kb-citation-card-masked");
+      card.appendChild(quote);
+    }
+  }
+  const badges = buildBadgeRow(citation, now);
+  if (badges.childElementCount > 0) card.appendChild(badges);
+  return card;
+}
+var hover = { timer: null, panel: null, mark: null };
+function cancelHoverTimer() {
+  if (hover.timer) {
+    clearTimeout(hover.timer);
+    hover.timer = null;
+  }
+}
+function closeHoverCard() {
+  cancelHoverTimer();
+  hover.mark = null;
+  if (hover.panel) {
+    const panel = hover.panel;
+    hover.panel = null;
+    closePopover(panel);
+  }
+}
+var initedScopes = /* @__PURE__ */ new WeakSet();
+function initKbCitation(root, opts) {
+  if (typeof document === "undefined") return () => void 0;
+  const scope = root ?? document;
+  const key = scope;
+  if (initedScopes.has(key)) return () => void 0;
+  initedScopes.add(key);
+  const target = scope;
+  const poolOf = () => opts?.sources && opts.sources.length ? opts.sources : registrySources;
+  const cardDataFor = (n) => {
+    const found = lookupCitation(poolOf(), n) ?? null;
+    if (opts?.getCard) return opts.getCard(found ?? syntheticCitation(n)) ?? found;
+    return found;
+  };
+  const citeNum = (mark) => {
+    const n = Number(mark.getAttribute("data-cite"));
+    return Number.isFinite(n) && n >= 1 ? n : 0;
+  };
+  const showCard = (mark) => {
+    const n = citeNum(mark);
+    if (n < 1) return;
+    const data = cardDataFor(n);
+    if (!data) return;
+    const panel = buildCitationCard(data, /* @__PURE__ */ new Date());
+    hover.panel = panel;
+    openPopover(panel, {
+      anchor: mark,
+      side: "bottom",
+      align: "start",
+      sizing: { minWidth: 280, maxWidth: 340, maxHeight: 360 },
+      onClose: () => {
+        panel.remove();
+        if (hover.panel === panel) hover.panel = null;
+      }
+    });
+  };
+  const onClick = (e) => {
+    const t = e.target instanceof Element ? e.target : null;
+    const mark = t?.closest(".kb-citation");
+    if (!mark || mark.classList.contains("is-dead")) return;
+    const n = citeNum(mark);
+    if (n < 1) return;
+    closeHoverCard();
+    const citation = cardDataFor(n) ?? lookupCitation(poolOf(), n) ?? syntheticCitation(n);
+    emitIcen(mark, "icen:kb-citation-open", { citation });
+  };
+  const onPointerOver = (e) => {
+    const t = e.target instanceof Element ? e.target : null;
+    const mark = t?.closest(".kb-citation:not(.is-dead)");
+    if (!mark || hover.mark === mark) return;
+    closeHoverCard();
+    hover.mark = mark;
+    hover.timer = setTimeout(() => {
+      hover.timer = null;
+      if (hover.mark === mark && mark.isConnected) showCard(mark);
+    }, opts?.hoverDelay ?? HOVER_DELAY_MS);
+  };
+  const onPointerOut = (e) => {
+    if (!hover.mark) return;
+    const rt = e.relatedTarget;
+    if (rt instanceof Node && hover.mark.contains(rt)) return;
+    closeHoverCard();
+  };
+  target.addEventListener("click", onClick);
+  target.addEventListener("pointerover", onPointerOver);
+  target.addEventListener("pointerout", onPointerOut);
+  return () => {
+    target.removeEventListener("click", onClick);
+    target.removeEventListener("pointerover", onPointerOver);
+    target.removeEventListener("pointerout", onPointerOut);
+    initedScopes.delete(key);
+    if (hover.mark && scope instanceof Node && scope.contains(hover.mark)) closeHoverCard();
+  };
+}
+export {
+  KB_ICON_LOCK,
+  KB_STALE_DAYS,
+  getKbCitationSources,
+  initKbCitation,
+  isKbCitationStale,
+  kbDomainOf,
+  renderCitationMark,
+  renderCitationText,
+  setKbCitationSources
+};