@xpert-ai/chatkit-ui 0.3.17 → 0.3.19

package/dist/index.js

@@ -69,10 +69,62 @@ function createMessageId() {
 
 // src/lib/message.ts
 import { isNil, omitBy } from "lodash-es";
+
+// src/lib/thread-context-usage.ts
+var THREAD_CONTEXT_USAGE_EVENT_TYPE = "thread_context_usage";
+function isRecord(value) {
+  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeContextUsageNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
+    return Math.floor(value);
+  }
+  if (typeof value === "string") {
+    const parsed = Number.parseFloat(value);
+    if (Number.isFinite(parsed) && parsed >= 0) {
+      return Math.floor(parsed);
+    }
+  }
+  return null;
+}
+function isThreadContextUsageType(value) {
+  return typeof value === "string" && value.trim() === THREAD_CONTEXT_USAGE_EVENT_TYPE;
+}
+function isThreadContextUsageRenderArtifact(value) {
+  if (!isRecord(value)) return false;
+  if (isThreadContextUsageType(value.type)) return true;
+  if (isThreadContextUsageType(value.event)) return true;
+  const data = value.data;
+  if (!isRecord(data)) return false;
+  return isThreadContextUsageType(data.type) || isThreadContextUsageType(data.event);
+}
+function getThreadContextUsage(state, agentKey) {
+  if (!agentKey) return null;
+  return state[agentKey] ?? null;
+}
+function getThreadContextUsageTotalTokens(event) {
+  return normalizeContextUsageNumber(event?.usage?.totalTokens);
+}
+function resolveUsedContextSize(options) {
+  const realtimeUsedTokens = getThreadContextUsageTotalTokens(
+    options.realtimeUsage
+  );
+  if (realtimeUsedTokens != null) {
+    return realtimeUsedTokens;
+  }
+  return normalizeContextUsageNumber(options.fallbackUsedTokens) ?? 0;
+}
+
+// src/lib/message.ts
 var ASSISTANT_STREAM_IDLE_TO_THINKING_MS = 2e3;
 function hasRenderableReasoning(reasoning) {
   return Array.isArray(reasoning) && reasoning.some((item) => item.text?.trim());
 }
