@icen.ai/ui 0.10.0 → 0.11.1

package/dist/behaviors/tree-select.mjs

@@ -21,6 +21,7 @@ var ICEN_LOCALE_ZH_CN = {
   "aiChat.roleTool": "\u5DE5",
   "aiChat.roleUser": "\u6211",
   "aiChat.thinking": "\u601D\u8003 {p0}",
+  "aiChat.thinkingNow": "\u6B63\u5728\u601D\u8003\u2026",
   /* ── aiComposer ── */
   "aiComposer.attachAgent": "\u4EE3\u7406",
   "aiComposer.library": "\u6DFB\u52A0\u4E0A\u4E0B\u6587\u4E0E\u547D\u4EE4",
@@ -203,6 +204,19 @@ var ICEN_LOCALE_ZH_CN = {
   "charts.noData": "\u6682\u65E0\u6570\u636E",
   "charts.resetZoom": "\u91CD\u7F6E\u7F29\u653E",
   "charts.sampled": "\u5DF2\u62BD\u6837 {p0}\u2192{p1} \u70B9",
+  "charts.a11y.keyboardHint": "\u65B9\u5411\u952E\u9010\u70B9\u6D4F\u89C8\uFF0CHome/End \u8DF3\u9996\u5C3E\uFF0CEsc \u91CD\u7F6E\u7F29\u653E",
+  "charts.a11y.max": "\u6700\u5927 {p0}\uFF08{p1}\uFF09",
+  "charts.a11y.min": "\u6700\u5C0F {p0}\uFF08{p1}\uFF09",
+  "charts.a11y.point": "{p0}\uFF1A{p1}\uFF0C\u7B2C {p2}/{p3} \u70B9",
+  "charts.a11y.pointSeries": "{p0} \xB7 {p1}\uFF1A{p2}\uFF0C\u7B2C {p3}/{p4} \u70B9",
+  "charts.a11y.range": "\u7C7B\u76EE {p0} \u81F3 {p1}",
+  "charts.a11y.scatterRange": "x \u8303\u56F4 {p0}\u2013{p1}\uFF0Cy \u8303\u56F4 {p2}\u2013{p3}",
+  "charts.a11y.seriesCount": "{p0} \u4E2A\u7CFB\u5217",
+  "charts.a11y.tableCaption": "{p0} \u6570\u636E\u8868",
+  "charts.a11y.trend": "\u9996\u7CFB\u5217\u8D8B\u52BF{p0}",
+  "charts.a11y.trendDown": "\u4E0B\u964D",
+  "charts.a11y.trendFlat": "\u6301\u5E73",
+  "charts.a11y.trendUp": "\u4E0A\u5347",
   "charts.type.area": "\u9762\u79EF\u56FE",
   "charts.type.donut": "\u73AF\u5F62\u56FE",
   "charts.type.gauge": "\u4EEA\u8868\u76D8",
@@ -1237,6 +1251,7 @@ function bindGlobalListeners() {
   document.addEventListener("pointerdown", onGlobalPointerDown);
   document.addEventListener("keydown", onGlobalKeyDown);
 }
+var activeSetups = /* @__PURE__ */ new Set();
 function bindOpenListeners() {
   window.addEventListener("scroll", onWindowChange, true);
   window.addEventListener("resize", onWindowChange);
@@ -1290,6 +1305,11 @@ function createTreeSelect(el, opts) {
   const valueEl = document.createElement("span");
   valueEl.className = "icen-tree-select-value";
   trigger.appendChild(valueEl);
+  const triggerChevron = createIcon("chevron-down", { size: 12, className: "icen-tree-select-chevron" });
+  if (triggerChevron) {
+    triggerChevron.setAttribute("aria-hidden", "true");
+    trigger.appendChild(triggerChevron);
+  }
   let clearBtn = null;
   if (opts.clearable) {
     clearBtn = document.createElement("button");
@@ -1863,8 +1883,15 @@ function createTreeSelect(el, opts) {
     root.remove();
     el.textContent = "";
     if (instances.get(el) === destroy) instances.delete(el);
+    activeSetups.delete(destroy);
+    if (!activeSetups.size && globalBound) {
+      document.removeEventListener("pointerdown", onGlobalPointerDown);
+      document.removeEventListener("keydown", onGlobalKeyDown);
+      globalBound = false;
+    }
   }
   instances.set(el, destroy);
+  activeSetups.add(destroy);
   return {
     getValue: () => selectedNodesInOrder().map((n) => n.value),
     getLabels: () => selectedNodesInOrder().map((n) => n.label),

package/dist/behaviors/tree.mjs

@@ -25,8 +25,8 @@ function setup(tree) {
     if (target.closest(".icen-tree-toggle")) {
       if (!childUl) return;
       const toggle = node.querySelector(".icen-tree-toggle");
-      const collapsed = childUl.hasAttribute("hidden");
-      if (collapsed) {
+      const wasCollapsed = childUl.hasAttribute("hidden");
+      if (wasCollapsed) {
         childUl.removeAttribute("hidden");
         toggle?.classList.remove("is-collapsed");
         toggle?.setAttribute("aria-expanded", "true");
@@ -35,7 +35,7 @@ function setup(tree) {
         toggle?.classList.add("is-collapsed");
         toggle?.setAttribute("aria-expanded", "false");
       }
-      emitIcen(tree, "icen:tree-toggle", { node: li, open: !collapsed });
+      emitIcen(tree, "icen:tree-toggle", { node: li, open: wasCollapsed });
       return;
     }
     if (childUl) return;
@@ -54,7 +54,7 @@ function setup(tree) {
     const node = target.closest(".icen-tree-node");
     if (!node || node.closest(".icen-tree") !== tree) return;
     if (node.classList.contains("is-disabled")) return;
-    const allNodes = Array.from(tree.querySelectorAll(".icen-tree-node:not(.is-disabled)"));
+    const allNodes = Array.from(tree.querySelectorAll(".icen-tree-node:not(.is-disabled)")).filter((n) => !n.closest("ul[hidden]"));
     const idx = allNodes.indexOf(node);
     if (idx === -1) return;
     switch (kev.key) {

package/dist/behaviors/upload.mjs

@@ -116,6 +116,7 @@ var ICEN_LOCALE_ZH_CN = {
   "aiChat.roleTool": "\u5DE5",
   "aiChat.roleUser": "\u6211",
   "aiChat.thinking": "\u601D\u8003 {p0}",
+  "aiChat.thinkingNow": "\u6B63\u5728\u601D\u8003\u2026",
   /* ── aiComposer ── */
   "aiComposer.attachAgent": "\u4EE3\u7406",
   "aiComposer.library": "\u6DFB\u52A0\u4E0A\u4E0B\u6587\u4E0E\u547D\u4EE4",
@@ -298,6 +299,19 @@ var ICEN_LOCALE_ZH_CN = {
   "charts.noData": "\u6682\u65E0\u6570\u636E",
   "charts.resetZoom": "\u91CD\u7F6E\u7F29\u653E",
   "charts.sampled": "\u5DF2\u62BD\u6837 {p0}\u2192{p1} \u70B9",
+  "charts.a11y.keyboardHint": "\u65B9\u5411\u952E\u9010\u70B9\u6D4F\u89C8\uFF0CHome/End \u8DF3\u9996\u5C3E\uFF0CEsc \u91CD\u7F6E\u7F29\u653E",
+  "charts.a11y.max": "\u6700\u5927 {p0}\uFF08{p1}\uFF09",
+  "charts.a11y.min": "\u6700\u5C0F {p0}\uFF08{p1}\uFF09",
+  "charts.a11y.point": "{p0}\uFF1A{p1}\uFF0C\u7B2C {p2}/{p3} \u70B9",
+  "charts.a11y.pointSeries": "{p0} \xB7 {p1}\uFF1A{p2}\uFF0C\u7B2C {p3}/{p4} \u70B9",
+  "charts.a11y.range": "\u7C7B\u76EE {p0} \u81F3 {p1}",
+  "charts.a11y.scatterRange": "x \u8303\u56F4 {p0}\u2013{p1}\uFF0Cy \u8303\u56F4 {p2}\u2013{p3}",
+  "charts.a11y.seriesCount": "{p0} \u4E2A\u7CFB\u5217",
+  "charts.a11y.tableCaption": "{p0} \u6570\u636E\u8868",
+  "charts.a11y.trend": "\u9996\u7CFB\u5217\u8D8B\u52BF{p0}",
+  "charts.a11y.trendDown": "\u4E0B\u964D",
+  "charts.a11y.trendFlat": "\u6301\u5E73",
+  "charts.a11y.trendUp": "\u4E0A\u5347",
   "charts.type.area": "\u9762\u79EF\u56FE",
   "charts.type.donut": "\u73AF\u5F62\u56FE",
   "charts.type.gauge": "\u4EEA\u8868\u76D8",

package/dist/behaviors/url-safety.d.mts

@@ -0,0 +1,8 @@
+/**
+ * 不可信 URL → 可落成 href/src 的串；被判危险则返回 undefined（调用方跳过渲染该槽位）。
+ * 归一只用于判定，返回的仍是原始 uri——浏览器解析时会做出同样的归一，不会出现
+ * 「守卫看归一后、浏览器看原文」的判定分裂。
+ */
+declare function safeUrl(uri: string): string | undefined;
+
+export { safeUrl };

package/dist/behaviors/url-safety.mjs

@@ -0,0 +1,11 @@
+// src/behaviors/url-safety.ts
+function safeUrl(uri) {
+  const s = uri.replace(/[\t\n\r\0-\x1f\x7f]/g, "").trim().toLowerCase();
+  if (!s) return void 0;
+  if (s.startsWith("javascript:") || s.startsWith("vbscript:")) return void 0;
+  if (/^data:\s*text\/html/.test(s)) return void 0;
+  return uri;
+}
+export {
+  safeUrl
+};

package/dist/components/accordion.d.mts

@@ -0,0 +1,2 @@
+// kit: accordion 类型面（构建产物，勿手改）
+export * from '../behaviors/accordion.mjs';

package/dist/components/ai-branch.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-branch 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-branch.mjs';

package/dist/components/ai-chat.css

@@ -53,7 +53,7 @@
  * 状态机 7 态 .is-* 中的 streaming/done 在本文件消费；running 脉冲点等条目态见 ai-tool.css（.icen-ai-item 基元）。
  * data-icen-density：summary 档隐藏 meta、默认折叠 reasoning（纯 CSS）；
  *               tool/system 类次要消息在 summary 档压淡。verbose 与 normal 目前同视觉（透明度两档生效）。
- * 流式光标复用 tokens 的 blink keyframes（.icen-animate-blink 同款）；reasoning shimmer 时长走
+ * 流式光标复用 base.css 的 icen-blink keyframes；reasoning shimmer 时长走
  * --ai-shimmer-duration 局部变量（默认值 1.6s）。
  */
 
@@ -134,29 +134,29 @@
   display: grid;
   grid-template-columns: auto 1fr;
   gap: var(--icen-density-space-sm);
-  padding: var(--icen-density-space-sm) var(--icen-density-space-md);
-  border-radius: var(--icen-radius-md);
+  padding: 6px var(--icen-density-space-xs);
+  border-radius: var(--icen-control-radius-lg);
   animation: icen-pop-in var(--ai-msg-enter-duration, var(--icen-duration-normal)) var(--icen-ease-out);
 }
 
 .icen-ai-msg-avatar {
-  width: 28px;
-  height: 28px;
+  width: 26px;
+  height: 26px;
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   background: var(--icen-token-fill-2);
   color: var(--icen-token-text-muted);
   font-family: var(--icen-font-mono);
   font-size: var(--icen-density-font-size-2xs);
-  letter-spacing: 0.04em;
+  letter-spacing: 0.03em;
   user-select: none;
 }
 .icen-ai-msg--user .icen-ai-msg-avatar {
   background: color-mix(in srgb, var(--icen-token-accent) 14%, transparent);
-  color: var(--icen-token-accent);
+  color: var(--icen-token-accent-text);
 }
 .icen-ai-msg--assistant .icen-ai-msg-avatar {
   background: color-mix(in srgb, var(--icen-token-success) 12%, transparent);
@@ -174,19 +174,21 @@
 .icen-ai-msg-body {
   min-width: 0;
   min-height: 1.6em; /* 流式从空开始时占住一行高度，不塌 */
-  font-size: var(--icen-density-font-size-md);
+  font-size: var(--icen-font-size-control);
   line-height: 1.6;
   white-space: pre-wrap;
   word-break: break-word;
 }
 
-/* 流式光标（▍闪烁，复用 tokens 的 blink keyframes，同 .icen-animate-blink） */
+/* 流式光标（▍闪烁，共享 base.css 的 icen-blink keyframes）；
+   .icen-ai-msg-text 命中库内自带绑定的 stream() 节点（createAiStream 挂 .is-streaming） */
 .icen-ai-msg-body.is-streaming::after,
+.icen-ai-msg-text.is-streaming::after,
 .icen-ai-reasoning-body.is-streaming::after {
   content: '▍';
   margin-inline-start: 1px;
   color: var(--icen-token-accent);
-  animation: blink 1s step-end infinite;
+  animation: icen-blink 1s step-end infinite;
 }
 
 /* 消息操作：hover / focus-within 才出现（键盘可达等价） */
@@ -394,14 +396,10 @@
   font-variant-numeric: tabular-nums;
 }
 
-/* 流式中：耗时位换成 shimmer「正在思考…」（时长走局部变量） */
+/* 流式中：耗时位显示 shimmer「正在思考…」——文案由 createAiStream 写入（i18n），
+   此处只做视觉（shimmer 渐变 + 透明填充），不再用 CSS content 冻死中文 */
 .icen-ai-reasoning.is-streaming .icen-ai-reasoning-time {
-  display: none;
-}
-.icen-ai-reasoning.is-streaming .icen-ai-reasoning-head::after {
-  content: '正在思考…';
-  margin-inline-start: auto;
-  font-size: var(--icen-density-font-size-2xs);
+  font-variant-numeric: normal;
   background: linear-gradient(
     90deg,
     var(--icen-token-text-faint) 25%,
@@ -436,18 +434,19 @@
   gap: var(--icen-density-space-xs);
   min-inline-size: 0;
   padding: var(--icen-density-space-sm);
-  border: 1px solid var(--icen-token-line);
-  border-radius: var(--icen-radius-lg);
+  border: 1px solid var(--icen-token-control-border);
+  border-radius: var(--icen-control-radius-lg);
   background: var(--icen-token-surface);
-  box-shadow: var(--icen-token-shadow-card);
+  box-shadow: var(--icen-token-shadow-field);
   transition: border-color var(--icen-tx-fast), box-shadow var(--icen-tx-fast);
 }
 .icen-ai-composer:focus-within {
-  border-color: var(--icen-hover-border, var(--icen-token-accent));
+  border-color: var(--icen-control-focus-border);
+  box-shadow: var(--icen-token-shadow-field), 0 0 0 3px color-mix(in srgb, var(--icen-token-accent) 16%, transparent);
 }
 .icen-ai-composer:has(.icen-ai-composer-input:focus-visible) {
   border-color: var(--icen-control-focus-border);
-  box-shadow: var(--icen-token-shadow-card), 0 0 0 2px color-mix(in srgb, var(--icen-token-accent) 12%, transparent);
+  box-shadow: var(--icen-token-shadow-field), 0 0 0 3px color-mix(in srgb, var(--icen-token-accent) 16%, transparent);
 }
 
 /* 排队 / 引用 / 附件 chips 行 */
@@ -469,11 +468,11 @@
   align-items: center;
   gap: 4px;
   max-inline-size: min(100%, 280px);
-  min-block-size: 30px;
-  padding: 2px 4px 2px 6px; /* guard:allow-physical symmetric chip padding */
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-sm);
-  background: var(--icen-token-fill-1);
+  min-block-size: 26px;
+  padding: 2px 4px 2px 7px; /* guard:allow-physical symmetric chip padding */
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-radius-xs);
+  background: var(--icen-token-fill-hover);
   color: var(--icen-token-text);
   font-size: var(--icen-density-font-size-xs);
   line-height: 1.4;
@@ -520,10 +519,10 @@
   flex-wrap: wrap;
   align-items: flex-end;
   gap: var(--icen-density-space-sm);
-  padding: var(--icen-density-space-xs) var(--icen-density-space-sm);
+  padding: 4px var(--icen-field-padding-inline);
   min-inline-size: 0;
   border: 0;
-  border-radius: var(--icen-radius-md);
+  border-radius: var(--icen-control-radius);
   background: transparent;
   box-shadow: none;
 }
@@ -531,14 +530,14 @@
 .icen-ai-composer-input {
   flex: 1;
   min-inline-size: 0;
-  min-block-size: 64px;
+  min-block-size: 56px;
   padding: var(--icen-density-space-xs) 0;
   border: 0;
   outline: none;
   background: transparent;
   resize: none;
   font-family: inherit;
-  font-size: var(--icen-density-font-size-md);
+  font-size: var(--icen-font-size-control);
   line-height: 1.5;
   max-height: 12em;
   overflow-y: auto;
@@ -991,13 +990,21 @@
   }
 }
 
-/* 触屏无 hover：消息操作常显（否则不可达） */
+/* 触屏无 hover：消息操作常显（否则不可达）；动作钮抬到 44px 触达面
+   （copy/retry、分支切换、线程操作原为 20-22px，低于 WCAG 2.5.8 下限） */
 @media (pointer: coarse) {
   .icen-ai-msg-actions {
     opacity: 1;
     visibility: visible;
     transform: none;
   }
+  .icen-ai-msg-actions [data-icen-ai-msg-action],
+  .icen-ai-branch-prev,
+  .icen-ai-branch-next,
+  .icen-ai-thread-action {
+    min-inline-size: 44px;
+    min-block-size: 44px;
+  }
 }
 
 /* 实时待办 chip（setComposerTodo：业界模式——plan 状态挂输入区，不进对话流） */

package/dist/components/ai-chat.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-chat 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-chat.mjs';

package/dist/components/ai-composer.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-composer 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-composer.mjs';

package/dist/components/ai-context.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-context 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-panel.mjs';

package/dist/components/ai-context.mjs

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

package/dist/components/ai-diff.css

@@ -62,8 +62,8 @@
 }
 
 .icen-ai-diff-file {
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-md);
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-control-radius-lg);
   background: var(--icen-token-surface);
   overflow: hidden;
   min-width: 0;
@@ -71,10 +71,10 @@
 }
 
 /* 文件头状态色边（inset 色条避免 border 宽差导致布局抖动） */
-.icen-ai-diff-file.is-added    { box-shadow: inset 3px 0 0 var(--icen-token-success); }
-.icen-ai-diff-file.is-modified { box-shadow: inset 3px 0 0 var(--icen-token-accent); }
-.icen-ai-diff-file.is-deleted  { box-shadow: inset 3px 0 0 var(--icen-token-error); }
-.icen-ai-diff-file.is-renamed  { box-shadow: inset 3px 0 0 var(--icen-token-info); }
+.icen-ai-diff-file.is-added    { box-shadow: inset 2px 0 0 var(--icen-token-success); }
+.icen-ai-diff-file.is-modified { box-shadow: inset 2px 0 0 var(--icen-token-accent); }
+.icen-ai-diff-file.is-deleted  { box-shadow: inset 2px 0 0 var(--icen-token-error); }
+.icen-ai-diff-file.is-renamed  { box-shadow: inset 2px 0 0 var(--icen-token-info); }
 
 /* 决策后淡化（状态章配色见 .icen-ai-diff-verdict） */
 .icen-ai-diff-file.is-accepted,

package/dist/components/ai-diff.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-diff 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-diff.mjs';

package/dist/components/ai-feedback.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-feedback 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-feedback.mjs';

package/dist/components/ai-files.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-files 类型面（构建产物，勿手改）
+export { renderAiDiff } from '../behaviors/ai-diff.mjs';

package/dist/components/ai-message.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-message 类型面（构建产物，勿手改）
+export { renderAiMessage, createAiStream, initAiChat } from '../behaviors/ai-chat.mjs';

package/dist/components/ai-panel.css

@@ -52,7 +52,7 @@
  *     同页面共存时后加载者覆盖同款属性，视觉不冲突。
  *   - keyframes ai-status-pulse 为组件局部定义（等同 pill.css 的 pill-pulse），
  *     时长走 var(--pill-pulse-duration, 1.5s)：pill.css 在场时与其同步，否则自洽。
- *   - blink keyframes 来自 tokens/colors.css（.icen-animate-blink 同款，共享复用）。
+ *   - icen-blink keyframes 来自 base.css（共享复用）。
  *   - base.css：--icen-z-chrome / --icen-tx-* / --icen-ring。只消费 --icen-token-* / --icen-density-* / --icen-radius-*。
  */
 
@@ -208,13 +208,13 @@
   height: 4px;
   border-radius: var(--icen-radius-full);
   overflow: hidden;
-  background: color-mix(in srgb, var(--icen-token-line-soft) 40%, transparent);
+  background: var(--icen-token-fill-2);
 }
 .icen-ai-todo-bar > i {
   display: block;
   height: 100%;
   border-radius: var(--icen-radius-full);
-  background: var(--icen-token-accent);
+  background: var(--icen-token-accent-strong);
   transition: width var(--icen-tx-slow);
 }
 .icen-ai-todo.is-complete .icen-ai-todo-bar > i {
@@ -236,7 +236,7 @@
   transition: background-color var(--icen-tx-fast);
 }
 .icen-ai-todo-item[role='button']:hover {
-  background: var(--icen-token-fill-1);
+  background: var(--icen-token-fill-hover);
 }
 .icen-ai-todo-item:focus-visible {
   outline: none;
@@ -436,7 +436,7 @@
   display: flex;
   flex-direction: column;
   background: var(--icen-token-surface);
-  border-inline-start: 1px solid var(--icen-token-line-soft);
+  border-inline-start: 1px solid var(--icen-token-separator);
   box-shadow: var(--icen-token-shadow-overlay);
   transform: translateX(100%); /* guard:allow-physical 隐藏位沿物理右缘滑出（LTR 抽屉侧），RTL 镜像规则翻为 translateX(-100%) */
   transition: transform var(--ai-context-duration, var(--icen-duration-normal)) var(--icen-ease-out);
@@ -457,9 +457,9 @@
   z-index: auto;
   transform: none;
   transition: none;
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-md);
-  box-shadow: var(--icen-token-shadow-elevated);
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-control-radius-lg);
+  box-shadow: none;
   overflow-y: visible;
 }
 
@@ -471,8 +471,10 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--icen-density-space-sm);
-  padding: var(--icen-density-space-sm) var(--icen-density-space-md);
-  background: var(--icen-token-surface);
+  min-block-size: 42px;
+  padding: 8px 12px;
+  background: var(--icen-token-surface-chrome);
+  border-bottom: 1px solid var(--icen-token-separator-soft);
   border-bottom: 1px solid var(--icen-token-line-soft);
   font-size: var(--icen-density-font-size-sm);
   font-weight: 600;

package/dist/components/ai-reasoning.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-reasoning 类型面（构建产物，勿手改）
+export { createAiStream, initAiChat } from '../behaviors/ai-chat.mjs';

package/dist/components/ai-subagent.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-subagent 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-tool.mjs';

package/dist/components/ai-subagent.mjs

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

package/dist/components/ai-threads.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-threads 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-threads.mjs';

package/dist/components/ai-todo.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-todo 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-panel.mjs';

package/dist/components/ai-todo.mjs

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

package/dist/components/ai-tool-call.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-tool-call 类型面（构建产物，勿手改）
+export * from '../behaviors/ai-tool.mjs';

package/dist/components/ai-tool-call.mjs

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

package/dist/components/ai-tool.css

@@ -102,7 +102,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: var(--icen-density-space-sm);
+  gap: var(--icen-control-gap);
   min-width: 0;
   align-self: stretch;  /* 宽度自稳定：宿主 flex/grid 居中时不 shrink-wrap（width:100% 会塌成 min-content，禁用） */
 }
@@ -112,16 +112,16 @@
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  inline-size: 28px;
-  block-size: 28px;
-  border-radius: var(--icen-radius-sm);
+  inline-size: 24px;
+  block-size: 24px;
+  border-radius: var(--icen-radius-xs);
   background: color-mix(in srgb, var(--ai-item-tint) 8%, var(--icen-token-surface));
   color: var(--ai-item-tint);
   transition: color var(--icen-tx-fast);
 }
 .icen-ai-item-icon > svg {
-  width: 16px;
-  height: 16px;
+  width: 15px;
+  height: 15px;
 }
 
 .icen-ai-item-main {
@@ -132,7 +132,7 @@
   gap: 1px;
 }
 .icen-ai-item-title {
-  font-size: var(--icen-density-font-size-md);
+  font-size: var(--icen-font-size-control);
   line-height: 1.4;
   color: var(--icen-token-text);
   overflow: hidden;
@@ -196,13 +196,13 @@
   50% { opacity: 0.4; transform: scale(0.7); }
 }
 
