@icen.ai/ui 0.8.0 → 0.9.0

package/dist/behaviors/toast.mjs

@@ -18,10 +18,40 @@ function ensureContainer() {
 }
 var KIND_CLASS = {
   ok: "toast--success",
+  success: "toast--success",
   err: "toast--error",
+  error: "toast--error",
   warn: "toast--warning",
   info: "toast--info"
 };
+var CLOSE_SVG = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>';
+function stripUnsafeSvg(el) {
+  for (const attr of Array.from(el.attributes)) {
+    if (attr.name.toLowerCase().startsWith("on")) el.removeAttribute(attr.name);
+  }
+  for (const child of Array.from(el.children)) {
+    const tag = child.tagName.toLowerCase();
+    if (tag === "script" || tag === "foreignobject") child.remove();
+    else stripUnsafeSvg(child);
+  }
+}
+function sanitizeSvgIcon(source) {
+  if (!source.trimStart().startsWith("<svg")) return null;
+  try {
+    const doc = new DOMParser().parseFromString(source, "image/svg+xml");
+    const svg = doc.documentElement;
+    if (!svg || svg.tagName.toLowerCase() !== "svg") return null;
+    stripUnsafeSvg(svg);
+    return document.importNode(svg, true);
+  } catch {
+    return null;
+  }
+}
+var closeSvgCache = null;
+function closeSvg() {
+  closeSvgCache ??= sanitizeSvgIcon(CLOSE_SVG);
+  return closeSvgCache ? closeSvgCache.cloneNode(true) : null;
+}
 function scheduleRemove(el) {
   el.classList.add("is-leaving");
   let done = false;
@@ -48,12 +78,23 @@ function trimStack(container) {
   }
 }
 function show(message, kind = "info", opts = {}) {
-  if (!isBrowser()) return;
-  const { ms, actionLabel, onAction } = opts;
+  if (!isBrowser()) return { dismiss() {
+  } };
+  const { ms, actionLabel, onAction, icon, closable, progress } = opts;
   const container = ensureContainer();
   const el = document.createElement("div");
   el.className = `toast ${KIND_CLASS[kind]}`;
-  el.setAttribute("role", kind === "err" ? "alert" : "status");
+  el.setAttribute("role", kind === "err" || kind === "error" ? "alert" : "status");
+  if (icon) {
+    const svg = sanitizeSvgIcon(icon);
+    if (svg) {
+      const iconWrap = document.createElement("span");
+      iconWrap.className = "toast-icon";
+      iconWrap.setAttribute("aria-hidden", "true");
+      iconWrap.appendChild(svg);
+      el.appendChild(iconWrap);
+    }
+  }
   const msgNode = document.createElement("span");
   msgNode.className = "toast-msg";
   msgNode.textContent = message;
@@ -66,16 +107,39 @@ function show(message, kind = "info", opts = {}) {
     actionBtn.textContent = actionLabel;
     el.appendChild(actionBtn);
   }
-  container.appendChild(el);
-  trimStack(container);
+  const duration = ms ?? (actionLabel ? ACTION_MS : DEFAULT_MS);
+  let timer = 0;
   let removed = false;
   const remove = () => {
     if (removed) return;
     removed = true;
+    if (timer) window.clearTimeout(timer);
     scheduleRemove(el);
   };
-  const duration = ms ?? (actionLabel ? ACTION_MS : DEFAULT_MS);
-  const timer = window.setTimeout(remove, duration);
+  if (closable) {
+    const closeBtn = document.createElement("button");
+    closeBtn.type = "button";
+    closeBtn.className = "toast-close";
+    closeBtn.setAttribute("aria-label", "\u5173\u95ED");
+    const svg = closeSvg();
+    if (svg) closeBtn.appendChild(svg);
+    else closeBtn.textContent = "\xD7";
+    closeBtn.addEventListener("click", remove);
+    el.appendChild(closeBtn);
+  }
+  if (progress) {
+    const bar = document.createElement("div");
+    bar.className = "toast-progress";
+    bar.setAttribute("aria-hidden", "true");
+    const fill = document.createElement("div");
+    fill.className = "toast-progress-fill";
+    fill.style.animationDuration = `${duration}ms`;
+    bar.appendChild(fill);
+    el.appendChild(bar);
+  }
+  container.appendChild(el);
+  trimStack(container);
+  timer = window.setTimeout(remove, duration);
   if (actionBtn && onAction) {
     actionBtn.addEventListener("click", () => {
       window.clearTimeout(timer);
@@ -84,11 +148,14 @@ function show(message, kind = "info", opts = {}) {
       remove();
     });
   }
+  return { dismiss: remove };
 }
 var toast = Object.assign(
   (message, kind = "info", ms) => show(message, kind, { ms }),
   {
+    success: (message, ms) => show(message, "success", { ms }),
     ok: (message, ms) => show(message, "ok", { ms }),
+    error: (message, ms) => show(message, "error", { ms }),
     err: (message, ms) => show(message, "err", { ms }),
     warn: (message, ms) => show(message, "warn", { ms }),
     info: (message, ms) => show(message, "info", { ms }),

package/dist/behaviors/tree.d.mts

@@ -1,4 +1,7 @@
-/** 为 root 下每棵 .tree 初始化（root 自身是 .tree 也算）。 */
-declare function initTree(root?: ParentNode): void;
+/**
+ * 为 root 下每棵 .tree 初始化（root 自身是 .tree 也算）。
+ * 返回销毁函数：移除本次挂上的容器监听并复位幂等标记（销毁后可重新 init）。SSR 下返回 no-op。
+ */
+declare function initTree(root?: ParentNode): () => void;
 
 export { initTree };

package/dist/behaviors/tree.mjs

@@ -1,12 +1,19 @@
+// src/behaviors/events.ts
+function emitIcen(source, type, detail) {
+  return source.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable: true })
+  );
+}
+
 // src/behaviors/tree.ts
 function setup(tree) {
   const el = tree;
-  if (el.__icenTreeInit) return;
+  if (el.__icenTreeInit) return void 0;
   el.__icenTreeInit = true;
   tree.querySelectorAll(".tree-node").forEach((node) => {
     if (!node.hasAttribute("tabindex")) node.tabIndex = 0;
   });
-  tree.addEventListener("click", (ev) => {
+  const onClick = (ev) => {
     const target = ev.target;
     if (!(target instanceof Element)) return;
     const node = target.closest(".tree-node");
@@ -28,6 +35,7 @@ function setup(tree) {
         toggle?.classList.add("is-collapsed");
         toggle?.setAttribute("aria-expanded", "false");
       }
+      emitIcen(tree, "icen:tree-toggle", { node: li, open: !collapsed });
       return;
     }
     if (childUl) return;
@@ -37,12 +45,9 @@ function setup(tree) {
     });
     node.classList.add("is-selected");
     node.setAttribute("aria-selected", "true");
-    tree.dispatchEvent(new CustomEvent("icen:tree-select", {
-      bubbles: true,
-      detail: { node }
-    }));
-  });
-  tree.addEventListener("keydown", (ev) => {
+    emitIcen(tree, "icen:tree-select", { node });
+  };
+  const onKeyDown = (ev) => {
     const kev = ev;
     const target = kev.target;
     if (!(target instanceof Element)) return;
@@ -71,6 +76,7 @@ function setup(tree) {
           childUl.removeAttribute("hidden");
           node.querySelector(".tree-toggle")?.setAttribute("aria-expanded", "true");
           node.querySelector(".tree-toggle")?.classList.remove("is-collapsed");
+          if (li) emitIcen(tree, "icen:tree-toggle", { node: li, open: true });
         }
         break;
       }
@@ -82,19 +88,36 @@ function setup(tree) {
           childUl.setAttribute("hidden", "");
           node.querySelector(".tree-toggle")?.setAttribute("aria-expanded", "false");
           node.querySelector(".tree-toggle")?.classList.add("is-collapsed");
+          if (li) emitIcen(tree, "icen:tree-toggle", { node: li, open: false });
         }
         break;
       }
     }
