@meistrari/chat-nuxt 1.8.1 → 1.10.0

package/dist/runtime/components/chat/mobile/shell/drawer.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { formatRelativeTime } from "../../../../utils/format-time";
 import { conversationListSkeletonRows } from "../../../../utils/conversation-list-skeleton";
+import { filterConversationsByTitle } from "../../../../utils/conversation-search";
 const props = defineProps({
   open: { type: Boolean, required: true },
   conversations: { type: null, required: true },
@@ -15,6 +16,14 @@ const initial = computed(() => {
   const source = props.userName ?? props.userEmail ?? "U";
   return source.charAt(0).toUpperCase();
 });
+const conversationSearch = ref("");
+const filteredConversations = computed(
+  () => filterConversationsByTitle(props.conversations, conversationSearch.value, {
+    fallbackTitle: "Nova conversa",
+    shouldInclude: (conversation) => !conversation.title && conversation.id === props.activeId
+  })
+);
+const hasConversationSearchQuery = computed(() => conversationSearch.value.trim().length > 0);
 function handleSelect(id) {
   emit("select", id);
   emit("close");
@@ -74,7 +83,7 @@ function handleNew() {
             </button>
         </div>
 
-        <div p-12px>
+        <div p-12px flex="~ col" gap-8px>
             <button
                 flex items-center justify-center gap-6px
                 w-full px-12px py-10px rounded-10px
@@ -88,6 +97,8 @@ function handleNew() {
                     Nova conversa
                 </span>
             </button>
+            <ChatConversationSearch v-model="conversationSearch" />
+            <ChatConversationCreatorFilter />
         </div>
 
         <div px-14px pt-4px pb-4px>
@@ -95,7 +106,7 @@ function handleNew() {
                 text-12px font-medium uppercase text-neutral-400
                 style="letter-spacing: 0.5px"
             >
-                Recentes
+                {{ hasConversationSearchQuery ? "Resultados" : "Recentes" }}
             </span>
         </div>
 
@@ -109,14 +120,14 @@ function handleNew() {
                     <TelaSkeleton rounded-6px bg-neutral-200 :style="{ width: row.width, height: '13px' }" />
                 </div>
             </div>
-            <div v-else-if="conversations.length === 0" p-16px text-center>
+            <div v-else-if="filteredConversations.length === 0" p-16px text-center>
                 <p text-14px text-neutral-400>
-                    Nenhuma conversa ainda
+                    {{ hasConversationSearchQuery ? "Nenhuma conversa encontrada" : "Nenhuma conversa ainda" }}
                 </p>
             </div>
             <div v-else flex="~ col" gap-1px>
                 <button
-                    v-for="conv in conversations"
+                    v-for="conv in filteredConversations"
                     :key="conv.id"
                     flex="~ col" gap-2px
                     w-full px-12px py-10px rounded-10px text-left

package/dist/runtime/components/chat/mobile/shell/header.d.vue.ts

@@ -15,24 +15,24 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
+    openDrawer: () => any;
+    openOutdatedSettings: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
-    openDrawer: () => any;
-    openOutdatedSettings: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
+    onOpenDrawer?: (() => any) | undefined;
+    onOpenOutdatedSettings?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
-    onOpenDrawer?: (() => any) | undefined;
-    onOpenOutdatedSettings?: (() => any) | undefined;
 }>, {
     showDrawerButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/chat/mobile/shell/header.vue.d.ts

@@ -15,24 +15,24 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
+    openDrawer: () => any;
+    openOutdatedSettings: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
-    openDrawer: () => any;
-    openOutdatedSettings: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
+    onOpenDrawer?: (() => any) | undefined;
+    onOpenOutdatedSettings?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
-    onOpenDrawer?: (() => any) | undefined;
-    onOpenOutdatedSettings?: (() => any) | undefined;
 }>, {
     showDrawerButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/chat/mobile/shell/shell.d.vue.ts

@@ -50,10 +50,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    rename: () => any;
-    duplicate: () => any;
-    export: () => any;
-    saveTitle: () => any;
+    settings: () => any;
     send: (content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
         type: "file";
         name: string;
@@ -66,26 +63,26 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         content: string;
     })[] | undefined) => any;
     "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
-    settings: () => any;
-    "update:editTitle": (value: string) => any;
-    cancelEditing: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: () => any;
     switchWorkspace: () => any;
     signout: () => any;
+    cancelEditing: () => any;
     dismissOutdatedBanner: () => any;
+    saveTitle: () => any;
     selectConversation: (id: string) => any;
     "update:drawerOpen": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
         type: "file";
         name: string;
@@ -98,18 +95,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         content: string;
     })[] | undefined) => any) | undefined;
     "onUpdate:model"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
-    onSettings?: (() => any) | undefined;
-    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
-    onCancelEditing?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: (() => any) | undefined;
     onSwitchWorkspace?: (() => any) | undefined;
     onSignout?: (() => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
     onDismissOutdatedBanner?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
     "onUpdate:drawerOpen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     "onUpdate:workspaceSheetOpen"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/chat/mobile/shell/shell.vue.d.ts

@@ -50,10 +50,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    rename: () => any;
-    duplicate: () => any;
-    export: () => any;
-    saveTitle: () => any;
+    settings: () => any;
     send: (content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
         type: "file";
         name: string;
@@ -66,26 +63,26 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         content: string;
     })[] | undefined) => any;
     "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
