@meistrari/chat-nuxt 1.11.0 → 1.12.0

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

@@ -12,11 +12,11 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     select: (id: string) => any;
     close: () => any;
-    newConvo: () => any;
+    newConvo: (groupId?: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((id: string) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onNewConvo?: (() => any) | undefined;
+    onNewConvo?: ((groupId?: string | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, 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,7 +1,10 @@
 <script setup>
+import { useChatAuth } from "#chat-auth";
 import { formatRelativeTime } from "../../../../utils/format-time";
 import { conversationListSkeletonRows } from "../../../../utils/conversation-list-skeleton";
 import { filterConversationsByTitle } from "../../../../utils/conversation-search";
+import { groupConversationsByGroup } from "../../../../utils/conversation-groups";
+import { resolveChatStateScope } from "../../../../utils/tela-chat";
 const props = defineProps({
   open: { type: Boolean, required: true },
   conversations: { type: null, required: true },
@@ -12,11 +15,28 @@ const props = defineProps({
   userImage: { type: String, required: false }
 });
 const emit = defineEmits(["close", "select", "newConvo"]);
+const DRAG_OPEN_GROUP_DELAY_MS = 400;
 const initial = computed(() => {
   const source = props.userName ?? props.userEmail ?? "U";
   return source.charAt(0).toUpperCase();
 });
 const conversationSearch = ref("");
+const draggedConversationId = ref(null);
+const dropTargetGroupId = ref(void 0);
+const openGroupIds = ref(/* @__PURE__ */ new Set());
+const groupsReady = ref(false);
+let dragOpenGroupTimeout = null;
+let dragOpenGroupId = null;
+const embedConfig = useEmbedConfig();
+const { activeOrganization } = useChatAuth();
+const { groups, fetchGroups } = useConversationGroups();
+const { moveConversationToGroup } = useConversations();
+const runtimeScope = computed(() => resolveChatStateScope(
+  embedConfig?.workspaceId.value || activeOrganization.value?.id,
+  embedConfig?.telaAgentId.value,
+  embedConfig?.conversationScope?.value
+));
+const openGroupsStorageKey = computed(() => `conversation-group-open:${runtimeScope.value}`);
 const filteredConversations = computed(
   () => filterConversationsByTitle(props.conversations, conversationSearch.value, {
     fallbackTitle: "Nova conversa",
@@ -24,14 +44,179 @@ const filteredConversations = computed(
   })
 );
 const hasConversationSearchQuery = computed(() => conversationSearch.value.trim().length > 0);
+const filteredGroupedConversations = computed(() => groupConversationsByGroup(filteredConversations.value, groups.value));
+const allGroupedConversations = computed(() => groupConversationsByGroup(props.conversations, groups.value));
+const groupedConversations = computed(() => {
+  if (!hasConversationSearchQuery.value)
+    return filteredGroupedConversations.value;
+  const allItemsByGroupId = new Map(
+    allGroupedConversations.value.groups.map((groupBucket) => [groupBucket.group.id, groupBucket.items])
+  );
+  return {
+    groups: filteredGroupedConversations.value.groups.map(
+      (groupBucket) => doesGroupMatchSearch(groupBucket.group.name) ? {
+        ...groupBucket,
+        items: allItemsByGroupId.get(groupBucket.group.id) ?? []
+      } : groupBucket
+    ),
+    unfiled: filteredGroupedConversations.value.unfiled
+  };
+});
+const visibleGroupBuckets = computed(() => groupedConversations.value.groups.filter((groupBucket) => {
+  if (!hasConversationSearchQuery.value)
+    return true;
+  return groupBucket.items.length > 0 || doesGroupMatchSearch(groupBucket.group.name);
+}).map((groupBucket) => {
+  const open = isGroupOpen(groupBucket.group.id) || hasConversationSearchQuery.value && (groupBucket.items.length > 0 || doesGroupMatchSearch(groupBucket.group.name));
+  return {
+    ...groupBucket,
+    open,
+    folderIcon: open ? "i-ph-folder-open" : "i-ph-folder",
+    conversationCountLabel: groupBucket.items.length > 0 ? String(groupBucket.items.length) : null,
+    showNewConversationAction: !hasConversationSearchQuery.value,
+    showSearchEmpty: hasConversationSearchQuery.value && groupBucket.items.length === 0
+  };
+}));
+const showGroupCreationPrompt = computed(
+  () => groupsReady.value && !hasConversationSearchQuery.value && groups.value.length === 0
+);
+const hasConversationContent = computed(() => {
+  if (hasConversationSearchQuery.value)
+    return visibleGroupBuckets.value.length > 0 || groupedConversations.value.unfiled.length > 0;
+  return showGroupCreationPrompt.value || groups.value.length > 0 || filteredConversations.value.length > 0;
+});
+const shouldShowUngroupedHeader = computed(() => visibleGroupBuckets.value.length > 0);
+const ungroupedConversationLabel = computed(() => `Conversas \xB7 ${groupedConversations.value.unfiled.length}`);
+const activeGroupId = computed(() => {
+  const currentConversation = props.conversations.find((conversation) => conversation.id === props.activeId);
+  return currentConversation?.groupId ?? null;
+});
+onMounted(() => {
+  void Promise.resolve(fetchGroups()).finally(() => {
+    groupsReady.value = true;
+  });
+  try {
+    const stored = localStorage.getItem(openGroupsStorageKey.value);
+    if (stored) {
+      openGroupIds.value = new Set(JSON.parse(stored));
+    }
+  } catch {
+  }
+});
+watch(openGroupIds, (groupIds) => {
+  if (typeof localStorage === "undefined")
+    return;
+  try {
+    localStorage.setItem(openGroupsStorageKey.value, JSON.stringify([...groupIds]));
+  } catch {
+  }
+});
+watch(activeGroupId, (groupId) => {
+  if (groupId) {
+    setGroupOpen(groupId, true);
+  }
+}, { immediate: true });
+onBeforeUnmount(() => {
+  clearDragOpenGroup();
+});
+function isGroupOpen(groupId) {
+  return openGroupIds.value.has(groupId);
+}
+function setGroupOpen(groupId, open) {
+  const nextOpenGroupIds = new Set(openGroupIds.value);
+  if (open) {
+    nextOpenGroupIds.add(groupId);
+  } else {
+    nextOpenGroupIds.delete(groupId);
+  }
+  openGroupIds.value = nextOpenGroupIds;
+}
+function toggleGroup(groupId) {
+  setGroupOpen(groupId, !isGroupOpen(groupId));
+}
+function doesGroupMatchSearch(groupName) {
+  const query = conversationSearch.value.trim().toLowerCase();
+  return query.length > 0 && groupName.toLowerCase().includes(query);
+}
 function handleSelect(id) {
   emit("select", id);
   emit("close");
 }
-function handleNew() {
-  emit("newConvo");
+function handleNew(groupId) {
+  if (groupId) {
+    setGroupOpen(groupId, true);
+  }
+  emit("newConvo", groupId);
   emit("close");
 }
+function handleConversationDragStart(event, id) {
+  draggedConversationId.value = id;
+  event.dataTransfer?.setData("text/plain", id);
+  if (event.dataTransfer) {
+    event.dataTransfer.effectAllowed = "move";
+  }
+}
+function clearDragState() {
+  draggedConversationId.value = null;
+  dropTargetGroupId.value = void 0;
+  clearDragOpenGroup();
+}
+function clearDragOpenGroup() {
+  if (dragOpenGroupTimeout) {
+    clearTimeout(dragOpenGroupTimeout);
+  }
+  dragOpenGroupTimeout = null;
+  dragOpenGroupId = null;
+}
+function scheduleDragOpenGroup(groupId) {
+  if (!groupId || isGroupOpen(groupId)) {
+    clearDragOpenGroup();
+    return;
+  }
+  if (dragOpenGroupId === groupId)
+    return;
+  clearDragOpenGroup();
+  dragOpenGroupId = groupId;
+  dragOpenGroupTimeout = setTimeout(() => {
+    setGroupOpen(groupId, true);
+    clearDragOpenGroup();
+  }, DRAG_OPEN_GROUP_DELAY_MS);
+}
+function handleDragEnter(groupId) {
+  if (!draggedConversationId.value)
+    return;
+  dropTargetGroupId.value = groupId;
+  scheduleDragOpenGroup(groupId);
+}
+function handleDragOver(event, groupId) {
+  if (!draggedConversationId.value)
+    return;
+  if (event.dataTransfer) {
+    event.dataTransfer.dropEffect = "move";
+  }
+  dropTargetGroupId.value = groupId;
+  scheduleDragOpenGroup(groupId);
+}
+function handleDragLeave(event, groupId) {
+  const currentTarget = event.currentTarget;
+  const relatedTarget = event.relatedTarget;
+  if (currentTarget && relatedTarget && currentTarget.contains(relatedTarget))
+    return;
+  if (dropTargetGroupId.value === groupId) {
+    dropTargetGroupId.value = void 0;
+    clearDragOpenGroup();
+  }
+}
+function isDropTarget(groupId) {
+  return draggedConversationId.value !== null && dropTargetGroupId.value === groupId;
+}
+async function handleConversationDrop(event, groupId) {
+  const conversationId = event.dataTransfer?.getData("text/plain") || draggedConversationId.value;
+  clearDragState();
+  if (!conversationId)
+    return;
+  await moveConversationToGroup(conversationId, groupId);
+}
 </script>
 
 <template>
@@ -84,32 +269,26 @@ function handleNew() {
         </div>
 
         <div p-12px flex="~ col" gap-8px>
-            <button
-                flex items-center justify-center gap-6px
-                w-full px-12px py-10px rounded-10px
-                bg-white b=".5px neutral-300" shadow-sm
-                class="hover:bg-neutral-50"
-                transition-colors cursor-pointer
-                @click="handleNew"
-            >
-                <span i-ph-chat-circle text-16px text-neutral-900 />
-                <span text-14px font-580 text-neutral-900 leading-18px tracking="-.15px">
-                    Nova conversa
-                </span>
-            </button>
+            <div flex gap-8px>
+                <button
+                    flex items-center justify-center gap-6px
+                    flex-1 min-w-0 px-12px py-10px rounded-10px
+                    bg-white b=".5px neutral-300" shadow-sm
+                    class="hover:bg-neutral-50"
+                    transition-colors cursor-pointer
+                    @click="handleNew()"
+                >
+                    <span i-ph-chat-circle text-16px text-neutral-900 />
+                    <span text-14px font-580 text-neutral-900 leading-18px tracking="-.15px">
+                        Nova conversa
+                    </span>
+                </button>
+                <ChatConversationNewGroupButton />
+            </div>
             <ChatConversationSearch v-model="conversationSearch" />
             <ChatConversationCreatorFilter />
         </div>
 
-        <div px-14px pt-4px pb-4px>
-            <span
-                text-12px font-medium uppercase text-neutral-400
-                style="letter-spacing: 0.5px"
-            >
-                {{ hasConversationSearchQuery ? "Resultados" : "Recentes" }}
-            </span>
-        </div>
-
         <div flex-1 overflow-y-auto px-8px pb-8px>
             <div v-if="loading && conversations.length === 0" flex="~ col" gap-1px py-4px>
                 <div
@@ -120,35 +299,185 @@ function handleNew() {
                     <TelaSkeleton rounded-6px bg-neutral-200 :style="{ width: row.width, height: '13px' }" />
                 </div>
             </div>
-            <div v-else-if="filteredConversations.length === 0" p-16px text-center>
+            <div v-else-if="!hasConversationContent" p-16px text-center>
                 <p text-14px text-neutral-400>
                     {{ hasConversationSearchQuery ? "Nenhuma conversa encontrada" : "Nenhuma conversa ainda" }}
                 </p>
             </div>
-            <div v-else flex="~ col" gap-1px>
-                <button
-                    v-for="conv in filteredConversations"
-                    :key="conv.id"
-                    flex="~ col" gap-2px
-                    w-full px-12px py-10px rounded-10px text-left
-                    transition-colors cursor-pointer
-                    :class="conv.id === activeId ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
-                    @click="handleSelect(conv.id)"
+            <div v-else flex="~ col" gap-8px>
+                <div
+                    v-if="showGroupCreationPrompt"
+                    mx-4px
+                    flex="~ col" gap-10px
                 >
-                    <div flex items-center gap-8px w-full>
-                        <span flex-1 text-14px font-medium text-neutral-900 leading-18px truncate>
-                            {{ conv.title || "Nova conversa" }}
+                    <div h-20px flex items-center px-4px>
+                        <span text-12px font-semibold text-neutral-400 uppercase style="letter-spacing: 0">
+                            PASTAS
                         </span>
-                        <span text-12px text-neutral-400 leading-16px shrink-0>
-                            {{ formatRelativeTime(conv.updatedAt) }}
+                    </div>
+                    <div flex="~ col" gap-6px>
+                        <div
+                            h-36px px-10px
+                            flex items-center gap-10px
+                            rounded-10px
+                            b=".5px dashed neutral-200"
+                        >
+                            <span i-ph-folder text-16px text-neutral-400 shrink-0 />
+                            <span h-10px w-120px rounded-full bg-neutral-100 />
+                        </div>
+                        <div
+                            h-36px px-10px
+                            flex items-center gap-10px
+                            rounded-10px
+                            b=".5px dashed neutral-200"
+                        >
+                            <span i-ph-folder text-16px text-neutral-400 shrink-0 />
+                            <span h-10px w-84px rounded-full bg-neutral-100 />
+                        </div>
+                    </div>
+                    <p px-4px text-14px text-neutral-500 leading-20px>
+                        Suas pastas aparecem aqui. Crie uma para começar a agrupar conversas.
+                    </p>
+                    <ChatConversationNewGroupButton label="Criar pasta" variant="empty-state" />
+                </div>
+
+                <div v-if="visibleGroupBuckets.length > 0" flex="~ col" gap-2px>
+                    <div
+                        v-for="groupBucket in visibleGroupBuckets"
+                        :key="groupBucket.group.id"
+                        flex="~ col"
+                        rounded-10px
+                        transition-colors
+                        :class="isDropTarget(groupBucket.group.id) ? 'bg-neutral-100' : ''"
+                        @dragenter.prevent="handleDragEnter(groupBucket.group.id)"
+                        @dragover.prevent="handleDragOver($event, groupBucket.group.id)"
+                        @dragleave="handleDragLeave($event, groupBucket.group.id)"
+                        @drop.prevent="handleConversationDrop($event, groupBucket.group.id)"
+                    >
+                        <div rounded-10px>
+                            <button
+                                type="button"
+                                flex items-center gap-8px
+                                w-full h-40px px-10px rounded-10px text-left
+                                transition-colors cursor-pointer
+                                class="hover:bg-neutral-50"
+                                @click="toggleGroup(groupBucket.group.id)"
+                            >
+                                <span
+                                    i-ph-caret-right
+                                    text-12px text-neutral-400
+                                    transition-transform
+                                    :class="groupBucket.open && 'rotate-90'"
+                                />
+                                <span
+                                    :class="groupBucket.folderIcon"
+                                    text-16px text-neutral-500 shrink-0
+                                />
+                                <span flex-1 text-14px font-semibold text-neutral-900 leading-18px truncate>
+                                    {{ groupBucket.group.name }}
+                                </span>
+                                <span v-if="groupBucket.conversationCountLabel" text-12px font-medium text-neutral-400 tabular-nums>
+                                    {{ groupBucket.conversationCountLabel }}
+                                </span>
+                            </button>
+                        </div>
+
+                        <Transition name="group-slide">
+                            <div v-if="groupBucket.open" class="group-slide-panel">
+                                <div class="group-slide__inner">
+                                    <div flex="~ col" gap-1px ml-18px>
+                                        <button
+                                            v-for="conv in groupBucket.items"
+                                            :key="conv.id"
+                                            draggable="true"
+                                            flex="~ col" gap-2px
+                                            w-full px-12px py-10px rounded-10px text-left
+                                            transition-colors cursor-pointer
+                                            :class="conv.id === activeId ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
+                                            @click="handleSelect(conv.id)"
+                                            @dragstart="handleConversationDragStart($event, conv.id)"
+                                            @dragend="clearDragState"
+                                        >
+                                            <div flex items-center gap-8px w-full>
+                                                <span flex-1 text-14px font-medium text-neutral-900 leading-18px truncate>
+                                                    {{ conv.title || "Nova conversa" }}
+                                                </span>
+                                                <span text-12px text-neutral-400 leading-16px shrink-0>
+                                                    {{ formatRelativeTime(conv.updatedAt) }}
+                                                </span>
+                                            </div>
+                                        </button>
+                                        <button
+                                            v-if="groupBucket.showNewConversationAction"
+                                            type="button"
+                                            flex items-center gap-8px
+                                            w-full px-12px py-10px rounded-10px text-left
+                                            transition-colors cursor-pointer
+                                            class="hover:bg-neutral-50"
+                                            @click="handleNew(groupBucket.group.id)"
+                                        >
+                                            <span i-ph-plus text-14px text-neutral-500 shrink-0 />
+                                            <span text-14px font-medium text-neutral-500 leading-18px>
+                                                Nova conversa
+                                            </span>
+                                        </button>
+                                        <div
+                                            v-else-if="groupBucket.showSearchEmpty"
+                                            px-12px py-10px
+                                        >
+                                            <span text-13px text-neutral-400 leading-17px>
+                                                Sem resultados
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </Transition>
+                    </div>
+                </div>
+
+                <div
+                    flex="~ col" gap-1px
+                    rounded-10px
+                    transition-colors
+                    :class="isDropTarget(null) ? 'bg-neutral-50' : ''"
+                    @dragenter.prevent="handleDragEnter(null)"
+                    @dragover.prevent="handleDragOver($event, null)"
+                    @dragleave="handleDragLeave($event, null)"
+                    @drop.prevent="handleConversationDrop($event, null)"
+                >
+                    <div v-if="shouldShowUngroupedHeader" px-6px pt-4px pb-2px>
+                        <span text-12px font-semibold uppercase text-neutral-400 style="letter-spacing: 0">
+                            {{ ungroupedConversationLabel }}
                         </span>
                     </div>
-                </button>
+                    <button
+                        v-for="conv in groupedConversations.unfiled"
+                        :key="conv.id"
+                        draggable="true"
+                        flex="~ col" gap-2px
+                        w-full px-12px py-10px rounded-10px text-left
+                        transition-colors cursor-pointer
+                        :class="conv.id === activeId ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
+                        @click="handleSelect(conv.id)"
+                        @dragstart="handleConversationDragStart($event, conv.id)"
+                        @dragend="clearDragState"
+                    >
+                        <div flex items-center gap-8px w-full>
+                            <span flex-1 text-14px font-medium text-neutral-900 leading-18px truncate>
+                                {{ conv.title || "Nova conversa" }}
+                            </span>
+                            <span text-12px text-neutral-400 leading-16px shrink-0>
+                                {{ formatRelativeTime(conv.updatedAt) }}
+                            </span>
+                        </div>
+                    </button>
+                </div>
             </div>
         </div>
     </div>
 </template>
 
 <style scoped>
-.mobile-drawer{box-shadow:0 3px 12px rgba(103,127,148,.08),0 12px 52px rgba(103,127,148,.16);transform:translateX(-100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);width:82%}.mobile-drawer--open{transform:translateX(0)}.scrim-enter-active,.scrim-leave-active{transition:opacity .2s linear}.scrim-enter-from,.scrim-leave-to{opacity:0}
+.mobile-drawer{box-shadow:0 3px 12px rgba(103,127,148,.08),0 12px 52px rgba(103,127,148,.16);transform:translateX(-100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);width:82%}.mobile-drawer--open{transform:translateX(0)}.scrim-enter-active,.scrim-leave-active{transition:opacity .2s linear}.scrim-enter-from,.scrim-leave-to{opacity:0}.group-slide-panel{display:grid;grid-template-rows:1fr}.group-slide-enter-active,.group-slide-leave-active{overflow:hidden;transition:grid-template-rows .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.group-slide-enter-from,.group-slide-leave-to{grid-template-rows:0fr;opacity:0;transform:translateY(-4px)}.group-slide-enter-to,.group-slide-leave-from{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.group-slide__inner{min-height:0;overflow:hidden}
 </style>

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

@@ -12,11 +12,11 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     select: (id: string) => any;
     close: () => any;
-    newConvo: () => any;
+    newConvo: (groupId?: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((id: string) => any) | undefined;
     onClose?: (() => any) | undefined;
-    onNewConvo?: (() => any) | undefined;
+    onNewConvo?: ((groupId?: string | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -50,10 +50,11 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    selectConversation: (id: string) => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => 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;
@@ -70,10 +71,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:editTitle": (value: string) => any;
     saveTitle: () => any;
     cancelEditing: () => any;
-    copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
-    newConversation: () => any;
+    newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
     signout: () => any;
     dismissOutdatedBanner: () => any;
@@ -82,10 +82,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onSelectConversation?: ((id: string) => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => 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;
@@ -102,10 +103,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     onSaveTitle?: (() => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
-    onNewConversation?: (() => any) | undefined;
+    onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
     onSwitchWorkspace?: (() => any) | undefined;
     onSignout?: (() => any) | undefined;
     onDismissOutdatedBanner?: (() => any) | undefined;

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

@@ -148,7 +148,7 @@ function startNewConversationFromOutdatedSettings() {
         :user-image="currentUser?.image ?? void 0"
         @close="setDrawerOpen(false)"
         @select="emit('selectConversation', $event)"
-        @new-convo="emit('newConversation')"
+        @new-convo="emit('newConversation', $event)"
     />
 
     <ChatMobileBottomSheet

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

@@ -50,10 +50,11 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     cancel: () => any;
-    selectConversation: (id: string) => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => 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;
@@ -70,10 +71,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:editTitle": (value: string) => any;
     saveTitle: () => any;
     cancelEditing: () => any;
-    copyLink: () => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
-    newConversation: () => any;
+    newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
     signout: () => any;
     dismissOutdatedBanner: () => any;
@@ -82,10 +82,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onSelectConversation?: ((id: string) => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => 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;
@@ -102,10 +103,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     onSaveTitle?: (() => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
-    onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
-    onNewConversation?: (() => any) | undefined;
+    onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
     onSwitchWorkspace?: (() => any) | undefined;
     onSignout?: (() => any) | undefined;
     onDismissOutdatedBanner?: (() => any) | undefined;

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

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

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

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