@icen.ai/ui 0.10.0 → 0.11.0

package/dist/behaviors/autocomplete.d.mts

@@ -1,4 +1,4 @@
-import { SuggestionSourceContext } from './suggestions.js';
+import { SuggestionSourceContext } from './suggestions.mjs';
 
 /** Single-line combobox suggestions. A named listbox contains options only;
  * loading, empty and retry states are siblings. Sources receive AbortSignal,

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

package/dist/behaviors/back-top.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/carousel.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",
@@ -909,7 +910,10 @@ function setup(carousel) {
   const slideLabel = t("carousel.slide");
   const render = () => {
     track.style.transform = `translateX(${-index * 100}%)`;
-    slides.forEach((s, i) => s.setAttribute("aria-hidden", String(i !== index)));
+    slides.forEach((s, i) => {
+      s.setAttribute("aria-hidden", String(i !== index));
+      s.toggleAttribute("inert", i !== index);
+    });
     dots.forEach((d, i) => {
       d.classList.toggle("is-active", i === index);
       if (i === index) d.setAttribute("aria-current", "true");
@@ -955,6 +959,8 @@ function setup(carousel) {
   const rtl = () => getComputedStyle(carousel).direction === "rtl";
   const onKeyDown = (ev) => {
     const kev = ev;
+    const t2 = kev.target;
+    if (t2 instanceof Element && t2.closest("input, textarea, select, [contenteditable], [contenteditable] *")) return;
     switch (kev.key) {
       case "ArrowLeft":
         kev.preventDefault();
@@ -993,6 +999,7 @@ function setup(carousel) {
       s.removeAttribute("aria-roledescription");
       s.removeAttribute("aria-label");
       s.removeAttribute("aria-hidden");
+      s.removeAttribute("inert");
     });
     el.__icenCarouselInit = false;
   };

package/dist/behaviors/cascader.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",
@@ -1227,6 +1228,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);
@@ -1273,6 +1275,11 @@ function createCascader(el, opts) {
   const valueEl = document.createElement("span");
   valueEl.className = "icen-cascader-value";
   trigger.appendChild(valueEl);
+  const triggerChevron = createIcon("chevron-down", { size: 12, className: "icen-cascader-chevron" });
+  if (triggerChevron) {
+    triggerChevron.setAttribute("aria-hidden", "true");
+    trigger.appendChild(triggerChevron);
+  }
   let clearBtn = null;
   if (opts.clearable) {
     clearBtn = document.createElement("button");
@@ -1818,8 +1825,15 @@ function createCascader(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: () => [...value],
     getPath: () => {

package/dist/behaviors/charts.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",
@@ -1167,7 +1168,8 @@ function withChrome(el, opts, hasLegend, paint, state, extras) {
     emitIcen(el, "icen:chart-legend-visibility", { visible: hidden ? false : true });
   });
   syncEye();
-  head.append(title, eye);
+  if (hasLegend) head.append(title, eye);
+  else head.append(title);
   el.append(head, body);
   paint(body);
 }
@@ -1268,7 +1270,7 @@ function renderVBar(el, opts) {
       wrap.appendChild(track);
     }
     body.append(wrap, labelsRow(labelsUsed));
-    if (seriesList.length > 1) body.appendChild(toggleLegend(seriesList.map((s, si) => ({ key: s.name, label: s.name, tone: s.tone ?? (si === 0 ? opts.tone : void 0), si })), wrap));
+    if (seriesList.length > 1) body.appendChild(toggleLegend(seriesList.map((s, si) => ({ key: `${si}:${s.name}`, label: s.name, tone: s.tone ?? (si === 0 ? opts.tone : void 0), si })), wrap));
   });
   attachChartInteraction(el, "vbar");
   return el;
@@ -1363,8 +1365,10 @@ function renderDonut(el, opts) {
       "stroke-width": "14"
     }));
     let offset = 0;
+    const gap = opts.segments.length > 1 ? 2.5 : 0;
     opts.segments.forEach((seg, segIndex) => {
-      const dash = seg.value / total * circumference;
+      const arcLength = Math.max(0, seg.value / total * circumference);
+      const dash = arcLength - Math.min(gap, arcLength * 0.1);
       const arc = svgEl("circle", {
         cx: "60",
         cy: "60",
@@ -1378,7 +1382,7 @@ function renderDonut(el, opts) {
       });
       setMarkData(arc, { index: segIndex, label: seg.label, value: seg.value });
       svg.appendChild(arc);
-      offset += dash;
+      offset += arcLength;
     });
     const legend = document.createElement("div");
     legend.className = "icen-chart-legend";
@@ -1413,8 +1417,9 @@ function renderLine(el, opts) {
     const svg = svgEl("svg", { viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": chartAriaLabel(opts.title, t("charts.type.line")) });
     const defs = svgEl("defs", {});
     for (let i = 0; i < 4; i++) {
-      const y = pad + i * (height - pad * 2) / 3;
+      const y = Math.round(pad + i * (height - pad * 2) / 3) + 0.5;
       svg.appendChild(svgEl("line", {
+        class: i === 3 ? "icen-chart-grid icen-chart-baseline" : "icen-chart-grid",
         x1: String(pad),
         x2: String(width - pad),
         y1: String(y),
@@ -1498,7 +1503,7 @@ function renderLine(el, opts) {
     if (defs.firstChild) svg.insertBefore(defs, svg.firstChild);
     wrap.append(svg, pointLabelsRow(labelsUsed, width, pad));
     body.appendChild(wrap);
-    if (seriesList.length > 1) body.appendChild(toggleLegend(seriesList.map((s, si) => ({ key: s.name, label: s.name, tone: s.tone ?? (si === 0 ? opts.tone : void 0), si })), wrap));
+    if (seriesList.length > 1) body.appendChild(toggleLegend(seriesList.map((s, si) => ({ key: `${si}:${s.name}`, label: s.name, tone: s.tone ?? (si === 0 ? opts.tone : void 0), si })), wrap));
   });
   if (el.dataset.icenChartBody == null) observeFluidWidth(el, () => renderLine(el, opts));
   attachChartInteraction(el, "line");
@@ -1520,8 +1525,10 @@ function renderArea(el, opts) {
     const max = maxOf(values);
     const tone = toneVar(opts.tone);
     const points = values.map((value, i) => ({
+      i,
       x: values.length <= 1 ? width / 2 : pad + i / (values.length - 1) * (width - pad * 2),
-      y: height - pad - value / max * (height - pad * 2),
+      /* 负值钳到基线（与折线图同口径）：容器 overflow:visible，反向射出会压住下方内容 */
+      y: height - pad - Math.max(0, value) / max * (height - pad * 2),
       value,
       label: labels[i] ?? ""
     }));