-    settings: () => any;
-    "update:editTitle": (value: string) => any;
-    cancelEditing: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: () => any;
     switchWorkspace: () => any;
     signout: () => any;
+    cancelEditing: () => any;
     dismissOutdatedBanner: () => any;
+    saveTitle: () => any;
     selectConversation: (id: string) => any;
     "update:drawerOpen": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
         type: "file";
         name: string;
@@ -98,18 +95,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
         content: string;
     })[] | undefined) => any) | undefined;
     "onUpdate:model"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
-    onSettings?: (() => any) | undefined;
-    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
-    onCancelEditing?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: (() => any) | undefined;
     onSwitchWorkspace?: (() => any) | undefined;
     onSignout?: (() => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
     onDismissOutdatedBanner?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
     "onUpdate:drawerOpen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     "onUpdate:workspaceSheetOpen"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/chat/topbar.d.vue.ts

@@ -19,25 +19,25 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     rename: () => any;
     duplicate: () => any;
     export: () => any;
-    saveTitle: () => any;
-    "update:isEditing": (value: boolean) => any;
-    "update:editTitle": (value: string) => any;
-    cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
+    cancelEditing: () => any;
+    saveTitle: () => any;
+    "update:editTitle": (value: string) => any;
+    "update:isEditing": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => any) | undefined;
-    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
-    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
-    onCancelEditing?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/topbar.vue

