@meistrari/chat-nuxt 1.13.0 → 2.0.0

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

@@ -0,0 +1,22 @@
+import type { ChatFeatureConfig } from '../feature-config.js';
+import type { ChatActor } from '../types.js';
+type EmbedUser = ChatActor;
+type __VLS_Props = {
+    conversationId?: string | null;
+    initialConversationId?: string | null;
+    hideSidebar?: boolean;
+    hideSettings?: boolean;
+    user?: EmbedUser | null;
+    features?: Partial<ChatFeatureConfig>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:conversationId": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+}>, {
+    hideSettings: boolean;
+    hideSidebar: boolean;
+    initialConversationId: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
+declare const __VLS_export: import("vue").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:conversationId": (value: string | null) => any;
+    action: (payload: ChatActionPayload) => any;
+}, string, import("vue").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
+    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    onAction?: ((payload: ChatActionPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,88 @@
+<script setup>
+import { useChatAuth } from "#chat-auth";
+import { provideChatAction } from "../../messages/composables/chat-action";
+import { provideChatRequestContext } from "../../shared/composables/chat-request-context";
+import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config";
+import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
+import ChatEmbedInner from "./chat-embed-inner.vue";
+const props = defineProps({
+  conversationId: { type: [String, null], required: false },
+  initialConversationId: { type: [String, null], required: false },
+  conversationScope: { type: [String, null], required: false },
+  defaultConversationCreatorFilter: { type: null, required: false },
+  hideSidebar: { type: Boolean, required: false },
+  hideSettings: { type: Boolean, required: false },
+  loadingMessages: { type: [Array, null], required: false },
+  loadingMessagesMode: { type: [String, null], required: false },
+  customComponents: { type: Object, required: false },
+  customHtmlTags: { type: Array, required: false },
+  telaAgentId: { type: null, required: false },
+  telaAgentInputs: { type: null, required: false },
+  workspaceSettings: { type: null, required: false },
+  user: { type: null, required: false },
+  features: { type: Object, required: false }
+});
+const emit = defineEmits(["update:conversationId", "action"]);
+const parentEmbedConfig = useEmbedConfig();
+const { activeOrganization } = useChatAuth();
+const workspaceId = computed(() => activeOrganization.value?.id?.trim() ?? "");
+const normalizedTelaAgentId = computed(() => normalizeTelaAgentId(props.telaAgentId));
+const normalizedConversationScope = computed(() => normalizeConversationScope(props.conversationScope));
+const hideSettings = computed(() => props.hideSettings ?? false);
+const ignoredPropsWarningKey = ref(null);
+provideEmbedConfig({
+  workspaceId,
+  telaAgentId: normalizedTelaAgentId,
+  conversationScope: normalizedConversationScope,
+  defaultConversationCreatorFilter: computed(() => props.defaultConversationCreatorFilter),
+  telaAgentInputs: computed(() => props.telaAgentInputs),
+  workspaceSettings: computed(() => props.workspaceSettings),
+  hideSidebar: computed(() => props.hideSidebar),
+  hideSettings,
+  loadingMessages: computed(() => props.loadingMessages),
+  loadingMessagesMode: computed(() => props.loadingMessagesMode),
+  customComponents: computed(() => props.customComponents),
+  customHtmlTags: computed(() => props.customHtmlTags)
+}, { syncGlobal: !parentEmbedConfig });
+provideChatRequestContext({
+  workspaceId,
+  telaAgentId: normalizedTelaAgentId,
+  conversationScope: normalizedConversationScope
+}, { syncGlobal: !parentEmbedConfig });
+if (import.meta.dev) {
+  watchEffect(() => {
+    if (!normalizedTelaAgentId.value) {
+      ignoredPropsWarningKey.value = null;
+      return;
+    }
+    const ignoredProps = [
+      props.workspaceSettings !== void 0 ? "workspaceSettings" : null,
+      props.user !== void 0 ? "user" : null
+    ].filter((prop) => Boolean(prop));
+    const warningKey = ignoredProps.join(",");
+    if (ignoredProps.length === 0 || warningKey === ignoredPropsWarningKey.value)
+      return;
+    ignoredPropsWarningKey.value = warningKey;
+    console.warn(
+      `[chat-nuxt] telaAgentId is set, so ${ignoredProps.join(", ")} will be ignored.`
+    );
+  });
+}
+provideChatAction((payload) => {
+  emit("action", payload);
+});
+</script>
+
+<template>
+    <ChatEmbedInner
+        v-if="workspaceId"
+        :key="`${workspaceId}:${normalizedTelaAgentId ?? 'default-chat'}:scope:${resolveConversationScopeKeySegment(normalizedConversationScope)}`"
+        :conversation-id="conversationId"
+        :initial-conversation-id="initialConversationId"
+        :hide-sidebar="hideSidebar"
+        :hide-settings="hideSettings"
+        :user="normalizedTelaAgentId ? null : user"
+        :features="features"
+        @update:conversation-id="$emit('update:conversationId', $event)"
+    />
+</template>

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

@@ -0,0 +1,10 @@
+import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
+declare const __VLS_export: import("vue").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:conversationId": (value: string | null) => any;
+    action: (payload: ChatActionPayload) => any;
+}, string, import("vue").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
+    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    onAction?: ((payload: ChatActionPayload) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,43 @@
+import type { TopbarTab } from '../../types/schemas/chat/ui.js';
+type __VLS_Props = {
+    title: string;
+    creatorName?: string;
+    creatorEmail?: string;
+    creatorImage?: string;
+    updatedAt: string | Date;
+    isEditing: boolean;
+    editTitle: string;
+    generatingTitle?: boolean;
+    filesCount?: number;
+    activeTab?: TopbarTab;
+    showOutdatedBadge?: boolean;
+    showUsageTab?: boolean;
+    showDebugOption?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    copyLink: () => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    cancelEditing: () => any;
+    saveTitle: () => any;
+    "update:editTitle": (value: string) => any;
+    "update:isEditing": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => 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;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,241 @@
+<script setup>
+import { formatRelativeTime } from "../../shared/date-formatting";
+import { capitalizeFirst } from "../../shared/string";
+const props = defineProps({
+  title: { type: String, required: true },
+  creatorName: { type: String, required: false },
+  creatorEmail: { type: String, required: false },
+  creatorImage: { type: String, required: false },
+  updatedAt: { type: [String, Date], required: true },
+  isEditing: { type: Boolean, required: true },
+  editTitle: { type: String, required: true },
+  generatingTitle: { type: Boolean, required: false },
+  filesCount: { type: Number, required: false },
+  activeTab: { type: null, required: false },
+  showOutdatedBadge: { type: Boolean, required: false },
+  showUsageTab: { type: Boolean, required: false },
+  showDebugOption: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:isEditing", "update:editTitle", "saveTitle", "cancelEditing", "rename", "duplicate", "export", "copyLink", "debug", "delete", "tabChange"]);
+const titleInputRef = ref(null);
+const currentTab = computed(() => props.activeTab ?? "chat");
+const titleInputWidth = computed(() => `${Math.max(props.editTitle.length + 2, 8)}ch`);
+const headerMenuItems = computed(() => {
+  const items = [
+    {
+      label: "Renomear",
+      icon: "i-ph-pencil-simple",
+      click: () => emit("rename")
+    },
+    {
+      label: "Duplicar",
+      icon: "i-ph-copy",
+      click: () => emit("duplicate")
+    },
+    {
+      label: "Exportar",
+      icon: "i-ph-download-simple",
+      click: () => emit("export")
+    },
+    {
+      label: "Copiar link",
+      icon: "i-ph-link",
+      click: () => emit("copyLink")
+    }
+  ];
+  if (props.showDebugOption) {
+    items.push({
+      label: "Debug",
+      icon: "i-ph-bug",
+      click: () => emit("debug")
+    });
+  }
+  items.push({
+    label: "Excluir",
+    icon: "i-ph-trash",
+    color: "negative",
+    click: () => emit("delete")
+  });
+  return items;
+});
+function handleTitleKeydown(event) {
+  if (event.key === "Enter") {
+    event.preventDefault();
+    emit("saveTitle");
+  } else if (event.key === "Escape") {
+    event.preventDefault();
+    emit("cancelEditing");
+  }
+}
+watch(() => props.isEditing, (editing) => {
+  if (editing) {
+    nextTick(() => {
+      titleInputRef.value?.focus();
+      titleInputRef.value?.select();
+    });
+  }
+});
+</script>
+
+<template>
+    <div
+        flex items-center gap-16px
+        pl-24px pr-16px h-64px
+        b-b=".5px solid rgba(0,0,0,0.08)"
+        bg="white/94"
+        backdrop-blur-sm
+        absolute top-0 right-0 z-10
+        :style="{ left: 'var(--chat-panel-offset)' }"
+    >
+        <div flex="~ col 1" gap-4px min-w-0>
+            <div
+                v-if="isEditing"
+                flex items-center
+                text-primary
+                w-fit max-w-full
+                pb-1px
+                b-b=".5px solid #A3A3A3"
+                :style="{ width: titleInputWidth }"
+            >
+                <input
+                    ref="titleInputRef"
+                    :value="editTitle"
+                    type="text"
+                    autocomplete="off"
+                    aria-label="Nome da conversa"
+                    w-full min-w-0 max-w-full
+                    bg-transparent border-none outline-none
+                    text-16px font-580 text-primary leading-20px tracking="-.2px"
+                    p-0
+                    @input="emit('update:editTitle', $event.target.value)"
+                    @keydown="handleTitleKeydown"
+                    @blur="emit('saveTitle')"
+                >
+            </div>
+            <p
+                v-else
+                text-16px font-580 text-primary leading-20px tracking="-.2px"
+                truncate cursor-text
+                @dblclick.prevent.stop="emit('rename')"
+            >
+                {{ capitalizeFirst(title) }}<span v-if="generatingTitle" class="typing-cursor">|</span>
+            </p>
+
+            <div flex items-center gap-8px>
+                <div flex items-center gap-4px>
+                    <div flex items-center pr-2px>
+                        <div
+                            w-16px h-16px rounded-full overflow-hidden flex-shrink-0
+                            b="2px white"
+                        >
+                            <img
+                                v-if="creatorImage"
+                                :src="creatorImage"
+                                :alt="creatorName ?? 'Usu\xE1rio'"
+                                w-full h-full object-cover
+                            >
+                            <div v-else w-full h-full bg-gray-200 flex items-center justify-center>
+                                <span text-8px text-gray-500 font-medium>
+                                    {{ (creatorName ?? creatorEmail ?? "U").charAt(0).toUpperCase() }}
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                    <span text-12px text-secondary leading-16px truncate>
+                        {{ creatorName ?? creatorEmail ?? "Usu\xE1rio" }}
+                    </span>
+                </div>
+                <span text-12px text-tertiary leading-16px>
+                    Atualizado {{ formatRelativeTime(updatedAt) }}
+                </span>
+            </div>
+        </div>
+
+        <div flex gap-2px items-start rounded-10px shrink-0>
+            <button
+                flex gap-8px items-center px-12px py-7px rounded-10px
+                :class="currentTab === 'chat' ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
+                @click="emit('tabChange', 'chat')"
+            >
+                <span
+                    text-14px font-580 leading-18px tracking="-.15px"
+                    :class="currentTab === 'chat' ? 'text-gray-900' : 'text-gray-500'"
+                >
+                    Chat
+                </span>
+            </button>
+
+            <button
+                flex gap-8px items-center px-12px py-7px rounded-10px
+                :class="currentTab === 'files' ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
+                @click="emit('tabChange', 'files')"
+            >
+                <span
+                    text-14px font-580 leading-18px tracking="-.15px"
+                    :class="currentTab === 'files' ? 'text-gray-900' : 'text-gray-500'"
+                >
+                    Arquivos
+                </span>
+                <div
+                    v-if="filesCount !== void 0 && filesCount > 0"
+                    bg-gray-200 rounded-5px px-5px py-3px
+                    flex items-center justify-center
+                >
+                    <span text-9px font-580 text-secondary leading-10px tracking-1px uppercase>
+                        {{ filesCount }}
+                    </span>
+                </div>
+            </button>
+
+            <button
+                v-if="showUsageTab"
+                flex gap-8px items-center px-12px py-7px rounded-10px
+                :class="currentTab === 'usage' ? 'bg-neutral-100' : 'hover:bg-neutral-50'"
+                @click="emit('tabChange', 'usage')"
+            >
+                <span
+                    text-14px font-580 leading-18px tracking="-.15px"
+                    :class="currentTab === 'usage' ? 'text-gray-900' : 'text-gray-500'"
+                >
+                    Uso
+                </span>
+            </button>
+        </div>
+
+        <div flex="~ 1" items-center justify-end gap-12px min-w-0>
+            <TelaTooltip v-if="showOutdatedBadge">
+                <div
+                    flex items-center justify-center
+                    px-5px py-3px
+                    bg="#e8e8e8" rounded-5px
+                    cursor-default
+                >
+                    <span text-9px font-580 text-gray-500 leading-10px tracking-1px uppercase whitespace-nowrap>
+                        Chat Desatualizado
+                    </span>
+                </div>
+                <template #content>
+                    <div max-w-240px text-center>
+                        Inicie uma nova conversa para usar as configurações atualizadas do workspace
+                    </div>
+                </template>
+            </TelaTooltip>
+
+            <TelaDropdownMenu :items="headerMenuItems" align="end">
+                <button
+                    flex items-center justify-center
+                    w-32px h-32px rounded-10px
+                    bg-gray-80
+                    hover:bg-gray-100
+                    transition-colors
+                >
+                    <div i-ph-dots-three text-20px text-gray-900 />
+                </button>
+            </TelaDropdownMenu>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.typing-cursor{animation:blink .7s infinite;color:#6b7280;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}
+</style>

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

@@ -0,0 +1,43 @@
+import type { TopbarTab } from '../../types/schemas/chat/ui.js';
+type __VLS_Props = {
+    title: string;
+    creatorName?: string;
+    creatorEmail?: string;
+    creatorImage?: string;
+    updatedAt: string | Date;
+    isEditing: boolean;
+    editTitle: string;
+    generatingTitle?: boolean;
+    filesCount?: number;
+    activeTab?: TopbarTab;
+    showOutdatedBadge?: boolean;
+    showUsageTab?: boolean;
+    showDebugOption?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    copyLink: () => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    cancelEditing: () => any;
+    saveTitle: () => any;
+    "update:editTitle": (value: string) => any;
+    "update:isEditing": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => 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;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/embed/components/configuration/chat-configuration-context-files-tab.d.vue.ts

@@ -0,0 +1,22 @@
+import type { ContextFile } from '../../../types/schemas/chat/files.js';
+type __VLS_Props = {
+    searchQuery: string;
+    filteredContextFiles: readonly ContextFile[];
+    filteredPendingFiles: readonly File[];
+    currentFileCount: number;
+    maxFiles: number;
+    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;
+    removePendingFile: (file: File) => any;
+    removeContextFile: (url: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    onHandleFileSelect?: ((event: Event) => any) | undefined;
+    onRemovePendingFile?: ((file: File) => 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/chat-configuration-context-files-tab.vue.d.ts

@@ -0,0 +1,22 @@
+import type { ContextFile } from '../../../types/schemas/chat/files.js';
+type __VLS_Props = {
+    searchQuery: string;
+    filteredContextFiles: readonly ContextFile[];
+    filteredPendingFiles: readonly File[];
+    currentFileCount: number;
+    maxFiles: number;
+    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;
+    removePendingFile: (file: File) => any;
+    removeContextFile: (url: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
+    onHandleFileSelect?: ((event: Event) => any) | undefined;
+    onRemovePendingFile?: ((file: File) => any) | undefined;
+    onRemoveContextFile?: ((url: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;