@icen.ai/ui 0.10.0 → 0.11.0

package/dist/behaviors/scroll-area.d.mts

@@ -0,0 +1,17 @@
+/** Native scrolling with delegated activity tracking; no replacement tracks or wheel interception. */
+interface ScrollAreaOptions {
+    /** Delegation scope. Defaults to document; includes future descendants. */
+    root?: Document | HTMLElement;
+    /** Idle delay in milliseconds. Local data-icen-scrollbar-delay wins; CSS token is the fallback. */
+    idleDelay?: number;
+}
+/**
+ * Enables idle hiding for every native scroller in a scope, including portalled
+ * panels when mounted on document. Idempotent, SSR-safe, returns cleanup.
+ * CSS-only use keeps scrollbars visible; enabled scopes default to scroll mode.
+ * Local data-icen-scrollbars selects
+ * auto (scroll/hover/focus), scroll (scroll/focus), visible, or hidden.
+ */
+declare function initScrollArea(options?: ScrollAreaOptions): () => void;
+
+export { type ScrollAreaOptions, initScrollArea };

package/dist/behaviors/scroll-area.mjs

@@ -0,0 +1,59 @@
+// src/behaviors/scroll-area.ts
+var mounted = /* @__PURE__ */ new WeakSet();
+var noop = () => {
+};
+var isDocument = (node) => node?.nodeType === 9;
+function initScrollArea(options = {}) {
+  if (typeof document === "undefined" || typeof window === "undefined") return noop;
+  const root = options.root ?? document;
+  if (mounted.has(root)) return noop;
+  mounted.add(root);
+  const host = isDocument(root) ? root.documentElement : root;
+  const previous = host.getAttribute("data-icen-scrollbars-ready");
+  host.setAttribute("data-icen-scrollbars-ready", "");
+  const pending = /* @__PURE__ */ new Map();
+  const restore = (el, value) => {
+    if (value === null) el.removeAttribute("data-icen-scroll-active");
+    else el.setAttribute("data-icen-scroll-active", value);
+  };
+  const onScroll = (event) => {
+    const el = isDocument(event.target) ? event.target.documentElement : event.target;
+    if (!(el instanceof HTMLElement)) return;
+    for (let node = el; node; node = node.parentElement) {
+      if (!mounted.has(node)) continue;
+      if (node !== root) return;
+      break;
+    }
+    const old = pending.get(el);
+    if (old) clearTimeout(old.timer);
+    const before = old ? old.previous : el.getAttribute("data-icen-scroll-active");
+    el.setAttribute("data-icen-scroll-active", "");
+    const local = el.closest("[data-icen-scrollbar-delay]")?.dataset.icenScrollbarDelay;
+    const token = getComputedStyle(el).getPropertyValue("--icen-token-scrollbar-idle-delay").trim();
+    const parsed = local !== void 0 ? Number(local) : options.idleDelay ?? (token ? Number.parseFloat(token) * (token.endsWith("ms") ? 1 : token.endsWith("s") ? 1e3 : 1) : 900);
+    const delay = Number.isFinite(parsed) ? Math.max(0, Math.min(6e4, parsed)) : 900;
+    const timer = setTimeout(() => {
+      restore(el, before);
+      pending.delete(el);
+    }, delay);
+    pending.set(el, { timer, previous: before });
+  };
+  root.addEventListener("scroll", onScroll, { capture: true, passive: true });
+  let disposed = false;
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    root.removeEventListener("scroll", onScroll, true);
+    for (const [el, state] of pending) {
+      clearTimeout(state.timer);
+      restore(el, state.previous);
+    }
+    pending.clear();
+    if (previous === null) host.removeAttribute("data-icen-scrollbars-ready");
+    else host.setAttribute("data-icen-scrollbars-ready", previous);
+    mounted.delete(root);
+  };
+}
+export {
+  initScrollArea
+};

