@meistrari/chat-nuxt 3.9.2 → 3.10.0

package/dist/runtime/conversations/components/chat-conversation-new-group-button.vue

@@ -1,91 +1,52 @@
 <script setup>
 import { useConversationGroups } from "../composables/conversation-groups";
-import ChatConversationNewGroupPopoverContent from "./chat-conversation-new-group-popover-content.vue";
 const props = defineProps({
   label: { type: String, required: false },
   variant: { type: String, required: false }
 });
-const { createGroup, error: groupCreationError } = useConversationGroups();
-const isOpen = ref(false);
-const groupName = ref("");
-const isSaving = ref(false);
-const creationErrorMessage = ref(null);
-const popoverContentRef = ref(null);
+const DEFAULT_GROUP_NAME = "Nova pasta";
+const { groups, createGroup, pendingRenameGroupId } = useConversationGroups();
+const isCreating = ref(false);
 const hasLabel = computed(() => Boolean(props.label?.trim()));
 const isEmptyState = computed(() => props.variant === "empty-state");
 const buttonClasses = computed(() => {
   if (isEmptyState.value)
-    return "h-32px w-full gap-6px px-12px border-neutral-300 hover:bg-neutral-50";
+    return "h-32px w-full gap-6px px-12px";
   if (hasLabel.value)
-    return "h-28px px-10px gap-6px self-start border-neutral-300 hover:bg-neutral-50";
-  return "h-32px w-40px border-neutral-300 hover:bg-neutral-50";
+    return "h-28px px-10px gap-6px self-start";
+  return "h-32px! w-40px! p-0!";
 });
