@meistrari/chat-nuxt 3.0.0 → 3.2.0

package/dist/runtime/embed/components/configuration/chat-configuration-personalization-tab.vue

@@ -1,37 +0,0 @@
-<script setup>
-const localSystemMessage = defineModel("systemMessage", { type: String, ...{ required: true } });
-</script>
-
-<template>
-    <div>
-        <div mb-24px>
-            <h2 text-16px font-semibold text-primary tracking="-.2px" leading-20px>
-                Personalização
-            </h2>
-            <div h-px bg-gray-200 mt-24px />
-        </div>
-
-        <div flex="~ col" gap-32px>
-            <div flex="~ col" gap-12px>
-                <label text-14px font-semibold text-primary tracking="-.15px" leading-16px>
-                    Instruções personalizadas
-                </label>
-                <div flex="~ col" gap-4px>
-                    <textarea
-                        v-model="localSystemMessage"
-                        placeholder="Ex: &quot;Sempre forneça fontes para conclusões importantes&quot;, &quot;Mantenha um tom profissional&quot;, ou &quot;Diferencie fatos de interpretações&quot;"
-                        rows="20"
-                        w-full px-16px py-14px rounded-10px b=".5px gray-200" text-16px
-                        bg-white leading-20px tracking="-.2px"
-                        text-primary placeholder:text-tertiary
-                        focus:outline-none focus:b-gray-400
-                        resize-none
-                    />
-                    <p text-12px text-secondary leading-16px>
-                        Esta instrução será aplicada a todas as novas conversas do workspace
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>

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