-/* 流式中：▍光标闪烁（复用 colors.css 的 blink keyframes，animate-blink 同款） */
+/* 流式中：▍光标闪烁（共享 base.css 的 icen-blink keyframes） */
 :is(.icen-ai-item, .icen-ai-tool, .icen-ai-subagent).is-streaming .icen-ai-item-status {
   width: 3px;
   height: 12px;
   border-radius: 1px; /* guard:allow-radius 微构件（bar/dot/track/指示器等图形级，不属容器圆角面） */
   background: var(--ai-item-tint);
-  animation: blink var(--ai-item-blink-duration) step-end infinite;
+  animation: icen-blink var(--ai-item-blink-duration) step-end infinite;
 }
 
 /* 待人确认：warning 点 + 外环 */
@@ -243,8 +243,8 @@
 .icen-ai-tool {
   --ai-item-tint: var(--icen-token-accent);
   align-self: stretch;  /* 宽度自稳定：宿主 flex/grid 居中时不 shrink-wrap */
-  border: 1px solid var(--icen-token-line-soft);
-  border-radius: var(--icen-radius-md);
+  border: 1px solid var(--icen-token-separator-soft);
+  border-radius: var(--icen-control-radius-lg);
   background: var(--icen-token-surface);
 }
 
@@ -276,9 +276,9 @@
 .icen-ai-subagent-head {
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-sm);
+  gap: var(--icen-control-gap-sm);
   width: 100%;