@@ -19,6 +19,7 @@ const props = defineProps({
 const emit = defineEmits(["update:isEditing", "update:editTitle", "saveTitle", "cancelEditing", "rename", "duplicate", "export", "copyLink", "debug", "delete", "tabChange"]);
 const titleInputRef = ref(null);
 const currentTab = computed(() => props.activeTab ?? "chat");
+const titleInputWidth = computed(() => `${Math.max(props.editTitle.length + 2, 8)}ch`);
 const headerMenuItems = computed(() => {
   const items = [
     {
@@ -87,19 +88,36 @@ watch(() => props.isEditing, (editing) => {
         :style="{ left: 'var(--chat-panel-offset)' }"
     >
         <div flex="~ col 1" gap-4px min-w-0>
-            <input
+            <div
                 v-if="isEditing"
-                ref="titleInputRef"
-                :value="editTitle"
-                type="text"
-                heading-h4-semibold text-primary
-                bg-white border border-gray-200 rounded-6px px-8px py-2px
-                outline-none focus:border-gray-400
-                @input="emit('update:editTitle', $event.target.value)"
-                @keydown="handleTitleKeydown"
-                @blur="emit('saveTitle')"
+                flex items-center
+                text-primary
+                w-fit max-w-full
+                pb-1px
+                b-b=".5px solid #A3A3A3"
+                :style="{ width: titleInputWidth }"
+            >
+                <input
+                    ref="titleInputRef"
+                    :value="editTitle"
+                    type="text"
+                    autocomplete="off"
+                    aria-label="Nome da conversa"
+                    w-full min-w-0 max-w-full
+                    bg-transparent border-none outline-none
+                    text-16px font-580 text-primary leading-20px tracking="-.2px"
+                    p-0
+                    @input="emit('update:editTitle', $event.target.value)"
+                    @keydown="handleTitleKeydown"
+                    @blur="emit('saveTitle')"
+                >
+            </div>
+            <p
+                v-else
+                text-16px font-580 text-primary leading-20px tracking="-.2px"
+                truncate cursor-text
+                @dblclick.prevent.stop="emit('rename')"
             >
-            <p v-else text-16px font-580 text-primary leading-20px tracking="-.2px" truncate>
                 {{ capitalizeFirst(title) }}<span v-if="generatingTitle" class="typing-cursor">|</span>
             </p>
 

package/dist/runtime/components/chat/topbar.vue.d.ts

@@ -19,25 +19,25 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     rename: () => any;
     duplicate: () => any;
     export: () => any;
-    saveTitle: () => any;
-    "update:isEditing": (value: boolean) => any;
-    "update:editTitle": (value: string) => any;
-    cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
+    cancelEditing: () => any;
+    saveTitle: () => any;
+    "update:editTitle": (value: string) => any;
+    "update:isEditing": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => any) | undefined;
-    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
-    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
-    onCancelEditing?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -14,5 +14,7 @@ export declare function useConversations(): {
     deleteConversation: (id: string) => Promise<boolean>;
     renameConversation: (id: string, title: string) => Promise<boolean>;
     duplicateConversation: (id: string) => Promise<ConversationWithMessages | null>;
+    conversationCreatorFilter: any;
+    conversationCreatorFilterCounts: any;
     updateConversationInList: (updated: Conversation | DeepReadonly<Conversation>) => void;
 };

package/dist/runtime/composables/useConversations.js

@@ -24,10 +24,19 @@ 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
+  };
+}
 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 +44,27 @@ export function useConversations() {
   const mutationVersionBuckets = useState("conversations-mutation-version", () => ({}));
   const deletedIdBuckets = useState("conversations-deleted-ids", () => ({}));
   const mutatedIdBuckets = useState("conversations-mutated-ids", () => ({}));
+  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(() => `${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 conversations = computed({
     get: () => conversationBuckets.value[workspaceScope.value] ?? [],
     set: (value) => {
@@ -95,15 +119,6 @@ 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;
     if (id) {
@@ -114,6 +129,33 @@ export function useConversations() {
     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])
+      ]);
+    }
+  }
+  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, []);
+      commitConversationsToScope(
+        mineScope,
+        [conversation, ...mineConversations.filter((item) => item.id !== conversation.id)],
+        conversation.id
+      );
+    }
+  }
   function addDeletedConversationId(id) {
     deletedConversationIds.value = [.../* @__PURE__ */ new Set([...deletedConversationIds.value, id])];
     markMutated();
@@ -122,48 +164,49 @@ export function useConversations() {
     deletedConversationIds.value = deletedConversationIds.value.filter((deletedId) => deletedId !== id);
     markMutated();
   }
-  function pruneDeletedConversationIds(serverConversations) {
-    const returnedIds = new Set(serverConversations.map((conversation) => conversation.id));
-    deletedConversationIds.value = deletedConversationIds.value.filter((id) => returnedIds.has(id));
-  }
   function cloneAppliedSettingsSnapshot(snapshot) {
     if (!snapshot)
       return null;
     return JSON.parse(JSON.stringify(snapshot));
   }
   const fetchConversations = async (options = {}) => {
-    if (loading.value || hasFetched.value && !options.force) {
+    const requestScope = workspaceScope.value;
+    const requestCreatorFilter = conversationCreatorFilter.value;
+    if (bucketValue(loadingBuckets, requestScope, false) || bucketValue(fetchedBuckets, requestScope, false) && !options.force) {
       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));
+      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) => {
@@ -176,7 +219,7 @@ export function useConversations() {
           body: !isTelaAgentMode.value && options?.model ? { model: options.model } : void 0
         })
       );
-      commitConversations([conversation, ...conversations.value], conversation.id);
+      upsertCreatedConversation(conversation);
       return conversation;
     } catch (err) {
       const message = err instanceof Error ? err.message : "Erro ao criar conversa";
@@ -272,7 +315,7 @@ export function useConversations() {
           method: "POST"
         })
       );
-      commitConversations([duplicated, ...conversations.value], duplicated.id);
+      upsertCreatedConversation(duplicated);
       statusToast.update({
         text: "Conversa duplicada",
         icon: "i-ph-check"
@@ -297,6 +340,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),