@meistrari/chat-nuxt 1.6.0 → 1.8.0

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
+    hideSettings?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
@@ -14,6 +15,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     initialConversationId: string | null;
     hideSidebar: boolean;
+    hideSettings: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,10 @@
 <script setup>
 import { useChatAuth } from "#chat-auth";
+import { useBreakpoints } from "@vueuse/core";
 import { exportConversationToMarkdown } from "../../utils/export-conversation";
+import { CHAT_MOBILE_BREAKPOINT } from "../../utils/breakpoints";
+import ChatMobileFilePreview from "../../components/chat/mobile/files/file-preview.vue";
+import ChatMobileShell from "../../components/chat/mobile/shell/shell.vue";
 import { conversationListSkeletonRows } from "../../utils/conversation-list-skeleton";
 import {
   normalizeConversationId,
@@ -11,13 +15,15 @@ const props = defineProps({
   conversationId: { type: [String, null], required: false },
   initialConversationId: { type: [String, null], required: false, default: null },
   hideSidebar: { type: Boolean, required: false, default: true },
+  hideSettings: { type: Boolean, required: false, default: false },
   user: { type: [Object, null], required: false },
   features: { type: Object, required: false }
 });
 const emit = defineEmits(["update:conversationId"]);
 const chatApi = useChatApi();
 const embedConfig = useEmbedConfig();
-const { user: authUser } = useChatAuth();
+const chatAction = useChatAction();
+const { user: authUser, activeOrganization, logout } = useChatAuth();
 const { getMember } = useWorkspaceMembers();
 const statusToast = useStatusToast();
 const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, updateConversationInList } = useConversations();
@@ -35,7 +41,7 @@ const effectiveWorkspaceSettings = computed(() => {
   return embedConfig?.workspaceSettings.value !== void 0 ? embedConfig.workspaceSettings.value : workspaceSettingsState.value;
 });
 const { closePanel: closeFilesPanel } = useConversationFilesPanel();
-const { isOpen: isPreviewPanelOpen, panelWidth: previewPanelWidth, closePreview } = useFilePreviewPanel();
+const { isOpen: isPreviewPanelOpen, panelWidth: previewPanelWidth, currentFile: currentPreviewFile, closePreview } = useFilePreviewPanel();
 const activeConversationId = ref(
   normalizeConversationId(props.conversationId) ?? normalizeConversationId(props.initialConversationId)
 );
@@ -45,6 +51,9 @@ const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
 const messageInputRef = ref(null);
