@meistrari/chat-nuxt 1.10.0 → 1.12.0

package/dist/runtime/composables/useConversations.js

@@ -1,6 +1,8 @@
 import * as Sentry from "@sentry/nuxt";
 import { useChatAuth } from "#chat-auth";
+import { DEFAULT_MODEL } from "../types/chat.js";
 import { resolveChatStateScope } from "../utils/tela-chat.js";
+const CONVERSATION_CREATOR_FILTERS = ["all", "mine"];
 function sortConversationsByUpdatedAt(conversations) {
   return [...conversations].sort(
     (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
@@ -33,6 +35,23 @@ function setBucketValue(bucket, key, value) {
     [key]: value
   };
 }
+function removeBucketValue(bucket, key) {
+  const nextValue = { ...bucket.value };
+  delete nextValue[key];
+  bucket.value = nextValue;
+}
+function hasBucketValue(bucket, key) {
+  return Object.prototype.hasOwnProperty.call(bucket.value, key);
+}
+function conversationBucketKeyForRuntime(runtimeScope, filter) {
+  return `${runtimeScope}:creator:${filter}`;
+}
+function createOptimisticConversationId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return `optimistic-${crypto.randomUUID()}`;
+  }
+  return `optimistic-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
 export function useConversations() {
   const chatApi = useChatApi();
   const embedConfig = useEmbedConfig();
@@ -44,6 +63,9 @@ export function useConversations() {
   const mutationVersionBuckets = useState("conversations-mutation-version", () => ({}));
   const deletedIdBuckets = useState("conversations-deleted-ids", () => ({}));
   const mutatedIdBuckets = useState("conversations-mutated-ids", () => ({}));
+  const metadataBuckets = useState("conversations-metadata", () => ({}));
+  const metadataLoadingBuckets = useState("conversations-metadata-loading", () => ({}));
+  const metadataFetchedBuckets = useState("conversations-metadata-fetched", () => ({}));
   const conversationCreatorFilter = useState(
     "conversation-creator-filter",
     () => embedConfig?.defaultConversationCreatorFilter?.value ?? "all"
@@ -54,17 +76,10 @@ export function useConversations() {
     embedConfig?.telaAgentId.value,
     embedConfig?.conversationScope?.value
   ));
-  const workspaceScope = computed(() => `${runtimeScope.value}:creator:${conversationCreatorFilter.value}`);
-  const conversationBucketKey = (filter) => `${runtimeScope.value}:creator:${filter}`;
-  const conversationCreatorFilterCounts = computed(() => {
-    const allConversations = conversationBuckets.value[conversationBucketKey("all")] ?? [];
-    const mineConversations = conversationBuckets.value[conversationBucketKey("mine")];
-    const authUserId = authUser.value?.id;
-    return {
-      all: allConversations.length,
-      mine: mineConversations?.length ?? (authUserId ? allConversations.filter((conversation) => conversation.userId === authUserId).length : 0)
-    };
-  });
+  const workspaceScope = computed(() => conversationBucketKeyForRuntime(runtimeScope.value, conversationCreatorFilter.value));
+  const conversationCreatorFilterCounts = computed(
+    () => metadataBuckets.value[runtimeScope.value]?.counts ?? { all: 0, mine: 0 }
+  );
   const conversations = computed({
     get: () => conversationBuckets.value[workspaceScope.value] ?? [],
     set: (value) => {
@@ -74,33 +89,6 @@ export function useConversations() {
       };
     }
   });
-  const mutationVersion = computed({
-    get: () => mutationVersionBuckets.value[workspaceScope.value] ?? 0,
-    set: (value) => {
-      mutationVersionBuckets.value = {
-        ...mutationVersionBuckets.value,
-        [workspaceScope.value]: value
-      };
-    }
-  });
-  const deletedConversationIds = computed({
-    get: () => deletedIdBuckets.value[workspaceScope.value] ?? [],
-    set: (value) => {
-      deletedIdBuckets.value = {
-        ...deletedIdBuckets.value,
-        [workspaceScope.value]: value
-      };
-    }
-  });
-  const mutatedConversationIds = computed({
-    get: () => mutatedIdBuckets.value[workspaceScope.value] ?? [],
-    set: (value) => {
-      mutatedIdBuckets.value = {
-        ...mutatedIdBuckets.value,
-        [workspaceScope.value]: value
-      };
-    }
-  });
   const loading = computed({
     get: () => loadingBuckets.value[workspaceScope.value] ?? false,
     set: (value) => {
@@ -119,60 +107,152 @@ export function useConversations() {
       };
     }
   });
-  function markMutated(id) {
-    mutationVersion.value = mutationVersion.value + 1;
+  function markScopeMutated(scope, id) {
+    setBucketValue(mutationVersionBuckets, scope, bucketValue(mutationVersionBuckets, scope, 0) + 1);
     if (id) {
-      mutatedConversationIds.value = [.../* @__PURE__ */ new Set([...mutatedConversationIds.value, id])];
+      setBucketValue(mutatedIdBuckets, scope, [
+        .../* @__PURE__ */ new Set([...bucketValue(mutatedIdBuckets, scope, []), id])
+      ]);
     }
   }
-  function commitConversations(nextConversations, mutatedId) {
-    conversations.value = sortConversationsByUpdatedAt(nextConversations);
-    markMutated(mutatedId);
-  }
   function commitConversationsToScope(scope, nextConversations, mutatedId) {
     setBucketValue(conversationBuckets, scope, sortConversationsByUpdatedAt(nextConversations));
-    setBucketValue(mutationVersionBuckets, scope, bucketValue(mutationVersionBuckets, scope, 0) + 1);
-    if (mutatedId) {
-      setBucketValue(mutatedIdBuckets, scope, [
-        .../* @__PURE__ */ new Set([...bucketValue(mutatedIdBuckets, scope, []), mutatedId])
-      ]);
+    markScopeMutated(scope, mutatedId);
+  }
+  function activeAndLoadedRuntimeConversationScopes(scope) {
+    const activeScope = runtimeScope.value === scope ? [workspaceScope.value] : [];
+    const loadedScopes = CONVERSATION_CREATOR_FILTERS.map((filter) => conversationBucketKeyForRuntime(scope, filter)).filter((key) => hasBucketValue(conversationBuckets, key));
+    return [.../* @__PURE__ */ new Set([...activeScope, ...loadedScopes])];
+  }
+  function findConversationInLoadedBuckets(id, runtimeScopeKey) {
+    for (const scope of activeAndLoadedRuntimeConversationScopes(runtimeScopeKey)) {
+      const found = bucketValue(conversationBuckets, scope, []).find((conversation) => conversation.id === id);
+      if (found) {
+        return found;
+      }
+    }
+    return null;
+  }
+  function snapshotConversationBuckets(scopes) {
+    return Object.fromEntries(scopes.map((scope) => [
+      scope,
+      hasBucketValue(conversationBuckets, scope) ? [...bucketValue(conversationBuckets, scope, [])] : void 0
+    ]));
+  }
+  function restoreConversationBuckets(snapshot, mutatedId) {
+    for (const [scope, previousConversations] of Object.entries(snapshot)) {
+      if (previousConversations) {
+        commitConversationsToScope(scope, previousConversations, mutatedId);
+      } else {
+        removeBucketValue(conversationBuckets, scope);
+        markScopeMutated(scope, mutatedId);
+      }
     }
   }
-  function upsertCreatedConversation(conversation) {
-    const allScope = conversationBucketKey("all");
-    const allConversations = bucketValue(conversationBuckets, allScope, []);
-    commitConversationsToScope(
-      allScope,
-      [conversation, ...allConversations.filter((item) => item.id !== conversation.id)],
-      conversation.id
-    );
-    if (authUser.value?.id === conversation.userId || conversationCreatorFilter.value === "mine") {
-      const mineScope = conversationBucketKey("mine");
-      const mineConversations = bucketValue(conversationBuckets, mineScope, []);
+  function upsertConversationInLoadedBuckets(conversation, runtimeScopeKey, replacedId) {
+    for (const scope of activeAndLoadedRuntimeConversationScopes(runtimeScopeKey)) {
+      const filter = CONVERSATION_CREATOR_FILTERS.find((item) => scope === conversationBucketKeyForRuntime(runtimeScopeKey, item));
+      if (!filter || filter === "mine" && conversation.userId !== authUser.value?.id)
+        continue;
+      const currentConversations = bucketValue(conversationBuckets, scope, []);
       commitConversationsToScope(
-        mineScope,
-        [conversation, ...mineConversations.filter((item) => item.id !== conversation.id)],
+        scope,
+        [
+          conversation,
+          ...currentConversations.filter((item) => item.id !== conversation.id && item.id !== replacedId)
+        ],
         conversation.id
       );
     }
   }
-  function addDeletedConversationId(id) {
-    deletedConversationIds.value = [.../* @__PURE__ */ new Set([...deletedConversationIds.value, id])];
-    markMutated();
+  function updateConversationInLoadedBuckets(updated, runtimeScopeKey = runtimeScope.value) {
+    for (const scope of activeAndLoadedRuntimeConversationScopes(runtimeScopeKey)) {
+      const currentConversations = bucketValue(conversationBuckets, scope, []);
+      const index = currentConversations.findIndex((conversation) => conversation.id === updated.id);
+      if (index === -1)
+        continue;
+      const nextConversations = [...currentConversations];
+      nextConversations[index] = updated;
+      commitConversationsToScope(scope, nextConversations, updated.id);
+    }
   }
-  function removeDeletedConversationId(id) {
-    deletedConversationIds.value = deletedConversationIds.value.filter((deletedId) => deletedId !== id);
-    markMutated();
+  function removeConversationFromLoadedBuckets(id, runtimeScopeKey) {
+    for (const scope of activeAndLoadedRuntimeConversationScopes(runtimeScopeKey)) {
+      const currentConversations = bucketValue(conversationBuckets, scope, []);
+      if (currentConversations.some((conversation) => conversation.id === id)) {
+        commitConversationsToScope(
+          scope,
+          currentConversations.filter((conversation) => conversation.id !== id),
+          id
+        );
+      }
+    }
   }
-  function cloneAppliedSettingsSnapshot(snapshot) {
-    if (!snapshot)
-      return null;
-    return JSON.parse(JSON.stringify(snapshot));
+  function addDeletedConversationIdToScopes(id, scopes) {
+    for (const scope of scopes) {
+      setBucketValue(deletedIdBuckets, scope, [
+        .../* @__PURE__ */ new Set([...bucketValue(deletedIdBuckets, scope, []), id])
+      ]);
+      markScopeMutated(scope);
+    }
+  }
+  function removeDeletedConversationIdFromScopes(id, scopes) {
+    for (const scope of scopes) {
+      setBucketValue(
+        deletedIdBuckets,
+        scope,
+        bucketValue(deletedIdBuckets, scope, []).filter((deletedId) => deletedId !== id)
+      );
+      markScopeMutated(scope);
+    }
+  }
+  function snapshotConversationMetadata(scope) {
+    const metadata = metadataBuckets.value[scope];
+    return metadata ? { counts: { ...metadata.counts } } : void 0;
   }
+  function restoreConversationMetadata(scope, metadata) {
+    if (metadata) {
+      setBucketValue(metadataBuckets, scope, metadata);
+    } else {
+      removeBucketValue(metadataBuckets, scope);
+    }
+  }
+  function updateConversationCounts(scope, conversation, delta) {
+    const counts = metadataBuckets.value[scope]?.counts ?? { all: 0, mine: 0 };
+    setBucketValue(metadataBuckets, scope, {
+      counts: {
+        all: Math.max(0, counts.all + delta),
+        mine: Math.max(0, counts.mine + (conversation.userId === authUser.value?.id ? delta : 0))
+      }
+    });
+  }
+  const fetchConversationMetadata = async (options = {}) => {
+    const requestScope = runtimeScope.value;
+    if (bucketValue(metadataLoadingBuckets, requestScope, false) || bucketValue(metadataFetchedBuckets, requestScope, false) && !options.force) {
+      return;
+    }
+    setBucketValue(metadataLoadingBuckets, requestScope, true);
+    try {
+      const metadata = await $fetch(
+        chatApi.path("/conversations/metadata"),
+        chatApi.withChatHeaders()
+      );
+      setBucketValue(metadataBuckets, requestScope, metadata);
+      setBucketValue(metadataFetchedBuckets, requestScope, true);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Erro ao carregar metadados das conversas";
+      setBucketValue(errorBuckets, workspaceScope.value, message);
+      Sentry.captureException(err);
+    } finally {
+      setBucketValue(metadataLoadingBuckets, requestScope, false);
+    }
+  };
   const fetchConversations = async (options = {}) => {
     const requestScope = workspaceScope.value;
     const requestCreatorFilter = conversationCreatorFilter.value;
+    const metadataPromise = fetchConversationMetadata({ force: options.force });
     if (bucketValue(loadingBuckets, requestScope, false) || bucketValue(fetchedBuckets, requestScope, false) && !options.force) {
+      await metadataPromise;
       return;
     }
     setBucketValue(loadingBuckets, requestScope, true);
@@ -186,6 +266,7 @@ export function useConversations() {
       const currentDeletedIds = bucketValue(deletedIdBuckets, requestScope, []);
       const currentMutatedIds = bucketValue(mutatedIdBuckets, requestScope, []);
       const visibleData = data.filter((conversation) => !currentDeletedIds.includes(conversation.id));
+      await metadataPromise;
       if (bucketValue(mutationVersionBuckets, requestScope, 0) === mutationVersionAtStart) {
         setBucketValue(conversationBuckets, requestScope, sortConversationsByUpdatedAt(visibleData));
         setBucketValue(mutatedIdBuckets, requestScope, []);
@@ -211,6 +292,27 @@ export function useConversations() {
   };
   const createConversation = async (options) => {
     error.value = null;
+    const requestRuntimeScope = runtimeScope.value;
+    const metadataSnapshot = snapshotConversationMetadata(requestRuntimeScope);
+    const now = /* @__PURE__ */ new Date();
+    const optimisticConversation = {
+      id: createOptimisticConversationId(),
+      workspaceId: embedConfig?.workspaceId.value || activeOrganization.value?.id || "",
+      groupId: null,
+      userId: authUser.value?.id ?? "",
+      title: "Nova conversa",
+      threadSessionId: null,
+      model: isTelaAgentMode.value ? null : options?.model ?? DEFAULT_MODEL,
+      appliedSettingsAt: null,
+      appliedSettingsSnapshot: null,
+      telaAgentId: embedConfig?.telaAgentId.value ?? null,
+      createdBy: authUser.value?.email ?? null,
+      conversationScope: embedConfig?.conversationScope?.value ?? null,
+      createdAt: now,
+      updatedAt: now
+    };
+    upsertConversationInLoadedBuckets(optimisticConversation, requestRuntimeScope);
+    updateConversationCounts(requestRuntimeScope, optimisticConversation, 1);
     try {
       const conversation = await $fetch(
         chatApi.path("/conversations"),
@@ -219,9 +321,11 @@ export function useConversations() {
           body: !isTelaAgentMode.value && options?.model ? { model: options.model } : void 0
         })
       );
-      upsertCreatedConversation(conversation);
+      upsertConversationInLoadedBuckets(conversation, requestRuntimeScope, optimisticConversation.id);
       return conversation;
     } catch (err) {
+      removeConversationFromLoadedBuckets(optimisticConversation.id, requestRuntimeScope);
+      restoreConversationMetadata(requestRuntimeScope, metadataSnapshot);
       const message = err instanceof Error ? err.message : "Erro ao criar conversa";
       error.value = message;
       return null;
@@ -230,9 +334,16 @@ export function useConversations() {
   const deleteConversation = async (id) => {
     error.value = null;
     const statusToast = useStatusToast();
-    const deletedConversation = conversations.value.find((c) => c.id === id);
-    addDeletedConversationId(id);
-    commitConversations(conversations.value.filter((c) => c.id !== id), id);
+    const requestRuntimeScope = runtimeScope.value;
+    const affectedScopes = activeAndLoadedRuntimeConversationScopes(requestRuntimeScope);
+    const conversationSnapshot = snapshotConversationBuckets(affectedScopes);
+    const metadataSnapshot = snapshotConversationMetadata(requestRuntimeScope);
+    const deletedConversation = findConversationInLoadedBuckets(id, requestRuntimeScope);
+    addDeletedConversationIdToScopes(id, affectedScopes);
+    removeConversationFromLoadedBuckets(id, requestRuntimeScope);
+    if (deletedConversation) {
+      updateConversationCounts(requestRuntimeScope, deletedConversation, -1);
+    }
     try {
       await $fetch(
         chatApi.path(`/conversations/${id}`),
@@ -246,10 +357,9 @@ export function useConversations() {
       });
       return true;
     } catch (err) {
-      removeDeletedConversationId(id);
-      if (deletedConversation) {
-        commitConversations([...conversations.value, deletedConversation], deletedConversation.id);
-      }
+      removeDeletedConversationIdFromScopes(id, affectedScopes);
+      restoreConversationBuckets(conversationSnapshot, id);
+      restoreConversationMetadata(requestRuntimeScope, metadataSnapshot);
       const message = err instanceof Error ? err.message : "Erro ao deletar conversa";
       error.value = message;
       statusToast.update({
@@ -260,45 +370,70 @@ export function useConversations() {
     }
   };
   const updateConversationInList = (updated) => {
-    const index = conversations.value.findIndex((c) => c.id === updated.id);
-    if (index !== -1) {
-      const nextConversations = [...conversations.value];
-      nextConversations[index] = {
-        id: updated.id,
-        workspaceId: updated.workspaceId,
-        userId: updated.userId,
-        title: updated.title,
-        threadSessionId: updated.threadSessionId,
-        model: updated.model,
-        appliedSettingsAt: updated.appliedSettingsAt,
-        appliedSettingsSnapshot: cloneAppliedSettingsSnapshot(updated.appliedSettingsSnapshot),
-        telaAgentId: updated.telaAgentId,
-        createdBy: updated.createdBy,
-        conversationScope: updated.conversationScope,
-        createdAt: updated.createdAt,
-        updatedAt: updated.updatedAt
-      };
-      commitConversations(nextConversations, updated.id);
+    updateConversationInLoadedBuckets(updated);
+  };
+  const moveConversationToGroup = async (id, groupId) => {
+    error.value = null;
+    const requestRuntimeScope = runtimeScope.value;
+    const affectedScopes = activeAndLoadedRuntimeConversationScopes(requestRuntimeScope);
+    const conversationSnapshot = snapshotConversationBuckets(affectedScopes);
+    const conversation = findConversationInLoadedBuckets(id, requestRuntimeScope);
+    if (!conversation)
+      return false;
+    updateConversationInLoadedBuckets({ ...conversation, groupId }, requestRuntimeScope);
+    try {
+      const updated = await $fetch(
+        chatApi.path(`/conversations/${id}/group`),
+        chatApi.withChatHeaders({
+          method: "PATCH",
+          body: { groupId }
+        })
+      );
+      updateConversationInLoadedBuckets(updated, requestRuntimeScope);
+      return true;
+    } catch (err) {
+      restoreConversationBuckets(conversationSnapshot, id);
+      const message = err instanceof Error ? err.message : "Erro ao mover conversa";
+      error.value = message;
+      Sentry.captureException(err);
+      return false;
     }
   };
+  const clearGroupFromConversations = (groupId) => {
+    const affectedScopes = activeAndLoadedRuntimeConversationScopes(runtimeScope.value).filter((scope) => bucketValue(conversationBuckets, scope, []).some((conversation) => conversation.groupId === groupId));
+    const conversationSnapshot = snapshotConversationBuckets(affectedScopes);
+    for (const scope of affectedScopes) {
+      const currentConversations = bucketValue(conversationBuckets, scope, []);
+      commitConversationsToScope(
+        scope,
+        currentConversations.map(
+          (conversation) => conversation.groupId === groupId ? { ...conversation, groupId: null } : conversation
+        )
+      );
+    }
+    return () => restoreConversationBuckets(conversationSnapshot);
+  };
   const renameConversation = async (id, title) => {
     error.value = null;
-    const conversation = conversations.value.find((c) => c.id === id);
+    const requestRuntimeScope = runtimeScope.value;
+    const affectedScopes = activeAndLoadedRuntimeConversationScopes(requestRuntimeScope);
+    const conversationSnapshot = snapshotConversationBuckets(affectedScopes);
+    const conversation = findConversationInLoadedBuckets(id, requestRuntimeScope);
     if (!conversation)
       return false;
-    const previousTitle = conversation.title;
-    updateConversationInList({ ...conversation, title, updatedAt: /* @__PURE__ */ new Date() });
+    updateConversationInLoadedBuckets({ ...conversation, title, updatedAt: /* @__PURE__ */ new Date() }, requestRuntimeScope);
     try {
-      await $fetch(
+      const updated = await $fetch(
         chatApi.path(`/conversations/${id}`),
         chatApi.withChatHeaders({
           method: "PATCH",
           body: { title }
         })
       );
+      updateConversationInLoadedBuckets(updated, requestRuntimeScope);
       return true;
     } catch (err) {
-      updateConversationInList({ ...conversation, title: previousTitle });
+      restoreConversationBuckets(conversationSnapshot, id);
       const message = err instanceof Error ? err.message : "Erro ao renomear conversa";
       error.value = message;
       Sentry.captureException(err);
@@ -308,6 +443,7 @@ export function useConversations() {
   const duplicateConversation = async (id) => {
     error.value = null;
     const statusToast = useStatusToast();
+    const requestRuntimeScope = runtimeScope.value;
     try {
       const duplicated = await $fetch(
         chatApi.path(`/conversations/${id}/duplicate`),
@@ -315,7 +451,8 @@ export function useConversations() {
           method: "POST"
         })
       );
-      upsertCreatedConversation(duplicated);
+      upsertConversationInLoadedBuckets(duplicated, requestRuntimeScope);
+      updateConversationCounts(requestRuntimeScope, duplicated, 1);
       statusToast.update({
         text: "Conversa duplicada",
         icon: "i-ph-check"
@@ -339,9 +476,11 @@ export function useConversations() {
     createConversation,
     deleteConversation,
     renameConversation,
+    moveConversationToGroup,
     duplicateConversation,
     conversationCreatorFilter,
     conversationCreatorFilterCounts,
-    updateConversationInList
+    updateConversationInList,
+    clearGroupFromConversations
   };
 }

package/dist/runtime/composables/usePendingConversationGroup.d.ts

@@ -0,0 +1,5 @@
+export declare function usePendingConversationGroup(): {
+    pendingConversationGroupId: any;
+    setPendingConversationGroup: (groupId?: string | null) => void;
+    clearPendingConversationGroup: () => void;
+};

package/dist/runtime/composables/usePendingConversationGroup.js

@@ -0,0 +1,33 @@
+import { useChatAuth } from "#chat-auth";
+import { resolveChatStateScope } from "../utils/tela-chat.js";
+const PENDING_CONVERSATION_GROUP_STATE_KEY = "chat-pending-conversation-group";
+export function usePendingConversationGroup() {
+  const embedConfig = useEmbedConfig();
+  const { activeOrganization } = useChatAuth();
+  const pendingConversationGroups = useState(
+    PENDING_CONVERSATION_GROUP_STATE_KEY,
+    () => ({})
+  );
+  const runtimeScope = computed(() => resolveChatStateScope(
+    embedConfig?.workspaceId.value || activeOrganization.value?.id,
+    embedConfig?.telaAgentId.value,
+    embedConfig?.conversationScope?.value
+  ));
+  const pendingConversationGroupId = computed(
+    () => pendingConversationGroups.value[runtimeScope.value] ?? null
+  );
+  function setPendingConversationGroup(groupId) {
+    pendingConversationGroups.value = {
+      ...pendingConversationGroups.value,
+      [runtimeScope.value]: groupId ?? null
+    };
+  }
+  function clearPendingConversationGroup() {
+    setPendingConversationGroup(null);
+  }
+  return {
+    pendingConversationGroupId,
+    setPendingConversationGroup,
+    clearPendingConversationGroup
+  };
+}

package/dist/runtime/embed/components/ChatConfigurationModal.d.vue.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    initialTab: ChatConfigurationTab;
     saving: boolean;
+    initialTab: ChatConfigurationTab;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/embed/components/ChatConfigurationModal.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    initialTab: ChatConfigurationTab;
     saving: boolean;
+    initialTab: ChatConfigurationTab;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/embed/components/ChatEmbedInner.vue

@@ -25,7 +25,7 @@ const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
 const { getMember, getMemberImage } = useWorkspaceMembers();
 const statusToast = useStatusToast();
-const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, updateConversationInList } = useConversations();
+const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, moveConversationToGroup, updateConversationInList } = useConversations();
 const { settings: workspaceSettingsState, fetchSettings } = useWorkspaceSettings();
 const { metadata: telaAgentMetadata, loading: telaAgentMetadataLoading, fetchAgentMetadata } = useTelaAgentMetadata();
 const isTelaAgentMode = computed(() => !!embedConfig?.telaAgentId.value);
@@ -46,6 +46,11 @@ const activeConversationId = ref(
 );
 const loadingConversationId = ref(null);
 const isReady = ref(false);
+const {
+  pendingConversationGroupId,
+  setPendingConversationGroup,
+  clearPendingConversationGroup
+} = usePendingConversationGroup();
 const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
@@ -154,6 +159,7 @@ async function openConversation(nextConversationId) {
   if (!normalizedConversationId) {
     return;
   }
+  clearPendingConversationGroup();
   if (activeConversationId.value !== normalizedConversationId) {
     closePreview();
   }
@@ -165,6 +171,9 @@ watch(() => props.conversationId, async (nextConversationId) => {
     return;
   }
   const normalizedConversationId = normalizeConversationId(nextConversationId);
+  if (normalizedConversationId) {
+    clearPendingConversationGroup();
+  }
   if (!isReady.value) {
     syncConversationId(normalizedConversationId);
     return;
@@ -272,7 +281,14 @@ async function handleSend(content, files, model, agentInputs) {
     const conversation = await createConversation(isTelaAgentMode.value ? void 0 : { model: model ?? selectedModel.value });
     if (!conversation)
       return;
-    setConversation(conversation);
+    const groupId = pendingConversationGroupId.value;
+    clearPendingConversationGroup();
+    if (groupId && await moveConversationToGroup(conversation.id, groupId)) {
+      const groupedConversation = { ...conversation, groupId };
+      setConversation(groupedConversation);
+    } else {
+      setConversation(conversation);
+    }
     createdConversationId = conversation.id;
   }
   if (!currentConversation.value)
@@ -286,7 +302,8 @@ async function handleSend(content, files, model, agentInputs) {
 async function handleRetry(messageId) {
   await retryMessage(messageId);
 }
-async function handleNewConversation() {
+async function handleNewConversation(groupId) {
+  setPendingConversationGroup(groupId);
   resetConversation();
 }
 const workspaceSheetOpen = ref(false);
@@ -407,10 +424,10 @@ async function handleDelete() {
             w-240px h-full flex="~ col" flex-shrink-0
             bg-neutral-50 b-r=".5px neutral-200"
         >
-            <div px-12px pt-16px pb-8px flex="~ col" gap-8px>
+            <div px-12px pt-16px pb-8px flex gap-8px>
                 <button
                     flex items-center justify-center gap-6px
-                    h-32px px-12px w-full
+                    h-32px px-12px flex-1 min-w-0
                     bg-white b=".5px neutral-300" rounded-10px
                     hover:bg-neutral-50 transition-colors cursor-pointer
                     @click="handleNewConversation"
@@ -420,6 +437,7 @@ async function handleDelete() {
                         Nova conversa
                     </span>
                 </button>
+                <ChatConversationNewGroupButton />
             </div>
 
             <div flex-1 overflow-y-auto px-4px>
@@ -429,6 +447,7 @@ async function handleDelete() {
                     :get-member-image="getMemberImage"
                     :select-conversation="openConversation"
                     :reset-conversation="handleNewConversation"
+                    :start-conversation="handleNewConversation"
                     :loading="conversationsLoading"
                 />
             </div>

package/dist/runtime/embed/components/configuration/ChatConfigurationContextFilesTab.d.vue.ts

@@ -8,15 +8,15 @@ type __VLS_Props = {
     getFileType: (fileName: string) => string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:searchQuery": (value: string) => any;
     handleFileSelect: (event: Event) => any;
-    removePendingFile: (file: File) => any;
     removeContextFile: (url: string) => any;
+    removePendingFile: (file: File) => any;
+    "update:searchQuery": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
     onHandleFileSelect?: ((event: Event) => any) | undefined;
-    onRemovePendingFile?: ((file: File) => any) | undefined;
     onRemoveContextFile?: ((url: string) => any) | undefined;
+    onRemovePendingFile?: ((file: File) => any) | undefined;
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;