@meistrari/chat-nuxt 1.13.0 → 2.0.0

package/dist/runtime/messages/components/chat-message-input.vue.d.ts

@@ -0,0 +1,44 @@
+import type { DeepReadonly } from 'vue';
+import type { Message } from '../../types/schemas/chat/conversations.js';
+import type { ConversationFile } from '../../types/schemas/chat/files.js';
+import type { ChatModel } from '../../types/schemas/chat/models.js';
+import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
+import type { TelaAgentInputVariable } from '../../types/schemas/integrations/tela-agent-api.js';
+type __VLS_Props = {
+    disabled?: boolean;
+    loading?: boolean;
+    creatorName?: string;
+    creatorEmail?: string;
+    creatorImage?: string;
+    centered?: boolean;
+    hasDisclaimer?: boolean;
+    messages?: Message[];
+    conversationFiles?: ConversationFile[];
+    workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
+    allowModelSelection?: boolean;
+    agentInputSchema?: readonly TelaAgentInputVariable[] | null;
+    agentInputSchemaLoading?: boolean;
+    showModelSelector?: boolean;
+    showCancelButton?: boolean;
+};
+declare function addFiles(files: File[], inputName?: string): void;
+declare function setDraft(text: string): void;
+type __VLS_ModelProps = {
+    'model'?: ChatModel;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    addFiles: typeof addFiles;
+    setDraft: typeof setDraft;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model": (value: ChatModel) => any;
+} & {
+    cancel: () => any;
+    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-message-list.d.vue.ts

@@ -0,0 +1,12 @@
+import type { Message } from '../../types/schemas/chat/conversations.js';
+type __VLS_Props = {
+    messages: readonly Message[];
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    retry: (messageId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: ((messageId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-message-list.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Message } from '../../types/schemas/chat/conversations.js';
+type __VLS_Props = {
+    messages: readonly Message[];
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    retry: (messageId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRetry?: ((messageId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-model-selector.d.vue.ts

@@ -0,0 +1,15 @@
+import type { ChatModel } from '../../types/schemas/chat/models.js';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: ChatModel;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ChatModel) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ChatModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-model-selector.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { useBreakpoints } from "@vueuse/core";
+import { defaultChatModel } from "../../types/schemas/chat/models.js";
+import { chatModelOptions } from "../../types/schemas/chat/ui.js";
+import AnthropicLogo from "../../shared/components/icons/anthropic.vue";
+import { CHAT_MOBILE_BREAKPOINT } from "../../shared/breakpoints";
+defineProps({
+  disabled: { type: Boolean, required: false }
+});
+const model = defineModel({ type: null, ...{ default: defaultChatModel } });
+const options = chatModelOptions.map((m) => ({
+  value: m.value,
+  label: m.label,
+  description: m.description,
+  icon: AnthropicLogo
+}));
+const breakpoints = useBreakpoints({ mobile: CHAT_MOBILE_BREAKPOINT });
+const isMobile = breakpoints.smaller("mobile");
+const contentClass = computed(() => isMobile.value ? "w-280px!" : "");
+</script>
+
+<template>
+    <TelaCombobox
+        v-model="model"
+        :options="options"
+        :disabled="disabled"
+        :class="disabled && 'opacity-50 pointer-events-none'"
+        placeholder="Modelo"
+        input-placeholder="Buscar modelo..."
+        :has-searchbar="false"
+        :has-grouping-labels="false"
+        :trigger-class="`border-none! ${disabled ? 'bg-[#F3F4F6]!' : ''}`"
+        :content-class="contentClass"
+        label-class="!text-14px !leading-18px !font-normal -tracking-0.01em! !text-gray-500"
+        icon-class="w-16px h-16px scale-110 mr-1px !text-gray-500"
+        label-item-class="!text-gray-500"
+    />
+</template>
+
+<style scoped>
+:deep([role=option] svg){color:#6b7280}
+</style>

package/dist/runtime/messages/components/chat-model-selector.vue.d.ts

@@ -0,0 +1,15 @@
+import type { ChatModel } from '../../types/schemas/chat/models.js';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: ChatModel;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: ChatModel) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ChatModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-workstation-selector-modal.d.vue.ts

@@ -0,0 +1,14 @@
+import type { KnowledgeSource } from '../../types/schemas/chat/workspace-settings.js';
+type __VLS_Props = {
+    open: boolean;
+    knowledgeSources: readonly KnowledgeSource[] | KnowledgeSource[] | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    save: (sources: KnowledgeSource[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSave?: ((sources: KnowledgeSource[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-workstation-selector-modal.vue

@@ -0,0 +1,273 @@
+<script setup>
+import { useMagicKeys } from "@vueuse/core";
+import { useTela } from "../../shared/composables/tela";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  knowledgeSources: { type: [Array, null], required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { workstations, projects, canvas, loadingWorkstations } = useTela();
+function getProjectIdForWorkstation(workstation) {
+  const prompt = canvas.value.find((c) => c.id === workstation.promptId);
+  return prompt?.projectId;
+}
+const searchQuery = ref("");
+const selectedWorkstations = ref(/* @__PURE__ */ new Set());
+function initSelectedWorkstations() {
+  const ids = /* @__PURE__ */ new Set();
+  if (props.knowledgeSources) {
+    for (const source of props.knowledgeSources) {
+      if (source.type === "workstation") {
+        ids.add(source.id);
+      }
+    }
+  }
+  selectedWorkstations.value = ids;
+}
+const { escape } = useMagicKeys();
+watch(() => props.open, (isOpen) => {
+  if (isOpen) {
+    initSelectedWorkstations();
+    searchQuery.value = "";
+  }
+});
+watch(() => escape?.value, (pressed) => {
+  if (pressed && props.open) {
+    handleClose();
+  }
+});
+const filteredWorkstations = computed(() => {
+  const query = searchQuery.value.toLowerCase().trim();
+  const matchingProjects = query ? projects.value.filter((p) => p.title.toLowerCase().includes(query)) : [];
+  const matchingProjectIds = new Set(matchingProjects.map((p) => p.id));
+  return query ? workstations.value.filter((w) => {
+    const projectId = getProjectIdForWorkstation(w);
+    return w.name.toLowerCase().includes(query) || w.description?.toLowerCase().includes(query) || projectId && matchingProjectIds.has(projectId);
+  }) : workstations.value;
+});
+function sortWithSelectedFirst(workstations2) {
+  return [...workstations2].sort((a, b) => {
+    const aSelected = selectedWorkstations.value.has(a.id);
+    const bSelected = selectedWorkstations.value.has(b.id);
+    if (aSelected && !bSelected)
+      return -1;
+    if (!aSelected && bSelected)
+      return 1;
+    return a.name.localeCompare(b.name);
+  });
+}
+const groupedByProject = computed(() => {
+  const list = filteredWorkstations.value;
+  const groups = /* @__PURE__ */ new Map();
+  for (const w of list) {
+    const key = getProjectIdForWorkstation(w);
+    if (!key)
+      continue;
+    if (!groups.has(key)) {
+      groups.set(key, []);
+    }
+    groups.get(key).push(w);
+  }
+  const result = [];
+  for (const project of projects.value) {
+    const projectWorkstations = groups.get(project.id);
+    if (projectWorkstations?.length) {
+      result.push({ project, workstations: sortWithSelectedFirst(projectWorkstations) });
+    }
+  }
+  return result;
+});
+function toggleWorkstation(workstationId) {
+  if (selectedWorkstations.value.has(workstationId))
+    selectedWorkstations.value.delete(workstationId);
+  else
+    selectedWorkstations.value.add(workstationId);
+  selectedWorkstations.value = new Set(selectedWorkstations.value);
+}
+function buildKnowledgeSources() {
+  const sources = [];
+  for (const id of selectedWorkstations.value) {
+    const item = workstations.value.find((w) => w.id === id);
+    if (!item)
+      continue;
+    const projectId = getProjectIdForWorkstation(item);
+    if (!projectId)
+      continue;
+    sources.push({
+      type: "workstation",
+      id,
+      name: item.name,
+      projectId,
+      description: item.description,
+      taskCount: item.taskCount
+    });
+  }
+  return sources;
+}
+function handleSave() {
+  emit("save", buildKnowledgeSources());
+  emit("close");
+}
+function handleClose() {
+  emit("close");
+}
+</script>
+
+<template>
+    <Teleport to="body">
+        <div
+            v-if="open"
+            fixed inset-0 z-50 flex items-center justify-center
+            @click.self="handleClose"
+        >
+            <!-- Backdrop -->
+            <div absolute inset-0 bg-black op-40 />
+
+            <!-- Modal -->
+            <div
+                relative w-full max-w-540px mx-16px
+                bg-white rounded-16px shadow-xl
+                flex="~ col"
+                max-h="90vh"
+            >
+                <!-- Header -->
+                <div flex items-center justify-between px-24px py-16px b-b=".5px gray-120">
+                    <div flex="~ col" gap-2px>
+                        <h2 text-16px font-semibold text-gray-900>
+                            Selecionar Fontes de Conhecimento
+                        </h2>
+                        <p text-12px text-gray-500>
+                            Conecte workstations do Tela para buscar informações
+                        </p>
+                    </div>
+                    <button
+                        p-8px rounded-8px hover:bg-gray-100 transition cursor-pointer
+                        @click="handleClose"
+                    >
+                        <div i-ph-x text-20px text-gray-400 />
+                    </button>
+                </div>
+
+                <!-- Search -->
+                <div px-24px py-12px b-b=".5px gray-120">
+                    <div relative>
+                        <div absolute left-12px top="50%" translate-y="-50%" i-ph-magnifying-glass text-14px text-gray-400 />
+                        <input
+                            v-model="searchQuery"
+                            type="text"
+                            placeholder="Buscar workstation ou projeto..."
+                            w-full pl-36px pr-12px py-10px rounded-8px
+                            b=".5px gray-200" text-14px bg-gray-50
+                            focus:outline-none focus:b-blue-400 focus:bg-white
+                        >
+                    </div>
+                </div>
+
+                <!-- Selected Pills -->
+                <div v-if="selectedWorkstations.size > 0" px-24px py-12px b-b=".5px gray-120" bg-emerald-50>
+                    <div flex items-center gap-8px mb-8px>
+                        <div i-ph-check-circle text-14px text-emerald-500 />
+                        <span text-12px font-medium text-emerald-700>
+                            {{ selectedWorkstations.size }} selecionado{{ selectedWorkstations.size > 1 ? "s" : "" }}
+                        </span>
+                    </div>
+                    <div flex flex-wrap gap-6px>
+                        <div
+                            v-for="workstationId in selectedWorkstations" :key="workstationId"
+                            flex items-center gap-6px px-8px py-4px rounded-6px bg-white b=".5px emerald-200"
+                        >
+                            <div i-ph-database text-emerald-500 text-12px />
+                            <span text-12px text-emerald-700 max-w-120px truncate>
+                                {{ workstations.find((w) => w.id === workstationId)?.name ?? "Workstation" }}
+                            </span>
+                            <button p-1px rounded-2px hover:bg-emerald-100 transition cursor-pointer @click="toggleWorkstation(workstationId)">
+                                <div i-ph-x text-emerald-400 text-10px />
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Workstation List -->
+                <div flex-1 overflow-y-auto min-h-200px max-h-400px>
+                    <div v-if="loadingWorkstations" flex items-center justify-center py-48px>
+                        <div i-ph-spinner animate-spin text-24px text-gray-400 />
+                    </div>
+
+                    <div v-else-if="filteredWorkstations.length === 0" text-center py-48px>
+                        <div i-ph-database text-32px text-gray-300 mb-8px />
+                        <p text-gray-400 text-14px>
+                            {{ workstations.length === 0 ? "Nenhuma workstation com tarefas processadas" : "Nenhum resultado encontrado" }}
+                        </p>
+                    </div>
+
+                    <template v-else>
+                        <div v-for="group in groupedByProject" :key="group.project.id" py-12px>
+                            <div flex items-center gap-8px px-24px mb-8px>
+                                <div i-ph-folder text-14px text-gray-400 />
+                                <span text-12px font-semibold text-gray-500 uppercase tracking-wide>
+                                    {{ group.project.title }}
+                                </span>
+                                <span text-11px text-gray-400>
+                                    ({{ group.workstations.length }})
+                                </span>
+                            </div>
+
+                            <div flex="~ col">
+                                <div
+                                    v-for="item in group.workstations"
+                                    :key="item.id"
+                                    flex="~ col"
+                                    px-24px py-10px
+                                    transition cursor-pointer
+                                    :class="[
+  selectedWorkstations.has(item.id) ? 'bg-emerald-50' : 'hover:bg-gray-50'
+]"
+                                    @click="toggleWorkstation(item.id)"
+                                >
+                                    <div flex items-center gap-12px>
+                                        <div
+                                            w-18px h-18px rounded-4px b=".5px solid"
+                                            flex items-center justify-center flex-shrink-0
+                                            :class="[
+  selectedWorkstations.has(item.id) ? 'bg-emerald-500 b-emerald-500' : 'bg-white b-gray-300'
+]"
+                                        >
+                                            <div v-if="selectedWorkstations.has(item.id)" i-ph-check text-11px text-white />
+                                        </div>
+
+                                        <div flex="~ col" gap-2px flex-1 min-w-0>
+                                            <span text-14px text-gray-800 truncate>
+                                                {{ item.name }}
+                                            </span>
+                                            <span v-if="item.description" text-12px text-gray-500 truncate>
+                                                {{ item.description }}
+                                            </span>
+                                        </div>
+
+                                        <span
+                                            v-if="item.taskCount"
+                                            text-11px px-6px py-2px rounded-4px
+                                            bg-gray-100 text-gray-500
+                                        >
+                                            {{ item.taskCount }} {{ item.taskCount === 1 ? "tarefa" : "tarefas" }}
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </template>
+                </div>
+
+                <!-- Footer -->
+                <div flex items-center justify-end gap-12px px-24px py-16px b-t=".5px gray-120">
+                    <TelaButton variant="ghost" @click="handleClose">
+                        Cancelar
+                    </TelaButton>
+                    <TelaButton @click="handleSave">
+                        Confirmar seleção
+                    </TelaButton>
+                </div>
+            </div>
+        </div>
+    </Teleport>
+</template>

package/dist/runtime/messages/components/chat-workstation-selector-modal.vue.d.ts

@@ -0,0 +1,14 @@
+import type { KnowledgeSource } from '../../types/schemas/chat/workspace-settings.js';
+type __VLS_Props = {
+    open: boolean;
+    knowledgeSources: readonly KnowledgeSource[] | KnowledgeSource[] | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    save: (sources: KnowledgeSource[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSave?: ((sources: KnowledgeSource[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/reasoning/chat-reasoning-message.d.vue.ts

@@ -0,0 +1,13 @@
+import type { ReasoningStep } from '../../reasoning.js';
+type __VLS_Props = {
+    step: ReasoningStep;
+    stepNumber: number;
+    isFirst?: boolean;
+    isLast?: boolean;
+    isActive?: boolean;
+    isPreviewMode?: boolean;
+    completed?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;