+const breakpoints = useBreakpoints({ mobile: CHAT_MOBILE_BREAKPOINT });
+const isMobile = breakpoints.smaller("mobile");
+const drawerOpen = ref(false);
 const { isDragging, setupDropZone } = useFileDrop({
   onDrop: (files) => {
     messageInputRef.value?.addFiles(files);
@@ -79,6 +88,19 @@ const conversationIdRef = computed(() => currentConversation.value?.id ?? null);
 const { total, files: conversationFiles } = useConversationFiles(conversationIdRef);
 const filesCount = computed(() => total.value);
 const hasMessages = computed(() => messages.value.length > 0);
+const mobilePreviewFile = computed(() => {
+  if (!isPreviewPanelOpen.value || !currentPreviewFile.value)
+    return null;
+  const file = currentPreviewFile.value;
+  return {
+    id: file.file.reference,
+    url: file.resolvedUrl ?? file.file.reference,
+    name: file.file.hashParams?.filename ?? file.originalFileName ?? file.file.name,
+    mimeType: file.resolvedMimeType ?? file.file.mimeType,
+    source: "message",
+    size: file.fileSize
+  };
+});
 const visibleTelaAgentInputSchema = computed(() => !hasMessages.value ? telaAgentInputSchema.value : null);
 const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value && shouldLoadTelaAgentMetadata.value && telaAgentMetadataLoading.value);
 const visibleConversations = computed(
@@ -268,6 +290,33 @@ async function handleRetry(messageId) {
 async function handleNewConversation() {
   resetConversation();
 }
+const workspaceSheetOpen = ref(false);
+const {
+  settings: workspaceSettingsForModal,
+  fetchSettings: fetchWorkspaceSettingsForModal,
+  openModal: openWorkspaceSettingsModal
+} = useWorkspaceSettings();
+const { openModal: openWorkspaceSwitchModal } = useWorkspaceSwitchModal();
+async function handleOpenWorkspaceSettings() {
+  if (!workspaceSettingsForModal.value) {
+    try {
+      await fetchWorkspaceSettingsForModal();
+    } catch (err) {
+      console.error("Failed to load workspace settings:", err);
+      return;
+    }
+  }
+  openWorkspaceSettingsModal();
+}
+function handleSwitchWorkspace() {
+  openWorkspaceSwitchModal();
+}
+async function handleSignout() {
+  chatAction.emit("signout");
+  await logout();
+}
+const workspaceName = computed(() => activeOrganization.value?.name ?? "Workspace");
+const workspaceLogo = computed(() => activeOrganization.value?.logo ?? void 0);
 function handleTabChange(tab) {
   activeTab.value = tab;
   if (tab === "chat")
@@ -355,7 +404,7 @@ async function handleDelete() {
     <div ref="dropZoneRef" h-full flex bg-white relative>
         <!-- Sidebar -->
         <div
-            v-if="!hideSidebar"
+            v-if="!hideSidebar && !isMobile"
             w-240px h-full flex="~ col" flex-shrink-0
             bg-neutral-50 b-r=".5px neutral-200"
         >
@@ -408,8 +457,143 @@ async function handleDelete() {
         <div flex-1 h-full flex="~ col" overflow-hidden relative style="--chat-panel-offset: 0px">
             <div v-if="loading && currentConversation" class="loading-bar" />
 
+            <ChatMobileShell
+                v-if="isMobile"
+                v-model:drawer-open="drawerOpen"
+                v-model:edit-title="editTitle"
+                v-model:model="selectedModel"
+                v-model:workspace-sheet-open="workspaceSheetOpen"
+                :current-conversation="currentConversation"
+                :display-title="displayTitle"
+                :conversation-creator="conversationCreator"
+                :current-user="currentUser"
+                :active-tab="activeTab"
+                :active-conversation-id="activeConversationId"
+                :conversations="visibleConversations"
+                :conversations-loading="conversationsLoading"
+                :conversation-files="conversationFiles"
+                :files-count="filesCount"
+                :generating-title="generatingTitle"
+                :has-messages="hasMessages"
+                :has-pending-message="hasPendingMessage"
+                :hide-settings="hideSettings"
+                :hide-sidebar="hideSidebar"
+                :is-editing="isEditing"
+                :loading="loading"
+                :messages="messages"
+                :allow-model-selection="!isTelaAgentMode"
+                :agent-input-schema="visibleTelaAgentInputSchema"
+                :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                :show-model-selector="resolvedFeatures.showModelSelector"
+                :show-cancel-button="resolvedFeatures.showCancelButton"
+                :show-debug-option="resolvedFeatures.showDebugOption"
+                :show-outdated-badge="showOutdatedBadge"
+                :show-outdated-banner="showOutdatedBanner"
+                :show-usage-tab="resolvedFeatures.showUsageTab"
+                :workspace-logo="workspaceLogo"
+                :workspace-name="workspaceName"
+                :workspace-settings="effectiveWorkspaceSettings"
+                @cancel="cancelConversation"
+                @cancel-editing="cancelEditing"
+                @copy-link="handleShare"
+                @debug="showDebugModal = true"
+                @delete="showDeleteModal = true"
+                @dismiss-outdated-banner="dismissOutdatedBanner"
+                @duplicate="handleDuplicate"
+                @export="handleExport"
+                @new-conversation="handleNewConversation"
+                @rename="startEditing"
+                @save-title="saveTitle"
+                @select-conversation="openConversation"
+                @send="handleSend"
+                @settings="handleOpenWorkspaceSettings"
+                @signout="handleSignout"
+                @switch-workspace="handleSwitchWorkspace"
+                @tab-change="handleTabChange"
+            >
+                <template #loading>
+                    <ChatMessageList
+                        :messages="[]"
+                        loading
+                    />
+                    <ChatMessageInput
+                        v-model:model="selectedModel"
+                        :disabled="true"
+                        :allow-model-selection="!isTelaAgentMode"
+                        :agent-input-schema="visibleTelaAgentInputSchema"
+                        :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :show-model-selector="resolvedFeatures.showModelSelector"
+                        :show-cancel-button="resolvedFeatures.showCancelButton"
+                    />
+                </template>
+
+                <template #empty>
+                    <div
+                        flex-1 flex="~ col" items-center justify-center gap-40px px-24px
+                        :class="currentConversation ? 'pt-64px' : ''"
+                    >
+                        <div flex="~ col" items-center gap-8px text-center>
+                            <h1 text-24px font-semibold text-gray-800 leading-28px tracking="-.8px">
+                                Olá, {{ currentUser?.name?.split(" ")[0] ?? "usu\xE1rio" }}
+                            </h1>
+                            <p text-16px text-gray-500 leading-20px tracking="-.2px">
+                                Como posso te ajudar hoje?
+                            </p>
+                        </div>
+                        <ChatMessageInput
+                            ref="messageInputRef"
+                            v-model:model="selectedModel"
+                            :disabled="hasPendingMessage"
+                            :loading="hasPendingMessage"
+                            :creator-name="currentUser?.name ?? void 0"
+                            :creator-email="currentConversation?.createdBy ?? currentUser?.email ?? void 0"
+                            :creator-image="currentUser?.image ?? void 0"
+                            :messages="messages"
+                            :conversation-files="conversationFiles"
+                            :workspace-settings="effectiveWorkspaceSettings"
+                            :allow-model-selection="!isTelaAgentMode"
+                            :agent-input-schema="visibleTelaAgentInputSchema"
+                            :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                            :show-model-selector="resolvedFeatures.showModelSelector"
+                            :show-cancel-button="resolvedFeatures.showCancelButton"
+                            centered
+                            @send="handleSend"
+                            @cancel="cancelConversation"
+                        />
+                    </div>
+                </template>
+
+                <ChatMessageList
+                    :messages="messages"
+                    @retry="handleRetry"
+                />
+                <ChatMessageInput
+                    ref="messageInputRef"
+                    v-model:model="selectedModel"
+                    :disabled="hasPendingMessage"
+                    :loading="hasPendingMessage"
+                    :creator-name="currentUser?.name ?? void 0"
+                    :creator-email="currentConversation?.createdBy ?? currentUser?.email ?? void 0"
+                    :creator-image="currentUser?.image ?? void 0"
+                    :messages="messages"
+                    :conversation-files="conversationFiles"
+                    :workspace-settings="effectiveWorkspaceSettings"
+                    :allow-model-selection="!isTelaAgentMode"
+                    :agent-input-schema="visibleTelaAgentInputSchema"
+                    :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                    :show-model-selector="resolvedFeatures.showModelSelector"
+                    :show-cancel-button="resolvedFeatures.showCancelButton"
+                    has-disclaimer
+                    @send="handleSend"
+                    @cancel="cancelConversation"
+                />
+                <p text-center text-12px font-400 leading-16px text-tertiary my-8px>
+                    As respostas podem conter erros. Verifique documentos originais.
+                </p>
+            </ChatMobileShell>
+
             <ChatTopbar
-                v-if="currentConversation"
+                v-if="currentConversation && !isMobile"
                 :title="displayTitle"
                 :creator-name="conversationCreator?.name ?? void 0"
                 :creator-email="currentConversation.createdBy ?? void 0"
@@ -437,7 +621,7 @@ async function handleDelete() {
             />
 
             <div
-                v-if="showOutdatedBanner"
+                v-if="!isMobile && showOutdatedBanner"
                 mt-64px flex items-center h-36px px-12px bg="#FFF1D8"
             >
                 <div flex items-center gap-8px flex-1>
@@ -469,11 +653,11 @@ async function handleDelete() {
                 </div>
             </div>
 
-            <template v-if="activeTab === 'files' && currentConversation">
+            <template v-if="!isMobile && activeTab === 'files' && currentConversation">
                 <ChatFilesView :conversation-id="currentConversation.id" />
             </template>
 
-            <template v-else-if="activeTab === 'usage' && resolvedFeatures.showUsageTab && currentConversation">
+            <template v-else-if="!isMobile && activeTab === 'usage' && resolvedFeatures.showUsageTab && currentConversation">
                 <ChatUsageView
                     :conversation-id="currentConversation.id"
                     :created-at="currentConversation.createdAt"
@@ -481,7 +665,7 @@ async function handleDelete() {
                 />
             </template>
 
-            <template v-else-if="loading">
+            <template v-else-if="!isMobile && loading">
                 <ChatMessageList
                     :messages="[]"
                     loading
@@ -497,7 +681,7 @@ async function handleDelete() {
                 />
             </template>
 
-            <template v-else-if="!hasMessages">
+            <template v-else-if="!isMobile && !hasMessages">
                 <div
                     flex-1 flex="~ col" items-center justify-center gap-40px px-24px
                     :class="currentConversation ? 'pt-64px' : ''"
@@ -533,7 +717,7 @@ async function handleDelete() {
                 </div>
             </template>
 
-            <template v-else>
+            <template v-else-if="!isMobile">
                 <ChatMessageList
                     :messages="messages"
                     @retry="handleRetry"
@@ -648,8 +832,14 @@ async function handleDelete() {
             </TelaModal>
         </div>
 
+        <ChatMobileFilePreview
+            v-if="isPreviewPanelOpen && isMobile"
+            :file="mobilePreviewFile"
+            @close="closePreview"
+        />
+
         <div
-            v-if="isPreviewPanelOpen"
+            v-if="isPreviewPanelOpen && !isMobile"
             h-full flex-shrink-0 pt-64px
             :style="{ width: `${previewPanelWidth}px` }"
         >

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
+    hideSettings?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
@@ -14,6 +15,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     initialConversationId: string | null;
     hideSidebar: boolean;
+    hideSettings: boolean;
 }, {}, {}, {}, 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

@@ -0,0 +1,34 @@
+type SettingsTab = {
+    value: string;
+    label: string;
+    icon: string;
+};
+type __VLS_Props = {
+    tabs: SettingsTab[];
+    activeTab: string | null;
+    hasChanges?: boolean;
+    isBusy?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    save: () => any;
+    back: () => any;
+    selectTab: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,95 @@
+<script setup>
+const props = defineProps({
+  tabs: { type: Array, required: true },
+  activeTab: { type: [String, null], required: true },
+  hasChanges: { type: Boolean, required: false },
+  isBusy: { type: Boolean, required: false }
+});
+const emit = defineEmits(["back", "close", "save", "selectTab"]);
+const transitionName = ref("mobile-config-slide-forward");
+const activeTabLabel = computed(() => props.tabs.find((tab) => tab.value === props.activeTab)?.label ?? "Configura\xE7\xF5es");
+watch(() => props.activeTab, (activeTab, previousActiveTab) => {
+  if (activeTab && !previousActiveTab)
+    transitionName.value = "mobile-config-slide-forward";
+  else if (!activeTab && previousActiveTab)
+    transitionName.value = "mobile-config-slide-back";
+  else
+    transitionName.value = "mobile-config-fade";
+});
+</script>
+
+<template>
+    <div class="mobile-config" role="dialog" aria-modal="true">
+        <header class="mobile-config__header">
+            <Transition name="mobile-config-fade" mode="out-in">
+                <button
+                    v-if="activeTab"
+                    key="back"
+                    type="button"
+                    class="mobile-config__icon-btn"
+                    aria-label="Voltar"
+                    @click="emit('back')"
+                >
+                    <span i-ph-arrow-left text-20px />
+                </button>
+                <div v-else key="spacer" class="mobile-config__header-spacer" />
+            </Transition>
+
+            <Transition name="mobile-config-title" mode="out-in">
+                <h1 :key="activeTab ?? 'settings-list'">
+                    {{ activeTab ? activeTabLabel : "Configura\xE7\xF5es" }}
+                </h1>
+            </Transition>
+
+            <button
+                type="button"
+                class="mobile-config__icon-btn"
+                aria-label="Fechar configurações"
+                @click="emit('close')"
+            >
+                <span i-ph-x text-20px />
+            </button>
+        </header>
+
+        <Transition :name="transitionName" mode="out-in">
+            <main v-if="!activeTab" key="settings-list" class="mobile-config__list">
+                <button
+                    v-for="tab in tabs"
+                    :key="tab.value"
+                    type="button"
+                    class="mobile-config__list-item"
+                    @click="emit('selectTab', tab.value)"
+                >
+                    <span :class="tab.icon" class="mobile-config__list-icon" />
+                    <span>{{ tab.label }}</span>
+                    <span i-ph-caret-right text-18px text-neutral-400 />
+                </button>
+            </main>
+
+            <main v-else :key="activeTab" class="mobile-config__detail">
+                <div class="mobile-config__content">
+                    <slot />
+                </div>
+
+                <footer class="mobile-config__footer">
+                    <TelaButton
+                        size="lg"
+                        class="mobile-config__save"
+                        :disabled="!hasChanges || isBusy"
+                        @click="emit('save')"
+                    >
+                        <span v-if="isBusy" flex items-center gap-6px>
+                            <div i-ph-spinner animate-spin />
+                            Salvando...
+                        </span>
+                        <span v-else>Salvar</span>
+                    </TelaButton>
+                </footer>
+            </main>
+        </Transition>
+    </div>
+</template>
+
+<style scoped>
+.mobile-config{background:#fff;display:flex;flex-direction:column;inset:0;position:fixed;z-index:550}.mobile-config__header{align-items:center;background:#fff;border-bottom:.5px solid rgba(0,0,0,.08);display:grid;flex-shrink:0;grid-template-columns:44px 1fr 44px;min-height:56px;padding:6px 10px}.mobile-config__header h1{color:#171717;font-size:16px;font-weight:580;line-height:20px;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-config__header-spacer{height:44px;width:44px}.mobile-config__icon-btn{align-items:center;background:transparent;border-radius:12px;color:#171717;display:inline-flex;height:44px;justify-content:center;transition:background .15s,transform .12s;width:44px}.mobile-config__icon-btn:active{background:#f5f5f5;transform:scale(.96)}.mobile-config__list{background:#f7f7f7;flex:1;overflow-y:auto;padding:12px 12px max(20px,env(safe-area-inset-bottom))}.mobile-config__list-item{align-items:center;background:#fff;border-bottom:.5px solid #f0f0f0;color:#171717;display:grid;gap:12px;grid-template-columns:24px 1fr 20px;min-height:52px;padding:12px 14px;text-align:left;width:100%}.mobile-config__list-item:first-child{border-radius:14px 14px 0 0}.mobile-config__list-item:last-child{border-bottom:0;border-radius:0 0 14px 14px}.mobile-config__list-item:only-child{border-radius:14px}.mobile-config__list-item:active{background:#f5f5f5}.mobile-config__list-icon{color:#6b7280;font-size:20px}.mobile-config__list-item span:nth-child(2){font-size:15px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-config__detail{display:flex;flex:1;flex-direction:column;min-height:0}.mobile-config__content{flex:1;min-height:0;overflow-y:auto;padding:20px 18px 24px}.mobile-config__footer{background:#fff;border-top:.5px solid rgba(0,0,0,.08);flex-shrink:0;padding:12px 18px max(18px,env(safe-area-inset-bottom))}.mobile-config__save{width:100%}.mobile-config-fade-enter-active,.mobile-config-fade-leave-active,.mobile-config-slide-back-enter-active,.mobile-config-slide-back-leave-active,.mobile-config-slide-forward-enter-active,.mobile-config-slide-forward-leave-active,.mobile-config-title-enter-active,.mobile-config-title-leave-active{transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.mobile-config-slide-back-enter-active,.mobile-config-slide-back-leave-active,.mobile-config-slide-forward-enter-active,.mobile-config-slide-forward-leave-active{will-change:opacity,transform}.mobile-config-slide-forward-enter-from{opacity:0;transform:translateX(18px)}.mobile-config-slide-back-enter-from,.mobile-config-slide-forward-leave-to{opacity:0;transform:translateX(-18px)}.mobile-config-slide-back-leave-to{opacity:0;transform:translateX(18px)}.mobile-config-fade-enter-from,.mobile-config-fade-leave-to,.mobile-config-title-enter-from,.mobile-config-title-leave-to{opacity:0}.mobile-config-title-enter-from{transform:translateY(3px)}.mobile-config-title-leave-to{transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.mobile-config-fade-enter-active,.mobile-config-fade-leave-active,.mobile-config-slide-back-enter-active,.mobile-config-slide-back-leave-active,.mobile-config-slide-forward-enter-active,.mobile-config-slide-forward-leave-active,.mobile-config-title-enter-active,.mobile-config-title-leave-active{transition-duration:1ms}.mobile-config-slide-back-enter-from,.mobile-config-slide-back-leave-to,.mobile-config-slide-forward-enter-from,.mobile-config-slide-forward-leave-to,.mobile-config-title-enter-from,.mobile-config-title-leave-to{transform:none}}
+</style>

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

@@ -0,0 +1,34 @@
+type SettingsTab = {
+    value: string;
+    label: string;
+    icon: string;
+};
+type __VLS_Props = {
+    tabs: SettingsTab[];
+    activeTab: string | null;
+    hasChanges?: boolean;
+    isBusy?: boolean;
+};
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    save: () => any;
+    back: () => any;
+    selectTab: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/server/api/conversations/[id]/duplicate.post.js

@@ -30,6 +30,7 @@ export default defineEventHandler(async (event) => {
       title: `${original.title} (copy)`,
       createdBy: context.user.email,
       telaAgentId: original.telaAgentId,
+      conversationScope: original.conversationScope,
       threadSessionId: null,
       model: original.telaAgentId ? null : original.model,
       appliedSettingsAt: trustedSettings ? getWorkspaceSettingsUpdatedAt(trustedSettings) : null,

package/dist/runtime/server/api/conversations/[id]/messages/[messageId]/retry.post.js

@@ -62,7 +62,9 @@ export default defineEventHandler(async (event) => {
     content: "",
     status: "pending",
     reasoningData: null,
-    files: null
+    files: null,
+    ttft: null,
+    updatedAt: null
   }).where(eq(schema.messages.id, messageId));
   logger.info({ conversationId, messageId }, "Message retry initiated");
   if (conversation.telaAgentId) {

package/dist/runtime/server/api/conversations/[id]/messages/index.get.js

@@ -5,10 +5,14 @@ import { getAgentDataToken, getSessionStatus } from "#chat-runtime/server/utils/
 import { resolveChatRuntimeContext } from "#chat-runtime/server/utils/chat-context";
 import { attachNewAssistantFilesToMessageUpdate } from "#chat-runtime/server/utils/conversation-message-files";
 import {
+  buildFailedPendingMessageUpdate,
   buildMessageUpdateResponse,
   hasMessageUpdate,
+  hasPendingMessageExceededGraceWindow,
   isTerminalMessageUpdate,
   mapAgentApiSessionToMessageUpdate,
+  SESSION_STATUS_CHECK_ERROR,
+  THREAD_SESSION_START_ERROR,
   trackAgentApiConversationUsage,
   trackTelaAgentConversationUsage
 } from "#chat-runtime/server/utils/conversation-message-sync";
@@ -48,10 +52,22 @@ export default defineEventHandler(async (event) => {
     });
   }
   const pendingMessage = messages.find((message) => message.status === "pending");
-  const lastAssistantMessage = messages.findLast((message) => message.role === "assistant" && message.status === "completed");
-  if (!pendingMessage || !conversation.threadSessionId) {
+  const lastCompletedAssistantMessage = messages.findLast((message) => message.role === "assistant" && message.status === "completed");
+  const lastTerminalAssistantMessage = messages.findLast(
+    (message) => message.role === "assistant" && (message.status === "completed" || message.status === "failed")
+  );
+  if (!pendingMessage) {
     return { messages };
   }
+  if (!conversation.threadSessionId) {
+    if (!hasPendingMessageExceededGraceWindow(pendingMessage)) {
+      return { messages };
+    }
+    const updateData2 = buildFailedPendingMessageUpdate(THREAD_SESSION_START_ERROR);
+    logger.warn({ conversationId, messageId: pendingMessage.id }, "Pending message failed because thread session was not created");
+    await db.update(schema.messages).set(updateData2).where(eq(schema.messages.id, pendingMessage.id));
+    return buildMessageUpdateResponse(messages, pendingMessage.id, updateData2);
+  }
   logger.debug({ conversationId, messageId: pendingMessage.id, sessionId: conversation.threadSessionId }, "Polling pending message");
   if (conversation.telaAgentId) {
     const sessionResult2 = await getTelaAgentSession(event, conversation.threadSessionId);
@@ -61,7 +77,7 @@ export default defineEventHandler(async (event) => {
     const agentSession2 = sessionResult2.data;
     const userMessage2 = messages.findLast((message) => message.role === "user");
     const updateData2 = mapTelaAgentSessionToMessageUpdate(agentSession2, {
-      lastSyncedStepId: pendingMessage.externalUuid ?? lastAssistantMessage?.externalUuid,
+      lastSyncedStepId: pendingMessage.externalUuid ?? lastTerminalAssistantMessage?.externalUuid,
       existingReasoningData: Array.isArray(pendingMessage.reasoningData) ? pendingMessage.reasoningData : null,
       pendingMessageTtft: pendingMessage.ttft,
       userMessageCreatedAt: userMessage2?.createdAt ?? null
@@ -84,13 +100,21 @@ export default defineEventHandler(async (event) => {
   }
   const sessionResult = await getSessionStatus(token, conversation.threadSessionId);
   if (!sessionResult.success) {
-    return { messages };
+    if (!hasPendingMessageExceededGraceWindow(pendingMessage)) {
+      logger.debug({ conversationId, messageId: pendingMessage.id, sessionId: conversation.threadSessionId, error: sessionResult.error }, "Agent session status check failed within grace window");
+      return { messages };
+    }
+    const updateData2 = buildFailedPendingMessageUpdate(SESSION_STATUS_CHECK_ERROR);
+    logger.warn({ conversationId, messageId: pendingMessage.id, sessionId: conversation.threadSessionId, error: sessionResult.error }, "Pending message failed because session status check did not recover");
+    await db.update(schema.messages).set(updateData2).where(eq(schema.messages.id, pendingMessage.id));
+    return buildMessageUpdateResponse(messages, pendingMessage.id, updateData2);
   }
   const agentSession = sessionResult.data;
   const userMessage = messages.findLast((message) => message.role === "user");
   const updateData = mapAgentApiSessionToMessageUpdate(agentSession, {
     pendingMessage,
-    lastAssistantMessage,
+    lastAssistantMessage: lastCompletedAssistantMessage,
+    lastSyncedMessage: pendingMessage.externalUuid ? pendingMessage : lastTerminalAssistantMessage,
     userMessage
   });
   if (updateData.status === "completed") {

package/dist/runtime/server/api/conversations/index.post.js

@@ -30,6 +30,7 @@ export default defineEventHandler(async (event) => {
     userId: context.user.id,
     createdBy: context.user.email,
     telaAgentId: context.telaAgentId,
+    conversationScope: context.conversationScope,
     ...context.telaAgentId ? { model: null } : body.model ? { model: body.model } : {}
   }).returning();
   if (!conversation) {

package/dist/runtime/server/db/schema/conversations.d.ts

@@ -105,6 +105,23 @@ export declare const conversations: import("drizzle-orm/pg-core").PgTableWithCol
             identity: undefined;
             generated: undefined;
         }, {}, {}>;
+        conversationScope: import("drizzle-orm/pg-core").PgColumn<{
+            name: "conversation_scope";
+            tableName: "conversations";
+            dataType: "string";
+            columnType: "PgText";
+            data: string;
+            driverParam: string;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: [string, ...string[]];
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
         model: import("drizzle-orm/pg-core").PgColumn<{
             name: "model";
             tableName: "conversations";

package/dist/runtime/server/db/schema/conversations.js

@@ -7,6 +7,7 @@ export const conversations = chatSchema.table("conversations", {
   title: text("title").notNull().default("Nova conversa"),
   threadSessionId: text("thread_session_id"),
   telaAgentId: text("tela_agent_id"),
+  conversationScope: text("conversation_scope"),
   model: text("model").default("claude-sonnet-4-5"),
   appliedSettingsAt: timestamp("applied_settings_at", { withTimezone: true }),
   appliedSettingsSnapshot: jsonb("applied_settings_snapshot").$type(),