@meistrari/chat-nuxt 1.10.0 → 1.11.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

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,7 +50,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    settings: () => any;
+    selectConversation: (id: string) => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => 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;
@@ -63,26 +66,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;
-    rename: () => any;
-    duplicate: () => any;
-    export: () => any;
+    settings: () => any;
+    "update:editTitle": (value: string) => any;
+    saveTitle: () => any;
+    cancelEditing: () => 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;
-    onSettings?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => 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;
@@ -95,21 +98,18 @@ 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;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    onCancelEditing?: (() => 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,7 +50,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    settings: () => any;
+    selectConversation: (id: string) => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => 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;
@@ -63,26 +66,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;
-    rename: () => any;
-    duplicate: () => any;
-    export: () => any;
+    settings: () => any;
+    "update:editTitle": (value: string) => any;
+    saveTitle: () => any;
+    cancelEditing: () => 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;
-    onSettings?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => 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;
@@ -95,21 +98,18 @@ 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;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    onCancelEditing?: (() => 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;
+    "update:isEditing": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
+    saveTitle: () => 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;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onSaveTitle?: (() => 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.d.ts

@@ -19,25 +19,25 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    "update:isEditing": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
+    saveTitle: () => 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;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onSaveTitle?: (() => 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.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 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 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(
-        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,26 @@ 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 || "",
+      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 +320,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 +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}`),
@@ -246,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({
@@ -260,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);
@@ -308,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`),
@@ -315,7 +409,8 @@ export function useConversations() {
           method: "POST"
         })
       );
-      upsertCreatedConversation(duplicated);
+      upsertConversationInLoadedBuckets(duplicated, requestRuntimeScope);
+      updateConversationCounts(requestRuntimeScope, duplicated, 1);
       statusToast.update({
         text: "Conversa duplicada",
         icon: "i-ph-check"

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;

package/dist/runtime/embed/components/configuration/ChatConfigurationContextFilesTab.vue.d.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;

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

@@ -15,13 +15,13 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    back: () => any;
     save: () => any;
+    back: () => any;
     selectTab: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-    onBack?: (() => any) | undefined;
     onSave?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSelectTab?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,13 +15,13 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    back: () => any;
     save: () => any;
+    back: () => any;
     selectTab: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-    onBack?: (() => any) | undefined;
     onSave?: (() => any) | undefined;
+    onBack?: (() => any) | undefined;
     onSelectTab?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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";

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

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<ConversationListMetadata>>;
+export default _default;

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

@@ -0,0 +1,20 @@
+import { defineEventHandler } from "h3";
+import { sql } from "drizzle-orm";
+import { useDb, schema } from "#chat-runtime/server/db";
+import { resolveChatRuntimeContext } from "#chat-runtime/server/utils/chat-context";
+import { conversationScopeConditions } from "#chat-runtime/server/utils/conversation-scope";
+import { logger } from "#chat-runtime/server/utils/logger";
+export default defineEventHandler(async (event) => {
+  const context = resolveChatRuntimeContext(event);
+  const db = useDb();
+  const [metadata] = await db.select({
+    all: sql`COUNT(*)::int`,
+    mine: sql`COUNT(*) FILTER (WHERE ${schema.conversations.userId} = ${context.user.id})::int`
+  }).from(schema.conversations).where(conversationScopeConditions(context));
+  const counts = {
+    all: metadata?.all ?? 0,
+    mine: metadata?.mine ?? 0
+  };
+  logger.debug({ workspaceId: context.workspaceId, counts }, "Conversations metadata loaded");
+  return { counts };
+});

package/dist/runtime/types/chat.d.ts

@@ -6,6 +6,10 @@ export type MessageFile = SchemaMessageFile;
 export type Conversation = InferSelectModel<typeof conversations>;
 export type Message = InferSelectModel<typeof messages>;
 export type ConversationCreatorFilter = 'all' | 'mine';
+export type ConversationCreatorFilterCounts = Record<ConversationCreatorFilter, number>;
+export type ConversationListMetadata = {
+    counts: ConversationCreatorFilterCounts;
+};
 export declare const CONVERSATION_CREATOR_FILTER_OPTIONS: readonly [{
     readonly label: "Todas";
     readonly value: "all";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "type": "module",
   "exports": {
     ".": {