@meistrari/chat-nuxt 1.9.0 → 1.11.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()
@@ -24,10 +26,36 @@ export function mergeFetchedConversations(fetchedConversations, localConversatio
   }
   return sortConversationsByUpdatedAt([...mergedById.values()]);
 }
+function bucketValue(bucket, key, fallback) {
+  return bucket.value[key] ?? fallback;
+}
+function setBucketValue(bucket, key, value) {
+  bucket.value = {
+    ...bucket.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();
-  const { activeOrganization } = useChatAuth();
+  const { user: authUser, activeOrganization } = useChatAuth();
   const conversationBuckets = useState("conversations", () => ({}));
   const loadingBuckets = useState("conversations-loading", () => ({}));
   const errorBuckets = useState("conversations-error", () => ({}));
@@ -35,12 +63,23 @@ 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"
+  );
   const isTelaAgentMode = computed(() => !!embedConfig?.telaAgentId.value);
-  const workspaceScope = computed(() => resolveChatStateScope(
+  const runtimeScope = computed(() => resolveChatStateScope(
     embedConfig?.workspaceId.value || activeOrganization.value?.id,
     embedConfig?.telaAgentId.value,
     embedConfig?.conversationScope?.value
   ));
+  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) => {
@@ -50,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) => {
@@ -95,79 +107,211 @@ export function useConversations() {
       };
     }
   });
-  const hasFetched = computed({
-    get: () => fetchedBuckets.value[workspaceScope.value] ?? false,
-    set: (value) => {
-      fetchedBuckets.value = {
-        ...fetchedBuckets.value,
-        [workspaceScope.value]: value
-      };
-    }
-  });
-  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));
+    markScopeMutated(scope, mutatedId);
   }
-  function addDeletedConversationId(id) {
-    deletedConversationIds.value = [.../* @__PURE__ */ new Set([...deletedConversationIds.value, id])];
-    markMutated();
+  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 removeDeletedConversationId(id) {
-    deletedConversationIds.value = deletedConversationIds.value.filter((deletedId) => deletedId !== id);
-    markMutated();
+  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 pruneDeletedConversationIds(serverConversations) {
-    const returnedIds = new Set(serverConversations.map((conversation) => conversation.id));
-    deletedConversationIds.value = deletedConversationIds.value.filter((id) => returnedIds.has(id));
+  function snapshotConversationBuckets(scopes) {
+    return Object.fromEntries(scopes.map((scope) => [
+      scope,
+      hasBucketValue(conversationBuckets, scope) ? [...bucketValue(conversationBuckets, scope, [])] : void 0
+    ]));
   }
-  function cloneAppliedSettingsSnapshot(snapshot) {
-    if (!snapshot)
-      return null;
-    return JSON.parse(JSON.stringify(snapshot));
+  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 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(
+        scope,
+        [
+          conversation,
+          ...currentConversations.filter((item) => item.id !== conversation.id && item.id !== replacedId)
+        ],
+        conversation.id
+      );
+    }
+  }
+  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 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 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 = {}) => {
-    if (loading.value || hasFetched.value && !options.force) {
+    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;
     }
-    loading.value = true;
-    error.value = null;
-    const mutationVersionAtStart = mutationVersion.value;
+    setBucketValue(loadingBuckets, requestScope, true);
+    setBucketValue(errorBuckets, requestScope, null);
+    const mutationVersionAtStart = bucketValue(mutationVersionBuckets, requestScope, 0);
     try {
       const data = await $fetch(
         chatApi.path("/conversations"),
-        chatApi.withChatHeaders()
+        chatApi.withChatHeaders(requestCreatorFilter === "mine" ? { query: { creator: "me" } } : void 0)
       );
-      const visibleData = data.filter((conversation) => !deletedConversationIds.value.includes(conversation.id));
-      if (mutationVersion.value === mutationVersionAtStart) {
-        conversations.value = sortConversationsByUpdatedAt(visibleData);
-        mutatedConversationIds.value = [];
+      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, []);
       } else {
-        conversations.value = mergeFetchedConversations(
+        setBucketValue(conversationBuckets, requestScope, mergeFetchedConversations(
           visibleData,
-          conversations.value,
-          deletedConversationIds.value,
-          mutatedConversationIds.value
-        );
-        mutatedConversationIds.value = [];
+          bucketValue(conversationBuckets, requestScope, []),
+          currentDeletedIds,
+          currentMutatedIds
+        ));
+        setBucketValue(mutatedIdBuckets, requestScope, []);
       }
-      pruneDeletedConversationIds(data);
-      hasFetched.value = true;
+      const returnedIds = new Set(data.map((conversation) => conversation.id));
+      setBucketValue(deletedIdBuckets, requestScope, currentDeletedIds.filter((id) => returnedIds.has(id)));
+      setBucketValue(fetchedBuckets, requestScope, true);
     } catch (err) {
       const message = err instanceof Error ? err.message : "Erro ao carregar conversas";
-      error.value = message;
+      setBucketValue(errorBuckets, requestScope, message);
       Sentry.captureException(err);
     } finally {
-      loading.value = false;
+      setBucketValue(loadingBuckets, requestScope, false);
     }
   };
   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 || "",
