@xpert-ai/chatkit-ui 0.5.13 → 0.5.14

package/dist/index.js

@@ -61,6 +61,16 @@ import { isNil, omitBy } from "lodash-es";
 
 // src/lib/thread-context-usage.ts
 var THREAD_CONTEXT_USAGE_EVENT_TYPE = "thread_context_usage";
+function readStoredContextUsage(result) {
+  const usedTokens = normalizeContextUsageNumber(result.usage.context_tokens);
+  if ("status" in result && result.status === "unavailable" || usedTokens == null || usedTokens === 0) {
+    return { usedTokens: null, status: "unavailable" };
+  }
+  return {
+    usedTokens,
+    status: "status" in result && result.status === "stale" ? "stale" : "current"
+  };
+}
 function isRecord(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -94,15 +104,6 @@ function getThreadContextUsage(state, agentKey) {
 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;
@@ -2710,7 +2711,9 @@ var en_US_default = {
     contextUsage: {
       label: "Context window",
       full: "{{usedPercent}}% used ({{remainingPercent}}% left)",
-      tokensUsed: "{{used}} / {{max}} tokens used"
+      tokensUsed: "{{used}} / {{max}} tokens used",
+      stale: "Last valid usage (not updated by the latest call)",
+      unavailable: "No valid usage available"
     },
     goal: {
       label: "Goal",
@@ -3310,7 +3313,9 @@ var zh_CN_default = {
     contextUsage: {
       label: "\u4E0A\u4E0B\u6587\u7A97\u53E3",
       full: "\u5DF2\u4F7F\u7528 {{usedPercent}}%\uFF08\u5269\u4F59 {{remainingPercent}}%\uFF09",
-      tokensUsed: "\u5DF2\u4F7F\u7528 {{used}} / {{max}} tokens"
+      tokensUsed: "\u5DF2\u4F7F\u7528 {{used}} / {{max}} tokens",
+      stale: "\u4E0A\u6B21\u6709\u6548\u7528\u91CF\uFF08\u672C\u6B21\u8C03\u7528\u672A\u66F4\u65B0\uFF09",
+      unavailable: "\u6682\u65E0\u6709\u6548\u7528\u91CF"
     },
     goal: {
       label: "\u76EE\u6807",
@@ -18918,6 +18923,7 @@ function useThreads(limit = DEFAULT_LIMIT, enabled = true) {
 
 // src/components/thread/context-usage-indicator.tsx
 import * as React52 from "react";
+import { CircleHelp as CircleHelp2 } from "lucide-react";
 
 // src/components/ui/progress-circle.tsx
 import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
@@ -18974,7 +18980,7 @@ var ProgressCircle = ({ value, className, ...restSvgProps }) => {
 };
 
 // src/components/thread/context-usage-indicator.tsx
-import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
 var kNumberFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
@@ -19007,102 +19013,115 @@ function ContextUsageIndicator({
 }) {
   const { t } = useChatkitTranslation();
   const stream = useStreamContext();
-  const [maxContextSize, setMaxContextSize] = React52.useState(
-    null
-  );
-  const [usedContextSize, setUsedContextSize] = React52.useState(
-    null
-  );
-  const [assistantAgentKey, setAssistantAgentKey] = React52.useState(null);
-  const latestRealtimeUsageRef = React52.useRef({
-    threadId: null,
-    agentKey: null,
-    usedTokens: null
-  });
-  const realtimeUsage = React52.useMemo(
-    () => getThreadContextUsage(stream.contextUsageByAgentKey, assistantAgentKey),
-    [assistantAgentKey, stream.contextUsageByAgentKey]
+  const [assistantContext, setAssistantContext] = React52.useState(null);
+  const assistantReady = assistantContext?.assistantId === stream.assistantId;
+  const assistantAgentKey = assistantReady ? assistantContext?.agentKey ?? null : null;
+  const maxContextSize = assistantReady ? assistantContext?.maxContextSize ?? null : null;
+  const scope = React52.useMemo(
+    () => ({
+      threadId: stream.threadId ?? null,
+      assistantId: stream.assistantId,
+      agentKey: assistantAgentKey
+    }),
+    [stream.threadId, stream.assistantId, assistantAgentKey]
   );
+  const [measurement, setMeasurement] = React52.useState(null);
+  const realtimeUsage = React52.useMemo(() => {
+    const usage = getThreadContextUsage(
+      stream.contextUsageByAgentKey,
+      assistantAgentKey
+    );
+    return usage?.threadId === scope.threadId ? usage : null;
+  }, [assistantAgentKey, scope.threadId, stream.contextUsageByAgentKey]);
   const realtimeUsedContextSize = getThreadContextUsageTotalTokens(realtimeUsage);
+  const latestRealtimeUsageRef = React52.useRef(realtimeUsage);
   const hasApiConfiguration = Boolean(
     stream.apiUrl?.trim() && stream.apiKey?.trim()
   );
   React52.useEffect(() => {
     if (!hasApiConfiguration || !stream.client || !stream.assistantId) {
-      setMaxContextSize(null);
-      setAssistantAgentKey(null);
+      setAssistantContext(null);
       return;
     }
     let cancelled = false;
     stream.client.assistants.get(stream.assistantId).then((assistant) => {
       if (cancelled || !assistant) return;
-      setMaxContextSize(resolveAssistantContextSize(assistant));
-      setAssistantAgentKey(resolveAssistantAgentKey(assistant));
+      setAssistantContext({
+        assistantId: stream.assistantId,
+        maxContextSize: resolveAssistantContextSize(assistant),
+        agentKey: resolveAssistantAgentKey(assistant)
+      });
     }).catch((err) => {
       if (cancelled) return;
       console.warn("[Chat] Failed to load assistant context size:", err);
-      setAssistantAgentKey(null);
+      setAssistantContext(null);
     });
     return () => {
       cancelled = true;
     };
   }, [hasApiConfiguration, stream.client, stream.assistantId]);
   React52.useEffect(() => {
-    latestRealtimeUsageRef.current = {
-      threadId: stream.threadId ?? null,
-      agentKey: assistantAgentKey,
-      usedTokens: realtimeUsedContextSize
-    };
-  }, [assistantAgentKey, realtimeUsedContextSize, stream.threadId]);
-  React52.useEffect(() => {
-    if (realtimeUsedContextSize == null) return;
-    setUsedContextSize(realtimeUsedContextSize);
-  }, [realtimeUsedContextSize]);
+    latestRealtimeUsageRef.current = realtimeUsage;
+    if (realtimeUsedContextSize == null || realtimeUsedContextSize === 0)
+      return;
+    setMeasurement({
+      scope,
+      usedTokens: realtimeUsedContextSize,
+      status: "current"
+    });
+  }, [scope, realtimeUsage, realtimeUsedContextSize]);
   React52.useEffect(() => {
-    if (!hasApiConfiguration || !stream.client) {
-      setUsedContextSize(null);
+    if (!hasApiConfiguration || !stream.client || !assistantReady) {
       return;
     }
-    if (!stream.threadId) {
-      setUsedContextSize(0);
+    if (!scope.threadId) {
+      setMeasurement({ scope, usedTokens: 0, status: "current" });
       return;
     }
-    if (realtimeUsedContextSize != null) return;
     if (stream.isLoading) return;
     let cancelled = false;
-    const requestThreadId = stream.threadId;
-    const requestAgentKey = assistantAgentKey;
+    const realtimeAtRequest = latestRealtimeUsageRef.current;
     stream.client.threads.getContextUsage(
-      requestThreadId,
-      requestAgentKey ? { agentKey: requestAgentKey } : void 0
-    ).then(
-      (result) => normalizeContextUsageNumber(result?.usage?.context_tokens)
+      scope.threadId,
+      scope.agentKey ? { agentKey: scope.agentKey } : void 0
     ).then((result) => {
-      if (cancelled) return;
-      const latestRealtimeUsage = latestRealtimeUsageRef.current;
-      if (latestRealtimeUsage.usedTokens != null && latestRealtimeUsage.threadId === requestThreadId && latestRealtimeUsage.agentKey === requestAgentKey) {
+      if (cancelled || latestRealtimeUsageRef.current !== realtimeAtRequest)
         return;
-      }
-      setUsedContextSize(
-        resolveUsedContextSize({
-          fallbackUsedTokens: result
-        })
-      );
+      const stored = readStoredContextUsage(result);
+      const realtimeTokens = getThreadContextUsageTotalTokens(realtimeAtRequest);
+      const sameRun = realtimeAtRequest && (!result.run_id || result.run_id === realtimeAtRequest.runId);
+      setMeasurement((previous) => {
+        const previousTokens = previous?.scope === scope ? previous.usedTokens : null;
+        const usedTokens = stored.usedTokens == null ? previousTokens : sameRun && realtimeTokens != null && realtimeTokens > 0 ? realtimeTokens : stored.usedTokens;
+        return {
+          scope,
+          usedTokens,
+          status: stored.status === "unavailable" && usedTokens != null ? "stale" : stored.status
+        };
+      });
     }).catch((err) => {
-      if (cancelled) return;
+      if (cancelled || latestRealtimeUsageRef.current !== realtimeAtRequest)
+        return;
       console.warn("[Chat] Failed to load thread context usage:", err);
+      setMeasurement((previous) => {
+        const usedTokens = previous?.scope === scope ? previous.usedTokens : null;
+        return {
+          scope,
+          usedTokens,
+          status: usedTokens == null ? "unavailable" : "stale"
+        };
+      });
     });
     return () => {
       cancelled = true;
     };
   }, [
-    assistantAgentKey,
+    assistantReady,
     hasApiConfiguration,
-    realtimeUsedContextSize,
+    scope,
     stream.apiKey,
     stream.apiUrl,
     stream.client,
-    stream.threadId,
     stream.isLoading
   ]);
   const effectiveMaxContextSize = realtimeUsage?.effectiveModel?.contextWindow ?? maxContextSize;
@@ -19110,6 +19129,9 @@ function ContextUsageIndicator({
     return null;
   }
   const max = Math.floor(effectiveMaxContextSize);
+  const usedContextSize = measurement?.scope === scope ? measurement.usedTokens : null;
+  const usageStatus = measurement?.scope === scope ? measurement.status : "unavailable";
+  const hasMeasurement = usedContextSize != null;
   const used = clampUsage(usedContextSize, max);
   const percent = Math.max(0, Math.min(100, used / max * 100));
   const roundedPercent = Math.round(percent);
@@ -19126,6 +19148,7 @@ function ContextUsageIndicator({
     max: formattedMax
   });
   const usageLabelWithSuffix = usageLabel.endsWith(":") ? usageLabel : `${usageLabel}:`;
+  const statusLabel = usageStatus === "stale" ? t("chat.contextUsage.stale") : !hasMeasurement ? t("chat.contextUsage.unavailable") : null;
   const progressClassName = percent >= 90 ? "text-destructive" : percent >= 75 ? "text-amber-500" : "text-primary dark:text-zinc-300";
   return /* @__PURE__ */ jsxs44(Tooltip, { children: [
     /* @__PURE__ */ jsx60(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(
@@ -19136,13 +19159,19 @@ function ContextUsageIndicator({
           "inline-flex items-center justify-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background",
           className
         ),
-        "aria-label": `${usageLabelWithSuffix} ${usageFullLabel}. ${usageTokensLabel}`,
-        children: /* @__PURE__ */ jsx60(
+        "aria-label": `${usageLabelWithSuffix} ${hasMeasurement ? `${usageFullLabel}. ${usageTokensLabel}` : ""}${statusLabel ? ` ${statusLabel}` : ""}`,
+        children: hasMeasurement ? /* @__PURE__ */ jsx60(
           ProgressCircle,
           {
             value: percent,
             className: cn("size-5", progressClassName)
           }
+        ) : /* @__PURE__ */ jsx60(
+          CircleHelp2,
+          {
+            className: "size-5 text-muted-foreground",
+            "aria-hidden": "true"
+          }
         )
       }
     ) }),
@@ -19154,8 +19183,11 @@ function ContextUsageIndicator({
         className: "space-y-0.5 px-3 py-2 text-center",
         children: [
           /* @__PURE__ */ jsx60("div", { className: "text-primary-foreground/70", children: usageLabelWithSuffix }),
-          /* @__PURE__ */ jsx60("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
-          /* @__PURE__ */ jsx60("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+          hasMeasurement && /* @__PURE__ */ jsxs44(Fragment11, { children: [
+            /* @__PURE__ */ jsx60("div", { className: "font-medium text-primary-foreground/80", children: usageFullLabel }),
+            /* @__PURE__ */ jsx60("div", { className: "text-sm font-semibold", children: usageTokensLabel })
+          ] }),
+          !hasMeasurement && statusLabel && /* @__PURE__ */ jsx60("div", { className: "text-sm", children: statusLabel })
         ]
       }
     )
@@ -22000,7 +22032,7 @@ function formatElapsed(value) {
 }
 
 // src/components/chat.tsx
-import { Fragment as Fragment12, jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
 var defaultApiUrl2 = import.meta.env.VITE_XPERTAI_API_URL;
 var LONG_TEXT_REFERENCE_THRESHOLD = 5e3;
 var GOAL_RUN_INPUT = "Continue working toward the active goal.";
@@ -23239,6 +23271,10 @@ function Chat({
   const isSubmissionBlocked = hasPendingInteractiveRequest || missingConfig || isHistoryUnavailable || hasUploadingFiles || isUploadingReferenceImages;
   const isSendDisabled = !trimmedDraft && !hasReferences || isSubmissionBlocked;
   const isPromptEditDisabled = hasPendingInteractiveRequest || missingConfig || isHistoryLoading;
+  const canUploadAttachments = composer?.attachments?.enabled === true && !isPromptEditDisabled;
+  const queueAttachmentFiles = React65.useCallback((files) => {
+    return attachmentsRef.current?.queueFiles(files) ?? false;
+  }, []);
   React65.useLayoutEffect(() => {
     composerPartsRef.current = composerParts;
     const caretOffset = pendingComposerCaretOffsetRef.current;
@@ -24121,9 +24157,18 @@ function Chat({
       if (!clipboardData) {
         return;
       }
-      const imageFiles = Array.from(clipboardData.items).filter(
-        (item) => item.kind === "file" && item.type.startsWith("image/")
-      ).map((item) => item.getAsFile()).filter((item) => Boolean(item));
+      const clipboardFiles = Array.from(clipboardData.files ?? []);
+      const pastedFiles = clipboardFiles.length ? clipboardFiles : Array.from(clipboardData.items ?? []).filter((item) => item.kind === "file").map((item) => item.getAsFile()).filter((item) => Boolean(item));
+      const attachmentFiles = pastedFiles.filter(
+        (file) => !file.type.startsWith("image/")
+      );
+      if (attachmentFiles.length > 0) {
+        event.preventDefault();
+        if (canUploadAttachments) queueAttachmentFiles(attachmentFiles);
+      }
+      const imageFiles = pastedFiles.filter(
+        (file) => file.type.startsWith("image/")
+      );
       if (imageFiles.length > 0) {
         event.preventDefault();
         const maxCount = composer?.attachments?.maxCount ?? 10;
@@ -24171,6 +24216,7 @@ function Chat({
         });
         return;
       }
+      if (attachmentFiles.length > 0) return;
       const pastedText = clipboardData.getData("text/plain");
       if (pastedText.trim().length <= LONG_TEXT_REFERENCE_THRESHOLD) {
         if (!pastedText) {
@@ -24206,9 +24252,11 @@ function Chat({
       composerInputRef.current?.focus();
     },
     [
+      canUploadAttachments,
       composer?.attachments?.maxCount,
       composer?.attachments?.maxSize,
       commitComposerParts,
+      queueAttachmentFiles,
       references,
       updateRuntimeCapabilityPalette,
       uploadContextFile
@@ -24365,10 +24413,6 @@ function Chat({
     }
   };
   const acceptMimes = composer?.attachments?.accept ? Object.entries(composer.attachments.accept).map(([mime, exts]) => [mime, ...exts.map((e) => `.${e}`)].join(",")).join(",") : void 0;
-  const canUploadDroppedFiles = composer?.attachments?.enabled === true && !missingConfig && !isHistoryLoading && !hasPendingInteractiveRequest;
-  const handleDroppedFiles = React65.useCallback((files) => {
-    return attachmentsRef.current?.queueFiles(files) ?? false;
-  }, []);
   const currentThread = React65.useMemo(
     () => threads.find((item) => item.id === stream.threadId),
     [threads, stream.threadId]
@@ -24503,11 +24547,11 @@ function Chat({
           {
             ref: viewportRef,
             "data-chatkit-root": "",
-            enabled: canUploadDroppedFiles,
+            enabled: canUploadAttachments,
             dropTitle: t("chat.dropFilesTitle"),
             dropHint: t("chat.dropFilesHint"),
             activeClassName: "ring-2 ring-primary/40 ring-inset",
-            onFiles: handleDroppedFiles,
+            onFiles: queueAttachmentFiles,
             className: cn(
               "relative flex h-full w-full min-w-0 flex-col flex-1 overflow-x-hidden overflow-y-auto bg-background shadow-sm transition-[box-shadow] duration-150",
               className
@@ -24597,7 +24641,7 @@ function Chat({
                         ) }) }),
                         /* @__PURE__ */ jsx71(TooltipContent, { side: "bottom", children: t("settings.open") })
                       ] }),
-                      history?.enabled !== false && /* @__PURE__ */ jsxs52(Fragment12, { children: [
+                      history?.enabled !== false && /* @__PURE__ */ jsxs52(Fragment13, { children: [
                         /* @__PURE__ */ jsxs52(Tooltip, { children: [
                           /* @__PURE__ */ jsx71(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx71("span", { className: "inline-flex h-8 w-8", children: /* @__PURE__ */ jsx71(
                             "button",
@@ -24790,7 +24834,7 @@ function Chat({
                                           pet: effectivePet,
                                           mcpApps: options?.mcpApps
                                         }
-                                      ) : /* @__PURE__ */ jsxs52(Fragment12, { children: [
+                                      ) : /* @__PURE__ */ jsxs52(Fragment13, { children: [
                                         message.type === "human" && humanRuntimeCapabilityOptions.length > 0 && /* @__PURE__ */ jsx71(
                                           HumanRuntimeCapabilityChips,
                                           {
@@ -24962,50 +25006,6 @@ function Chat({
                       }
                     ),
                     threadErrorMessage && /* @__PURE__ */ jsx71("div", { className: "mb-3 rounded-lg border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive overflow-auto", children: threadErrorMessage }),
-                    /* @__PURE__ */ jsx71(
-                      ChatAttachments,
-                      {
-                        ref: attachmentsRef,
-                        accept: acceptMimes,
-                        maxCount: composer?.attachments?.maxCount ?? 10,
-                        maxSize: composer?.attachments?.maxSize ?? 100 * 1024 * 1024,
-                        retryUploadLabel: t("chat.retryUpload"),
-                        uploadFile: uploadContextFile,
-                        deleteFile: deleteContextFile,
-                        getFileStatus: getContextFileStatus,
-                        onStateChange: setAttachmentState
-                      }
-                    ),
-                    references.length > 0 && /* @__PURE__ */ jsx71("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx71(
-                      ReferenceChip,
-                      {
-                        reference,
-                        variant: "composer",
-                        onRemove: () => setReferences(
-                          (previous) => previous.filter(
-                            (item) => getReferenceKey(item) !== getReferenceKey(reference)
-                          )
-                        ),
-                        removeLabel: t("composer.removeReference")
-                      },
-                      getReferenceKey(reference)
-                    )) }),
-                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ jsx71("div", { className: "mb-3 flex flex-wrap gap-2", children: referencedWorkspaceFiles.map((file) => {
-                      const id = file.workspacePath ?? file.filePath ?? file.fileAssetId ?? file.fileId ?? file.id;
-                      return /* @__PURE__ */ jsx71(
-                        WorkspaceFileChip,
-                        {
-                          file,
-                          onRemove: () => setReferencedWorkspaceFiles(
-                            (current) => current.filter(
-                              (item) => (item.workspacePath ?? item.filePath ?? item.fileAssetId ?? item.fileId ?? item.id) !== id
-                            )
-                          ),
-                          removeLabel: t("composer.fileMentions.remove")
-                        },
-                        id
-                      );
-                    }) }),
                     showGoalStatus && /* @__PURE__ */ jsxs52(
                       "div",
                       {
@@ -25194,6 +25194,50 @@ function Chat({
                         onBack: promptWorkflow.showPrompts
                       }
                     ),
+                    /* @__PURE__ */ jsx71(
+                      ChatAttachments,
+                      {
+                        ref: attachmentsRef,
+                        accept: acceptMimes,
+                        maxCount: composer?.attachments?.maxCount ?? 10,
+                        maxSize: composer?.attachments?.maxSize ?? 100 * 1024 * 1024,
+                        retryUploadLabel: t("chat.retryUpload"),
+                        uploadFile: uploadContextFile,
+                        deleteFile: deleteContextFile,
+                        getFileStatus: getContextFileStatus,
+                        onStateChange: setAttachmentState
+                      }
+                    ),
+                    references.length > 0 && /* @__PURE__ */ jsx71("div", { className: "mb-3 flex flex-wrap gap-2", children: references.map((reference) => /* @__PURE__ */ jsx71(
+                      ReferenceChip,
+                      {
+                        reference,
+                        variant: "composer",
+                        onRemove: () => setReferences(
+                          (previous) => previous.filter(
+                            (item) => getReferenceKey(item) !== getReferenceKey(reference)
+                          )
+                        ),
+                        removeLabel: t("composer.removeReference")
+                      },
+                      getReferenceKey(reference)
+                    )) }),
+                    referencedWorkspaceFiles.length > 0 && /* @__PURE__ */ jsx71("div", { className: "mb-3 flex flex-wrap gap-2", children: referencedWorkspaceFiles.map((file) => {
+                      const id = file.workspacePath ?? file.filePath ?? file.fileAssetId ?? file.fileId ?? file.id;
+                      return /* @__PURE__ */ jsx71(
+                        WorkspaceFileChip,
+                        {
+                          file,
+                          onRemove: () => setReferencedWorkspaceFiles(
+                            (current) => current.filter(
+                              (item) => (item.workspacePath ?? item.filePath ?? item.fileAssetId ?? item.fileId ?? item.id) !== id
+                            )
+                          ),
+                          removeLabel: t("composer.fileMentions.remove")
+                        },
+                        id
+                      );
+                    }) }),
                     workspaceFileMention && /* @__PURE__ */ jsx71(
                       WorkspaceFileMentionPalette,
                       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.5.13",
+  "version": "0.5.14",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -35,7 +35,7 @@
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.20",
     "@tailwindcss/vite": "^4.1.17",
-    "@xpert-ai/xpert-sdk": "^0.1.0",
+    "@xpert-ai/xpert-sdk": "^0.1.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "framer-motion": "^12.4.9",
@@ -59,9 +59,9 @@
     "tw-animate-css": "^1.4.0",
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
-    "@xpert-ai/chatkit-types": "~0.5.9",
     "@xpert-ai/a2ui-react": "~0.1.0",
-    "@xpert-ai/chatkit-web-shared": "~0.4.4"
+    "@xpert-ai/chatkit-web-shared": "~0.4.4",
+    "@xpert-ai/chatkit-types": "~0.5.9"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

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

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

package/dist/app/assets/classDiagram-6PBFFD2Q-BhqPR1-m.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-e9KeJY17.js";import{_ as i}from"./index-u1mkD0qp.js";import"./chunk-FMBD7UC4-D_dBWPlk.js";import"./chunk-YZCP3GAM-DJqQhrr8.js";import"./chunk-55IACEB6-CZAtEArU.js";import"./chunk-EDXVE4YY-COxJh3DH.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-BhqPR1-m.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-e9KeJY17.js";import{_ as i}from"./index-u1mkD0qp.js";import"./chunk-FMBD7UC4-D_dBWPlk.js";import"./chunk-YZCP3GAM-DJqQhrr8.js";import"./chunk-55IACEB6-CZAtEArU.js";import"./chunk-EDXVE4YY-COxJh3DH.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-BgfhAKUH.js

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

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

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