@smartspace/chat-ui 1.13.1-dev.3184d8f → 1.13.1-dev.86d3703

package/dist/index.js

@@ -4,7 +4,7 @@ import { Loader2, Check, X, Paperclip, ArrowBigUp, Minimize2, AlertTriangle, Fil
 import * as React8 from 'react';
 import { createContext, forwardRef, useImperativeHandle, useRef, useState, useEffect, useMemo, useCallback, createElement, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { useQuery, queryOptions, useQueryClient, useMutation } from '@tanstack/react-query';
+import { useQuery, queryOptions, useQueryClient, useMutation, skipToken } from '@tanstack/react-query';
 import { toast } from 'sonner';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Editor, rootCtx, defaultValueCtx, editorViewOptionsCtx, editorViewCtx, serializerCtx, SchemaReady, nodeViewCtx, markViewCtx, schemaCtx, prosePluginsCtx, nodesCtx } from '@milkdown/core';
@@ -127,6 +127,7 @@ var filesKeys = {
 var useFileMutations = (scope) => {
   const { workspaceId, threadId } = scope;
   const service = useChatService();
+  const queryClient = useQueryClient();
   const [uploadedFiles, setUploadedFiles] = useState([]);
   const [fileProgress, setFileProgress] = useState({});
   const clearUploadState = useCallback(() => {
@@ -185,11 +186,19 @@ var useFileMutations = (scope) => {
     status: uploadedFiles.some((f) => f.name === file.name) ? "done" : "uploading"
   }));
   const getFileBlobUrl = useCallback(
-    async (id) => {
-      const blob = await service.downloadFile(id, { workspaceId, threadId });
-      return URL.createObjectURL(blob);
-    },
-    [service, workspaceId, threadId]
+    (id) => queryClient.fetchQuery({
+      queryKey: filesKeys.downloadBlob(id),
+      queryFn: async () => {
+        const blob = await service.downloadFile(id, {
+          workspaceId,
+          threadId
+        });
+        return URL.createObjectURL(blob);
+      },
+      staleTime: Infinity,
+      gcTime: Infinity
+    }),
+    [queryClient, service, workspaceId, threadId]
   );
   return {
     uploadFilesMutation,
@@ -871,7 +880,7 @@ var ssImageView = $view(ssImageNode, (ctx) => (node2) => {
   removeBtn.type = "button";
   removeBtn.className = "ss-attach__remove";
   removeBtn.setAttribute("aria-label", "Remove image");
-  removeBtn.textContent = "\xD7";
+  removeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>';
   removeBtn.addEventListener("mousedown", (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -890,16 +899,19 @@ var ssImageView = $view(ssImageNode, (ctx) => (node2) => {
     }
   });
   img.style.background = "rgba(0,0,0,0.04)";
+  img.style.visibility = "hidden";
   let hasSetRealSrc = false;
   img.addEventListener("load", () => {
     if (!hasSetRealSrc) return;
     spinner.remove();
     img.style.background = "";
+    img.style.visibility = "";
   });
   img.addEventListener("error", () => {
     if (!hasSetRealSrc) return;
     spinner.remove();
     img.style.background = "rgba(255,0,0,0.06)";
+    img.style.visibility = "";
   });
   try {
     const anyWin = window;
@@ -3221,7 +3233,20 @@ var threadsKeys = {
 };
 
 // src/domains/threads/cache.ts
+function isStaleSummary(incoming, existing) {
+  if (!existing) return false;
+  if (typeof existing.summaryEmittedAt !== "number") return false;
+  if (typeof incoming.summaryEmittedAt !== "number") return false;
+  if (incoming.summaryEmittedAt >= existing.summaryEmittedAt) return false;
+  return existing.isFlowRunning === false && incoming.isFlowRunning === true;
+}
 function applyThreadToCache(qc, thread) {
+  const existingDetail = qc.getQueryData(
+    threadsKeys.detail(thread.workSpaceId, thread.id)
+  );
+  if (isStaleSummary(thread, existingDetail)) {
+    return false;
+  }
   qc.setQueryData(
     threadsKeys.detail(thread.workSpaceId, thread.id),
     (old) => ({ ...old ?? thread, ...thread })
@@ -3242,6 +3267,7 @@ function applyThreadToCache(qc, thread) {
           if (!page?.data) return page;
           const idx2 = page.data.findIndex((t) => t.id === thread.id);
           if (idx2 === -1) return page;
+          if (isStaleSummary(thread, page.data[idx2])) return page;
           changed = true;
           foundInList = true;
           const nextData2 = page.data.slice();
@@ -3254,6 +3280,7 @@ function applyThreadToCache(qc, thread) {
       if (!list2.data) return old;
       const idx = list2.data.findIndex((t) => t.id === thread.id);
       if (idx === -1) return old;
+      if (isStaleSummary(thread, list2.data[idx])) return old;
       foundInList = true;
       const nextData = list2.data.slice();
       nextData[idx] = { ...nextData[idx], ...thread };
@@ -3310,7 +3337,7 @@ function utcDate(value) {
   }
   return new Date(value);
 }
-z.preprocess((val) => {
+var DateFromApi = z.preprocess((val) => {
   if (typeof val === "string" && !hasTimezone(val)) {
     return val + "Z";
   }
@@ -3323,36 +3350,40 @@ var {
   messageThreadsGetMessageThreadWorkspacesWorkspaceIdMessagethreadsIdResponse: threadResponseSchema
 } = ChatZod;
 function mapThreadDtoToModel(dto) {
+  const lastUpdatedAt = utcDate(dto.lastUpdatedAt);
   return {
     id: dto.id,
     createdAt: utcDate(dto.createdAt),
     createdBy: dto.createdBy ?? "",
     createdByUserId: dto.createdByUserId,
     isFlowRunning: dto.isFlowRunning,
-    lastUpdatedAt: utcDate(dto.lastUpdatedAt),
+    lastUpdatedAt,
     lastUpdatedByUserId: dto.lastUpdatedByUserId,
     name: dto.name ?? "",
     totalMessages: dto.totalMessages,
     pinned: dto.favorited,
-    workSpaceId: dto.workSpaceId
+    workSpaceId: dto.workSpaceId,
+    summaryEmittedAt: lastUpdatedAt.getTime()
   };
 }
 function mapThreadsResponseDtoToModel(dto) {
   return { data: dto.data.map(mapThreadDtoToModel), total: dto.total };
 }
 function mapSignalRThreadSummaryToModel(summary) {
+  const lastUpdatedAt = utcDate(summary.lastUpdatedAt);
   return {
     id: summary.id,
     createdAt: utcDate(summary.createdAt),
     createdBy: summary.createdBy ?? "",
     createdByUserId: summary.createdByUserId,
     isFlowRunning: summary.isFlowRunning,
-    lastUpdatedAt: utcDate(summary.lastUpdatedAt),
+    lastUpdatedAt,
     lastUpdatedByUserId: summary.lastUpdatedByUserId,
     name: summary.name ?? "",
     totalMessages: summary.totalMessages,
     pinned: summary.favorited,
-    workSpaceId: summary.workSpaceId
+    workSpaceId: summary.workSpaceId,
+    summaryEmittedAt: lastUpdatedAt.getTime()
   };
 }
 var threadDetailOptions = ({
@@ -3406,11 +3437,12 @@ var useThread = ({
   });
 };
 var useThreadIsRunning = (workspaceId, threadId) => {
-  const { data: thread } = useThread({
-    workspaceId: workspaceId ?? "",
-    threadId: threadId ?? "",
-    enabled: !!workspaceId && !!threadId
+  const queryClient = useQueryClient();
+  const { data: detailThread } = useQuery({
+    queryKey: threadsKeys.detail(workspaceId ?? "", threadId ?? ""),
+    queryFn: skipToken
   });
+  const listThread = workspaceId && threadId ? getThreadPlaceholderFromListCache(queryClient, workspaceId, threadId) : void 0;
   const { data: optimistic } = useQuery({
     queryKey: threadsKeys.optimisticRunning(threadId ?? ""),
     queryFn: () => false,
@@ -3418,7 +3450,7 @@ var useThreadIsRunning = (workspaceId, threadId) => {
     staleTime: Infinity,
     enabled: !!threadId
   });
-  return !!optimistic || !!thread?.isFlowRunning;
+  return !!optimistic || !!(detailThread ?? listThread)?.isFlowRunning;
 };
 
 // src/domains/messages/enums.ts
@@ -3444,6 +3476,15 @@ var messagesMutationsKeys = {
 };
 
 // src/domains/messages/mutations.ts
+function reconcileWithMessage(old, incoming, onDuplicate = "keep-existing") {
+  const stable = old.filter((m) => !m.optimistic);
+  const idx = stable.findIndex((m) => m.id === incoming.id);
+  if (idx === -1) return [...stable, incoming];
+  if (onDuplicate === "keep-existing") return stable;
+  const copy = stable.slice();
+  copy[idx] = incoming;
+  return copy;
+}
 function useSendMessage() {
   const qc = useQueryClient();
   const { userId, displayName: userName } = useChatIdentity();
@@ -3527,7 +3568,10 @@ function useSendMessage() {
         toast.error("There was an error posting your message");
         throw err;
       }
-      qc.setQueryData(messagesKeys.list(threadId), [realMessage]);
+      qc.setQueryData(
+        messagesKeys.list(threadId),
+        (old = []) => reconcileWithMessage(old, realMessage)
+      );
       qc.setQueryData(
         threadsKeys.detail(workspaceId, threadId),
         (old) => old ? { ...old, isFlowRunning: true } : old
@@ -3583,14 +3627,10 @@ function useAddInputToMessage() {
       });
     },
     onSuccess: (message, { threadId }) => {
-      qc.setQueryData(messagesKeys.list(threadId), (old = []) => {
-        const stable = old.filter((x) => !x.optimistic);
-        const idx = stable.findIndex((x) => x.id === message.id);
-        if (idx === -1) return [...stable, message];
-        const copy = stable.slice();
-        copy[idx] = message;
-        return copy;
-      });
+      qc.setQueryData(
+        messagesKeys.list(threadId),
+        (old = []) => reconcileWithMessage(old, message, "replace")
+      );
     },
     onError: (_e, { threadId }) => {
       qc.setQueryData(
@@ -3818,11 +3858,13 @@ function MessageComposer({
     workspaceId,
     threadId: isDraftThread ? void 0 : threadId
   });
-  if (typeof window !== "undefined") {
-    window.__ssDownloadFile = async (id) => {
-      return await getFileBlobUrl(id);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    window.__ssDownloadFile = (id) => getFileBlobUrl(id);
+    return () => {
+      if (window.__ssDownloadFile) delete window.__ssDownloadFile;
     };
-  }
+  }, [getFileBlobUrl]);
   const onUploadFiles = async (files) => {
     const res = await uploadFilesMutation.mutateAsync(files);
     return res.map(({ id, name }) => ({ id, name }));
@@ -4245,15 +4287,13 @@ var messagesListOptions = (service, threadId, opts) => queryOptions({
   // Avoid re-fetching the entire thread on every small navigation.
   staleTime: 3e4
 });
-function useMessages(threadId, opts) {
+function useMessages(threadId) {
   const service = useChatService();
   const isDraft = isDraftThreadId(threadId);
-  const skipFetch = opts?.skipWhenNewThread || !threadId || isDraft;
-  const listOpts = opts?.take != null || opts?.skip != null ? { take: opts.take, skip: opts.skip } : void 0;
   return useQuery({
-    ...messagesListOptions(service, threadId, listOpts),
-    enabled: !opts?.skipWhenNewThread && !!threadId && !isDraft,
-    initialData: skipFetch ? [] : void 0
+    ...messagesListOptions(service, threadId),
+    enabled: !!threadId && !isDraft,
+    initialData: !threadId || isDraft ? [] : void 0
   });
 }
 
@@ -18760,7 +18800,8 @@ function SsImage(props) {
             alt: alt ?? "",
             title,
             width: finalWidth,
-            height: finalHeight
+            height: finalHeight,
+            style: !resolvedSrc && !errored ? { visibility: "hidden" } : void 0
           }
         )
       ]
@@ -19086,14 +19127,20 @@ dayjs.extend(relativeTime);
 dayjs.extend(advancedFormat);
 function parseDateTime(date, customFormat) {
   const d = dayjs.utc(date).local();
-  return d.format(customFormat);
+  if (customFormat === "X") return Math.floor(d.valueOf() / 1e3).toString();
+  if (customFormat === "x") return d.valueOf().toString();
+  return d.format(customFormat ?? "YYYY-MM-DD HH:mm:ss");
+}
+function parseDateTimeHuman(date) {
+  return dayjs.utc(date).local().fromNow();
 }
 
 // src/shared/utils/userPhoto.ts
 function getChatApiBaseUrl() {
   try {
     const w = window;
-    const cfg = w?.ssconfig?.Chat_Api_Uri ?? import.meta.env.VITE_CHAT_API_URI;
+    const env2 = import.meta.env;
+    const cfg = w?.ssconfig?.Chat_Api_Uri ?? env2?.VITE_CHAT_API_URI;
     return typeof cfg === "string" && cfg.trim() ? cfg.trim() : "";
   } catch {
     return "";
@@ -19784,6 +19831,10 @@ function MessageList({
   const messagesEndRef = useRef(null);
   const prevMessageCountRef = useRef(0);
   const hasInitialScrollRef = useRef(false);
+  const everHadMessagesRef = useRef({
+    threadId: "",
+    had: false
+  });
   const isMobile = useIsMobile();
   const { data: activeWorkspace } = useWorkspace(workspaceId);
   const [isAtBottom, setIsAtBottom] = useState(true);
@@ -19855,8 +19906,15 @@ function MessageList({
     ro.observe(content);
     return () => ro.disconnect();
   }, [isAtBottom, scrollToBottom]);
+  const safeMessages = messages ?? [];
+  if (everHadMessagesRef.current.threadId !== threadId) {
+    everHadMessagesRef.current = { threadId, had: safeMessages.length > 0 };
+  } else if (safeMessages.length > 0) {
+    everHadMessagesRef.current.had = true;
+  }
+  const hadMessagesBefore = everHadMessagesRef.current.had;
   const isLoading = isChoosingThread || (threadPending || threadFetching) && !thread || (messagesPending || messagesFetching) && messages === void 0;
-  if (isLoading) {
+  if (isLoading && !hadMessagesBefore) {
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -19872,7 +19930,7 @@ function MessageList({
       }
     );
   }
-  if (threadError || messagesError) {
+  if ((threadError || messagesError) && !hadMessagesBefore) {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md space-y-3", children: [
       threadError && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-destructive", children: [
         /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
@@ -19884,8 +19942,7 @@ function MessageList({
       ] })
     ] }) });
   }
-  const safeMessages = messages ?? [];
-  if (safeMessages.length === 0) {
+  if (safeMessages.length === 0 && !hadMessagesBefore) {
     return /* @__PURE__ */ jsxs("div", { className: "flex overflow-auto flex-shrink-10 flex-col p-8 text-center", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium mb-2", children: activeWorkspace?.name ?? "No messages yet" }),
       activeWorkspace?.firstPrompt && /* @__PURE__ */ jsx("div", { className: "max-w-3xl mx-auto p-4", children: /* @__PURE__ */ jsx(MessageMarkdown, { value: activeWorkspace.firstPrompt }) })
@@ -20126,26 +20183,28 @@ function mapWorkspaceDtoToModel(dto) {
     id: dto.id ?? "",
     name: dto.name ?? "",
     tags: dto.tags ?? [],
-    showSources: dto.showSources ?? void 0,
-    dataSpaces: Array.isArray(dto.dataSpaces) ? dto.dataSpaces : void 0,
+    showSources: truthy(dto.showSources),
+    dataSpaces: Array.isArray(dto.dataSpaces) ? dto.dataSpaces : [],
     createdByUserId: dto.createdByUserId ?? void 0,
     createdAt: dto.createdAt != null ? utcDate(dto.createdAt) : void 0,
     modifiedByUserId: dto.modifiedByUserId ?? void 0,
     modifiedAt: dto.modifiedAt != null ? utcDate(dto.modifiedAt) : void 0,
     favorited: truthy(dto.favorited),
-    summary: dto.summary ?? void 0,
-    firstPrompt: dto.firstPrompt ?? void 0,
+    summary: dto.summary ?? "",
+    firstPrompt: dto.firstPrompt ?? "",
     outputSchema: dto.outputSchema ?? void 0,
-    isPromptAndResponseLoggingEnabled: dto.isPromptAndResponseLoggingEnabled ?? void 0,
     inputs: dto.inputs ?? void 0,
+    isPromptAndResponseLoggingEnabled: truthy(
+      dto.isPromptAndResponseLoggingEnabled
+    ),
     variables,
     sandBoxThreadId: dto.sandBoxThreadId ?? void 0,
-    supportsFiles: dto.supportsFiles ?? void 0,
+    supportsFiles: truthy(dto.supportsFiles),
     avatarName: computeAvatar(dto.name ?? "")
   };
 }
 var mapWorkspacesDtoToModels = (arr) => arr.map(mapWorkspaceDtoToModel);
 
-export { ChatProvider, ChatVariablesForm, DRAFT_THREAD_PREFIX, MarkdownEditor, MessageComposer, MessageList, MessageListSkeleton, MessageMarkdown, MessageValueType, NEW_THREAD_ID, THREAD_LIST_PAGE_SIZE, applyDeltaToMessage, applyThreadToCache, createDraftThreadId, createThreadId, downloadFileBlobOptions, filesKeys, flowRunsKeys, getModelIcon, getThreadPlaceholderFromListCache, invalidateWorkspaceThreadLists, isDraftThreadId, mapFileInfoDtoToModel, mapMentionUserDtoToModel, mapMessageDtoToModel, mapMessageErrorDtoToModel, mapMessageValueDtoToModel, mapMessagesDtoToModels, mapSignalRThreadSummaryToModel, mapThreadDtoToModel, mapThreadsResponseDtoToModel, mapWorkspaceDtoToModel, mapWorkspacesDtoToModels, markDraftThreadId, messagesKeys, messagesListOptions, messagesMutationsKeys, modelsKeys, setThreadOptimisticRunning, setThreadRunningInLists, taggableUsersOptions, threadDetailOptions, threadsKeys, unmarkDraftThreadId, useAddInputToMessage, useChatContext, useChatIdentity, useChatService, useDownloadFileBlobQuery, useFileMutations, useFlowRunVariables, useMessages, useModels, useSendMessage, useTaggableWorkspaceUsers, useThread, useThreadIsRunning, useUpdateFlowRunVariable, useWorkspace, workspaceDetailOptions, workspaceKeys };
+export { ChatProvider, ChatVariablesForm, DRAFT_THREAD_PREFIX, DateFromApi, MarkdownEditor, MessageComposer, MessageList, MessageListSkeleton, MessageMarkdown, MessageValueType, NEW_THREAD_ID, THREAD_LIST_PAGE_SIZE, applyDeltaToMessage, applyThreadToCache, createDraftThreadId, createThreadId, downloadFileBlobOptions, filesKeys, flowRunsKeys, getModelIcon, getThreadPlaceholderFromListCache, getUserPhotoUrl, invalidateWorkspaceThreadLists, isDraftThreadId, mapFileInfoDtoToModel, mapMentionUserDtoToModel, mapMessageDtoToModel, mapMessageErrorDtoToModel, mapMessageValueDtoToModel, mapMessagesDtoToModels, mapSignalRThreadSummaryToModel, mapThreadDtoToModel, mapThreadsResponseDtoToModel, mapWorkspaceDtoToModel, mapWorkspacesDtoToModels, markDraftThreadId, messagesKeys, messagesListOptions, messagesMutationsKeys, modelsKeys, parseDateTime, parseDateTimeHuman, setThreadOptimisticRunning, setThreadRunningInLists, taggableUsersOptions, threadDetailOptions, threadsKeys, unmarkDraftThreadId, useAddInputToMessage, useChatContext, useChatIdentity, useChatService, useDownloadFileBlobQuery, useFileMutations, useFlowRunVariables, useMessages, useModels, useSendMessage, useTaggableWorkspaceUsers, useThread, useThreadIsRunning, useUpdateFlowRunVariable, useWorkspace, utcDate, workspaceDetailOptions, workspaceKeys };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map