@@ -1,10 +0,0 @@
-type __VLS_ModelProps = {
-    'systemMessage': string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:systemMessage": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:systemMessage"?: ((value: 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-tela-tools-tab.d.vue.ts

@@ -1,20 +0,0 @@
-import type { TelaCanvas } from '../../../types/schemas/integrations/tela-api.js';
-type __VLS_Props = {
-    searchQuery: string;
-    canvas: TelaCanvas[];
-    filteredCanvasTools: TelaCanvas[];
-    selectedToolIds: Set<string>;
-    allToolsSelected: boolean;
-    getProjectName: (projectId: string) => string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:searchQuery": (value: string) => any;
-    toggleTool: (canvasId: string) => any;
-    toggleAll: (selected: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-    onToggleTool?: ((canvasId: string) => any) | undefined;
-    onToggleAll?: ((selected: boolean | "indeterminate") => 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-tela-tools-tab.vue

@@ -1,146 +0,0 @@
-<script setup>
-import { formatAbsoluteDate } from "../../../shared/date-formatting";
-defineProps({
-  searchQuery: { type: String, required: true },
-  canvas: { type: Array, required: true },
-  filteredCanvasTools: { type: Array, required: true },
-  selectedToolIds: { type: Set, required: true },
-  allToolsSelected: { type: Boolean, required: true },
-  getProjectName: { type: Function, required: true }
-});
-const emit = defineEmits(["update:searchQuery", "toggleTool", "toggleAll"]);
-</script>
-
-<template>
-    <div mb-24px>
-        <h2 text-16px font-semibold text-primary tracking="-.2px" leading-20px>
-            Skills Tela
-        </h2>
-        <div h-px bg-gray-200 mt-24px />
-    </div>
-
-    <div v-if="canvas.length === 0" flex="~ col" items-center justify-center h-400px gap-24px>
-        <div
-            w-88px h-64px rounded-10px bg-white b=".5px gray-100"
-            flex items-center justify-center
-            shadow-sm
-        >
-            <div i-ph-shapes text-32px style="color: #DFE3E7;" />
-        </div>
-        <div flex="~ col" gap-8px items-center text-center>
-            <p text-20px font-semibold text-primary tracking="-.5px" leading-24px max-w-239px>
-                Sua equipe ainda não criou automações
-            </p>
-            <p text-14px text-secondary tracking="-.15px" leading-18px max-w-264px>
-                Acesse o Tela para criar canvas e workflows
-            </p>
-        </div>
-    </div>
-
-    <template v-else>
-        <div
-            flex items-center gap-8px
-            w-240px pl-12px pr-8px py-4px mb-24px
-            bg-white b=".5px gray-200" rounded-10px
-            shadow-sm
-        >
-            <div i-ph-magnifying-glass text-12px text-gray-400 />
-            <input
-                :value="searchQuery"
-                type="text"
-                placeholder="Buscar"
-                text-14px text-primary placeholder:text-gray-400
-                bg-transparent border-none outline-none
-                flex-1 leading-18px tracking="-.15px"
-                @input="emit('update:searchQuery', $event.target.value)"
-            >
-        </div>
-
-        <div max-h-400px overflow-y-auto>
-            <TelaTable class="table-fixed" w-full>
-                <TelaTableHeader>
-                    <TelaTableRow>
-                        <TelaTableHead class="!p-0 !w-48px !min-w-48px">
-                            <div flex items-center justify-center w-48px h-full>
-                                <TelaCheckbox
-                                    :model-value="allToolsSelected"
-                                    @update:model-value="emit('toggleAll', $event)"
-                                />
-                            </div>
-                        </TelaTableHead>
-                        <TelaTableHead class="!py-12px !w-287px text-12px font-semibold text-primary leading-16px">
-                            Nome
-                        </TelaTableHead>
-                        <TelaTableHead class="!py-12px !w-125px !min-w-125px text-12px font-semibold text-primary leading-16px">
-                            Projeto
-                        </TelaTableHead>
-                        <TelaTableHead class="!py-12px !w-125px !min-w-125px text-12px font-semibold text-primary leading-16px">
-                            Última edição
-                        </TelaTableHead>
-                    </TelaTableRow>
-                </TelaTableHeader>
-                <TelaTableBody>
-                    <TelaTableRow
-                        v-for="item in filteredCanvasTools"
-                        :key="item.id"
-                        hover:bg-gray-50 cursor-pointer transition
-                        :class="{ 'opacity-50': !item.promotedVersion }"
-                        @click="item.promotedVersion && emit('toggleTool', item.id)"
-                    >
-                        <TelaTableCell class="!p-0 !w-48px !min-w-48px">
-                            <div flex items-center justify-center w-48px h-full>
-                                <TelaCheckbox
-                                    :model-value="selectedToolIds.has(item.id)"
-                                    :disabled="!item.promotedVersion"
-                                    @click.stop
-                                    @update:model-value="emit('toggleTool', item.id)"
-                                />
-                            </div>
-                        </TelaTableCell>
-                        <TelaTableCell class="!w-287px">
-                            <div flex items-center gap-8px>
-                                <span text-14px text-gray-900 leading-18px tracking="-.15px" truncate>
-                                    {{ item.title }}
-                                </span>
-                                <div
-                                    b=".5px gray-200" rounded-5px px-5px
-                                    flex items-center justify-center shrink-0
-                                >
-                                    <span text-9px font-semibold uppercase tracking-wide style="color: #9DA2AA;">
-                                        {{ item.promotedVersion?.workflowSpec ? "Workflow" : "Canvas" }}
-                                    </span>
-                                </div>
-                            </div>
-                        </TelaTableCell>
-                        <TelaTableCell class="!w-125px !min-w-125px">
-                            <div
-                                b=".5px gray-100" rounded-8px px-8px py-4px
-                                flex items-center gap-5px w-fit
-                            >
-                                <div i-ph-folder text-14px style="color: #767E88;" />
-                                <span text-12px font-semibold style="color: #767E88;">
-                                    {{ getProjectName(item.projectId) }}
-                                </span>
-                            </div>
-                        </TelaTableCell>
-                        <TelaTableCell class="!w-125px !min-w-125px">
-                            <span text-12px text-tertiary leading-16px>
-                                {{ formatAbsoluteDate(item.updatedAt) }}
-                            </span>
-                        </TelaTableCell>
-                    </TelaTableRow>
-
-                    <TelaTableRow v-if="filteredCanvasTools.length === 0 && canvas.length > 0">
-                        <TelaTableCell colspan="4">
-                            <TelaTableEmpty :colspan="4">
-                                <div text-center py-48px text-14px text-tertiary>
-                                    Nenhum resultado encontrado
-                                </div>
-                            </TelaTableEmpty>
-                        </TelaTableCell>
-                    </TelaTableRow>
-                </TelaTableBody>
-            </TelaTable>
-        </div>
-    </template>
-</template>

package/dist/runtime/embed/components/configuration/chat-configuration-tela-tools-tab.vue.d.ts

@@ -1,20 +0,0 @@
-import type { TelaCanvas } from '../../../types/schemas/integrations/tela-api.js';
-type __VLS_Props = {
-    searchQuery: string;
-    canvas: TelaCanvas[];
-    filteredCanvasTools: TelaCanvas[];
-    selectedToolIds: Set<string>;
-    allToolsSelected: boolean;
-    getProjectName: (projectId: string) => string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:searchQuery": (value: string) => any;
-    toggleTool: (canvasId: string) => any;
-    toggleAll: (selected: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-    onToggleTool?: ((canvasId: string) => any) | undefined;
-    onToggleAll?: ((selected: boolean | "indeterminate") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/workspace/composables/workspace-context-files.d.ts

@@ -1,19 +0,0 @@
-import type { ContextFile } from '../../types/schemas/chat/files.js';
-export declare const MAX_FILES = 10;
-export declare const MAX_FILE_SIZE: number;
-export declare function useWorkspaceContextFiles(searchQuery: Ref<string>, currentContextFiles: Ref<readonly ContextFile[] | null | undefined> | ComputedRef<readonly ContextFile[] | null | undefined>): {
-    pendingFiles: any;
-    filteredContextFiles: any;
-    filteredPendingFiles: any;
-    currentFileCount: any;
-    hasChanges: any;
-    maxFiles: number;
-    handleFileSelect: (event: Event) => void;
-    removePendingFile: (file: File) => void;
-    removeContextFile: (url: string) => void;
-    getFileType: (fileName: string) => string;
-    initialize: () => void;
-    getPendingFiles: () => File[];
-    getKeptContextFiles: () => ContextFile[];
-    clearPendingFiles: () => void;
-};

package/dist/runtime/workspace/composables/workspace-context-files.js

@@ -1,83 +0,0 @@
-export const MAX_FILES = 10;
-export const MAX_FILE_SIZE = 10 * 1024 * 1024;
-export function useWorkspaceContextFiles(searchQuery, currentContextFiles) {
-  const pendingFiles = ref([]);
-  const removedUrls = ref(/* @__PURE__ */ new Set());
-  const effectiveContextFiles = computed(
-    () => (currentContextFiles.value ?? []).filter((file) => !removedUrls.value.has(file.url))
-  );
-  const filteredContextFiles = computed(() => {
-    if (!searchQuery.value.trim())
-      return effectiveContextFiles.value;
-    const query = searchQuery.value.toLowerCase();
-    return effectiveContextFiles.value.filter(
-      (file) => file.name.toLowerCase().includes(query)
-    );
-  });
-  const filteredPendingFiles = computed(() => {
-    if (!searchQuery.value.trim())
-      return pendingFiles.value;
-    const query = searchQuery.value.toLowerCase();
-    return pendingFiles.value.filter(
-      (file) => file.name.toLowerCase().includes(query)
-    );
-  });
-  const currentFileCount = computed(
-    () => effectiveContextFiles.value.length + pendingFiles.value.length
-  );
-  const hasChanges = computed(
-    () => pendingFiles.value.length > 0 || removedUrls.value.size > 0
-  );
-  function handleFileSelect(event) {
-    const target = event.target;
-    if (!target.files)
-      return;
-    const newFiles = Array.from(target.files).filter((file) => file.size <= MAX_FILE_SIZE);
-    const availableSlots = MAX_FILES - currentFileCount.value;
-    pendingFiles.value = [...pendingFiles.value, ...newFiles.slice(0, availableSlots)];
-    target.value = "";
-  }
-  function removePendingFile(file) {
-    const idx = pendingFiles.value.indexOf(file);
-    if (idx !== -1)
-      pendingFiles.value = pendingFiles.value.filter((_, i) => i !== idx);
-  }
-  function removeContextFile(url) {
-    const next = new Set(removedUrls.value);
-    next.add(url);
-    removedUrls.value = next;
-  }
-  function getFileType(fileName) {
-    return fileName.split(".").pop()?.toUpperCase() ?? "";
-  }
-  function initialize() {
-    pendingFiles.value = [];
-    removedUrls.value = /* @__PURE__ */ new Set();
-  }
-  function getPendingFiles() {
-    return [...pendingFiles.value];
-  }
-  function getKeptContextFiles() {
-    return [...effectiveContextFiles.value];
-  }
-  function clearPendingFiles() {
-    pendingFiles.value = [];
-    removedUrls.value = /* @__PURE__ */ new Set();
-  }
-  return {
-    pendingFiles: readonly(pendingFiles),
-    filteredContextFiles,
-    filteredPendingFiles,
-    currentFileCount,
-    hasChanges,
-    maxFiles: MAX_FILES,
-    handleFileSelect,
-    removePendingFile,
-    removeContextFile,
-    getFileType,
-    initialize,
-    getPendingFiles,
-    getKeptContextFiles,
-    clearPendingFiles
-  };
-}

package/dist/runtime/workspace/composables/workspace-external-skills.d.ts

@@ -1,22 +0,0 @@
-import type { ExternalSkill } from '../../types/schemas/chat/workspace-settings.js';
-export declare function useWorkspaceExternalSkills(currentExternalSkills: Ref<readonly ExternalSkill[] | null | undefined> | ComputedRef<readonly ExternalSkill[] | null | undefined>, searchQuery?: Ref<string>): {
-    displayedSkills: any;
-    filteredSkills: any;
-    hasChanges: any;
-    isPending: (ref: string) => boolean;
-    addSkill: (skill: ExternalSkill) => void;
-    removeSkill: (ref: string) => void;
-    buildExternalSkills: () => ExternalSkill[] | null;
-    initialize: () => void;
-    skillModalOpen: any;
-    skillRefInput: any;
-    skillError: any;
-    discoveringSkills: any;
-    handleAddSkill: () => Promise<void>;
-    closeSkillModal: () => void;
-    handleAddSkillAndClose: () => Promise<void>;
-    getGitHubButtonText: () => string;
-    skillsConnection: any;
-    fetchGitHubConnection: () => Promise<void>;
-    connectGitHub: () => void;
-};

package/dist/runtime/workspace/composables/workspace-external-skills.js

@@ -1,137 +0,0 @@
-import { useChatAuth } from "#chat-auth";
-import { getChatApiErrorMessage } from "../../shared/chat-api-error.js";
-import { useGitHubSkills } from "./github-skills.js";
-export function useWorkspaceExternalSkills(currentExternalSkills, searchQuery) {
-  const { user } = useChatAuth();
-  const { connection: skillsConnection, fetchConnection: fetchGitHubConnection, connect: connectGitHub } = useGitHubSkills();
-  const pendingSkills = ref([]);
-  const removedRefs = ref([]);
-  const skillModalOpen = ref(false);
-  const skillRefInput = ref("");
-  const skillError = ref("");
-  const discoveringSkills = ref(false);
-  const displayedSkills = computed(() => {
-    const current = (currentExternalSkills.value ?? []).filter((s) => !removedRefs.value.includes(s.ref));
-    return [...current, ...pendingSkills.value];
-  });
-  const filteredSkills = computed(() => {
-    const query = searchQuery?.value?.trim().toLowerCase();
-    if (!query)
-      return displayedSkills.value;
-    return displayedSkills.value.filter(
-      (skill) => skill.name.toLowerCase().includes(query) || skill.ref.toLowerCase().includes(query)
-    );
-  });
-  const hasChanges = computed(() => {
-    return pendingSkills.value.length > 0 || removedRefs.value.length > 0;
-  });
-  function isPending(ref2) {
-    return pendingSkills.value.some((s) => s.ref === ref2);
-  }
-  function addSkill(skill) {
-    pendingSkills.value = [...pendingSkills.value, skill];
-  }
-  function removeSkill(ref2) {
-    const pendingIndex = pendingSkills.value.findIndex((s) => s.ref === ref2);
-    if (pendingIndex !== -1) {
-      pendingSkills.value = pendingSkills.value.filter((_, i) => i !== pendingIndex);
-      return;
-    }
-    removedRefs.value = [...removedRefs.value, ref2];
-  }
-  function buildExternalSkills() {
-    const currentSkills = (currentExternalSkills.value ?? []).filter((s) => !removedRefs.value.includes(s.ref)).map((s) => ({
-      ...s,
-      allowedTools: [...s.allowedTools],
-      addedBy: { ...s.addedBy }
-    }));
-    const finalSkills = [...currentSkills, ...pendingSkills.value];
-    return finalSkills.length > 0 ? finalSkills : null;
-  }
-  async function handleAddSkill() {
-    const inputRef = skillRefInput.value.trim();
-    if (!inputRef || discoveringSkills.value)
-      return;
-    skillError.value = "";
-    discoveringSkills.value = true;
-    try {
-      const metadata = await $fetch("/api/external-skills/discover", {
-        method: "POST",
-        body: { ref: inputRef }
-      });
-      const canonicalRef = metadata.ref;
-      if (displayedSkills.value.some((s) => s.ref === canonicalRef)) {
-        skillError.value = "Esta skill j\xE1 foi adicionada";
-        return;
-      }
-      const newSkill = {
-        ref: canonicalRef,
-        name: metadata.name,
-        description: metadata.description || "",
-        runtime: metadata.runtime || "unknown",
-        allowedTools: metadata.allowedTools || [],
-        isPublic: metadata.isPublic,
-        addedBy: {
-          userId: user.value?.id || "",
-          username: user.value?.name || skillsConnection.value.accountName || ""
-        },
-        addedAt: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      addSkill(newSkill);
-      skillRefInput.value = "";
-    } catch (error) {
-      if (error.statusCode === 401)
-        skillError.value = "Reposit\xF3rio privado. Conecte um provedor para acessar.";
-      else if (error.statusCode === 404)
-        skillError.value = "Skill n\xE3o encontrada. Verifique se o caminho cont\xE9m um arquivo SKILL.md";
-      else
-        skillError.value = getChatApiErrorMessage(error) ?? "Erro ao buscar skill";
-    } finally {
-      discoveringSkills.value = false;
-    }
-  }
-  function closeSkillModal() {
-    skillModalOpen.value = false;
-    skillRefInput.value = "";
-    skillError.value = "";
-  }
-  async function handleAddSkillAndClose() {
-    await handleAddSkill();
-    if (!skillError.value)
-      closeSkillModal();
-  }
-  function getGitHubButtonText() {
-    if (skillsConnection.value.connected)
-      return "Gerenciar GitHub";
-    return "Conectar GitHub";
-  }
-  function initialize() {
-    pendingSkills.value = [];
-    removedRefs.value = [];
-    skillModalOpen.value = false;
-    skillRefInput.value = "";
-    skillError.value = "";
-    discoveringSkills.value = false;
-  }
-  return {
-    displayedSkills,
-    filteredSkills,
-    hasChanges,
-    isPending,
-    addSkill,
-    removeSkill,
-    buildExternalSkills,
-    initialize,
-    skillModalOpen,
-    skillRefInput,
-    skillError,
-    discoveringSkills,
-    handleAddSkill,
-    closeSkillModal,
-    handleAddSkillAndClose,
-    getGitHubButtonText,
-    skillsConnection,
-    fetchGitHubConnection,
-    connectGitHub
-  };
-}

package/dist/runtime/workspace/composables/workspace-personalization.d.ts

@@ -1,6 +0,0 @@
-export declare function useWorkspacePersonalization(currentSystemMessage: Ref<string | null | undefined> | ComputedRef<string | null | undefined>): {
-    localSystemMessage: any;
-    hasChanges: any;
-    getSystemMessage: () => string | null;
-    initialize: () => void;
-};

package/dist/runtime/workspace/composables/workspace-personalization.js

@@ -1,18 +0,0 @@
-export function useWorkspacePersonalization(currentSystemMessage) {
-  const localSystemMessage = ref("");
-  const hasChanges = computed(
-    () => localSystemMessage.value !== (currentSystemMessage.value ?? "")
-  );
-  function getSystemMessage() {
-    return localSystemMessage.value.trim() || null;
-  }
-  function initialize() {
-    localSystemMessage.value = currentSystemMessage.value ?? "";
-  }
-  return {
-    localSystemMessage,
-    hasChanges,
-    getSystemMessage,
-    initialize
-  };
-}

package/dist/runtime/workspace/composables/workspace-tela-tools.d.ts

@@ -1,13 +0,0 @@
-import type { TelaCanvas, TelaProject } from '../../types/schemas/integrations/tela-api.js';
-import type { CanvasTool } from '../../types/schemas/tools/canvas.js';
-export declare function useWorkspaceTelaTools(canvas: Ref<TelaCanvas[]> | ComputedRef<TelaCanvas[]>, projects: Ref<TelaProject[]> | ComputedRef<TelaProject[]>, searchQuery: Ref<string>, currentCanvasTools: Ref<readonly CanvasTool[] | null | undefined> | ComputedRef<readonly CanvasTool[] | null | undefined>): {
-    selectedToolIds: any;
-    filteredCanvasTools: any;
-    allToolsSelected: any;
-    hasChanges: any;
-    toggleCanvasTool: (canvasId: string) => void;
-    toggleAllTools: (selected: boolean | "indeterminate") => void;
-    getProjectName: (projectId: string) => string;
-    buildCanvasTools: () => CanvasTool[];
-    initialize: () => void;
-};

package/dist/runtime/workspace/composables/workspace-tela-tools.js

@@ -1,91 +0,0 @@
-export function useWorkspaceTelaTools(canvas, projects, searchQuery, currentCanvasTools) {
-  const selectedToolIds = ref(/* @__PURE__ */ new Set());
-  const filteredCanvasTools = computed(() => {
-    if (!searchQuery.value.trim())
-      return canvas.value;
-    const query = searchQuery.value.toLowerCase();
-    const matchingProjectIds = new Set(
-      projects.value.filter((p) => p.title.toLowerCase().includes(query)).map((p) => p.id)
-    );
-    return canvas.value.filter(
-      (c) => c.title.toLowerCase().includes(query) || matchingProjectIds.has(c.projectId)
-    );
-  });
-  const allToolsSelected = computed(() => {
-    const availableTools = filteredCanvasTools.value.filter((c) => c.promotedVersion);
-    if (availableTools.length === 0)
-      return false;
-    return availableTools.every((c) => selectedToolIds.value.has(c.id));
-  });
-  const hasChanges = computed(() => {
-    const currentIds = new Set(currentCanvasTools.value?.map((t) => t.canvasId) ?? []);
-    if (currentIds.size !== selectedToolIds.value.size)
-      return true;
-    for (const id of currentIds) {
-      if (!selectedToolIds.value.has(id))
-        return true;
-    }
-    return false;
-  });
-  function toggleCanvasTool(canvasId) {
-    const newSet = new Set(selectedToolIds.value);
-    if (newSet.has(canvasId))
-      newSet.delete(canvasId);
-    else
-      newSet.add(canvasId);
-    selectedToolIds.value = newSet;
-  }
-  function toggleAllTools(selected) {
-    if (selected === "indeterminate")
-      return;
-    const newSet = new Set(selectedToolIds.value);
-    const availableTools = filteredCanvasTools.value.filter((c) => c.promotedVersion);
-    if (selected)
-      availableTools.forEach((c) => newSet.add(c.id));
-    else
-      availableTools.forEach((c) => newSet.delete(c.id));
-    selectedToolIds.value = newSet;
-  }
-  function getProjectName(projectId) {
-    const project = projects.value.find((p) => p.id === projectId);
-    return project?.title ?? "Sem projeto";
-  }
-  function buildCanvasTools() {
-    const tools = [];
-    for (const canvasId of selectedToolIds.value) {
-      const item = canvas.value.find((c) => c.id === canvasId);
-      if (!item)
-        continue;
-      const name = item.title.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
-      const variables = item.promotedVersion?.variables?.reduce((acc, v) => {
-        acc[v.name] = {
-          name: v.name,
-          description: v.description ?? v.name,
-          type: v.type
-        };
-        return acc;
-      }, {});
-      tools.push({
-        canvasId,
-        name,
-        description: item.title,
-        variables: variables && Object.keys(variables).length > 0 ? variables : void 0
-      });
-    }
-    return tools;
-  }
-  function initialize() {
-    selectedToolIds.value = new Set(currentCanvasTools.value?.map((t) => t.canvasId) ?? []);
-  }
-  return {
-    selectedToolIds,
-    filteredCanvasTools,
-    allToolsSelected,
-    hasChanges,
-    toggleCanvasTool,
-    toggleAllTools,
-    getProjectName,
-    buildCanvasTools,
-    initialize
-  };
-}