package/dist/behaviors/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",
@@ -1209,8 +1210,13 @@ function setup(container) {
   el.__icenSelectInit = true;
   const trigger = triggerEl;
   const panel = panelEl;
-  const arrow = trigger.querySelector(".icen-select-chevron");
-  arrow?.remove();
+  if (!trigger.querySelector(".icen-select-chevron")) {
+    const chevron = createIcon("chevron-down", { size: 12, className: "icen-select-chevron" });
+    if (chevron) {
+      chevron.setAttribute("aria-hidden", "true");
+      trigger.append(chevron);
+    }
+  }
   const isMultiple = container.hasAttribute("data-icen-select-multiple");
   const isSearchable = container.hasAttribute("data-icen-select-search");
   if (isMultiple && !trigger.hasAttribute("aria-label") && !trigger.hasAttribute("aria-labelledby")) trigger.setAttribute("aria-label", container.getAttribute("data-icen-select-label") ?? t("select.fieldLabel"));

package/dist/behaviors/slider.mjs

@@ -23,7 +23,7 @@ function setupSingle(slider, native, bag) {
   const sync = () => {
     const p = pct(native);
     if (fill) fill.style.width = `${p}%`;
-    if (thumb) thumb.style.left = `calc(${p}% - 8px)`;
+    if (thumb) thumb.style.left = `${p}%`;
   };
   bind(native, "input", () => {
     sync();
@@ -59,8 +59,8 @@ function setupDual(slider, natives, bag) {
       range.style.left = `${pLo}%`;
       range.style.right = `${100 - pHi}%`;
     }
-    if (thumbLo) thumbLo.style.left = `calc(${pLo}% - 8px)`;
-    if (thumbHi) thumbHi.style.left = `calc(${pHi}% - 8px)`;
+    if (thumbLo) thumbLo.style.left = `${pLo}%`;
+    if (thumbHi) thumbHi.style.left = `${pHi}%`;
     lo.style.clipPath = `inset(0 ${100 - pLo}% 0 0)`;
     hi.style.clipPath = `inset(0 0 0 ${pHi}%)`;
   };

package/dist/behaviors/split-pane.mjs

@@ -48,6 +48,8 @@ function setup(container) {
   divider.setAttribute("aria-valuenow", String(Math.round(readCurrent())));
   let dragging = false;
   const onDown = (ev) => {
+    if (ev.pointerType === "mouse" && ev.button !== 0) return;
+    if (!ev.isPrimary) return;
     dragging = true;
     divider.classList.add("is-dragging");
     divider.setPointerCapture(ev.pointerId);

package/dist/behaviors/suggestions.mjs

@@ -129,6 +129,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",

package/dist/behaviors/tabs.mjs

@@ -28,6 +28,13 @@ function syncInk(container, name) {
   if (!ink) return;
   ink.style.width = `${btn.offsetWidth}px`;
   ink.style.transform = `translateX(${btn.offsetLeft}px)`;
+  if (btn.offsetTop > 0) {
+    ink.style.top = `${btn.offsetTop + btn.offsetHeight}px`;
+    ink.style.bottom = "auto";
+  } else {
+    ink.style.top = "";
+    ink.style.bottom = "";
+  }
 }
 function activate(container, name, writeHash, emit = false) {
   const buttons = tabButtons(container);
@@ -70,6 +77,9 @@ function focusTab(container, idx) {
   const buttons = tabButtons(container);
   const target = buttons[idx];
   if (!target || isDisabled(target)) return;
+  buttons.forEach((b) => {
+    b.tabIndex = b === target ? 0 : -1;
+  });
   target.focus();
 }
 function nextEnabled(container, from, dir) {

package/dist/behaviors/tag-input.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",

package/dist/behaviors/theme-switcher.d.mts

@@ -1,5 +1,5 @@
-import { ThemeState } from './theme.js';
-import { PanelSizing } from './popover.js';
+import { ThemeState } from './theme.mjs';
+import { PanelSizing } from './popover.mjs';
 
 interface ThemeSwitcherOptions {
     /** all = one appearance menu; individual axes can be composed freely. */

package/dist/behaviors/theme-switcher.mjs

@@ -528,8 +528,22 @@ function toggleDark() {
 var systemListenerAttached = false;
 var storageListenerAttached = false;
 function initTheme() {
-  const t2 = getTheme();
-  applyTheme(t2);
+  let t2 = getTheme();
+  if (isBrowser()) {
+    const root = document.documentElement;
+    if (!hasPersistedPreference() && root.hasAttribute("data-icen-preset") && root.hasAttribute("data-icen-style")) {
+      t2 = {
+        preset: root.getAttribute("data-icen-preset") ?? t2.preset,
+        dark: root.getAttribute("data-icen-theme") === "dark",
+        style: root.getAttribute("data-icen-style") ?? t2.style
+      };
+      lastApplied = { ...t2 };
+    } else {
+      applyTheme(t2);
+    }
+  } else {
+    applyTheme(t2);
+  }
   if (isBrowser() && !storageListenerAttached) {
     storageListenerAttached = true;
     window.addEventListener("storage", (event) => {
@@ -898,6 +912,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",

package/dist/behaviors/theme.mjs

@@ -458,8 +458,22 @@ function setPrimitive(primitive) {
 var systemListenerAttached = false;
 var storageListenerAttached = false;
 function initTheme() {
-  const t = getTheme();
-  applyTheme(t);
+  let t = getTheme();
+  if (isBrowser()) {
+    const root = document.documentElement;
+    if (!hasPersistedPreference() && root.hasAttribute("data-icen-preset") && root.hasAttribute("data-icen-style")) {
+      t = {
+        preset: root.getAttribute("data-icen-preset") ?? t.preset,
+        dark: root.getAttribute("data-icen-theme") === "dark",
+        style: root.getAttribute("data-icen-style") ?? t.style
+      };
+      lastApplied = { ...t };
+    } else {
+      applyTheme(t);
+    }
+  } else {
+    applyTheme(t);
+  }
   if (isBrowser() && !storageListenerAttached) {
     storageListenerAttached = true;
     window.addEventListener("storage", (event) => {

package/dist/behaviors/toast.d.mts

@@ -1,5 +1,5 @@
-import { FeedbackAction } from './feedback.js';
-import { IconName } from './icons.js';
+import { FeedbackAction } from './feedback.mjs';
+import { IconName } from './icons.mjs';
 
 type ToastKind = 'warn' | 'info' | 'success' | 'error';
 interface ToastOptions {

package/dist/behaviors/toast.mjs

@@ -302,6 +302,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",

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",
@@ -1237,6 +1238,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 +1292,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 +1870,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",

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';