-const iconClasses = computed(() => isEmptyState.value ? "text-neutral-900" : "text-neutral-700");
-const labelClasses = computed(
-  () => isEmptyState.value ? "text-14px font-semibold text-neutral-900 leading-18px" : "text-13px font-medium text-neutral-700 leading-17px"
-);
-watch(isOpen, async (open) => {
-  if (!open) {
-    creationErrorMessage.value = null;
-    return;
-  }
-  await nextTick();
-  popoverContentRef.value?.focusInput?.();
-});
-watch(groupName, () => {
-  creationErrorMessage.value = null;
-});
-async function submitGroup() {
-  const name = groupName.value.trim();
-  if (!name || isSaving.value)
-    return;
-  creationErrorMessage.value = null;
-  isSaving.value = true;
-  const group = await createGroup(name);
-  isSaving.value = false;
-  if (!group) {
-    creationErrorMessage.value = groupCreationError.value || "Erro ao criar pasta";
-    return;
-  }
-  groupName.value = "";
-  creationErrorMessage.value = null;
-  isOpen.value = false;
+function nextGroupName() {
+  const names = new Set(groups.value.map((group) => group.name));
+  if (!names.has(DEFAULT_GROUP_NAME))
+    return DEFAULT_GROUP_NAME;
+  let index = 2;
+  while (names.has(`${DEFAULT_GROUP_NAME} ${index}`))
+    index += 1;
+  return `${DEFAULT_GROUP_NAME} ${index}`;
 }
-function cancelGroup() {
-  groupName.value = "";
-  creationErrorMessage.value = null;
-  isOpen.value = false;
+async function handleCreateGroup() {
+  if (isCreating.value)
+    return;
+  isCreating.value = true;
+  const group = await createGroup(nextGroupName());
+  isCreating.value = false;
+  if (group)
+    pendingRenameGroupId.value = group.id;
 }
 </script>
 
 <template>
-    <TelaPopover v-model:open="isOpen">
-        <TelaPopoverTrigger as-child>
-            <button
-                type="button"
-                flex items-center justify-center
-                bg-white b=".5px solid"
-                rounded-10px
-                transition-colors
-                cursor-pointer
-                :class="buttonClasses"
-                :aria-label="label || 'Nova pasta'"
-                :title="label || 'Nova pasta'"
-            >
-                <span i-ph-folder-plus text-16px :class="iconClasses" />
-                <span v-if="hasLabel" :class="labelClasses">
-                    {{ label }}
-                </span>
-            </button>
-        </TelaPopoverTrigger>
-
-        <ChatConversationNewGroupPopoverContent
-            ref="popoverContentRef"
-            v-model="groupName"
-            :error-message="creationErrorMessage"
-            :saving="isSaving"
-            @submit="submitGroup"
-            @cancel="cancelGroup"
-        />
-    </TelaPopover>
+    <TelaButton
+        type="button"
+        variant="secondary"
+        :class="buttonClasses"
+        :aria-label="label || 'Nova pasta'"
+        @click="handleCreateGroup"
+    >
+        <TelaIcon name="i-ph-folder-plus" size="16px" color="icon-secondary" ml-0.5px />
+        <span v-if="hasLabel">
+            {{ label }}
+        </span>
+    </TelaButton>
 </template>

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

@@ -3,9 +3,6 @@ defineProps({
   placeholder: { type: String, required: false, default: "Buscar conversas" }
 });
 const searchQuery = defineModel({ type: String, ...{ required: true } });
-function clearSearch() {
-  searchQuery.value = "";
-}
 </script>
 
 <template>
@@ -14,22 +11,5 @@ function clearSearch() {
         icon="i-ph-magnifying-glass-bold"
         :placeholder="placeholder"
         autocomplete="off"
-    >
-        <template v-if="searchQuery" #trailing>
-            <TelaTooltip content="Limpar busca">
-                <button
-                    type="button"
-                    aria-label="Limpar busca"
-                    hover:bg="#EBEFF199"
-                    transition-colors
-                    p-4px rounded-full
-                    class="group"
-                    tabindex="-1"
-                    @click.stop="clearSearch"
-                >
-                    <TelaIcon name="i-ph-x-circle-light" text="#031E22" op-40 group-hover:op-100 transition-opacity />
-                </button>
-            </TelaTooltip>
-        </template>
-    </TelaInput>
+    />
 </template>

package/dist/runtime/conversations/components/chat-widget-history-list.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    emptySearchMessage?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    searchPlaceholder: string;
+    emptyMessage: string;
+    emptySearchMessage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/conversations/components/chat-widget-history-list.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { useConversations } from "../composables/conversations";
+import { capitalizeFirst } from "../../shared/string";
+defineProps({
+  searchPlaceholder: { type: String, required: false, default: "Buscar conversas" },
+  emptyMessage: { type: String, required: false, default: "Nenhuma conversa ainda" },
+  emptySearchMessage: { type: String, required: false, default: "Nenhuma conversa encontrada" }
+});
+const { conversations, loading, fetchConversations } = useConversations();
+onMounted(() => {
+  fetchConversations();
+});
+const items = computed(() => conversations.value.map((conversation) => ({
+  id: conversation.id,
+  title: capitalizeFirst(conversation.title || "Nova conversa")
+})));
+</script>
+
+<template>
+    <TelaChatWidgetHistoryList
+        :items="items"
+        :loading="loading"
+        :search-placeholder="searchPlaceholder"
+        :empty-message="emptyMessage"
+        :empty-search-message="emptySearchMessage"
+    />
+</template>

package/dist/runtime/conversations/components/chat-widget-history-list.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    emptySearchMessage?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    searchPlaceholder: string;
+    emptyMessage: string;
+    emptySearchMessage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/conversations/composables/conversation-groups.d.ts

@@ -3,6 +3,7 @@ export declare function useConversationGroups(): {
     groups: any;
     loading: any;
     error: any;
+    pendingRenameGroupId: any;
     fetchGroups: (options?: {
         force?: boolean;
     }) => Promise<void>;

package/dist/runtime/conversations/composables/conversation-groups.js

@@ -20,6 +20,7 @@ export function useConversationGroups() {
   const loadingBuckets = useState("conversation-groups-loading", () => ({}));
   const fetchedBuckets = useState("conversation-groups-fetched", () => ({}));
   const errorBuckets = useState("conversation-groups-error", () => ({}));
+  const pendingRenameGroupId = useState("conversation-groups-pending-rename", () => null);
   const runtimeScope = computed(() => resolveChatStateScope(
     embedConfig?.workspaceId.value || activeOrganization.value?.id,
     embedConfig?.telaAgentId.value,
@@ -155,6 +156,7 @@ export function useConversationGroups() {
     groups: readonly(groups),
     loading: readonly(loading),
     error: readonly(error),
+    pendingRenameGroupId,
     fetchGroups,
     createGroup,
     renameGroup,

package/dist/runtime/conversations/composables/conversation-item.js

@@ -128,22 +128,22 @@ export function useConversationItem(options, emit) {
   const menuItems = [
     {
       label: "Renomear",
-      icon: "i-ph-pencil-simple",
+      icon: "i-ph-pencil-simple-bold",
       click: () => startRename()
     },
     {
       label: "Duplicar",
-      icon: "i-ph-copy",
+      icon: "i-ph-copy-bold",
       click: () => emit("duplicate", options.conversation.id)
     },
     {
       label: "Exportar",
-      icon: "i-ph-download-simple",
+      icon: "i-ph-download-simple-bold",
       click: () => emit("export", options.conversation.id)
     },
     {
       label: "Excluir",
-      icon: "i-ph-trash",
+      icon: "i-ph-trash-bold",
       color: "negative",
       click: () => showDeleteModal.value = true
     }

package/dist/runtime/conversations/composables/conversation-list.js

@@ -15,7 +15,7 @@ export function useConversationList(options) {
   const embedConfig = useEmbedConfig();
   const { activeOrganization } = useChatAuth();
   const { deleteConversation, renameConversation, duplicateConversation, moveConversationToGroup } = useConversations();
-  const { groups, fetchGroups, deleteGroup, renameGroup, error: groupError } = useConversationGroups();
+  const { groups, fetchGroups, deleteGroup, renameGroup, error: groupError, pendingRenameGroupId } = useConversationGroups();
   const { setConversation } = useChat();
   const route = useRoute();
   const router = useRouter();
@@ -193,22 +193,31 @@ export function useConversationList(options) {
     isIgnoringInitialGroupRenameBlur.value = true;
     void focusRenameGroupInput();
   }
+  watch([pendingRenameGroupId, groups], ([pendingId]) => {
+    if (!pendingId)
+      return;
+    const group = groups.value.find((item) => item.id === pendingId);
+    if (!group)
+      return;
+    pendingRenameGroupId.value = null;
+    startRenameGroup(group.id, group.name);
+  }, { immediate: true });
   function getGroupMenuItems(groupId, groupName, conversations) {
     return [
       {
         label: "Renomear pasta",
-        icon: "i-ph-pencil-simple",
+        icon: "i-ph-pencil-simple-bold",
         click: () => startRenameGroup(groupId, groupName)
       },
       {
         label: "Excluir pasta",
-        icon: "i-ph-folder-minus",
+        icon: "i-ph-folder-minus-bold",
         color: "negative",
         click: () => openDeleteGroupModal(groupId, groupName, conversations)
       },
       {
         label: "Excluir conversas",
-        icon: "i-ph-trash",
+        icon: "i-ph-trash-bold",
         color: "negative",
         disabled: conversations.length === 0,
         click: () => openDeleteGroupConversationsModal(groupId, groupName, conversations)
@@ -230,7 +239,7 @@ export function useConversationList(options) {
       ...groupBucket,
       open,
       dropTarget,
-      folderIcon: open ? "i-ph-folder-open" : "i-ph-folder",
+      folderIcon: open ? "i-ph-folder-notch-open-bold" : "i-ph-folder-notch-bold",
       isRenaming: renamingGroupId.value === groupBucket.group.id,
       conversationCountLabel: groupBucket.items.length > 0 ? String(groupBucket.items.length) : null,
       showNewConversationAction: !hasConversationSearchQuery.value,

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

@@ -9,14 +9,14 @@ type __VLS_Props = {
     showCredentialsTab?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    save: (payload: ChatConfigurationSavePayload) => any;
     "update:open": (value: boolean) => any;
+    save: (payload: ChatConfigurationSavePayload) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
 }>, {
-    saving: boolean;
     initialTab: ChatConfigurationTab;
+    saving: boolean;
     showCredentialsTab: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -9,14 +9,14 @@ type __VLS_Props = {
     showCredentialsTab?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    save: (payload: ChatConfigurationSavePayload) => any;
     "update:open": (value: boolean) => any;
+    save: (payload: ChatConfigurationSavePayload) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
 }>, {
-    saving: boolean;
     initialTab: ChatConfigurationTab;
+    saving: boolean;
     showCredentialsTab: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { ChatActor, ChatSidebarConfig } from '../types.js';
+import type { ChatActor, ChatSidebarConfig, ChatSuggestion } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
     conversationId?: string | null;
@@ -7,7 +7,8 @@ type __VLS_Props = {
     hideSidebar?: boolean;
     sidebar?: ChatSidebarConfig;
     hideSettings?: boolean;
-    hideFolderHint?: boolean;
+    compact?: boolean;
+    suggestions?: readonly ChatSuggestion[] | null;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
@@ -17,13 +18,15 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
+    "update:conversationTitle": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    "onUpdate:conversationTitle"?: ((value: string | null) => any) | undefined;
 }>, {
-    hideFolderHint: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;
+    compact: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;