@meistrari/chat-nuxt 4.4.0-rc.3 → 4.4.0-rc.5

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "4.4.0-rc.3",
+  "version": "4.4.0-rc.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/conversations/components/chat-new-conversation-modal.d.vue.ts

@@ -6,8 +6,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
 } & {
     create: (canvasTools: CanvasTool[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    onCreate?: ((canvasTools: CanvasTool[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    onCreate?: ((canvasTools: CanvasTool[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/conversations/components/chat-new-conversation-modal.vue.d.ts

@@ -6,8 +6,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
 } & {
     create: (canvasTools: CanvasTool[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    onCreate?: ((canvasTools: CanvasTool[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    onCreate?: ((canvasTools: CanvasTool[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/embed/components/chat-embed-inner.d.vue.ts

@@ -4,6 +4,7 @@ import type { ChatFeatureConfig } from '../feature-config.js';
 import type { ChatActor, ChatSidebarConfig, ChatSuggestion } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
+    syncBrowserState?: boolean;
     conversationId?: string | null;
     conversationEvents?: readonly ConversationEvent[] | null;
     composerDisabled?: boolean;
@@ -40,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
+    syncBrowserState: boolean;
     initialConversationId: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/embed/components/chat-embed-inner.vue

@@ -43,6 +43,7 @@ import { useWorkspaceMembers } from "../../workspace/composables/workspace-membe
 import { useWorkspaceSettings } from "../../workspace/composables/workspace-settings";
 import { useWorkspaceSwitchModal } from "../../workspace/composables/workspace-switch-modal";
 const props = defineProps({
+  syncBrowserState: { type: Boolean, required: false, default: true },
   conversationId: { type: [String, null], required: false },
   conversationEvents: { type: [Array, null], required: false },
   composerDisabled: { type: Boolean, required: false },
@@ -138,7 +139,7 @@ const {
   closePreview
 } = useFilePreviewPanel();
 const { isOpen: isCitationPanelOpen } = useCitationPanel();
-const sharedConversationId = getSharedConversationId(route.query);
+const sharedConversationId = props.syncBrowserState === false ? null : getSharedConversationId(route.query);
 const activeConversationId = ref(
   normalizeConversationId(props.conversationId) ?? normalizeConversationId(props.initialConversationId) ?? normalizeConversationId(sharedConversationId)
 );
@@ -157,6 +158,11 @@ const {
 const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
+const answerTarget = ref(null);
+provide("chat-answer-target", answerTarget);
+function setAnswerTarget(el) {
+  answerTarget.value = el instanceof HTMLElement ? el : null;
+}
 const messageInputRef = ref(null);
 const PROMPT_INPUT_HINTS = [
   { icon: "i-ph-at-bold", label: "Para mencionar arquivos" },
@@ -507,7 +513,7 @@ useConversationBrowserState(activeConversationId, computed(() => {
   if (currentConversation.value?.id !== activeConversationId.value)
     return null;
   return optimisticTitle.value ?? currentConversation.value?.title ?? null;
-}));
+}), () => props.syncBrowserState !== false);
 const displayTitle = computed(() => {
   if (optimisticTitle.value !== null)
     return optimisticTitle.value;
@@ -1144,29 +1150,33 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <ChatMessageInput
-                    ref="messageInputRef"
-                    v-model:selected-model="selectedModel"
-                    v-model:selected-reasoning-effort="selectedReasoningEffort"
-                    :loading="composerLocked"
-                    :disabled="composerDisabled"
-                    :creator-name="currentUser?.name ?? void 0"
-                    :creator-email="
+                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                    <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
+                    <ChatMessageInput
+                        ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
+                        v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        class="!p-0"
+                        :loading="composerLocked"
+                        :disabled="composerDisabled"
+                        :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"
-                    :agent-input-schema="visibleTelaAgentInputSchema"
-                    :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :agent-skills="agentSkills"
-                    :agent-context-files="agentContextFiles"
-                    :show-cancel-button="resolvedFeatures.showCancelButton"
-                    has-disclaimer
-                    @send="handleSend"
-                    @cancel="handleCancel"
-                />
+                        :creator-image="currentUser?.image ?? void 0"
+                        :messages="messages"
+                        :conversation-files="conversationFiles"
+                        :workspace-settings="effectiveWorkspaceSettings"
+                        :agent-input-schema="visibleTelaAgentInputSchema"
+                        :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
+                        :show-cancel-button="resolvedFeatures.showCancelButton"
+                        has-disclaimer
+                        @send="handleSend"
+                        @cancel="handleCancel"
+                    />
+                </div>
             </ChatMobileShell>
 
             <ChatTopbar
@@ -1359,29 +1369,33 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <ChatMessageInput
-                    ref="messageInputRef"
-                    v-model:selected-model="selectedModel"
-                    v-model:selected-reasoning-effort="selectedReasoningEffort"
-                    :loading="composerLocked"
-                    :disabled="composerDisabled"
-                    :creator-name="currentUser?.name ?? void 0"
-                    :creator-email="
+                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                    <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
+                    <ChatMessageInput
+                        ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
+                        v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        class="!p-0"
+                        :loading="composerLocked"
+                        :disabled="composerDisabled"
+                        :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"
-                    :agent-input-schema="visibleTelaAgentInputSchema"
-                    :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :agent-skills="agentSkills"
-                    :agent-context-files="agentContextFiles"
-                    :show-cancel-button="resolvedFeatures.showCancelButton"
-                    has-disclaimer
-                    @send="handleSend"
-                    @cancel="handleCancel"
-                />
+                        :creator-image="currentUser?.image ?? void 0"
+                        :messages="messages"
+                        :conversation-files="conversationFiles"
+                        :workspace-settings="effectiveWorkspaceSettings"
+                        :agent-input-schema="visibleTelaAgentInputSchema"
+                        :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
+                        :show-cancel-button="resolvedFeatures.showCancelButton"
+                        has-disclaimer
+                        @send="handleSend"
+                        @cancel="handleCancel"
+                    />
+                </div>
             </TelaChatBody>
 
             <Transition name="fade">
@@ -1545,5 +1559,5 @@ async function handleDelete() {
 </style>
 
 <style>
-[data-chat-body][data-variant=page] [data-chat-prompt-input]{margin-inline:auto!important;max-width:700px}
+[data-chat-body][data-variant=page] :is([data-chat-composer],[data-chat-prompt-input]){margin-inline:auto!important;max-width:700px}
 </style>

package/dist/runtime/embed/components/chat-embed-inner.vue.d.ts

@@ -4,6 +4,7 @@ import type { ChatFeatureConfig } from '../feature-config.js';
 import type { ChatActor, ChatSidebarConfig, ChatSuggestion } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
+    syncBrowserState?: boolean;
     conversationId?: string | null;
     conversationEvents?: readonly ConversationEvent[] | null;
     composerDisabled?: boolean;
@@ -40,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
+    syncBrowserState: boolean;
     initialConversationId: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/embed/components/chat-embed.d.vue.ts

@@ -1,7 +1,4 @@
 import { useChatAuth } from '#chat-auth';
-import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
-import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_13: {}, __VLS_16: {
     message: useChatAuth;
 };
@@ -10,45 +7,7 @@ type __VLS_Slots = {} & {
 } & {
     'failed-message-actions'?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:conversationId": (value: string | null) => any;
-    "update:conversationTitle": (value: string | null) => any;
-    "update:conversationCreatorFilter": (value: "all" | "mine") => any;
-    messageFeedback: (payload: MessageFeedbackPayload) => any;
-    action: (payload: ChatActionPayload) => any;
-    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
-}, string, import("vue").PublicProps, Readonly<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps)> & Readonly<{
-    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationTitle"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationCreatorFilter"?: ((value: "all" | "mine") => any) | undefined;
-    onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
-    onAction?: ((payload: ChatActionPayload) => any) | undefined;
-    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/embed/components/chat-embed.vue

@@ -9,6 +9,7 @@ import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config"
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
 import ChatEmbedInner from "./chat-embed-inner.vue";
 const props = defineProps({
+  syncBrowserState: { type: Boolean, required: false, default: true },
   chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
@@ -42,6 +43,7 @@ const props = defineProps({
   features: { type: Object, required: false },
   variant: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
+  closeOnOutsideClick: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
 const emit = defineEmits(["update:conversationId", "update:conversationTitle", "update:conversationCreatorFilter", "action", "messageFeedback", "messageTerminal"]);
@@ -120,6 +122,7 @@ provideChatMessageTerminal((payload) => {
     <ChatEmbedInner
         v-if="workspaceId"
         :key="`${workspaceId}:${normalizedTelaAgentId ?? 'default-chat'}:branch:${telaAgentBranch ?? ''}:scope:${resolveConversationScopeKeySegment(normalizedConversationScope)}`"
+        :sync-browser-state="syncBrowserState"
         :conversation-id="conversationId"
         :conversation-events="conversationEvents"
         :composer-disabled="composerDisabled"

package/dist/runtime/embed/components/chat-embed.vue.d.ts

@@ -1,7 +1,4 @@
 import { useChatAuth } from '#chat-auth';
-import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
-import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_13: {}, __VLS_16: {
     message: useChatAuth;
 };
@@ -10,45 +7,7 @@ type __VLS_Slots = {} & {
 } & {
     'failed-message-actions'?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:conversationId": (value: string | null) => any;
-    "update:conversationTitle": (value: string | null) => any;
-    "update:conversationCreatorFilter": (value: "all" | "mine") => any;
-    messageFeedback: (payload: MessageFeedbackPayload) => any;
-    action: (payload: ChatActionPayload) => any;
-    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
-}, string, import("vue").PublicProps, Readonly<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps)> & Readonly<{
-    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationTitle"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationCreatorFilter"?: ((value: "all" | "mine") => any) | undefined;
-    onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
-    onAction?: ((payload: ChatActionPayload) => any) | undefined;
-    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -16,10 +16,10 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
-    copyLink: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     cancelEditing: () => any;
@@ -28,10 +28,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "update:isEditing": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onCancelEditing?: (() => any) | undefined;

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

@@ -16,10 +16,10 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
-    copyLink: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     cancelEditing: () => any;
@@ -28,10 +28,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "update:isEditing": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onCancelEditing?: (() => any) | undefined;

package/dist/runtime/embed/components/meistrari-chat-embed.vue

@@ -1,7 +1,8 @@
 <script setup>
 import { computed, ref, watch } from "vue";
 import { provideConversationCreatorFilterState } from "../../conversations/composables/conversation-creator-filter-state";
-const { hideSidebar = void 0, ...props } = defineProps({
+const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = true, ...props } = defineProps({
+  syncBrowserState: { type: Boolean, required: false },
   chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
@@ -35,6 +36,7 @@ const { hideSidebar = void 0, ...props } = defineProps({
   features: { type: Object, required: false },
   variant: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
+  closeOnOutsideClick: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
 const emit = defineEmits(["update:conversationId", "update:conversationCreatorFilter", "update:open", "action", "messageFeedback", "messageTerminal"]);
@@ -67,6 +69,7 @@ function startWidgetConversation() {
 }
 const sharedEmbedProps = computed(() => ({
   telaAgentBranch: props.telaAgentBranch,
+  syncBrowserState,
   conversationId: props.conversationId,
   conversationEvents: props.conversationEvents,
   composerDisabled: props.composerDisabled,
@@ -123,7 +126,7 @@ const widgetEmbedProps = computed(() => ({
 
     <ClientOnly v-else>
         <!-- Floating: popover anchored to the launcher pill -->
-        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" @update:open="setOpen">
+        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" :close-on-outside-click="closeOnOutsideClick" @update:open="setOpen">
             <template #launcher>
                 <TelaChatFloatingWindowTrigger :open="isOpen" :label="props.launcherLabel" />
             </template>

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

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

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

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

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

@@ -61,12 +61,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 } & {
     delete: () => any;
     cancel: () => any;
-    settings: () => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-    copyLink: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => any;
+    settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -75,21 +76,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     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_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
@@ -98,7 +99,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     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;

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

@@ -61,12 +61,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 } & {
     delete: () => any;
     cancel: () => any;
-    settings: () => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-    copyLink: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => any;
+    settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -75,21 +76,21 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     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_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
-    onRename?: (() => any) | undefined;
-    onDuplicate?: (() => any) | undefined;
-    onExport?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
@@ -98,7 +99,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     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;

package/dist/runtime/embed/composables/conversation-browser-state.d.ts

@@ -1,2 +1,2 @@
 import type { Ref } from 'vue';
-export declare function useConversationBrowserState(conversationId: Ref<string | null>, title: Ref<string | null>): void;
+export declare function useConversationBrowserState(conversationId: Ref<string | null>, title: Ref<string | null>, enabled?: () => boolean): void;

package/dist/runtime/embed/composables/conversation-browser-state.js

@@ -1,9 +1,11 @@
-export function useConversationBrowserState(conversationId, title) {
+export function useConversationBrowserState(conversationId, title, enabled = () => true) {
   const route = useRoute();
   const router = useRouter();
-  useHead(computed(() => title.value ? { title: title.value } : {}));
+  useHead(computed(() => enabled() && title.value ? { title: title.value } : {}));
   onMounted(() => {
-    watch(conversationId, async (id) => {
+    watch([conversationId, enabled], async ([id, sync]) => {
+      if (!sync)
+        return;
       if (route.query.conversationId === (id ?? void 0) && route.query.conversation === void 0)
         return;
       const query = { ...route.query };