@xpert-ai/chatkit-ui 0.3.18 → 0.3.20

package/dist/index.cjs

@@ -7745,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) {
@@ -7907,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(
@@ -7956,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) => ({
@@ -9403,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);

package/dist/index.js

@@ -7788,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) {
@@ -7950,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(
@@ -7999,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) => ({
@@ -9473,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -59,9 +59,9 @@
     "tw-animate-css": "^1.4.0",
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
-    "@xpert-ai/chatkit-types": "~0.3.12",
-    "@xpert-ai/chatkit-web-shared": "~0.3.3",
-    "@xpert-ai/a2ui-react": "~0.1.0"
+    "@xpert-ai/a2ui-react": "~0.1.0",
+    "@xpert-ai/chatkit-types": "~0.3.13",
+    "@xpert-ai/chatkit-web-shared": "~0.3.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-D5NsBRq7.js

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

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

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-BEUUWAcZ.js";import{_ as i}from"./index-MT8kO0ww.js";import"./chunk-FMBD7UC4-DqlLafVB.js";import"./chunk-YZCP3GAM-CS8tpU-B.js";import"./chunk-55IACEB6-ck04xuIL.js";import"./chunk-EDXVE4YY-B-xbn47D.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-pGVLD9Ix.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-BEUUWAcZ.js";import{_ as i}from"./index-MT8kO0ww.js";import"./chunk-FMBD7UC4-DqlLafVB.js";import"./chunk-YZCP3GAM-CS8tpU-B.js";import"./chunk-55IACEB6-ck04xuIL.js";import"./chunk-EDXVE4YY-B-xbn47D.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-Bma5UCo8.js

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

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

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-CnxkISRo.js";import{_ as i}from"./index-MT8kO0ww.js";import"./chunk-55IACEB6-ck04xuIL.js";import"./chunk-EDXVE4YY-B-xbn47D.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};