@meistrari/chat-nuxt 1.8.0 → 1.9.0

package/dist/module.json

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

package/dist/runtime/components/chat/conversation-item.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { useMagicKeys, useMutationObserver } from "@vueuse/core";
+import { resolveConversationRenameTitle } from "../../utils/conversation-title";
 import { capitalizeFirst } from "../../utils/string";
 const props = defineProps({
   conversation: { type: null, required: true },
@@ -7,13 +8,15 @@ const props = defineProps({
   userImage: { type: String, required: false }
 });
 const emit = defineEmits(["delete", "rename", "duplicate", "export"]);
-const isEditing = ref(false);
-const editTitle = ref("");
-const inputRef = ref(null);
-const justStartedEditing = ref(false);
+const isRenamingInline = ref(false);
+const renameTitle = ref("");
+const renameInputRef = ref(null);
 const showDeleteModal = ref(false);
 const { escape } = useMagicKeys();
 watch(() => escape?.value, (pressed) => {
+  if (pressed && isRenamingInline.value) {
+    cancelRename();
+  }
   if (pressed && showDeleteModal.value) {
     showDeleteModal.value = false;
   }
@@ -31,48 +34,63 @@ useMutationObserver(menuButtonRef, (mutations) => {
     }
   }
 }, { attributes: true });
-function startEditing() {
-  editTitle.value = props.conversation.title;
-  isEditing.value = true;
-  justStartedEditing.value = true;
-  nextTick(() => {
-    inputRef.value?.focus();
-    inputRef.value?.select();
-    setTimeout(() => {
-      justStartedEditing.value = false;
-    }, 100);
-  });
+const conversationPath = computed(() => `/${props.conversation.id}`);
+const conversationNavigationDelayMs = 250;
+let conversationNavigationTimer = null;
+function clearPendingConversationNavigation() {
+  if (conversationNavigationTimer === null)
+    return;
+  clearTimeout(conversationNavigationTimer);
+  conversationNavigationTimer = null;
 }
-function saveTitle() {
-  if (justStartedEditing.value) {
+function handleConversationClick(event) {
+  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
     return;
-  }
-  const trimmed = editTitle.value.trim();
-  if (trimmed && trimmed !== props.conversation.title) {
-    emit("rename", props.conversation.id, trimmed);
-  }
-  isEditing.value = false;
-  justStartedEditing.value = false;
+  event.preventDefault();
+  clearPendingConversationNavigation();
+  if (event.detail > 1)
+    return;
+  conversationNavigationTimer = setTimeout(() => {
+    navigateTo(conversationPath.value);
+    conversationNavigationTimer = null;
+  }, conversationNavigationDelayMs);
 }
-function cancelEditing() {
-  isEditing.value = false;
-  editTitle.value = "";
-  justStartedEditing.value = false;
+async function focusRenameInput() {
+  await nextTick();
+  renameInputRef.value?.focus();
+  renameInputRef.value?.select();
 }
-function handleKeydown(event) {
-  if (event.key === "Enter") {
-    event.preventDefault();
-    saveTitle();
-  } else if (event.key === "Escape") {
-    event.preventDefault();
-    cancelEditing();
+function startRename() {
+  isMenuOpen.value = false;
+  clearPendingConversationNavigation();
+  renameTitle.value = props.conversation.title;
+  isRenamingInline.value = true;
+  void focusRenameInput();
+}
+function handleConversationDoubleClick() {
+  clearPendingConversationNavigation();
+  startRename();
+}
+function cancelRename() {
+  isRenamingInline.value = false;
+  renameTitle.value = "";
+}
+function submitRename() {
+  if (!isRenamingInline.value)
+    return;
+  const title = resolveConversationRenameTitle(renameTitle.value, props.conversation.title);
+  if (!title) {
+    cancelRename();
+    return;
   }
+  emit("rename", props.conversation.id, title);
+  cancelRename();
 }
 const menuItems = [
   {
     label: "Renomear",
     icon: "i-ph-pencil-simple",
-    click: () => startEditing()
+    click: () => startRename()
   },
   {
     label: "Duplicar",
@@ -91,11 +109,53 @@ const menuItems = [
     click: () => showDeleteModal.value = true
   }
 ];
+onBeforeUnmount(clearPendingConversationNavigation);
 </script>
 
 <template>
-    <NuxtLink
-        :to="`/${conversation.id}`"
+    <div
+        v-if="isRenamingInline"
+        px-12px
+        h-32px
+        rounded-8px
+        :class="active ? 'bg-neutral-200' : ''"
+    >
+        <div flex items-center justify-between gap-12px h-full>
+            <div v-if="userImage" w-16px h-16px rounded-full overflow-hidden flex-shrink-0>
+                <TelaAvatar
+                    :image="userImage"
+                    alt="Usuário"
+                    size="xs"
+                />
+            </div>
+
+            <div
+                flex-1 min-w-0 flex items-center
+                text-neutral-700
+                pb-1px
+                b-b=".5px solid #A3A3A3"
+            >
+                <input
+                    ref="renameInputRef"
+                    v-model="renameTitle"
+                    type="text"
+                    autocomplete="off"
+                    aria-label="Nome da conversa"
+                    w-full min-w-0
+                    bg-transparent border-none outline-none
+                    text-14px font-medium text-neutral-700 leading-18px tracking="-.15px"
+                    p-0
+                    @blur="submitRename"
+                    @keydown.enter.prevent="submitRename"
+                    @keydown.escape.prevent.stop="cancelRename"
+                >
+            </div>
+        </div>
+    </div>
+
+    <a
+        v-else
+        :href="conversationPath"
         block
         px-12px
         h-32px
@@ -106,6 +166,8 @@ const menuItems = [
         :class="[
   active ? 'bg-neutral-200' : 'hover:bg-neutral-200/50'
 ]"
+        @click="handleConversationClick"
+        @dblclick.prevent.stop="handleConversationDoubleClick"
     >
         <div flex items-center justify-between gap-12px h-full>
             <!-- User Avatar -->
@@ -118,29 +180,7 @@ const menuItems = [
             </div>
 
             <div flex-1 min-w-0 flex items-center>
-                <input
-                    v-if="isEditing"
-                    ref="inputRef"
-                    v-model="editTitle"
-                    type="text"
-                    text-14px
-                    font-medium
-                    text-neutral-700
-                    w-full
-                    bg-white
-                    border
-                    border-neutral-300
-                    rounded-4px
-                    px-6px
-                    py-2px
-                    outline-none
-                    focus:border-neutral-400
-                    @keydown="handleKeydown"
-                    @blur="saveTitle"
-                    @click.prevent.stop
-                >
                 <span
-                    v-else
                     text-14px
                     font-medium
                     text-neutral-700
@@ -151,7 +191,7 @@ const menuItems = [
                 </span>
             </div>
 
-            <div v-if="!isEditing" mt-2px flex items-center opacity-0 group-hover:opacity-100 transition-opacity :class="isMenuOpen && 'opacity-100'">
+            <div mt-2px flex items-center opacity-0 group-hover:opacity-100 transition-opacity :class="isMenuOpen && 'opacity-100'">
                 <TelaDropdownMenu :items="menuItems">
                     <button
                         ref="menuButtonRef"
@@ -168,7 +208,7 @@ const menuItems = [
                 </TelaDropdownMenu>
             </div>
         </div>
-    </NuxtLink>
+    </a>
 
     <TelaConfirmationModal
         v-model:open="showDeleteModal"

package/dist/runtime/components/chat/conversation-list.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { filterConversationsByTitle } from "../../utils/conversation-search";
 import { groupConversationsByDate } from "../../utils/format-time";
 import { exportConversationToMarkdown } from "../../utils/export-conversation";
 import { conversationListSkeletonRows } from "../../utils/conversation-list-skeleton";
@@ -12,9 +13,17 @@ const chatApi = useChatApi();
 const { deleteConversation, renameConversation, duplicateConversation } = useConversations();
 const { setConversation } = useChat();
 const router = useRouter();
+const conversationSearch = ref("");
+const filteredConversations = computed(
+  () => filterConversationsByTitle(props.conversations, conversationSearch.value, {
+    fallbackTitle: "Nova conversa",
+    shouldInclude: (conversation) => !conversation.title && conversation.id === props.currentId
+  })
+);
 const groupedConversations = computed(() => {
-  return groupConversationsByDate(props.conversations);
+  return groupConversationsByDate(filteredConversations.value);
 });
+const hasConversationSearchQuery = computed(() => conversationSearch.value.trim().length > 0);
 function handleDelete(id) {
   const route = useRoute();
   if (route.params.id === id) {
@@ -46,7 +55,11 @@ async function handleExport(id) {
 </script>
 
 <template>
-    <div flex="~ col" gap-16px>
+    <div flex="~ col" gap-12px>
+        <div px-8px>
+            <ChatConversationSearch v-model="conversationSearch" />
+        </div>
+
         <div v-if="loading && conversations.length === 0" flex="~ col" gap-4px>
             <div h-20px flex items-center pl-12px pr-4px mb-4px>
                 <TelaSkeleton rounded-4px bg-neutral-200 style="width: 68px; height: 12px;" />
@@ -63,9 +76,9 @@ async function handleExport(id) {
             </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>
 

package/dist/runtime/components/chat/conversation-search.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    placeholder?: string;
+};
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/conversation-search.vue

@@ -0,0 +1,16 @@
+<script setup>
+defineProps({
+  placeholder: { type: String, required: false, default: "Buscar conversas" }
+});
+const searchQuery = defineModel({ type: String, ...{ required: true } });
+</script>
+
+<template>
+    <TelaInput
+        v-model="searchQuery"
+        icon="i-ph-magnifying-glass-bold"
+        :placeholder="placeholder"
+        show-clear-button
+        autocomplete="off"
+    />
+</template>

package/dist/runtime/components/chat/conversation-search.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    placeholder?: string;
+};
+type __VLS_ModelProps = {
+    modelValue: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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,7 @@ function handleNew() {
                     Nova conversa
                 </span>
             </button>
+            <ChatConversationSearch v-model="conversationSearch" />
         </div>
 
         <div px-14px pt-4px pb-4px>
@@ -95,7 +105,7 @@ function handleNew() {
                 text-12px font-medium uppercase text-neutral-400
                 style="letter-spacing: 0.5px"
             >
-                Recentes
+                {{ hasConversationSearchQuery ? "Resultados" : "Recentes" }}
             </span>
         </div>
 
@@ -109,14 +119,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/shell.d.vue.ts

@@ -53,7 +53,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     rename: () => any;
     duplicate: () => any;
     export: () => any;
-    saveTitle: () => 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;
@@ -68,6 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "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;
+    saveTitle: () => any;
     cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
@@ -85,7 +85,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => 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;
@@ -100,6 +99,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "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;
+    onSaveTitle?: (() => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;

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

@@ -53,7 +53,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     rename: () => any;
     duplicate: () => any;
     export: () => any;
-    saveTitle: () => 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;
@@ -68,6 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "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;
+    saveTitle: () => any;
     cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
@@ -85,7 +85,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => 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;
@@ -100,6 +99,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "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;
+    onSaveTitle?: (() => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;

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

@@ -19,9 +19,9 @@ 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;
+    saveTitle: () => any;
     cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
@@ -31,9 +31,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => 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;

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,9 +19,9 @@ 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;
+    saveTitle: () => any;
     cancelEditing: () => any;
     copyLink: () => any;
     debug: () => any;
@@ -31,9 +31,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
-    onSaveTitle?: (() => 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;

package/dist/runtime/composables/usePdf.js

@@ -5,8 +5,8 @@ async function loadPdfjs() {
   if (!import.meta.client)
     return null;
   if (!pdfjsLibPromise) {
-    pdfjsLibPromise = import("pdfjs-dist").then((lib) => {
-      lib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${lib.version}/build/pdf.worker.min.mjs`;
+    pdfjsLibPromise = import("pdfjs-dist/legacy/build/pdf.mjs").then((lib) => {
+      lib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${lib.version}/legacy/build/pdf.worker.min.mjs`;
       return lib;
     });
   }

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

@@ -3,6 +3,7 @@ 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";
@@ -51,6 +52,7 @@ 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,6 +108,13 @@ const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value &&
 const visibleConversations = computed(
   () => conversations.value.filter((c) => c.title || c.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);
 }
@@ -408,7 +417,7 @@ async function handleDelete() {
             w-240px h-full flex="~ col" flex-shrink-0
             bg-neutral-50 b-r=".5px neutral-200"
         >
-            <div px-12px pt-16px pb-8px>
+            <div px-12px pt-16px pb-8px flex="~ col" gap-8px>
                 <button
                     flex items-center justify-center gap-6px
                     h-32px px-12px w-full
@@ -421,6 +430,7 @@ async function handleDelete() {
                         Nova conversa
                     </span>
                 </button>
+                <ChatConversationSearch v-model="conversationSearch" />
             </div>
 
             <div flex-1 overflow-y-auto px-4px>
@@ -433,14 +443,14 @@ async function handleDelete() {
                         <TelaSkeleton rounded-6px bg-neutral-200 :style="{ width: row.width, height: '13px' }" />
                     </div>
                 </div>
-                <div v-else-if="visibleConversations.length === 0" p-16px text-center>
+                <div v-else-if="searchFilteredConversations.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 px-8px py-8px>
                     <button
-                        v-for="conv in visibleConversations"
+                        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

package/dist/runtime/server/utils/conversation-agent-turn.js

@@ -161,6 +161,10 @@ export async function resolveDefaultAgentEnvironmentVariables(event, context, op
   if (resolveChatNuxtFeatures(useRuntimeConfig()).credentials) {
     try {
       credentialVariables = await resolveWorkspaceCredentials(event, context.workspaceId);
+      logger.info({
+        ...logContext,
+        credentialKeys: Object.keys(credentialVariables)
+      }, "Workspace credentials loaded for agent API");
     } catch (error) {
       logger.warn({ ...logContext, error }, options.credentialsFailureMessage);
     }

package/dist/runtime/utils/conversation-search.d.ts

@@ -0,0 +1,8 @@
+export interface ConversationTitleSearchItem {
+    title?: string | null;
+}
+export interface ConversationTitleSearchOptions<T extends ConversationTitleSearchItem> {
+    fallbackTitle?: string;
+    shouldInclude?: (conversation: T) => boolean;
+}
+export declare function filterConversationsByTitle<T extends ConversationTitleSearchItem>(conversations: readonly T[], searchQuery: string, options?: ConversationTitleSearchOptions<T>): T[];

package/dist/runtime/utils/conversation-search.js

@@ -0,0 +1,11 @@
+export function filterConversationsByTitle(conversations, searchQuery, options = {}) {
+  const query = searchQuery.toLowerCase().trim();
+  if (!query)
+    return [...conversations];
+  return conversations.filter((conversation) => {
+    if (options.shouldInclude?.(conversation))
+      return true;
+    const title = conversation.title ?? options.fallbackTitle;
+    return title?.toLowerCase().includes(query) ?? false;
+  });
+}

package/dist/runtime/utils/conversation-title.d.ts

@@ -0,0 +1 @@
+export declare function resolveConversationRenameTitle(nextTitle: string, currentTitle: string): string | null;

package/dist/runtime/utils/conversation-title.js

@@ -0,0 +1,6 @@
+export function resolveConversationRenameTitle(nextTitle, currentTitle) {
+  const trimmedTitle = nextTitle.trim();
+  if (!trimmedTitle || trimmedTitle === currentTitle)
+    return null;
+  return trimmedTitle;
+}

package/package.json

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