-  });
+  };
+  tree.addEventListener("click", onClick);
+  tree.addEventListener("keydown", onKeyDown);
+  return () => {
+    tree.removeEventListener("click", onClick);
+    tree.removeEventListener("keydown", onKeyDown);
+    el.__icenTreeInit = false;
+  };
 }
 function initTree(root) {
-  if (typeof document === "undefined") return;
-  const scope = root ?? document;
-  const trees = [];
-  if (scope instanceof Element && scope.matches(".tree")) trees.push(scope);
-  trees.push(...Array.from(scope.querySelectorAll(".tree")));
-  for (const t of trees) setup(t);
+  const cleanups = [];
+  if (typeof document !== "undefined") {
+    const scope = root ?? document;
+    const trees = [];
+    if (scope instanceof Element && scope.matches(".tree")) trees.push(scope);
+    trees.push(...Array.from(scope.querySelectorAll(".tree")));
+    for (const t of trees) {
+      const cleanup = setup(t);
+      if (cleanup) cleanups.push(cleanup);
+    }
+  }
+  return () => {
+    for (const fn of cleanups) fn();
+    cleanups.length = 0;
+  };
 }
 export {
   initTree

package/dist/behaviors/upload.mjs

@@ -1,3 +1,10 @@
+// src/behaviors/events.ts
+function emitIcen(source, type, detail) {
+  return source.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable: true })
+  );
+}
+
 // src/behaviors/upload.ts
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -34,9 +41,9 @@ function sameFile(a, b) {
 function setup(zone) {
   const el = zone;
   if (el.__icenUploadInit) return;
-  el.__icenUploadInit = true;
   const input = zone.querySelector('input[type="file"]');
   if (!input) return;
+  el.__icenUploadInit = true;
   const hasList = zone.hasAttribute("data-upload-list");
   const maxSize = Number(zone.getAttribute("data-max-size")) || 0;
   const maxFiles = Number(zone.getAttribute("data-max-files")) || 0;
@@ -118,7 +125,7 @@ function setup(zone) {
       removeBtn.addEventListener("click", (ev) => {
         ev.stopPropagation();
         currentFiles = currentFiles.filter((f) => f !== file);
-        zone.dispatchEvent(new CustomEvent("icen:upload-remove", { bubbles: true, detail: { file } }));
+        emitIcen(zone, "icen:upload-remove", { file });
         renderList();
         syncInputFiles();
       });
@@ -126,10 +133,10 @@ function setup(zone) {
       list.appendChild(li);
     }
   }
-  function syncInputFiles() {
+  function setInputFiles(files) {
     try {
       const dt = new DataTransfer();
-      for (const f of currentFiles) dt.items.add(f);
+      for (const f of files) dt.items.add(f);
       syncing = true;
       input.files = dt.files;
       input.dispatchEvent(new Event("change", { bubbles: true }));
@@ -138,6 +145,9 @@ function setup(zone) {
       syncing = false;
     }
   }
+  function syncInputFiles() {
+    setInputFiles(currentFiles);
+  }
   function validate(file) {
     if (accept && !isAccepted(file, accept)) return "\u6587\u4EF6\u7C7B\u578B\u4E0D\u652F\u6301";
     if (maxSize > 0 && file.size > maxSize) return `\u6587\u4EF6\u8D85\u8FC7 ${formatSize(maxSize)}`;
@@ -148,7 +158,7 @@ function setup(zone) {
     for (const file of files) {
       const reason = validate(file);
       if (reason) {
-        zone.dispatchEvent(new CustomEvent("icen:upload-error", { bubbles: true, detail: { file, reason } }));
+        emitIcen(zone, "icen:upload-error", { file, reason });
         continue;
       }
       valid.push(file);
@@ -164,10 +174,7 @@ function setup(zone) {
       if (maxFiles > 0) {
         const remaining = maxFiles - currentFiles.length;
         if (remaining <= 0) {
-          zone.dispatchEvent(new CustomEvent("icen:upload-error", {
-            bubbles: true,
-            detail: { file: null, reason: `\u6700\u591A ${maxFiles} \u4E2A\u6587\u4EF6` }
-          }));
+          emitIcen(zone, "icen:upload-error", { file: null, reason: `\u6700\u591A ${maxFiles} \u4E2A\u6587\u4EF6` });
           return;
         }
         if (fresh.length > remaining) fresh.length = remaining;
@@ -175,10 +182,10 @@ function setup(zone) {
       currentFiles.push(...fresh);
       renderList();
       syncInputFiles();
-      zone.dispatchEvent(new CustomEvent("icen:upload", { bubbles: true, detail: { files: fresh } }));
+      emitIcen(zone, "icen:upload", { files: fresh });
       return;
     }
-    zone.dispatchEvent(new CustomEvent("icen:upload", { bubbles: true, detail: { files: valid } }));
+    emitIcen(zone, "icen:upload", { files: valid });
   }
   const openPicker = () => input.click();
   zone.addEventListener("click", (ev) => {
@@ -189,6 +196,8 @@ function setup(zone) {
   });
   zone.addEventListener("keydown", (ev) => {
     if (ev.key === "Enter" || ev.key === " ") {
+      const tgt = ev.target;
+      if (tgt instanceof Element && tgt.closest(".upload-list")) return;
       ev.preventDefault();
       openPicker();
     }
@@ -215,18 +224,7 @@ function setup(zone) {
     const files = ev.dataTransfer?.files;
     if (!files || files.length === 0) return;
     handleFiles(Array.from(files));
-    if (!hasList) {
-      try {
-        const dt = new DataTransfer();
-        for (const f of Array.from(files)) dt.items.add(f);
-        syncing = true;
-        input.files = dt.files;
-        input.dispatchEvent(new Event("change", { bubbles: true }));
-      } catch {
-      } finally {
-        syncing = false;
-      }
-    }
+    if (!hasList) setInputFiles(Array.from(files));
   });
 }
 function initUpload(root) {

package/dist/cli.mjs

@@ -7,7 +7,7 @@
  * 用法：
  *   bunx --bun @icen.ai/ui add <slug...>   打印引入行（多个 slug 空格分隔）
  *   bunx --bun @icen.ai/ui list            列出全部组件 slug
- * 数据源：同目录 registry.json（构建期由 scripts/slugs.mjs 生成）。
+ * 数据源：同目录 registry.json（构建期由 scripts/build-css.ts 写入，映射数据源为 scripts/slugs.mjs）。
  */
 import { readFileSync } from 'node:fs';
 

package/dist/components/ai-branch.mjs

@@ -0,0 +1,3 @@
+// @icen.ai/ui — kit: ai-branch（CSS + behavior 一行入口；构建产物，勿手改）
+import './ai-chat.css';
+export * from '../behaviors/ai-branch.mjs';

package/dist/components/ai-chat.css

@@ -1035,3 +1035,298 @@
 .ai-composer-todo.is-error svg { color: var(--token-warning); }
 .ai-composer-todo-pop { min-width: 240px; max-width: 320px; }
 .ai-composer-todo-pop .ai-todo { padding: 0; }
+
+/* ══════════════ ai-threads · 会话列表侧栏（§5.27，behaviors/ai-threads.ts） ══════════════ */
+
+/*
+ *   <div class="ai-threads">                                     ← 240px 侧栏形态（--ai-threads-width 可调）
+ *     <div class="ai-threads-group" data-group="今天" [.is-collapsed]>
+ *       <button class="ai-threads-group-head" aria-expanded="true">今天</button>
+ *       <div class="ai-threads-group-list">
+ *         <div class="ai-thread [.is-active|.is-archived]" role="button" tabindex="0" data-key="…">
+ *           <span class="ai-thread-icon">…svg…</span>
+ *           <span class="ai-thread-label">…</span>
+ *           <button class="ai-thread-action">···</button>        ← 动作菜单挂载点（宿主实现）
+ *         </div>…
+ *       </div>
+ *     </div>…                                                     ← 「已归档」组由 behavior 沉底
+ *   </div>
+ *   .is-active：左 2px accent；.is-archived：降透明；组头 11px faint。
+ */
+
+.ai-threads {
+  display: flex;
+  flex-direction: column;
+  gap: var(--density-space-xs);
+  width: var(--ai-threads-width, 240px);
+  min-width: 0;
+  align-self: stretch; /* 宽度自稳定：宿主 flex/grid 居中时不 shrink-wrap */
+  font-size: var(--density-font-size-sm);
+}
+
+.ai-threads-group {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+/* 组头：11px faint 小标，可折叠（aria-expanded 驱动 CSS 三角，与 .ai-reasoning-head 同款） */
+.ai-threads-group-head {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: var(--density-space-xs) 2px;
+  border: 0;
+  background: none;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--token-text-faint);
+  letter-spacing: 0.02em;
+  text-align: left;
+  cursor: pointer;
+  transition: color var(--icen-tx-fast);
+}
+.ai-threads-group-head:hover {
+  color: var(--token-text-muted);
+}
+.ai-threads-group-head:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+  border-radius: var(--radius-xs);
+}
+.ai-threads-group-head::before {
+  content: '';
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-right: 1.5px solid currentColor;
+  border-bottom: 1.5px solid currentColor;
+  transform: rotate(-45deg);
+  transition: transform var(--icen-tx-fast);
+}
+.ai-threads-group-head[aria-expanded='true']::before {
+  transform: rotate(45deg);
+}
+.ai-threads-group.is-collapsed .ai-threads-group-list {
+  display: none;
+}
+
+.ai-threads-group-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+/* 会话行：激活左 2px accent 线；归档降透明 */
+.ai-thread {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--density-space-xs);
+  min-width: 0;
+  padding: var(--density-space-xs) var(--density-space-sm);
+  border-left: 2px solid transparent;
+  border-radius: var(--radius-xs);
+  background: transparent;
+  color: var(--token-text-muted);
+  font-size: var(--density-font-size-sm);
+  text-align: left;
+  cursor: pointer;
+  transition:
+    background-color var(--icen-tx-fast),
+    color var(--icen-tx-fast),
+    border-color var(--icen-tx-fast),
+    opacity var(--icen-tx-fast);
+}
+.ai-thread:hover {
+  background: var(--token-fill-1);
+  color: var(--token-text);
+}
+.ai-thread:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+}
+.ai-thread.is-active {
+  border-left-color: var(--token-accent);
+  background: var(--token-fill-1);
+  color: var(--token-text);
+}
+.ai-thread.is-archived {
+  opacity: 0.55;
+}
+.ai-thread-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: var(--token-text-faint);
+}
+.ai-thread-icon svg {
+  width: 14px;
+  height: 14px;
+}
+.ai-thread.is-active .ai-thread-icon {
+  color: var(--token-accent);
+}
+.ai-thread-label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 动作钮「···」：hover/聚焦/激活才出现（菜单本体由宿主经 icen:ai-thread-action 实现） */
+.ai-thread-action {
+  display: none;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-xs);
+  background: transparent;
+  color: var(--token-text-faint);
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    color var(--icen-tx-fast),
+    background-color var(--icen-tx-fast);
+}
+.ai-thread:hover .ai-thread-action,
+.ai-thread:focus-within .ai-thread-action,
+.ai-thread.is-active .ai-thread-action {
+  display: inline-flex;
+}
+.ai-thread-action:hover {
+  color: var(--token-accent);
+  background: var(--token-fill-2);
+}
+.ai-thread-action:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+}
+
+/* ══════════════ ai-branch · 分支版本切换器（§5.27，behaviors/ai-branch.ts） ══════════════ */
+
+/*
+ *   <div class="ai-branch" data-index data-count role="group">
+ *     <button class="ai-branch-prev" [disabled]>‹</button>
+ *     <span class="ai-branch-page">2/3</span>     ← mono 数字（当前从 1 计）
+ *     <button class="ai-branch-next" [disabled]>›</button>
+ *   </div>
+ *   count ≤ 1 时挂载容器由 behavior 置空 + hidden/aria-hidden（此处无额外规则）。
+ */
+
+.ai-branch {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  color: var(--token-text-muted);
+}
+.ai-branch-prev,
+.ai-branch-next {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 0;
+  border-radius: var(--radius-xs);
+  background: transparent;
+  color: var(--token-text-muted);
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 1;
+  cursor: pointer;
+  transition:
+    color var(--icen-tx-fast),
+    background-color var(--icen-tx-fast);
+}
+.ai-branch-prev:hover,
+.ai-branch-next:hover {
+  color: var(--token-text);
+  background: var(--token-fill-1);
+}
+.ai-branch-prev:focus-visible,
+.ai-branch-next:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+}
+.ai-branch-prev:disabled,
+.ai-branch-next:disabled {
+  opacity: 0.4;
+  cursor: default;
+  background: transparent;
+}
+.ai-branch-page {
+  min-width: 2.5em;
+  text-align: center;
+  font-family: var(--font-mono);
+  font-size: var(--density-font-size-xs);
+  color: var(--token-text-faint);
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+}
+
+/* ══════════════ ai-msg-continue · aborted「继续生成」槽（§5.27，createAiStream fail/cancel） ══════════════ */
+
+/* ghost 小钮右浮：挂在 .ai-msg-body 尾部（消息尾），点按 → icen:ai-retry {el} */
+.ai-msg-continue {
+  display: inline-flex;
+  align-items: center;
+  float: right;
+  margin: var(--density-space-2xs, 2px) 0 0 var(--density-space-xs);
+  padding: 2px 10px;
+  border: 1px solid var(--token-line);
+  border-radius: var(--radius-full);
+  background: transparent;
+  color: var(--token-text-muted);
+  font-size: var(--density-font-size-xs);
+  white-space: nowrap;
+  cursor: pointer;
+  transition:
+    color var(--icen-tx-fast),
+    border-color var(--icen-tx-fast),
+    background-color var(--icen-tx-fast);
+}
+.ai-msg-continue:hover {
+  color: var(--token-accent);
+  border-color: var(--icen-hover-border);
+  background: var(--token-fill-1);
+}
+.ai-msg-continue:focus-visible {
+  outline: none;
+  box-shadow: var(--icen-ring);
+}
+
+/* §5.27 reasoning 自动收起无新样式：复用 .ai-reasoning 既有折叠/耗时规则 */
+
+/* ── 动效守卫（§5.27 新增段） ── */
+
+@media (prefers-reduced-motion: reduce) {
+  .ai-thread,
+  .ai-thread-action,
+  .ai-threads-group-head,
+  .ai-threads-group-head::before,
+  .ai-branch-prev,
+  .ai-branch-next,
+  .ai-msg-continue {
+    transition: none;
+  }
+}
+
+/* 触屏无 hover：动作钮常显（否则不可达） */
+@media (pointer: coarse) {
+  .ai-thread .ai-thread-action {
+    display: inline-flex;
+  }
+}

package/dist/components/ai-feedback.mjs

@@ -0,0 +1,3 @@
+// @icen.ai/ui — kit: ai-feedback（CSS + behavior 一行入口；构建产物，勿手改）
+import './ai-panel.css';
+export * from '../behaviors/ai-feedback.mjs';