@meistrari/chat-nuxt 1.8.1 → 1.10.0

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

@@ -8,6 +8,7 @@ const props = defineProps({
   conversationId: { type: [String, null], required: false },
   initialConversationId: { type: [String, null], required: false },
   conversationScope: { type: [String, null], required: false },
+  defaultConversationCreatorFilter: { type: String, required: false },
   hideSidebar: { type: Boolean, required: false },
   hideSettings: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
@@ -32,6 +33,7 @@ provideEmbedConfig({
   workspaceId,
   telaAgentId: normalizedTelaAgentId,
   conversationScope: normalizedConversationScope,
+  defaultConversationCreatorFilter: computed(() => props.defaultConversationCreatorFilter),
   telaAgentInputs: computed(() => props.telaAgentInputs),
   workspaceSettings: computed(() => props.workspaceSettings),
   hideSidebar: computed(() => props.hideSidebar),

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

@@ -5,7 +5,6 @@ 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,
   resolveChatFeatures,
@@ -24,7 +23,7 @@ const chatApi = useChatApi();
 const embedConfig = useEmbedConfig();
 const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
-const { getMember } = useWorkspaceMembers();
+const { getMember, getMemberImage } = useWorkspaceMembers();
 const statusToast = useStatusToast();
 const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, updateConversationInList } = useConversations();
 const { settings: workspaceSettingsState, fetchSettings } = useWorkspaceSettings();
@@ -104,7 +103,7 @@ const mobilePreviewFile = computed(() => {
 const visibleTelaAgentInputSchema = computed(() => !hasMessages.value ? telaAgentInputSchema.value : null);
 const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value && shouldLoadTelaAgentMetadata.value && telaAgentMetadataLoading.value);
 const visibleConversations = computed(
-  () => conversations.value.filter((c) => c.title || c.id === activeConversationId.value)
+  () => conversations.value.filter((conversation) => conversation.title || conversation.id === activeConversationId.value)
 );
 function syncConversationId(nextConversationId) {
   activeConversationId.value = normalizeConversationId(nextConversationId);
@@ -408,7 +407,7 @@ async function handleDelete() {
             w-240px h-full flex="~ col" flex-shrink-0
             bg-neutral-50 b-r=".5px neutral-200"
         >
-            <div px-12px pt-16px pb-8px>
+            <div px-12px pt-16px pb-8px flex="~ col" gap-8px>
                 <button
                     flex items-center justify-center gap-6px
                     h-32px px-12px w-full
@@ -424,32 +423,14 @@ async function handleDelete() {
             </div>
 
             <div flex-1 overflow-y-auto px-4px>
-                <div v-if="conversationsLoading && visibleConversations.length === 0" flex="~ col" gap-1px px-8px py-8px>
-                    <div
-                        v-for="row in conversationListSkeletonRows"
-                        :key="row.id"
-                        flex items-center h-32px px-8px rounded-8px
-                    >
-                        <TelaSkeleton rounded-6px bg-neutral-200 :style="{ width: row.width, height: '13px' }" />
-                    </div>
-                </div>
-                <div v-else-if="visibleConversations.length === 0" p-16px text-center>
-                    <p text-14px text-neutral-400>
-                        Nenhuma conversa ainda
-                    </p>
-                </div>
-                <div v-else flex="~ col" gap-1px px-8px py-8px>
-                    <button
-                        v-for="conv in visibleConversations"
-                        :key="conv.id"
-                        flex items-center gap-8px h-32px px-8px rounded-8px
-                        w-full text-left truncate transition-colors cursor-pointer
-                        :class="conv.id === activeConversationId ? 'bg-neutral-200' : 'hover:bg-neutral-100'"
-                        @click="openConversation(conv.id)"
-                    >
-                        <span text-13px text-neutral-700 truncate>{{ conv.title || "Nova conversa" }}</span>
-                    </button>
-                </div>
+                <ChatConversationList
+                    :conversations="visibleConversations"
+                    :current-id="activeConversationId ?? void 0"
+                    :get-member-image="getMemberImage"
+                    :select-conversation="openConversation"
+                    :reset-conversation="handleNewConversation"
+                    :loading="conversationsLoading"
+                />
             </div>
         </div>
 

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

@@ -8,15 +8,15 @@ type __VLS_Props = {
     getFileType: (fileName: string) => string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:searchQuery": (value: string) => any;
     handleFileSelect: (event: Event) => any;
-    removeContextFile: (url: string) => any;
     removePendingFile: (file: File) => any;
-    "update:searchQuery": (value: string) => any;
+    removeContextFile: (url: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
     onHandleFileSelect?: ((event: Event) => any) | undefined;
-    onRemoveContextFile?: ((url: string) => any) | undefined;
     onRemovePendingFile?: ((file: File) => any) | undefined;
-    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    onRemoveContextFile?: ((url: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -8,15 +8,15 @@ type __VLS_Props = {
     getFileType: (fileName: string) => string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:searchQuery": (value: string) => any;
     handleFileSelect: (event: Event) => any;
-    removeContextFile: (url: string) => any;
     removePendingFile: (file: File) => any;
-    "update:searchQuery": (value: string) => any;
+    removeContextFile: (url: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
     onHandleFileSelect?: ((event: Event) => any) | undefined;
-    onRemoveContextFile?: ((url: string) => any) | undefined;
     onRemovePendingFile?: ((file: File) => any) | undefined;
-    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    onRemoveContextFile?: ((url: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

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

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

@@ -1,13 +1,14 @@
-import { defineEventHandler } from "h3";
+import { defineEventHandler, getQuery } from "h3";
 import { desc } from "drizzle-orm";
 import { useDb, schema } from "#chat-runtime/server/db";
 import { resolveChatRuntimeContext } from "#chat-runtime/server/utils/chat-context";
-import { conversationScopeConditions } from "#chat-runtime/server/utils/conversation-scope";
+import { conversationListConditions, resolveRequestedConversationCreatorFilter } from "#chat-runtime/server/utils/conversation-list";
 import { logger } from "#chat-runtime/server/utils/logger";
 export default defineEventHandler(async (event) => {
   const context = resolveChatRuntimeContext(event);
+  const creatorFilter = resolveRequestedConversationCreatorFilter(getQuery(event).creator);
   const db = useDb();
-  const conversations = await db.select().from(schema.conversations).where(conversationScopeConditions(context)).orderBy(desc(schema.conversations.updatedAt));
-  logger.debug({ workspaceId: context.workspaceId, count: conversations.length }, "Conversations listed");
+  const conversations = await db.select().from(schema.conversations).where(conversationListConditions(context, creatorFilter)).orderBy(desc(schema.conversations.updatedAt));
+  logger.debug({ workspaceId: context.workspaceId, creatorFilter, count: conversations.length }, "Conversations listed");
   return conversations;
 });

package/dist/runtime/server/utils/conversation-list.d.ts

@@ -0,0 +1,4 @@
+import type { ChatRuntimeContext } from '#chat-runtime/server/utils/chat-context';
+import type { ConversationCreatorFilter } from '#chat-runtime/types/chat';
+export declare function resolveRequestedConversationCreatorFilter(requestedCreator: unknown): ConversationCreatorFilter;
+export declare function conversationListConditions(context: ChatRuntimeContext, creatorFilter?: ConversationCreatorFilter): import("drizzle-orm").SQL<unknown> | undefined;

package/dist/runtime/server/utils/conversation-list.js

@@ -0,0 +1,28 @@
+import { and, eq } from "drizzle-orm";
+import { createError } from "h3";
+import { schema } from "#chat-runtime/server/db";
+import { conversationScopeConditions } from "#chat-runtime/server/utils/conversation-scope";
+export function resolveRequestedConversationCreatorFilter(requestedCreator) {
+  if (Array.isArray(requestedCreator)) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Invalid conversation creator filter"
+    });
+  }
+  if (requestedCreator === void 0 || requestedCreator === null || requestedCreator === "" || requestedCreator === "all") {
+    return "all";
+  }
+  if (requestedCreator === "me") {
+    return "mine";
+  }
+  throw createError({
+    statusCode: 400,
+    statusMessage: "Invalid conversation creator filter"
+  });
+}
+export function conversationListConditions(context, creatorFilter = "all") {
+  return and(
+    conversationScopeConditions(context),
+    creatorFilter === "mine" ? eq(schema.conversations.userId, context.user.id) : void 0
+  );
+}

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

@@ -5,6 +5,14 @@ export type ExternalSkill = SchemaExternalSkill;
 export type MessageFile = SchemaMessageFile;
 export type Conversation = InferSelectModel<typeof conversations>;
 export type Message = InferSelectModel<typeof messages>;
+export type ConversationCreatorFilter = 'all' | 'mine';
+export declare const CONVERSATION_CREATOR_FILTER_OPTIONS: readonly [{
+    readonly label: "Todas";
+    readonly value: "all";
+}, {
+    readonly label: "Minhas";
+    readonly value: "mine";
+}];
 export type ConversationWithMessages = Conversation & {
     messages: Message[];
 };

package/dist/runtime/types/chat.js

@@ -1,3 +1,7 @@
+export const CONVERSATION_CREATOR_FILTER_OPTIONS = [
+  { label: "Todas", value: "all" },
+  { label: "Minhas", value: "mine" }
+];
 export const AVAILABLE_MODELS = [
   { value: "claude-sonnet-4-5", label: "Sonnet 4.5", description: "High performant agent for complex tasks" },
   { value: "claude-sonnet-4-6", label: "Sonnet 4.6", description: "Fast and intelligent agent" },

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

@@ -1,6 +1,7 @@
 import type { Component, DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from './workspace-settings-data.js';
 import type { TelaAgentExecutionInput } from './tela-agent.js';
+import type { ConversationCreatorFilter } from './chat.js';
 import type { ChatLoadingMessageMode } from '../utils/chat-loading-messages.js';
 import type { ChatActor, ChatFeatureConfig } from '../utils/tela-chat.js';
 export type ChatEmbedSharedProps = {
@@ -10,6 +11,8 @@ export type ChatEmbedSharedProps = {
     initialConversationId?: string | null;
     /** Technical scope that isolates conversation history within the current workspace and runtime. */
     conversationScope?: string | null;
+    /** Initial creator filter for the sidebar conversation list. Defaults to all conversations. */
+    defaultConversationCreatorFilter?: ConversationCreatorFilter;
     /** Hide the conversation list and render only the active chat surface. */
     hideSidebar?: boolean;
     /** Hide workspace settings actions while keeping the chat header and content unchanged. */

package/dist/runtime/utils/conversation-creator-filter.d.ts

@@ -0,0 +1,5 @@
+import { type ConversationCreatorFilter } from '../types/chat.js';
+type ConversationCreatorFilterCounts = Record<ConversationCreatorFilter, number>;
+export declare function resolveConversationCreatorFilterKeyboardTarget(currentFilter: ConversationCreatorFilter, key: string): ConversationCreatorFilter | null;
+export declare function hasConversationCreatorFilterResults(counts: ConversationCreatorFilterCounts): boolean;
+export {};

package/dist/runtime/utils/conversation-creator-filter.js

@@ -0,0 +1,24 @@
+import { CONVERSATION_CREATOR_FILTER_OPTIONS } from "../types/chat.js";
+const FILTER_NAVIGATION_KEYS = {
+  ArrowLeft: -1,
+  ArrowUp: -1,
+  ArrowRight: 1,
+  ArrowDown: 1
+};
+export function resolveConversationCreatorFilterKeyboardTarget(currentFilter, key) {
+  const filters = CONVERSATION_CREATOR_FILTER_OPTIONS.map((option) => option.value);
+  if (key === "Home")
+    return filters[0] ?? null;
+  if (key === "End")
+    return filters.at(-1) ?? null;
+  if (!(key in FILTER_NAVIGATION_KEYS))
+    return null;
+  const currentIndex = filters.indexOf(currentFilter);
+  if (currentIndex === -1)
+    return null;
+  const direction = FILTER_NAVIGATION_KEYS[key];
+  return filters[(currentIndex + direction + filters.length) % filters.length] ?? null;
+}
+export function hasConversationCreatorFilterResults(counts) {
+  return CONVERSATION_CREATOR_FILTER_OPTIONS.some((option) => counts[option.value] > 0);
+}

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

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

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

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

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

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

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

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

package/package.json

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