-  padding: var(--icen-density-space-xs) var(--icen-density-space-sm);
+  padding: 4px var(--icen-density-space-sm);
   border: none;
   border-radius: inherit; /* hover 底色不戳破卡片圆角 */
   background: transparent;
@@ -291,7 +291,7 @@
 }
 .icen-ai-tool-head:hover,
 .icen-ai-subagent-head:hover {
-  background: var(--icen-token-fill-1);
+  background: var(--icen-token-fill-hover);
 }
 .icen-ai-tool-head:focus-visible,
 .icen-ai-subagent-head:focus-visible {
@@ -303,9 +303,9 @@
 .icen-ai-tool-body {
   display: flex;
   flex-direction: column;
-  gap: var(--icen-density-space-sm);
+  gap: var(--icen-control-gap-sm);
   padding: var(--icen-density-space-sm);
-  border-top: 1px solid var(--icen-token-line-soft);
+  border-top: 1px solid var(--icen-token-separator-soft);
   animation: icen-pop-in var(--icen-tx-fast);
 }
 .icen-ai-tool-body[hidden],

package/dist/components/ai-usage.d.mts

@@ -0,0 +1,2 @@
+// kit: ai-usage 类型面（构建产物，勿手改）
+export { renderAiUsage, renderAiUsageRing, renderAiAudit } from '../behaviors/ai-panel.mjs';

package/dist/components/alert.d.mts

@@ -0,0 +1,2 @@
+// kit: alert 类型面（构建产物，勿手改）
+export {};

package/dist/components/autocomplete.css

@@ -12,11 +12,11 @@
   z-index: var(--icen-z-popover);
   overflow-y: auto;
   overscroll-behavior: contain;
-  padding: 4px;
-  background: var(--icen-token-card-strong);
-  border: 1px solid var(--icen-token-outline);
-  border-radius: var(--icen-radius-md);
-  box-shadow: var(--icen-token-shadow-overlay);
+  padding: var(--icen-density-space-xs);
+  background: var(--icen-token-surface);
+  border: 1px solid var(--icen-token-material-edge);
+  border-radius: var(--icen-radius-lg);
+  box-shadow: var(--icen-token-material-light), var(--icen-token-shadow-elevated);
   transform-origin: top center;
   animation: icen-pop-in var(--icen-tx-fast);
 }