+function isRenderableMessageContentItem(item) {
+  if (item === void 0) return false;
+  if (typeof item === "string") return true;
+  return !isThreadContextUsageRenderArtifact(item);
+}
 function hasRenderableMessageContent(content) {
   if (typeof content === "string") {
     return content.trim().length > 0;
@@ -82,10 +134,13 @@ function hasRenderableMessageContent(content) {
   }
   const items = content;
   return items.some((item) => {
+    if (!isRenderableMessageContentItem(item)) {
+      return false;
+    }
     if (typeof item === "string") {
       return item.trim().length > 0;
     }
-    if (!item || typeof item !== "object") {
+    if (typeof item !== "object") {
       return false;
     }
     if (item.type === "text") {
@@ -207,28 +262,28 @@ function getMissingApiConfigurationKind({
 import {
   STATE_VARIABLE_HUMAN
 } from "@xpert-ai/chatkit-types";
-function isRecord(value) {
+function isRecord2(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function resolveHumanStateValue(value) {
   const human = value?.[STATE_VARIABLE_HUMAN];
-  return isRecord(human) ? human : {};
+  return isRecord2(human) ? human : {};
 }
 function splitEnvCarrier(value) {
-  if (!isRecord(value)) {
+  if (!isRecord2(value)) {
     return { value: {}, env: {} };
   }
   const { env, ...rest } = value;
   return {
     value: rest,
-    env: isRecord(env) ? env : {}
+    env: isRecord2(env) ? env : {}
   };
 }
 function mergeRequestOptions(input) {
   const defaultContext = splitEnvCarrier(input.defaults?.context);
   const explicitContext = splitEnvCarrier(input.context);
-  const defaultConfig = isRecord(input.defaults?.config) ? input.defaults?.config : {};
-  const explicitConfig = isRecord(input.config) ? input.config : {};
+  const defaultConfig = isRecord2(input.defaults?.config) ? input.defaults?.config : {};
+  const explicitConfig = isRecord2(input.config) ? input.config : {};
   const mergedEnv = {
     ...defaultContext.env,
     ...explicitContext.env
@@ -1031,36 +1086,6 @@ function useParentMessenger({
   return messenger;
 }
 
-// src/lib/thread-context-usage.ts
-function normalizeContextUsageNumber(value) {
-  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
-    return Math.floor(value);
-  }
-  if (typeof value === "string") {
-    const parsed = Number.parseFloat(value);
-    if (Number.isFinite(parsed) && parsed >= 0) {
-      return Math.floor(parsed);
-    }
-  }
-  return null;
-}
-function getThreadContextUsage(state, agentKey) {
-  if (!agentKey) return null;
-  return state[agentKey] ?? null;
-}
-function getThreadContextUsageTotalTokens(event) {
-  return normalizeContextUsageNumber(event?.usage?.totalTokens);
-}
-function resolveUsedContextSize(options) {
-  const realtimeUsedTokens = getThreadContextUsageTotalTokens(
-    options.realtimeUsage
-  );
-  if (realtimeUsedTokens != null) {
-    return realtimeUsedTokens;
-  }
-  return normalizeContextUsageNumber(options.fallbackUsedTokens) ?? 0;
-}
-
 // src/lib/thread-goals.ts
 function normalizeGoalObjective(value) {
   return value.trim();
@@ -7763,13 +7788,17 @@ function hasVisibleAgentRunDetails(info) {
 function getAgentRunTitle(info, fallback) {
   return info.title?.trim() || info.xpertName?.trim() || info.agentKey?.trim() || fallback || null;
 }
-function getAgentRunDuration(info) {
+function getAgentRunDuration(info, now) {
   if (typeof info.elapsedTime === "number" && Number.isFinite(info.elapsedTime)) {
     return info.elapsedTime;
   }
   const startedAt = parseDateValue(info.startedAt) ?? parseDateValue(info.createdAt);
+  if (startedAt === null) return null;
+  if (isRunningRunStatus(info.status)) {
+    return typeof now === "number" && Number.isFinite(now) ? Math.max(0, now - startedAt) : null;
+  }
   const endedAt = parseDateValue(info.endedAt) ?? parseDateValue(info.updatedAt);
-  if (startedAt === null || endedAt === null) return null;
+  if (endedAt === null) return null;
   return Math.max(0, endedAt - startedAt);
 }
 function getAgentRunCounts(node) {
@@ -7782,6 +7811,9 @@ function getAgentRunCounts(node) {
       if (item.trim()) text += 1;
       continue;
     }
+    if (isThreadContextUsageRenderArtifact(item)) {
+      continue;
+    }
     if (isTextContent(item) || isReasoningContent(item)) {
       if (item.text?.trim()) text += 1;
       continue;
@@ -7893,6 +7925,7 @@ function normalizeAssistantEntries(message) {
     }
   } else if (Array.isArray(message.content)) {
     message.content.forEach((item, index) => {
+      if (isThreadContextUsageRenderArtifact(item)) return;
       entries.push({
         item,
         index,
@@ -7921,6 +7954,12 @@ function refreshAgentNodeOrder(node) {
   node.children.sort((a, b) => a.firstOrder - b.firstOrder);
   return order;
 }
+function markIncompleteAgentRunStatusSuccess(node) {
+  if (normalizeRunStatus(node.info.status) === "pending") {
+    node.info.status = "success";
+  }
+  node.children.forEach(markIncompleteAgentRunStatusSuccess);
+}
 function buildAssistantRenderTree(message) {
   const rootExecutionId = message.executionId;
   const runs = (message.agentRuns ?? []).filter(
@@ -7970,6 +8009,9 @@ function buildAssistantRenderTree(message) {
     roots.push(node);
   }
   roots.forEach(refreshAgentNodeOrder);
+  if (normalizeRunStatus(message.status) === "success") {
+    roots.forEach(markIncompleteAgentRunStatusSuccess);
+  }
   roots.sort((a, b) => a.firstOrder - b.firstOrder);
   const units = [
     ...rootEntries.map((entry) => ({
@@ -9444,15 +9486,34 @@ function AgentRunGroup({
   );
   const StatusIcon = statusConfig.icon;
   const isRunning = isRunningRunStatus(node.info.status);
+  const hasStaticDuration = typeof node.info.elapsedTime === "number" && Number.isFinite(node.info.elapsedTime);
+  const hasDurationStartTimestamp = node.info.startedAt !== void 0 || node.info.createdAt !== void 0;
+  const shouldUpdateDuration = isRunning && hasDurationStartTimestamp && !hasStaticDuration;
+  const [durationNow, setDurationNow] = React30.useState(() => Date.now());
   const [isExpanded, setIsExpanded] = React30.useState(
     () => isRunning || !hasFollowingItem
   );
   const title = getAgentRunTitle(node.info, t("message.agentRun.defaultTitle"));
-  const duration = getAgentRunDuration(node.info);
+  const duration = getAgentRunDuration(
+    node.info,
+    shouldUpdateDuration ? durationNow : void 0
+  );
   const statusLabel = t(`message.agentRun.status.${statusConfig.labelKey}`, {
     defaultValue: node.info.status ?? statusConfig.labelKey
   });
   const detailsId = React30.useId();
+  React30.useEffect(() => {
+    if (!shouldUpdateDuration) {
+      return;
+    }
+    setDurationNow(Date.now());
+    const timer = window.setInterval(() => {
+      setDurationNow(Date.now());
+    }, 100);
+    return () => {
+      window.clearInterval(timer);
+    };
+  }, [shouldUpdateDuration]);
   React30.useEffect(() => {
     if (isRunning) {
       setIsExpanded(true);
@@ -9702,7 +9763,7 @@ function normalizeToolToken(value) {
   const normalized = value.trim().toLowerCase().replace(/[\s-]+/g, "_");
   return normalized || null;
 }
-function isRecord2(value) {
+function isRecord3(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function readString(value) {
@@ -9734,9 +9795,9 @@ function formatScore(value) {
 }
 function getLineRange(metadata) {
   const loc = metadata.loc;
-  if (!isRecord2(loc)) return void 0;
+  if (!isRecord3(loc)) return void 0;
   const lines = loc.lines;
-  if (!isRecord2(lines)) return void 0;
+  if (!isRecord3(lines)) return void 0;
   const from = stringifyValue(lines.from);
   const to = stringifyValue(lines.to);
   if (from && to) return `${from}-${to}`;
@@ -9756,9 +9817,9 @@ function normalizeMetadataEntries(metadata) {
   });
 }
 function normalizeKnowledgeResult(value, fallbackTitle) {
-  if (!isRecord2(value)) return null;
-  const metadata = isRecord2(value.metadata) ? value.metadata : {};
-  const document2 = isRecord2(value.document) ? value.document : {};
+  if (!isRecord3(value)) return null;
+  const metadata = isRecord3(value.metadata) ? value.metadata : {};
+  const document2 = isRecord3(value.document) ? value.document : {};
   const content = readString(value.pageContent);
   const title = readString(document2.name) ?? readString(metadata.originalFileName) ?? readString(metadata.source) ?? readString(value.id) ?? readString(metadata.chunkId) ?? fallbackTitle;
   if (!content && Object.keys(metadata).length === 0 && Object.keys(document2).length === 0) {
@@ -9788,7 +9849,7 @@ function getRawKnowledgeData(data) {
 }
 function getRetrieverQuery(data, language) {
   const input = data.input;
-  if (isRecord2(input)) {
+  if (isRecord3(input)) {
     return readString(input.query) ?? readString(input.input) ?? readString(input.question);
   }
   return readString(resolveLocalizedText(data.message, language)) ?? readString(input);
@@ -10475,6 +10536,7 @@ function isWidgetComponent(content) {
 }
 function isGroupableStepComponent(content) {
   if (!content || typeof content === "string") return false;
+  if (isThreadContextUsageRenderArtifact(content)) return false;
   if (!isComponentContent2(content) || isWidgetComponent(content)) return false;
   const data = getToolStepData(content);
   const renderer = getComponentMessageRenderer(content, data);
@@ -10558,6 +10620,9 @@ function buildToolComponentRenderUnits(content, options) {
   const units = [];
   const pendingTools = [];
   content.forEach((item, index) => {
+    if (isThreadContextUsageRenderArtifact(item)) {
+      return;
+    }
     if (isGroupableStepComponent(item) && options?.shouldGroupComponent?.(item) !== false) {
       pendingTools.push({ item, index });
       return;
@@ -11107,7 +11172,7 @@ import {
 } from "@xpert-ai/chatkit-types";
 import { CheckCircle2 as CheckCircle24 } from "lucide-react";
 import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
-function isRecord3(value) {
+function isRecord4(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
 function readString2(record, keys) {
@@ -11120,11 +11185,11 @@ function readString2(record, keys) {
   return null;
 }
 function getToolCallId(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   return readString2(value, ["id"]);
 }
 function getToolCallName(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   return readString2(value, ["name"]);
 }
 function pushClientToolCallsFromRecord(record, calls) {
@@ -11149,7 +11214,7 @@ function findRequestUserInputClientToolCallById(messages, id) {
   ) ?? null;
 }
 function normalizeAnswer(value) {
-  if (!isRecord3(value)) return null;
+  if (!isRecord4(value)) return null;
   const id = readString2(value, ["id"]);
   const question = readString2(value, ["question"]);
   const answerValue = readString2(value, ["value"]);
@@ -11177,7 +11242,7 @@ function parseResultOutput(output) {
       return null;
     }
   }
-  if (!isRecord3(result) || !Array.isArray(result.answers)) {
+  if (!isRecord4(result) || !Array.isArray(result.answers)) {
     return null;
   }
   const hasExplicitType = result.type === REQUEST_USER_INPUT_RESULT_TYPE2;
@@ -11191,7 +11256,7 @@ function parseResultOutput(output) {
   };
 }
 function getRequestUserInputResultCardData(content, messages) {
-  const data = isRecord3(content.data) ? content.data : null;
+  const data = isRecord4(content.data) ? content.data : null;
   if (data?.status !== "success") {
     return null;
   }
@@ -11839,6 +11904,9 @@ function renderContentItem(content, index, message, lookupMessages, options) {
   if (typeof content === "string") {
     return /* @__PURE__ */ jsx41("div", { className: textClassName, children: /* @__PURE__ */ jsx41(MarkdownText, { children: content }) }, `text-${index}`);
   }
+  if (isThreadContextUsageRenderArtifact(content)) {
+    return null;
+  }
   if (isTextContent3(content)) {
     return /* @__PURE__ */ jsx41("div", { className: textClassName, children: /* @__PURE__ */ jsx41(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.17",
+  "version": "0.3.19",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -60,8 +60,8 @@
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
     "@xpert-ai/a2ui-react": "~0.1.0",
-    "@xpert-ai/chatkit-types": "~0.3.12",
-    "@xpert-ai/chatkit-web-shared": "~0.3.3"
+    "@xpert-ai/chatkit-web-shared": "~0.3.3",
+    "@xpert-ai/chatkit-types": "~0.3.12"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-BHwc91-e.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-DdN2O8Y_.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-tsKz3o4h.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-iSOZmk_7.js";import{_ as i}from"./index-DdN2O8Y_.js";import"./chunk-FMBD7UC4-YlNAZG3z.js";import"./chunk-YZCP3GAM-CBtkGq5l.js";import"./chunk-55IACEB6-fjuEZmuR.js";import"./chunk-EDXVE4YY-DD8988ru.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-tsKz3o4h.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-iSOZmk_7.js";import{_ as i}from"./index-DdN2O8Y_.js";import"./chunk-FMBD7UC4-YlNAZG3z.js";import"./chunk-YZCP3GAM-CBtkGq5l.js";import"./chunk-55IACEB6-fjuEZmuR.js";import"./chunk-EDXVE4YY-DD8988ru.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-DlTXzYrM.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-B_OtdwGg.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-DY5Zpttk.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-oVl_i6h2.js";import{_ as i}from"./index-DdN2O8Y_.js";import"./chunk-55IACEB6-fjuEZmuR.js";import"./chunk-EDXVE4YY-DD8988ru.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};