@icen.ai/ui 0.8.0 → 0.8.1

package/dist/behaviors/ai-provider.mjs

@@ -1,4 +1,13 @@
 // src/behaviors/ai-core.ts
+var USAGE_KEYS = ["input", "output", "cacheRead", "cacheWrite", "reasoning", "total"];
+function addUsage(sum2, u) {
+  const out = { ...sum2 };
+  for (const k of USAGE_KEYS) {
+    const v = u[k];
+    if (typeof v === "number" && Number.isFinite(v)) out[k] = (out[k] ?? 0) + v;
+  }
+  return out;
+}
 var svg = (body) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${body}</svg>`;
 var ICON_TERMINAL = svg('<path d="m4 17 6-6-6-6"/><path d="M12 19h8"/>');
 var ICON_FILE = svg(
@@ -258,6 +267,13 @@ function contentToText(content) {
   return content.filter((p) => p.type === "text").map((p) => p.text).join("");
 }
 
+// src/behaviors/events.ts
+function emitIcen(source, type, detail) {
+  return source.dispatchEvent(
+    new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable: true })
+  );
+}
+
 // src/behaviors/ai-provider.ts
 function isObj2(v) {
   return typeof v === "object" && v !== null;
@@ -439,15 +455,6 @@ async function readHttpError(res, provider) {
   const { type, message } = extractHttpError(raw, status);
   return new AiProviderError({ provider, status, type, message, raw });
 }
-var USAGE_KEYS = ["input", "output", "cacheRead", "cacheWrite", "reasoning", "total"];
-function addUsage(sum2, u) {
-  if (!u) return sum2;
-  for (const k of USAGE_KEYS) {
-    const v = u[k];
-    if (typeof v === "number" && Number.isFinite(v)) sum2[k] = (sum2[k] ?? 0) + v;
-  }
-  return sum2;
-}
 function isAuditEntry(v) {
   return isObj2(v) && typeof v.id === "string" && typeof v.ts === "number" && typeof v.provider === "string" && typeof v.model === "string" && typeof v.baseURL === "string" && typeof v.stream === "boolean" && (v.status === "ok" || v.status === "error") && typeof v.durationMs === "number";
 }
@@ -492,7 +499,7 @@ function createAiAuditor(opts) {
     },
     summary() {
       const sum2 = {};
-      for (const e of entries) addUsage(sum2, e.usage);
+      for (const e of entries) addUsage(sum2, e.usage ?? {});
       return sum2;
     },
     totals() {
@@ -502,7 +509,7 @@ function createAiAuditor(opts) {
       let ttftSum = 0;
       let ttftN = 0;
       for (const e of entries) {
-        addUsage(usage, e.usage);
+        addUsage(usage, e.usage ?? {});
         if (typeof e.cost === "number") cost += e.cost;
         if (e.status === "error") errors++;
         if (typeof e.ttftMs === "number") {
@@ -523,7 +530,7 @@ function createAiAuditor(opts) {
       const out = {};
       for (const e of entries) {
         const key = `${e.provider}/${e.model}`;
-        addUsage(out[key] ??= {}, e.usage);
+        addUsage(out[key] ??= {}, e.usage ?? {});
       }
       return out;
     }
@@ -778,23 +785,18 @@ function joinSignals(a, b) {
     return c.signal;
   }
   const fwd = () => {
+    a.removeEventListener("abort", fwd);
+    b.removeEventListener("abort", fwd);
     if (!c.signal.aborted) c.abort();
   };
   a.addEventListener("abort", fwd, { once: true });
   b.addEventListener("abort", fwd, { once: true });
   return c.signal;
 }
-function dispatchUsageEvent(usage) {
+function dispatchAiEvent(name, detail) {
   if (typeof document === "undefined") return;
   try {
-    document.dispatchEvent(new CustomEvent("icen:ai-usage", { detail: usage, bubbles: true }));
-  } catch {
-  }
-}
-function dispatchDoneEvent(detail) {
-  if (typeof document === "undefined") return;
-  try {
-    document.dispatchEvent(new CustomEvent("icen:ai-done", { detail, bubbles: true }));
+    emitIcen(document, name, detail);
   } catch {
   }
 }
@@ -866,7 +868,31 @@ function createAiClient(options) {
     return { entry, cost };
   }
   const publishUsage = (usage) => {
-    if (Object.keys(usage).length > 0) dispatchUsageEvent(usage);
+    if (Object.keys(usage).length > 0) dispatchAiEvent("icen:ai-usage", usage);
+  };
+  const finalize = (req, streaming, status, usage, error, t0, ttftMs) => {
+    const durationMs = Date.now() - t0;
+    const { cost } = audit(
+      req,
+      streaming,
+      status === "ok" ? "ok" : "error",
+      usage,
+      durationMs,
+      status === "cancelled" ? "\u8BF7\u6C42\u5DF2\u53D6\u6D88" : error,
+      ttftMs
+    );
+    dispatchAiEvent("icen:ai-done", {
+      status,
+      provider: def.id,
+      model: req.model ?? defaultModel,
+      stream: streaming,
+      usage,
+      cost,
+      error: status === "cancelled" ? void 0 : error,
+      durationMs,
+      ttftMs
+    });
+    return cost;
   };
   async function chat(req) {
     const t0 = Date.now();
@@ -908,23 +934,14 @@ function createAiClient(options) {
       }
       const usage = normalizeUsage(usageRaw);
       publishUsage(usage);
-      const { cost } = audit(req, false, "ok", usage, Date.now() - t0);
-      dispatchDoneEvent({
-        status: "ok",
-        provider: def.id,
-        model: req.model ?? defaultModel,
-        stream: false,
-        usage,
-        cost,
-        durationMs: Date.now() - t0
-      });
+      const cost = finalize(req, false, "ok", usage, void 0, t0);
       const result = { text: outText, usage, cost, finishReason, raw: j };
       if (outParts && outParts.length > 0) result.parts = outParts;
       return result;
     } catch (err) {
       const e = normalizeThrown(err);
       audit(req, false, "error", {}, Date.now() - t0, e.message);
-      dispatchDoneEvent({
+      dispatchAiEvent("icen:ai-done", {
         status: e.type === "cancelled" ? "cancelled" : "error",
         provider: def.id,
         model: req.model ?? defaultModel,
@@ -990,26 +1007,15 @@ function createAiClient(options) {
       } finally {
         const usage = normalizeUsage(usageRaw);
         publishUsage(usage);
-        const { cost } = audit(
+        const cost = finalize(
           req,
           true,
-          errorType === "cancelled" ? "error" : status,
+          errorType === "cancelled" ? "cancelled" : status,
           usage,
-          Date.now() - t0,
-          errorType === "cancelled" ? "\u8BF7\u6C42\u5DF2\u53D6\u6D88" : error,
+          error,
+          t0,
           ttftMs
         );
-        dispatchDoneEvent({
-          status: errorType === "cancelled" ? "cancelled" : status,
-          provider: def.id,
-          model: req.model ?? defaultModel,
-          stream: true,
-          usage,
-          cost,
-          error: errorType === "cancelled" ? void 0 : error,
-          durationMs: Date.now() - t0,
-          ttftMs
-        });
         finished = true;
         notify();
         ac.abort();

package/dist/behaviors/ai-tool.d.mts

@@ -8,11 +8,19 @@ interface AiSubagentHandle {
     el: HTMLElement;
     update(patch: Partial<AiToolCallModel>): void;
 }
+/** 渲染工具调用卡（整卡挂进传入 el），返回 { el, update }——有生命周期的 render* 返句柄：update(patch) 增量重渲。 */
 declare function renderAiToolCall(el: HTMLElement, model: AiToolCallModel): AiToolCallHandle;
+/** 渲染子智能体卡（activities 递归复用 renderAiToolCall / 自身），返回 { el, update }——有生命周期的 render* 返句柄。 */
 declare function renderAiSubagent(el: HTMLElement, model: AiToolCallModel): AiSubagentHandle;
-/** 初始化 root 下所有工具调用卡（root 自身是 .ai-tool 也算）。重复调用幂等。 */
-declare function initAiTool(root?: ParentNode): void;
-/** 初始化 root 下所有子智能体卡（含嵌套；root 自身是 .ai-subagent 也算）。重复调用幂等。 */
-declare function initAiSubagent(root?: ParentNode): void;
+/**
+ * 初始化 root 下所有工具调用卡（root 自身是 .ai-tool 也算）。重复调用幂等；
+ * 返回销毁函数（复刻 initAiChat 约定：解绑全部卡片监听并复位幂等标记）。
+ */
+declare function initAiTool(root?: ParentNode): () => void;
+/**
+ * 初始化 root 下所有子智能体卡（含嵌套；root 自身是 .ai-subagent 也算）。重复调用幂等；
+ * 返回销毁函数（复刻 initAiChat 约定：解绑全部卡片监听并复位幂等标记）。
+ */
+declare function initAiSubagent(root?: ParentNode): () => void;
 
 export { type AiSubagentHandle, type AiToolCallHandle, initAiSubagent, initAiTool, renderAiSubagent, renderAiToolCall };