@xpert-ai/chatkit-ui 0.3.17 → 0.3.19

package/dist/index.cjs

@@ -122,10 +122,62 @@ function createMessageId() {
 
 // src/lib/message.ts
 var import_lodash_es = require("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;
@@ -135,10 +187,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") {
@@ -236,28 +291,28 @@ function getMissingApiConfigurationKind({
 
 // src/lib/request-options.ts
 var import_chatkit_types2 = require("@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?.[import_chatkit_types2.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
@@ -1050,36 +1105,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();
@@ -7720,13 +7745,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) {
@@ -7739,6 +7768,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;
@@ -7850,6 +7882,7 @@ function normalizeAssistantEntries(message) {
     }
   } else if (Array.isArray(message.content)) {
     message.content.forEach((item, index) => {
+      if (isThreadContextUsageRenderArtifact(item)) return;
       entries.push({
         item,
         index,
@@ -7878,6 +7911,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(
@@ -7927,6 +7966,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) => ({
@@ -9374,15 +9416,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);
@@ -9630,7 +9691,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) {
@@ -9662,9 +9723,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}`;
@@ -9684,9 +9745,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) {
@@ -9716,7 +9777,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((0, import_chatkit_types6.resolveLocalizedText)(data.message, language)) ?? readString(input);
@@ -10384,6 +10445,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);
@@ -10467,6 +10529,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;
@@ -11013,7 +11078,7 @@ var React34 = require("react");
 var import_chatkit_types8 = require("@xpert-ai/chatkit-types");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-function isRecord3(value) {
+function isRecord4(value) {
   return !!value && typeof value === "object" && !Array.isArray(value);
 }
 function readString2(record, keys) {
@@ -11026,11 +11091,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) {
@@ -11055,7 +11120,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"]);
@@ -11083,7 +11148,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 === import_chatkit_types8.REQUEST_USER_INPUT_RESULT_TYPE;
@@ -11097,7 +11162,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;
   }
@@ -11741,6 +11806,9 @@ function renderContentItem(content, index, message, lookupMessages, options) {
   if (typeof content === "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MarkdownText, { children: content }) }, `text-${index}`);
   }
+  if (isThreadContextUsageRenderArtifact(content)) {
+    return null;
+  }
   if (isTextContent3(content)) {
     return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: textClassName, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MarkdownText, { children: content.text }) }, content.id ?? `text-${index}`);
   }