@smartspace/chat-ui 1.13.1-dev.29e6ec0 → 1.13.1-dev.8387ebd

package/dist/index.js

@@ -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;
@@ -3310,7 +3322,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";
   }
@@ -3459,10 +3471,10 @@ function useSendMessage() {
       if (!threadId) throw new Error("Thread ID is required");
       if (!workspaceId) throw new Error("Workspace ID is required");
       const optimistic = {
-        id: `temp-${Date.now()}`,
+        id: `temp-${crypto.randomUUID()}`,
         values: [
           {
-            id: `temp-${Date.now()}-prompt`,
+            id: `temp-${crypto.randomUUID()}-prompt`,
             type: "Input" /* INPUT */,
             name: "prompt",
             value: contentList,
@@ -3473,7 +3485,7 @@ function useSendMessage() {
           },
           ...files?.length ? [
             {
-              id: `temp-${Date.now()}-files`,
+              id: `temp-${crypto.randomUUID()}-files`,
               type: "Input" /* INPUT */,
               name: "files",
               value: files,
@@ -3485,7 +3497,7 @@ function useSendMessage() {
           ] : [],
           ...variables && Object.keys(variables).length ? [
             {
-              id: `temp-${Date.now()}-vars`,
+              id: `temp-${crypto.randomUUID()}-vars`,
               type: "Input" /* INPUT */,
               name: "variables",
               value: variables,
@@ -3527,13 +3539,7 @@ function useSendMessage() {
         toast.error("There was an error posting your message");
         throw err;
       }
-      qc.setQueryData(messagesKeys.list(threadId), (old = []) => {
-        const withoutOptimistic = old.filter((m) => !m.optimistic);
-        const alreadyPresent = withoutOptimistic.some(
-          (m) => m.id === realMessage.id
-        );
-        return alreadyPresent ? withoutOptimistic : [...withoutOptimistic, realMessage];
-      });
+      qc.setQueryData(messagesKeys.list(threadId), [realMessage]);
       qc.setQueryData(
         threadsKeys.detail(workspaceId, threadId),
         (old) => old ? { ...old, isFlowRunning: true } : old
@@ -3633,7 +3639,10 @@ var workspaceDetailOptions = ({
 });
 function useWorkspace(workspaceId) {
   const service = useChatService();
-  return useQuery(workspaceDetailOptions({ service, workspaceId }));
+  return useQuery({
+    ...workspaceDetailOptions({ service, workspaceId }),
+    enabled: !!workspaceId
+  });
 }
 var taggableUsersOptions = ({
   service,
@@ -3821,11 +3830,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 }));
@@ -4233,43 +4244,14 @@ function MessageComposer({
     )
   ] });
 }
-function getPromptSignature(m) {
-  const prompt = m.values?.find(
-    (v) => v.type === "Input" /* INPUT */ && v.name === "prompt"
-  );
-  if (!prompt) return null;
-  try {
-    return JSON.stringify(prompt.value ?? null);
-  } catch {
-    return null;
-  }
-}
-function mergeFetchedWithOptimistics(current, fetched) {
-  if (!current?.length) return fetched;
-  const optimistics = current.filter((m) => m.optimistic);
-  if (!optimistics.length) return fetched;
-  const fetchedPromptSigs = new Set(
-    fetched.map((m) => getPromptSignature(m)).filter((s2) => typeof s2 === "string" && s2.length > 0)
-  );
-  const dedupedOptimistics = optimistics.filter((o) => {
-    const sig = getPromptSignature(o);
-    if (!sig) return true;
-    return !fetchedPromptSigs.has(sig);
-  });
-  return [...fetched, ...dedupedOptimistics];
-}
 var messagesListOptions = (service, threadId, opts) => queryOptions({
   queryKey: threadId ? messagesKeys.list(threadId) : messagesKeys.lists(),
   // NOTE: queryKey intentionally does NOT include opts. This keeps cache updates from
   // message mutations (which write to messagesKeys.list(threadId)) working.
   // If opts changes (e.g. user clicks "Load full history"), we manually refetch.
-  queryFn: async (ctx) => {
+  queryFn: async () => {
     if (!threadId) return [];
-    const fetched = (await service.fetchMessages(threadId, opts)).reverse();
-    const current = ctx.client.getQueryData(
-      messagesKeys.list(threadId)
-    );
-    return mergeFetchedWithOptimistics(current, fetched);
+    return (await service.fetchMessages(threadId, opts)).reverse();
   },
   retry: false,
   refetchOnWindowFocus: false,
@@ -4277,15 +4259,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
   });
 }
 
@@ -18792,7 +18772,8 @@ function SsImage(props) {
             alt: alt ?? "",
             title,
             width: finalWidth,
-            height: finalHeight
+            height: finalHeight,
+            style: !resolvedSrc && !errored ? { visibility: "hidden" } : void 0
           }
         )
       ]
@@ -19118,14 +19099,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 "";
@@ -19619,7 +19606,19 @@ var MessageItem = ({
     const t = d.getTime();
     return Number.isFinite(t) ? t : 0;
   };
-  const values = (message.values ?? []).slice().sort((a, b) => safeTime(a.createdAt) - safeTime(b.createdAt));
+  const sortedValues = (message.values ?? []).slice().sort((a, b) => safeTime(a.createdAt) - safeTime(b.createdAt));
+  const slotByKey = /* @__PURE__ */ new Map();
+  const values = [];
+  for (const v of sortedValues) {
+    const key = `${v.name}|${v.type}`;
+    const existing = slotByKey.get(key);
+    if (existing !== void 0) {
+      values[existing] = v;
+    } else {
+      slotByKey.set(key, values.length);
+      values.push(v);
+    }
+  }
   const bubbles = [];
   let groupContent = [];
   let groupSources = [];
@@ -20146,26 +20145,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