@icen.ai/ui 0.10.0 → 0.11.1

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

package/dist/behaviors/modal.d.mts

@@ -1,4 +1,4 @@
-export { FOCUSABLE, focusableWithin } from './focus.js';
+export { FOCUSABLE, focusableWithin } from './focus.mjs';
 
 /** 焦点陷阱的可聚焦元素选择器（modal / command-palette 焦点陷阱全库共用）。 */
 /** openModal 可选项。 */

package/dist/behaviors/modal.mjs

@@ -157,6 +157,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",
@@ -339,6 +340,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/motion.d.mts

@@ -0,0 +1,16 @@
+/** 手动覆盖值（`<html data-icen-motion>` 只认 reduce/full；无属性或非法值 = null = 跟随系统）。 */
+type IcenMotionMode = 'reduce' | 'full';
+/** 当前手动覆盖。SSR 返回 null。 */
+declare function icenMotionOverride(): IcenMotionMode | null;
+/** 是否处于降级态：手动 reduce > 手动 full > 系统偏好。SSR/无 matchMedia 返回 false（不降级）。 */
+declare function icenMotionReduced(): boolean;
+/**
+ * 订阅降级态变化（系统偏好切换 + data-icen-motion 属性改写），返回销毁函数。
+ * 设置属性本身即触发回调（MutationObserver 同帧），消费方无需手动补一次——但初始值不主动回调。
+ * SSR 返回 noop。
+ */
+declare function onIcenMotionChange(cb: (reduced: boolean) => void): () => void;
+/** 设置/清除手动覆盖（写 `<html data-icen-motion>`；null = 移除属性、跟随系统）。SSR 静默跳过。 */
+declare function setIcenMotion(mode: IcenMotionMode | null): void;
+
+export { type IcenMotionMode, icenMotionOverride, icenMotionReduced, onIcenMotionChange, setIcenMotion };

package/dist/behaviors/motion.mjs

@@ -0,0 +1,39 @@
+// src/behaviors/motion.ts
+function icenMotionOverride() {
+  if (typeof document === "undefined") return null;
+  const v = document.documentElement.getAttribute("data-icen-motion");
+  return v === "reduce" || v === "full" ? v : null;
+}
+function icenMotionReduced() {
+  const override = icenMotionOverride();
+  if (override) return override === "reduce";
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function onIcenMotionChange(cb) {
+  if (typeof window === "undefined" || typeof document === "undefined") return () => {
+  };
+  const notify = () => cb(icenMotionReduced());
+  const mq = typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
+  mq?.addEventListener("change", notify);
+  const mo = new MutationObserver((records) => {
+    if (records.some((r) => r.attributeName === "data-icen-motion")) notify();
+  });
+  mo.observe(document.documentElement, { attributes: true, attributeFilter: ["data-icen-motion"] });
+  return () => {
+    mq?.removeEventListener("change", notify);
+    mo.disconnect();
+  };
+}
+function setIcenMotion(mode) {
+  if (typeof document === "undefined") return;
+  const el = document.documentElement;
+  if (mode === null) el.removeAttribute("data-icen-motion");
+  else el.setAttribute("data-icen-motion", mode);
+}
+export {
+  icenMotionOverride,
+  icenMotionReduced,
+  onIcenMotionChange,
+  setIcenMotion
+};

package/dist/behaviors/notification.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 NotificationKind = 'success' | 'warning' | 'error' | 'info';
 interface NotificationAction {

package/dist/behaviors/notification.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",
@@ -484,6 +485,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",
@@ -1164,6 +1178,15 @@ function parseSvg(source) {
   return document.importNode(root, true);
 }
 
+// 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;
+}
+
 // src/behaviors/notification.ts
 var clocks = /* @__PURE__ */ new WeakMap();
 var KIND_SYMBOL = { success: "circle-check", warning: "triangle-alert", error: "circle-error", info: "circle-info" };
@@ -1378,7 +1401,7 @@ function buildIcon(record) {
   wrap.className = "icen-notification-icon";
   wrap.setAttribute("aria-hidden", "true");
   const { icon, avatar } = record.opts;
-  if (avatar) {
+  if (avatar && safeUrl(avatar)) {
     const img = document.createElement("img");
     img.className = "icen-notification-avatar";
     img.src = avatar;
@@ -1481,12 +1504,13 @@ function buildActions(record) {
 }
 function buildLink(record) {
   const { link, linkLabel } = record.opts;
-  if (!link) return null;
+  const href = link ? safeUrl(link) : void 0;
+  if (!href) return null;
   const wrap = document.createElement("div");
   wrap.className = "icen-notification-link-wrap";
   const a = document.createElement("a");
   a.className = "icen-notification-link";
-  a.href = link;
+  a.href = href;
   a.textContent = linkLabel ?? t("notification.viewDetails");
   a.addEventListener("click", (ev) => ev.stopPropagation());
   wrap.appendChild(a);

package/dist/behaviors/panel.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/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",
@@ -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",
@@ -1209,8 +1223,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",
@@ -311,6 +312,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/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",
@@ -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/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",
@@ -1080,6 +1095,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/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",
@@ -484,6 +485,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",