@@ -1540,8 +1547,9 @@ function renderArea(el, opts) {
     defs.appendChild(gradient);
     svg.appendChild(defs);
     for (let i = 0; i < 4; i++) {
-      const y = pad + i * (height - pad * 2) / 3;
+      const y = Math.round(pad + i * (height - pad * 2) / 3) + 0.5;
       svg.appendChild(svgEl("line", {
+        class: i === 3 ? "icen-chart-grid icen-chart-baseline" : "icen-chart-grid",
         x1: String(pad),
         x2: String(width - pad),
         y1: String(y),
@@ -1562,14 +1570,26 @@ function renderArea(el, opts) {
     for (const p of points) {
       const title = svgEl("title", {});
       title.textContent = `${p.label}: ${fmt(opts, p.value)}`;
-      const inv = svgEl("circle", {
+      const dot = svgEl("circle", {
+        cx: p.x.toFixed(1),
+        cy: p.y.toFixed(1),
+        r: "2.6",
+        fill: "var(--icen-token-card)",
+        stroke: tone,
+        "stroke-width": "1.6"
+      });
+      dot.appendChild(title);
+      setMarkData(dot, { index: p.i, label: p.label, value: p.value });
+      svg.appendChild(dot);
+      const hit = svgEl("circle", {
         cx: p.x.toFixed(1),
         cy: p.y.toFixed(1),
-        r: "2",
-        fill: "transparent"
+        r: "9",
+        fill: "transparent",
+        "data-icen-chart-hit": "1"
       });
-      inv.appendChild(title);
-      svg.appendChild(inv);
+      copyMarkData(hit, dot);
+      svg.appendChild(hit);
     }
     wrap.append(svg, pointLabelsRow(labels, width, pad));
     body.appendChild(wrap);
@@ -1679,7 +1699,7 @@ function renderRadar(el, opts) {
         setMarkData(dot, { index: i, seriesIndex: si, seriesName: s.name || void 0, label: axes[i] ?? "", value: s.values[i] ?? 0 });
         svg.appendChild(dot);
       }
-      legendItems.push({ key: s.name || t("charts.seriesName", { p0: si + 1 }), label: s.name || t("charts.seriesName", { p0: si + 1 }), tone: s.tone, si });
+      legendItems.push({ key: `${si}:${s.name || t("charts.seriesName", { p0: si + 1 })}`, label: s.name || t("charts.seriesName", { p0: si + 1 }), tone: s.tone, si });
     });
     wrap.appendChild(svg);
     body.appendChild(wrap);
@@ -1701,6 +1721,11 @@ function niceCeil(v) {
   else nice = 10;
   return nice * base;
 }
+function tickPrecision(min, max, steps) {
+  const span = Math.abs(max - min);
+  if (!Number.isFinite(span) || span <= 0) return 0;
+  return Math.max(0, Math.ceil(-Math.log10(span / steps)));
+}
 function isoDate(d) {
   const m = String(d.getMonth() + 1).padStart(2, "0");
   const day = String(d.getDate()).padStart(2, "0");
@@ -1796,7 +1821,8 @@ function renderSparkline(el, opts) {
     const tone = toneVar(opts.tone);
     const points = values.map((value, i) => ({
       x: values.length <= 1 ? width / 2 : pad + i / (values.length - 1) * (width - pad * 2),
-      y: height - pad - value / max * (height - pad * 2),
+      /* 负值钳到基线（与折线图同口径）：viewBox 仅 28 高，反向射出更刺眼 */
+      y: height - pad - Math.max(0, value) / max * (height - pad * 2),
       value
     }));
     const line = points.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(1)},${p.y.toFixed(1)}`).join(" ");
@@ -1921,6 +1947,7 @@ function renderCalendar(el, opts) {
       weekdayRow.appendChild(s);
     });
     const max = maxOf(entries.map((e) => e.value));
+    entries.sort((a, b) => a.date.localeCompare(b.date));
     const pad = padFirstWeek(grid, entries[0].date, weekStart);
     let lastMonth = -1;
     entries.forEach((entry, i) => {
@@ -1979,8 +2006,9 @@ function renderScatter(el, opts) {
     const xAt = (x) => pad + (x - xMin) / (xMax - xMin) * (width - pad * 2);
     const yAt = (y) => height - pad - (y - yMin) / (yMax - yMin) * (height - pad * 2);
     for (let i = 0; i <= 3; i++) {
-      const y = pad + i * (height - pad * 2) / 3;
+      const y = Math.round(pad + i * (height - pad * 2) / 3) + 0.5;
       svg.appendChild(svgEl("line", {
+        class: i === 3 ? "icen-chart-grid icen-chart-baseline" : "icen-chart-grid",
         x1: String(pad),
         x2: String(width - pad),
         y1: String(y),
@@ -1996,12 +2024,13 @@ function renderScatter(el, opts) {
         "font-size": "8",
         fill: "var(--icen-token-text-faint)"
       });
-      txt.textContent = fmt(opts, Math.round(tv * 10) / 10);
+      txt.textContent = fmt(opts, +tv.toFixed(tickPrecision(yMin, yMax, 3)));
       svg.appendChild(txt);
     }
     for (let i = 0; i <= 4; i++) {
-      const x = pad + i * (width - pad * 2) / 4;
+      const x = Math.round(pad + i * (width - pad * 2) / 4) + 0.5;
       svg.appendChild(svgEl("line", {
+        class: i === 0 ? "icen-chart-grid icen-chart-grid--v icen-chart-axis" : "icen-chart-grid icen-chart-grid--v",
         x1: String(x),
         x2: String(x),
         y1: String(pad),
@@ -2018,7 +2047,7 @@ function renderScatter(el, opts) {
         "font-size": "8",
         fill: "var(--icen-token-text-faint)"
       });
-      txt.textContent = fmt(opts, Math.round(tv * 10) / 10);
+      txt.textContent = fmt(opts, +tv.toFixed(tickPrecision(xMin, xMax, 4)));
       svg.appendChild(txt);
     }
     if (opts.yLabel) {
@@ -2382,6 +2411,7 @@ function renderChartSkeleton(body) {
   body.appendChild(box);
 }
 var CHART_MARK_ACCENT = "var(--icen-token-accent)";
+var CHART_MARK_ACCENT_TEXT = "var(--icen-token-accent-text)";
 function markToneVar(tone) {
   switch (tone) {
     case "success":
@@ -2517,7 +2547,7 @@ function paintSvgChartMarks(root, view, marks, formatValue, warned) {
         y: String(clampNum(y - 10, 8, CHART_LINE_H - 4)),
         "text-anchor": "middle",
         "font-size": "8",
-        fill: CHART_MARK_ACCENT
+        fill: CHART_MARK_ACCENT_TEXT
       });
       label.textContent = mark.text ?? mark.label;
       g.appendChild(label);
@@ -3075,6 +3105,12 @@ function renderChart(el, raw) {
       const graphic = root.querySelector('[role="img"]');
       if (graphic && !graphic.getAttribute("aria-label")) {
         graphic.setAttribute("aria-label", spec.title ? `${spec.title}\uFF08${type}\uFF09` : type);
+      } else if (!graphic) {
+        const dom = root.querySelector(".icen-chart-vbar, .icen-chart-hbar");
+        if (dom) {
+          dom.setAttribute("role", "img");
+          dom.setAttribute("aria-label", spec.title ? `${spec.title}\uFF08${type}\uFF09` : type);
+        }
       }
     }
     if (loading) return;

package/dist/behaviors/code-block.mjs

@@ -230,6 +230,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",
@@ -1435,12 +1436,19 @@ function prepareFigure(fig) {
   if (!pre) return;
   pre.tabIndex = 0;
   pre.setAttribute("role", "region");
-  if (!pre.hasAttribute("aria-label")) pre.setAttribute("aria-label", fig.querySelector(".icen-code-block-file,.icen-code-block-title,.icen-code-block-lang")?.textContent || t("codeBlock.region"));
   if (!pre.id) {
     do {
       pre.id = "icen-code-region-" + ++regionSequence;
     } while (document.getElementById(pre.id) && document.getElementById(pre.id) !== pre);
   }
+  {
+    const base = (pre.getAttribute("aria-label") || fig.querySelector(".icen-code-block-file,.icen-code-block-title,.icen-code-block-lang")?.textContent || t("codeBlock.region")).trim();
+    const used = /* @__PURE__ */ new Set();
+    for (const region of document.querySelectorAll('pre[role="region"][aria-label]')) if (region !== pre) used.add(region.getAttribute("aria-label") ?? "");
+    let label = base, n = 2;
+    while (used.has(label)) label = `${base} ${n++}`;
+    if (label !== base || !pre.hasAttribute("aria-label")) pre.setAttribute("aria-label", label);
+  }
   fig.querySelectorAll("[data-icen-code-block-num],[data-icen-code-block-wrap],[data-icen-code-block-fold],.icen-code-block-tail").forEach((control) => control.setAttribute("aria-controls", pre.id));
   syncFold(fig, fig.classList.contains("is-folded"));
 }

package/dist/behaviors/command-palette.mjs

@@ -244,6 +244,7 @@ function openCommandPalette(id, opts) {
     window.clearTimeout(closingState.timer);
     closingState.backdrop.removeEventListener("transitionend", closingState.onEnd);
     delete closingState.backdrop.dataset.icenState;
+    if (closingState.backdrop !== backdrop) closingState.backdrop.hidden = true;
     closingState = null;
   }
   backdrop.hidden = false;
@@ -286,7 +287,6 @@ function openCommandPalette(id, opts) {
       const active = panel.querySelector(".icen-command-palette-item.is-active");
       if (active && !isDisabledItem(active)) {
         e.preventDefault();
-        if (!programmaticCommands.has(active)) emitMenuSelect(panel, active);
         active.click();
       }
       return;
@@ -300,7 +300,7 @@ function openCommandPalette(id, opts) {
       els[next]?.focus();
     }
   };
-  window.addEventListener("keydown", keyHandler);
+  window.addEventListener("keydown", keyHandler, true);
   emitIcen(document, "icen:command-palette-open", {});
 }
 function closeCommandPalette(id, opts) {
@@ -313,7 +313,7 @@ function closeCommandPalette(id, opts) {
   if (openId !== id) return;
   openId = null;
   if (keyHandler) {
-    window.removeEventListener("keydown", keyHandler);
+    window.removeEventListener("keydown", keyHandler, true);
     keyHandler = null;
   }
   document.body.style.overflow = prevBodyOverflow;

package/dist/behaviors/context-menu.d.mts

@@ -1,5 +1,5 @@
-import { IconName } from './icons.js';
-import { PanelSizing } from './popover.js';
+import { IconName } from './icons.mjs';
+import { PanelSizing } from './popover.mjs';
 
 interface ContextMenuEntry {
     label: string;

package/dist/behaviors/context-menu.mjs

@@ -222,6 +222,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/controls.d.mts

@@ -1,4 +1,4 @@
-export { initInput } from './input.js';
+export { initInput } from './input.mjs';
 
 /**
  * 接线开关 / 勾选框 / 单选（document 级委托，页面级一次即可，重复调用幂等）。
@@ -6,21 +6,21 @@ export { initInput } from './input.js';
  * radio 组内互斥），派 icen:switch-change / icen:check-change。
  * 返回销毁函数：摘除委托并复位幂等标记，销毁后可重新 initSwitch。SSR 下返回 no-op。
  */
-declare const initSwitch: () => void;
+declare const initSwitch: () => () => void;
 /**
  * 接线数字步进器（document 级委托，重复调用幂等）。
  * .icen-stepper 内 .icen-stepper-btn[data-icen-step] 点击 → .icen-stepper-input 数值 ±step 并 clamp 到
  * min/max，派 icen:stepper-change { el: .icen-stepper 根, value, delta }（触界 delta 为 0）。
  * 返回销毁函数：摘除委托并复位幂等标记，销毁后可重新 initStepper。SSR 下返回 no-op。
  */
-declare const initStepper: () => void;
+declare const initStepper: () => () => void;
 /**
  * 接线分段控件（document 级委托，重复调用幂等）。
  * .icen-segmented 内 .icen-segmented-item 点击 → 组内 .is-active 互斥 + role="radio" 项同步
  * aria-checked，派 icen:segmented-change { el: 容器, value: data-icen-value ?? String(index), index }。
  * 返回销毁函数：摘除委托并复位幂等标记，销毁后可重新 initSegmented。SSR 下返回 no-op。
  */
-declare const initSegmented: () => void;
+declare const initSegmented: () => () => void;
 /**
  * 接线可点击步骤条（document 级委托，重复调用幂等）。
  * .icen-steps 内 .icen-step[role="button"] 点击（或聚焦后 Space / Enter）→ 激活点位移
@@ -28,7 +28,7 @@ declare const initSegmented: () => void;
  * icen:step-change { step, index }。返回销毁函数：摘除委托并复位幂等标记，
  * 销毁后可重新 initSteps。SSR 下返回 no-op。
  */
-declare const initSteps: () => void;
+declare const initSteps: () => () => void;
 /**
  * 接线星级评分（document 级委托，重复调用幂等）。
  * .icen-rating 内 .icen-rating-star 点击 → 该星及之前 .is-filled（重建选中态，清除残留
@@ -36,7 +36,7 @@ declare const initSteps: () => void;
  * icen:rating-change { el: 容器, value }（1 起算）；.icen-rating--readonly 不接线。
  * 返回销毁函数：摘除委托并复位幂等标记，销毁后可重新 initRating。SSR 下返回 no-op。
  */
-declare const initRating: () => void;
+declare const initRating: () => () => void;
 /**
  * 接线分页（document 级委托，重复调用幂等）。
  * .icen-pagination 内 .icen-page-btn 点击 → .is-active / aria-current 位移并派
@@ -45,7 +45,7 @@ declare const initRating: () => void;
  * 总页数与省略号折叠策略归消费方。返回销毁函数：摘除委托并复位幂等标记，
  * 销毁后可重新 initPagination。SSR 下返回 no-op。
  */
-declare const initPagination: () => void;
+declare const initPagination: () => () => void;
 /**
  * 接线静态表排序（document 级委托，重复调用幂等）。
  * th[data-icen-sort] 点击 → asc→desc→无 循环（data-icen-sort 属性即方向载体，列 key 首次
@@ -54,6 +54,6 @@ declare const initPagination: () => void;
  * behaviors/datatable 的 icen:table-sort-change）。返回销毁函数：摘除委托并
  * 复位幂等标记，销毁后可重新 initTableSort。SSR 下返回 no-op。
  */
-declare const initTableSort: () => void;
+declare const initTableSort: () => () => void;
 
 export { initPagination, initRating, initSegmented, initStepper, initSteps, initSwitch, initTableSort };

package/dist/behaviors/controls.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",
@@ -864,6 +865,7 @@ function setupClear(wrap) {
   const field = wrap.querySelector("input.icen-input, textarea.icen-textarea");
   if (!btn || !field) return;
   btn.addEventListener("click", () => {
+    if (field.disabled || field.readOnly) return;
     field.value = "";
     field.dispatchEvent(new Event("input", { bubbles: true }));
     field.focus();
@@ -1072,6 +1074,7 @@ function setupOtp(group) {
         syncFilled(target);
       }
       cells[Math.min(i + text.length, cells.length - 1)].focus();
+      fireComplete();
     });
   });
   const fireComplete = () => {
@@ -1155,6 +1158,12 @@ function createDelegatedInit(handlers) {
 }
 var SWITCH_LIKE = '.icen-switch[role="switch"], .icen-checkbox[role="checkbox"], .icen-radio-item[role="radio"], .radio[role="radio"], .icen-radio-card[role="radio"]';
 var seenCheckboxes = /* @__PURE__ */ new WeakSet();
+function radioPeers(el) {
+  const group = el.closest('[data-icen-radio-group], .icen-radio-group, [role="radiogroup"], .icen-radio-card-grid');
+  return group ? Array.from(group.querySelectorAll('[role="radio"]')).filter(
+    (it) => it.closest('[data-icen-radio-group], .icen-radio-group, [role="radiogroup"], .icen-radio-card-grid') === group
+  ) : [el];
+}
 function toggleSwitch(el) {
   const checked = el.getAttribute("aria-checked") !== "true";
   el.setAttribute("aria-checked", String(checked));
@@ -1173,11 +1182,7 @@ function toggleCheckbox(el) {
 }
 function selectRadio(el) {
   if (el.getAttribute("aria-checked") === "true") return;
-  const group = el.closest('[data-icen-radio-group], .icen-radio-group, [role="radiogroup"], .icen-radio-card-grid');
-  const peers = group ? Array.from(group.querySelectorAll('[role="radio"]')).filter(
-    (it) => it.closest('[data-icen-radio-group], .icen-radio-group, [role="radiogroup"], .icen-radio-card-grid') === group
-  ) : [el];
-  for (const it of peers) {
+  for (const it of radioPeers(el)) {
     const on = it === el;
     it.classList.toggle("is-selected", on);
     it.setAttribute("aria-checked", String(on));
@@ -1196,6 +1201,9 @@ function resolveSwitchTarget(t2) {
   const row = t2.closest(".icen-checkbox-row");
   if (row && !t2.closest("button, a, input, select, textarea, [contenteditable]")) {
     const box = row.querySelector('.icen-checkbox[role="checkbox"]');
+    if (row instanceof HTMLLabelElement && (box instanceof HTMLButtonElement || box instanceof HTMLInputElement)) {
+      return null;
+    }
     if (box && !isDisabled(box)) return box;
   }
   return null;
@@ -1205,11 +1213,34 @@ function onSwitchClick(ev) {
   if (el) activateSwitchLike(el);
 }
 function onSwitchKeydown(ev) {
-  if (!isActivateKey(ev)) return;
   const t2 = ev.target;
   if (!(t2 instanceof Element)) return;
   const el = t2.closest(SWITCH_LIKE);
   if (!el || isDisabled(el)) return;
+  if (el.getAttribute("role") === "radio") {
+    const key = ev.key;
+    const isRadioNav = key === "ArrowLeft" || key === "ArrowRight" || key === "ArrowUp" || key === "ArrowDown" || key === "Home" || key === "End";
+    const peers = radioPeers(el).filter((it) => !isDisabled(it));
+    const cur = peers.indexOf(el);
+    if (isRadioNav && peers.length > 1 && cur !== -1) {
+      let next;
+      if (key === "Home") next = peers[0];
+      else if (key === "End") next = peers[peers.length - 1];
+      else {
+        const rtl = getComputedStyle(el).direction === "rtl";
+        const forward = key === "ArrowRight" || key === "ArrowDown";
+        const delta = forward ? rtl ? -1 : 1 : rtl ? 1 : -1;
+        next = peers[(cur + delta + peers.length) % peers.length];
+      }
+      if (next) {
+        ev.preventDefault();
+        if (next !== el) selectRadio(next);
+        next.focus({ preventScroll: true });
+      }
+      return;
+    }
+  }
+  if (!isActivateKey(ev)) return;
   ev.preventDefault();
   activateSwitchLike(el);
 }

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

package/dist/behaviors/datatable.d.mts

@@ -1,6 +1,6 @@
-import { ContextMenuItem } from './context-menu.js';
-import './icons.js';
-import './popover.js';
+import { ContextMenuItem } from './context-menu.mjs';
+import './icons.mjs';
+import './popover.mjs';
 
 type TableFrozenSide = 'left' | 'right';
 /** 行分组聚合器：内置五种 + 自定义函数（收数字数组，返回展示串） */