@@ -25,20 +25,20 @@
 .icen-autocomplete-option {
   display: flex;
   align-items: center;
-  gap: var(--icen-density-space-xs);
-  padding: 6px var(--icen-density-space-sm);
-  font-size: var(--icen-density-font-size-sm);
+  gap: var(--icen-control-gap-sm);
+  padding: 4px var(--icen-density-space-sm);
+  font-size: var(--icen-font-size-control);
   color: var(--icen-token-text);
-  border-radius: var(--icen-radius-sm);
+  border-radius: var(--icen-radius-xs);
   cursor: pointer;
-  min-block-size: var(--icen-density-input-height-sm);
+  min-block-size: var(--icen-control-height-sm);
   overflow-wrap: anywhere;
   transition:
     background-color var(--icen-tx-fast),
     color var(--icen-tx-fast);
 }
-.icen-autocomplete-option:hover { background: var(--icen-token-fill-1); }
-.icen-autocomplete-option.is-active { background: var(--icen-token-fill-2); }
+.icen-autocomplete-option:hover { background: var(--icen-token-fill-hover); }
+.icen-autocomplete-option.is-active { background: var(--icen-token-fill-selected); }
 
 /* 命中片段高亮（behavior 以 <mark> 包裹 query 命中，大小写不敏感） */
 .icen-autocomplete-option mark {