+      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"),
@@ -176,9 +320,11 @@ export function useConversations() {
           body: !isTelaAgentMode.value && options?.model ? { model: options.model } : void 0
         })
       );
-      commitConversations([conversation, ...conversations.value], conversation.id);
+      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;
@@ -187,9 +333,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}`),
@@ -203,10 +356,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({
@@ -217,45 +369,29 @@ 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 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);
@@ -265,6 +401,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`),
@@ -272,7 +409,8 @@ export function useConversations() {
           method: "POST"
         })
       );
-      commitConversations([duplicated, ...conversations.value], duplicated.id);
+      upsertConversationInLoadedBuckets(duplicated, requestRuntimeScope);
+      updateConversationCounts(requestRuntimeScope, duplicated, 1);
       statusToast.update({
         text: "Conversa duplicada",
         icon: "i-ph-check"
@@ -297,6 +435,8 @@ export function useConversations() {
     deleteConversation,
     renameConversation,
     duplicateConversation,
+    conversationCreatorFilter,
+    conversationCreatorFilterCounts,
     updateConversationInList
   };
 }

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

@@ -1,4 +1,5 @@
 import type { Component, DeepReadonly, MaybeRefOrGetter, Ref } from 'vue';
+import type { ConversationCreatorFilter } from '../types/chat.js';
 import type { TelaAgentExecutionInput } from '../types/tela-agent.js';
 import type { WorkspaceSettings } from '../types/workspace-settings-data.js';
 import type { ChatLoadingMessageMode } from '../utils/chat-loading-messages.js';
@@ -7,6 +8,7 @@ export type EmbedConfig = {
     workspaceId: Ref<string>;
     telaAgentId: Ref<string | null>;
     conversationScope: Ref<string | null>;
+    defaultConversationCreatorFilter: Ref<ConversationCreatorFilter>;
     telaAgentInputs: Ref<ConfiguredTelaAgentInputs>;
     workspaceSettings: Ref<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
     hideSidebar: Ref<boolean>;
@@ -20,6 +22,7 @@ type EmbedConfigInput = {
     workspaceId: MaybeRefOrGetter<string>;
     telaAgentId?: MaybeRefOrGetter<string | null | undefined>;
     conversationScope?: MaybeRefOrGetter<string | null | undefined>;
+    defaultConversationCreatorFilter?: MaybeRefOrGetter<ConversationCreatorFilter | null | undefined>;
     telaAgentInputs?: MaybeRefOrGetter<ConfiguredTelaAgentInputs>;
     workspaceSettings?: MaybeRefOrGetter<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
     hideSidebar?: MaybeRefOrGetter<boolean | undefined>;

package/dist/runtime/composables/useEmbedConfig.js

@@ -11,6 +11,7 @@ function useGlobalEmbedConfigState() {
     workspaceId: useState("chat-embed-config-workspace-id", () => ""),
     telaAgentId: useState("chat-embed-config-tela-agent-id", () => null),
     conversationScope: useState("chat-embed-config-conversation-scope", () => null),
+    defaultConversationCreatorFilter: useState("chat-embed-config-default-conversation-creator-filter", () => void 0),
     telaAgentInputs: useState("chat-embed-config-tela-agent-inputs", () => void 0),
     workspaceSettings: useState("chat-embed-config-workspace-settings", () => void 0),
     hideSidebar: useState("chat-embed-config-hide-sidebar", () => void 0),
@@ -26,6 +27,7 @@ export function provideEmbedConfig(input, options = {}) {
     workspaceId: computed(() => toValue(input.workspaceId)),
     telaAgentId: computed(() => toValue(input.telaAgentId) ?? null),
     conversationScope: computed(() => normalizeConversationScope(toValue(input.conversationScope))),
+    defaultConversationCreatorFilter: computed(() => toValue(input.defaultConversationCreatorFilter) ?? "all"),
     telaAgentInputs: computed(() => toValue(input.telaAgentInputs)),
     workspaceSettings: computed(() => toValue(input.workspaceSettings)),
     hideSidebar: computed(() => toValue(input.hideSidebar) ?? true),
@@ -42,6 +44,7 @@ export function provideEmbedConfig(input, options = {}) {
       globalConfig.workspaceId.value = config.workspaceId.value;
       globalConfig.telaAgentId.value = config.telaAgentId.value;
       globalConfig.conversationScope.value = config.conversationScope.value;
+      globalConfig.defaultConversationCreatorFilter.value = config.defaultConversationCreatorFilter.value;
       globalConfig.telaAgentInputs.value = config.telaAgentInputs.value;
       globalConfig.workspaceSettings.value = config.workspaceSettings.value;
       globalConfig.hideSidebar.value = config.hideSidebar.value;
@@ -65,6 +68,7 @@ export function useEmbedConfig() {
     workspaceId: computed(() => globalConfig.workspaceId.value),
     telaAgentId: computed(() => globalConfig.telaAgentId.value),
     conversationScope: computed(() => globalConfig.conversationScope.value),
+    defaultConversationCreatorFilter: computed(() => globalConfig.defaultConversationCreatorFilter.value ?? "all"),
     telaAgentInputs: computed(() => globalConfig.telaAgentInputs.value),
     workspaceSettings: computed(() => globalConfig.workspaceSettings.value),
     hideSidebar: computed(() => globalConfig.hideSidebar.value ?? true),

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

@@ -8,6 +8,7 @@ const props = defineProps({
   conversationId: { type: [String, null], required: false },
   initialConversationId: { type: [String, null], required: false },
   conversationScope: { type: [String, null], required: false },
+  defaultConversationCreatorFilter: { type: String, required: false },
   hideSidebar: { type: Boolean, required: false },
   hideSettings: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
@@ -32,6 +33,7 @@ provideEmbedConfig({
   workspaceId,
   telaAgentId: normalizedTelaAgentId,
   conversationScope: normalizedConversationScope,
+  defaultConversationCreatorFilter: computed(() => props.defaultConversationCreatorFilter),
   telaAgentInputs: computed(() => props.telaAgentInputs),
   workspaceSettings: computed(() => props.workspaceSettings),
   hideSidebar: computed(() => props.hideSidebar),

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

@@ -3,10 +3,8 @@ import { useChatAuth } from "#chat-auth";
 import { useBreakpoints } from "@vueuse/core";
 import { exportConversationToMarkdown } from "../../utils/export-conversation";
 import { CHAT_MOBILE_BREAKPOINT } from "../../utils/breakpoints";
-import { filterConversationsByTitle } from "../../utils/conversation-search";
 import ChatMobileFilePreview from "../../components/chat/mobile/files/file-preview.vue";
 import ChatMobileShell from "../../components/chat/mobile/shell/shell.vue";
-import { conversationListSkeletonRows } from "../../utils/conversation-list-skeleton";
 import {
   normalizeConversationId,
   resolveChatFeatures,
@@ -25,7 +23,7 @@ const chatApi = useChatApi();
 const embedConfig = useEmbedConfig();
 const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
-const { getMember } = useWorkspaceMembers();
+const { getMember, getMemberImage } = useWorkspaceMembers();
 const statusToast = useStatusToast();
 const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, updateConversationInList } = useConversations();
 const { settings: workspaceSettingsState, fetchSettings } = useWorkspaceSettings();
@@ -52,7 +50,6 @@ const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
 const messageInputRef = ref(null);
-const conversationSearch = ref("");
 const breakpoints = useBreakpoints({ mobile: CHAT_MOBILE_BREAKPOINT });
 const isMobile = breakpoints.smaller("mobile");
 const drawerOpen = ref(false);
@@ -106,15 +103,8 @@ const mobilePreviewFile = computed(() => {
 const visibleTelaAgentInputSchema = computed(() => !hasMessages.value ? telaAgentInputSchema.value : null);
 const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value && shouldLoadTelaAgentMetadata.value && telaAgentMetadataLoading.value);
 const visibleConversations = computed(
-  () => conversations.value.filter((c) => c.title || c.id === activeConversationId.value)
+  () => conversations.value.filter((conversation) => conversation.title || conversation.id === activeConversationId.value)
 );
-const searchFilteredConversations = computed(
-  () => filterConversationsByTitle(visibleConversations.value, conversationSearch.value, {
-    fallbackTitle: "Nova conversa",
-    shouldInclude: (conversation) => !conversation.title && conversation.id === activeConversationId.value
-  })
-);
-const hasConversationSearchQuery = computed(() => conversationSearch.value.trim().length > 0);
 function syncConversationId(nextConversationId) {
   activeConversationId.value = normalizeConversationId(nextConversationId);
 }
@@ -430,36 +420,17 @@ async function handleDelete() {
                         Nova conversa
                     </span>
                 </button>
-                <ChatConversationSearch v-model="conversationSearch" />
             </div>
 
             <div flex-1 overflow-y-auto px-4px>
-                <div v-if="conversationsLoading && visibleConversations.length === 0" flex="~ col" gap-1px px-8px py-8px>
-                    <div
-                        v-for="row in conversationListSkeletonRows"
-                        :key="row.id"
-                        flex items-center h-32px px-8px rounded-8px
-                    >
-                        <TelaSkeleton rounded-6px bg-neutral-200 :style="{ width: row.width, height: '13px' }" />
-                    </div>
-                </div>
-                <div v-else-if="searchFilteredConversations.length === 0" p-16px text-center>
-                    <p text-14px text-neutral-400>
-                        {{ hasConversationSearchQuery ? "Nenhuma conversa encontrada" : "Nenhuma conversa ainda" }}
-                    </p>
-                </div>
-                <div v-else flex="~ col" gap-1px px-8px py-8px>
-                    <button
-                        v-for="conv in searchFilteredConversations"
-                        :key="conv.id"
-                        flex items-center gap-8px h-32px px-8px rounded-8px
-                        w-full text-left truncate transition-colors cursor-pointer
-                        :class="conv.id === activeConversationId ? 'bg-neutral-200' : 'hover:bg-neutral-100'"
-                        @click="openConversation(conv.id)"
-                    >
-                        <span text-13px text-neutral-700 truncate>{{ conv.title || "Nova conversa" }}</span>
-                    </button>
-                </div>
+                <ChatConversationList
+                    :conversations="visibleConversations"
+                    :current-id="activeConversationId ?? void 0"
+                    :get-member-image="getMemberImage"
+                    :select-conversation="openConversation"
+                    :reset-conversation="handleNewConversation"
+                    :loading="conversationsLoading"
+                />
             </div>
         </div>
 

package/dist/runtime/server/api/chat/conversations/metadata.get.d.ts

@@ -0,0 +1 @@
+export { default } from '../../conversations/metadata.get.js';

package/dist/runtime/server/api/chat/conversations/metadata.get.js

@@ -0,0 +1 @@
+export { default } from "../../conversations/metadata.get.js";