@meistrari/chat-nuxt 1.13.0 → 2.0.0

package/dist/runtime/components/chat/workstation-query-widget.vue.d.ts

@@ -1,10 +0,0 @@
-import type { ToolUse, ToolResult } from '../../types/reasoning.js';
-type __VLS_Props = {
-    toolUse: ToolUse;
-    toolResult?: ToolResult;
-    isActive?: boolean;
-    isBashExecution?: 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;

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

@@ -1,14 +0,0 @@
-import type { KnowledgeSource } from '../../types/chat.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/components/chat/workstation-selector-modal.vue

@@ -1,272 +0,0 @@
-<script setup>
-import { useMagicKeys } from "@vueuse/core";
-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/components/chat/workstation-selector-modal.vue.d.ts

@@ -1,14 +0,0 @@
-import type { KnowledgeSource } from '../../types/chat.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/components/chat/write-widget.d.vue.ts

@@ -1,9 +0,0 @@
-import type { ToolUse, ToolResult } from '../../types/reasoning.js';
-type __VLS_Props = {
-    toolUse: ToolUse;
-    toolResult?: ToolResult;
-    isActive?: 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;

package/dist/runtime/components/chat/write-widget.vue.d.ts

@@ -1,9 +0,0 @@
-import type { ToolUse, ToolResult } from '../../types/reasoning.js';
-type __VLS_Props = {
-    toolUse: ToolUse;
-    toolResult?: ToolResult;
-    isActive?: 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;

package/dist/runtime/components/conversation-files-panel.vue

@@ -1,252 +0,0 @@
-<script setup>
-import { useMagicKeys } from "@vueuse/core";
-import { getFileIcon } from "../utils/file";
-const { isOpen, conversationId, closePanel, panelWidth, setPanelWidth } = useConversationFilesPanel();
-const { openPreview, updatePreview, setError } = useFilePreviewPanel();
-const { getCached, fetchUrlAsBase64, setCache } = useMediaCache();
-const conversationIdRef = computed(() => conversationId.value);
-const { files, loading } = useConversationFiles(conversationIdRef);
-const { escape } = useMagicKeys();
-watch(() => escape?.value, (pressed) => {
-  if (pressed && isOpen.value) {
-    closePanel();
-  }
-});
-const isResizing = ref(false);
-const resizeStartX = ref(0);
-const resizeStartWidth = ref(0);
-function startResize(e) {
-  isResizing.value = true;
-  resizeStartX.value = e.clientX;
-  resizeStartWidth.value = panelWidth.value;
-  document.addEventListener("mousemove", onResize);
-  document.addEventListener("mouseup", stopResize);
-  document.body.style.cursor = "col-resize";
-  document.body.style.userSelect = "none";
-}
-function onResize(e) {
-  if (!isResizing.value)
-    return;
-  const delta = resizeStartX.value - e.clientX;
-  setPanelWidth(resizeStartWidth.value + delta);
-}
-function stopResize() {
-  isResizing.value = false;
-  document.removeEventListener("mousemove", onResize);
-  document.removeEventListener("mouseup", stopResize);
-  document.body.style.cursor = "";
-  document.body.style.userSelect = "";
-}
-onUnmounted(() => {
-  stopResize();
-});
-const searchQuery = ref("");
-const currentRequestId = ref(0);
-const filteredFiles = computed(() => {
-  let result = files.value;
-  if (searchQuery.value) {
-    const query = searchQuery.value.toLowerCase();
-    result = result.filter((f) => f.name.toLowerCase().includes(query));
-  }
-  return result;
-});
-async function handleFileClick(file) {
-  const requestId = ++currentRequestId.value;
-  const detectedFile = {
-    type: file.url.startsWith("vault://") ? "vault" : "url",
-    reference: file.url,
-    name: file.name,
-    mimeType: file.mimeType
-  };
-  if (file.url.startsWith("vault://")) {
-    const cachedBase64 = await getCached(file.url);
-    if (requestId !== currentRequestId.value)
-      return;
-    if (cachedBase64) {
-      openPreview({
-        file: detectedFile,
-        originalFileName: file.name,
-        resolvedMimeType: file.mimeType,
-        cachedBase64
-      });
-      return;
-    }
-    openPreview({
-      file: detectedFile,
-      originalFileName: file.name,
-      resolvedMimeType: file.mimeType
-    });
-    try {
-      const { url } = await $fetch("/api/vault/resolve", {
-        method: "POST",
-        body: { reference: file.url }
-      });
-      if (requestId !== currentRequestId.value)
-        return;
-      const base64 = await fetchUrlAsBase64(url);
-      if (requestId !== currentRequestId.value)
-        return;
-      if (base64) {
-        setCache(file.url, base64);
-      }
-      updatePreview({
-        resolvedUrl: url,
-        cachedBase64: base64
-      });
-    } catch (err) {
-      if (requestId !== currentRequestId.value)
-        return;
-      console.error("Failed to resolve vault file:", err);
-      setError();
-    }
-  } else {
-    let cachedBase64;
-    if (file.mimeType.startsWith("image/") || file.mimeType.startsWith("video/") || file.mimeType.startsWith("audio/")) {
-      try {
-        cachedBase64 = await fetchUrlAsBase64(file.url) ?? void 0;
-      } catch {
-      }
-    }
-    if (requestId !== currentRequestId.value)
-      return;
-    openPreview({
-      file: detectedFile,
-      resolvedUrl: file.url,
-      cachedBase64,
-      originalFileName: file.name,
-      resolvedMimeType: file.mimeType
-    });
-  }
-}
-</script>
-
-<template>
-    <Transition name="slide-panel">
-        <div
-            v-if="isOpen"
-            class="h-full flex bg-white b-l='.5px neutral-300' b-t='.5px neutral-300'"
-            style="box-shadow: 0px 12px 20px 0px rgba(163, 163, 163, 0.06);"
-        >
-            <!-- Resize Handle -->
-            <div
-                class="resize-handle"
-                @mousedown="startResize"
-            >
-                <div class="resize-indicator" />
-            </div>
-
-            <!-- Panel Content -->
-            <div class="flex-1 flex flex-col min-w-0">
-                <!-- Header -->
-                <div
-                    flex items-center justify-between
-                    h-64px px-24px py-16px
-                    flex-shrink-0
-                    b-b=".5px border-default"
-                >
-                    <p text-16px font-semibold text-primary leading-20px tracking="-.2px">
-                        Arquivos dessa conversa
-                    </p>
-
-                    <div flex items-center gap-4px>
-                        <button
-                            flex items-center justify-center
-                            p-6px rounded-10px
-                            hover:bg-neutral-200 transition-colors
-                            @click="closePanel"
-                        >
-                            <span class="i-ph-x text-20px text-gray-700" />
-                        </button>
-                    </div>
-                </div>
-
-                <!-- Content -->
-                <div flex-1 flex="~ col" gap-12px p-24px pt-16px overflow-y-auto>
-                    <!-- Search -->
-                    <div
-                        flex items-center gap-8px
-                        bg-white b=".5px grey-160" rounded-10px
-                        pl-12px pr-8px py-4px
-                        shadow-sm
-                    >
-                        <span class="i-ph-magnifying-glass text-12px text-gray-400" />
-                        <input
-                            v-model="searchQuery"
-                            type="text"
-                            placeholder="Buscar arquivos"
-                            class="flex-1 text-14px text-primary placeholder-gray-400 outline-none bg-transparent leading-18px tracking-tight"
-                        >
-                    </div>
-
-                    <!-- Loading State -->
-                    <div v-if="loading" flex="~ col" gap-12px>
-                        <div
-                            v-for="i in 3"
-                            :key="i"
-                            flex items-center gap-12px
-                            bg-white b=".5px border-strong" rounded-12px
-                            px-16px py-10px
-                            animate-pulse
-                        >
-                            <div w-16px h-16px rounded bg-gray-200 />
-                            <div flex="~ col" gap-4px flex-1>
-                                <div h-16px class="w-3/4" rounded bg-gray-200 />
-                                <div h-12px class="w-1/3" rounded bg-gray-100 />
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Empty State -->
-                    <div
-                        v-else-if="filteredFiles.length === 0"
-                        flex="~ col" items-center justify-center
-                        py-40px gap-12px
-                    >
-                        <span class="i-ph-files-duotone text-48px text-gray-300" />
-                        <p text-14px text-tertiary>
-                            {{ searchQuery ? "Nenhum arquivo encontrado" : "Nenhum arquivo nessa conversa" }}
-                        </p>
-                    </div>
-
-                    <!-- File List -->
-                    <template v-else>
-                        <button
-                            v-for="file in filteredFiles"
-                            :key="file.id"
-                            flex items-center gap-12px
-                            bg-white b=".5px border-strong" rounded-12px
-                            px-16px py-10px
-                            hover:bg-gray-50 transition-colors
-                            text-left w-full
-                            @click="handleFileClick(file)"
-                        >
-                            <img
-                                :src="getFileIcon(file.mimeType)"
-                                :alt="file.name"
-                                w-16px h-16px flex-shrink-0
-                            >
-                            <div flex="~ col" min-w-0 flex-1>
-                                <p
-                                    text-12px font-semibold text-primary leading-16px
-                                    truncate
-                                    :title="file.name"
-                                >
-                                    {{ file.name }}
-                                </p>
-                                <div flex items-center gap-6px>
-                                    <span text-10px text-tertiary leading-12px>
-                                        {{ file.source === "context" ? "Contexto" : "Mensagem" }}
-                                    </span>
-                                </div>
-                            </div>
-                        </button>
-                    </template>
-                </div>
-            </div>
-        </div>
-    </Transition>
-</template>
-
-<style scoped>
-.slide-panel-enter-active,.slide-panel-leave-active{transition:all .2s ease}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translateX(100%)}.resize-handle{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background-color .15s ease;width:8px}.resize-handle:hover{background-color:rgba(0,0,0,.04)}.resize-handle:hover .resize-indicator{opacity:1}.resize-indicator{background-color:#d1d5db;border-radius:2px;height:32px;opacity:0;transition:opacity .15s ease;width:3px}
-</style>