@meistrari/chat-nuxt 1.0.0

package/dist/runtime/components/chat/message-input.vue

@@ -0,0 +1,428 @@
+<script setup>
+import { DEFAULT_MODEL } from "../../types/chat";
+import { formatFileSize, getMimeIcon, getMimeLabel } from "../../utils/file";
+import { MAX_FILE_SIZE, MAX_FILES } from "../../composables/useWorkspaceContextFiles";
+import { FEATURE_FLAGS } from "../../types/feature-flags";
+const props = defineProps({
+  disabled: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  creatorName: { type: String, required: false },
+  creatorEmail: { type: String, required: false },
+  creatorImage: { type: String, required: false },
+  centered: { type: Boolean, required: false },
+  hasDisclaimer: { type: Boolean, required: false },
+  messages: { type: Array, required: false },
+  conversationFiles: { type: Array, required: false },
+  workspaceSettings: { type: null, required: false }
+});
+const emit = defineEmits(["send", "cancel"]);
+const selectedModel = defineModel("model", { type: null, ...{ default: DEFAULT_MODEL } });
+const { uploadFiles, uploading, uploadError } = useFileUpload();
+const { isFeatureEnabled } = useFeatureFlags();
+const isCancelEnabled = computed(() => isFeatureEnabled(FEATURE_FLAGS.ENABLE_CANCEL_GENERATION));
+const isModelSelectorEnabled = computed(() => isFeatureEnabled(FEATURE_FLAGS.ENABLE_MODEL_SELECTOR));
+const content = ref("");
+const editorRef = ref(null);
+const fileInputRef = ref(null);
+const pendingFiles = ref([]);
+const isLocked = computed(() => props.disabled || props.loading);
+const messagesRef = computed(() => props.messages ?? []);
+const inputHistory = useInputHistory(messagesRef);
+let restoringHistory = false;
+const fileItems = computed(() => {
+  const items = [];
+  if (props.conversationFiles) {
+    for (const f of props.conversationFiles) {
+      items.push({
+        id: f.url,
+        label: f.name,
+        description: getMimeLabel(f.mimeType),
+        icon: getMimeIcon(f.mimeType),
+        category: "file"
+      });
+    }
+  }
+  if (props.workspaceSettings?.contextFiles) {
+    for (const f of props.workspaceSettings.contextFiles) {
+      if (!items.some((i) => i.id === f.url)) {
+        items.push({
+          id: f.url,
+          label: f.name,
+          description: "Contexto",
+          icon: getMimeIcon(f.mimeType),
+          category: "file"
+        });
+      }
+    }
+  }
+  return items;
+});
+const skillItems = computed(() => {
+  const items = [];
+  if (props.workspaceSettings?.externalSkills) {
+    for (const s of props.workspaceSettings.externalSkills) {
+      items.push({
+        id: s.ref,
+        label: s.name,
+        description: s.description,
+        icon: "i-ph-lightning",
+        category: "skill"
+      });
+    }
+  }
+  if (props.workspaceSettings?.canvasTools) {
+    for (const t of props.workspaceSettings.canvasTools) {
+      items.push({
+        id: t.canvasId,
+        label: t.description || t.name,
+        description: "Canvas",
+        icon: "i-ph-wrench",
+        category: "canvas",
+        variables: t.variables
+      });
+    }
+  }
+  return items;
+});
+const mentionAutocomplete = useMentionAutocomplete({
+  editorRef,
+  fileItems,
+  skillItems,
+  disabled: isLocked,
+  onInsert: handleInput
+});
+const canSend = computed(
+  () => content.value.trim().length > 0 && !isLocked.value && !uploading.value
+);
+function openFileDialog() {
+  fileInputRef.value?.click();
+}
+function handleFileSelect(event) {
+  const target = event.target;
+  if (!target.files)
+    return;
+  const newFiles = Array.from(target.files).filter((file) => {
+    if (file.size > MAX_FILE_SIZE) {
+      return false;
+    }
+    return true;
+  });
+  const availableSlots = MAX_FILES - pendingFiles.value.length;
+  pendingFiles.value = [...pendingFiles.value, ...newFiles.slice(0, availableSlots)];
+  target.value = "";
+}
+function removeFile(index) {
+  pendingFiles.value = pendingFiles.value.filter((_, i) => i !== index);
+}
+async function handleSend() {
+  if (!canSend.value)
+    return;
+  let files = [];
+  if (pendingFiles.value.length > 0) {
+    try {
+      files = await uploadFiles(pendingFiles.value);
+    } catch {
+      return;
+    }
+  }
+  const taggedContent = mentionAutocomplete.buildTaggedContent();
+  emit("send", taggedContent.trim(), files, selectedModel.value);
+  content.value = "";
+  pendingFiles.value = [];
+  mentionAutocomplete.resetMentions();
+  inputHistory.resetNavigation();
+  nextTick(() => {
+    editorRef.value?.focus();
+  });
+}
+const MENTION_RE = /<(file_mention|skill_mention|canvas_mention)\s+name="([^"]*)"(?:\s+(?:url|ref|canvas-id)="([^"]*)")?(?:\s+description="([^"]*)")?[^>]*>[\s\S]*?<\/\1>/g;
+const TAG_TO_CATEGORY = {
+  file_mention: "file",
+  skill_mention: "skill",
+  canvas_mention: "canvas"
+};
+function createMentionPill(category, label, id, description, variables) {
+  const span = document.createElement("span");
+  span.className = `mention-tag mention-tag-${category}`;
+  span.contentEditable = "false";
+  span.dataset.mentionId = id;
+  span.dataset.mentionCategory = category;
+  span.dataset.mentionLabel = label;
+  if (description)
+    span.dataset.mentionDescription = description;
+  if (variables)
+    span.dataset.mentionVariables = variables;
+  const icon = document.createElement("span");
+  icon.className = category === "file" ? "i-ph-note-blank" : category === "canvas" ? "i-ph-wrench" : "i-ph-hexagon";
+  icon.setAttribute("aria-hidden", "true");
+  span.appendChild(icon);
+  span.appendChild(document.createTextNode(label));
+  return span;
+}
+function setEditorContent(text) {
+  if (!editorRef.value)
+    return;
+  restoringHistory = true;
+  editorRef.value.innerHTML = "";
+  let lastIndex = 0;
+  let match;
+  MENTION_RE.lastIndex = 0;
+  while ((match = MENTION_RE.exec(text)) !== null) {
+    const before = text.slice(lastIndex, match.index);
+    if (before)
+      editorRef.value.appendChild(document.createTextNode(before));
+    const tag = match[1];
+    const label = match[2] ?? "";
+    const id = match[3] ?? "";
+    const description = match[4];
+    const category = TAG_TO_CATEGORY[tag ?? ""] ?? "skill";
+    const canvasItem = category === "canvas" ? skillItems.value.find((s) => s.id === id) : void 0;
+    const variables = canvasItem?.variables ? JSON.stringify(canvasItem.variables) : void 0;
+    editorRef.value.appendChild(createMentionPill(category, label, id, description, variables));
+    editorRef.value.appendChild(document.createTextNode("\xA0"));
+    lastIndex = MENTION_RE.lastIndex;
+  }
+  const remaining = text.slice(lastIndex);
+  if (remaining)
+    editorRef.value.appendChild(document.createTextNode(remaining));
+  content.value = (editorRef.value.textContent ?? "").replace(/\u00A0/g, " ");
+  const range = document.createRange();
+  range.selectNodeContents(editorRef.value);
+  range.collapse(false);
+  const sel = window.getSelection();
+  sel?.removeAllRanges();
+  sel?.addRange(range);
+  nextTick(() => {
+    restoringHistory = false;
+  });
+}
+function handleKeydown(e) {
+  mentionAutocomplete.handleKeydown(e);
+  if (e.defaultPrevented)
+    return;
+  if (e.key === "ArrowUp" && !e.shiftKey && (!content.value.trim() || inputHistory.isNavigating.value)) {
+    const prev = inputHistory.navigateUp(mentionAutocomplete.buildTaggedContent());
+    if (prev !== null) {
+      e.preventDefault();
+      setEditorContent(prev);
+    }
+    return;
+  }
+  if (e.key === "ArrowDown" && !e.shiftKey && inputHistory.isNavigating.value) {
+    const next = inputHistory.navigateDown();
+    if (next !== null) {
+      e.preventDefault();
+      setEditorContent(next);
+    }
+    return;
+  }
+  if (e.key === "Enter") {
+    e.preventDefault();
+    if (!e.shiftKey) {
+      handleSend();
+    } else {
+      const sel = window.getSelection();
+      if (sel && sel.rangeCount > 0) {
+        const range = sel.getRangeAt(0);
+        range.deleteContents();
+        const br = document.createElement("br");
+        range.insertNode(br);
+        const isAtEnd = br.nextSibling === null || br.nextSibling.nodeType === Node.TEXT_NODE && br.nextSibling.data === "";
+        if (isAtEnd) {
+          const sentinel = document.createElement("br");
+          sentinel.dataset.sentinel = "true";
+          br.after(sentinel);
+        }
+        const newRange = document.createRange();
+        newRange.setStartAfter(br);
+        newRange.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(newRange);
+        handleInput();
+      }
+    }
+  }
+}
+function handleBlur() {
+  setTimeout(() => mentionAutocomplete.dismiss(), 100);
+}
+function handleInput() {
+  content.value = (editorRef.value?.textContent ?? "").replace(/\u00A0/g, " ");
+  if (!restoringHistory)
+    inputHistory.resetNavigation();
+  mentionAutocomplete.detectTrigger();
+}
+function handlePaste(e) {
+  e.preventDefault();
+  const text = e.clipboardData?.getData("text/plain") ?? "";
+  const sel = window.getSelection();
+  if (!sel || sel.rangeCount === 0)
+    return;
+  const range = sel.getRangeAt(0);
+  range.deleteContents();
+  const textNode = document.createTextNode(text);
+  range.insertNode(textNode);
+  range.setStartAfter(textNode);
+  range.collapse(true);
+  sel.removeAllRanges();
+  sel.addRange(range);
+  handleInput();
+}
+function focusEditor() {
+  if (isLocked.value)
+    return;
+  editorRef.value?.focus();
+}
+function addFiles(files) {
+  const validFiles = files.filter((file) => {
+    if (file.size > MAX_FILE_SIZE) {
+      return false;
+    }
+    return true;
+  });
+  const availableSlots = MAX_FILES - pendingFiles.value.length;
+  pendingFiles.value = [...pendingFiles.value, ...validFiles.slice(0, availableSlots)];
+}
+defineExpose({
+  addFiles
+});
+</script>
+
+<template>
+    <div :class="centered ? '' : hasDisclaimer ? 'px-24px' : 'px-24px pb-24px'" bg-transparent>
+        <div :class="centered ? 'w-700px' : 'max-w-800px'" mx-auto>
+            <div v-if="pendingFiles.length > 0" flex flex-wrap gap-8px mb-12px>
+                <div
+                    v-for="(file, index) in pendingFiles"
+                    :key="file.name + index"
+                    flex items-center gap-8px
+                    px-12px py-8px
+                    rounded-8px
+                    bg-gray-100
+                    b=".5px gray-200"
+                >
+                    <div i-ph-file text-gray-600 text-16px />
+                    <div flex="~ col" gap-2px>
+                        <span body-12-medium text-black-700 max-w-150px truncate>{{ file.name }}</span>
+                        <span body-11-regular text-gray-500>{{ formatFileSize(file.size) }}</span>
+                    </div>
+                    <TelaIconButton
+                        p-4px
+                        icon="i-ph-x"
+                        rounded-4px
+                        color="secondary"
+                        hover:bg-gray-200
+                        transition
+                        icon-class="text-gray-500 text-12px"
+                        @click="removeFile(index)"
+                    />
+                </div>
+            </div>
+
+            <div v-if="uploadError" text-red-600 body-12-regular mb-8px>
+                {{ uploadError }}
+            </div>
+
+            <input
+                ref="fileInputRef"
+                type="file"
+                multiple
+                hidden
+                @change="handleFileSelect"
+            >
+
+            <div relative>
+                <ChatMentionDropdown
+                    v-if="mentionAutocomplete.isOpen"
+                    :items="mentionAutocomplete.filteredItems"
+                    :highlighted-index="mentionAutocomplete.highlightedIndex"
+                    :trigger="mentionAutocomplete.activeTrigger"
+                    :query="mentionAutocomplete.query"
+                    @select="mentionAutocomplete.selectItem"
+                />
+            </div>
+
+            <div
+                flex="~ col"
+                gap-8px
+                p-16px
+                rounded-16px
+                class="input-container"
+                transition
+                :class="[
+  content.length > 0 && !isLocked && 'b-gray-300',
+  !isLocked && (centered ? 'bg-white' : 'bg-transparent'),
+  isLocked ? 'input-locked cursor-not-allowed' : 'cursor-text'
+]"
+                @click="focusEditor"
+            >
+                <div
+                    ref="editorRef"
+                    class="editor-content custom-scrollbar"
+                    :class="{ 'is-empty': !content.trim() }"
+                    data-placeholder="Escreva sua mensagem, @ para adicionar arquivos, / para skills"
+                    w-full
+                    min-h-20px
+                    text-16px
+                    font-normal
+                    leading-20px
+                    tracking--0.2px
+                    focus:outline-none
+                    :contenteditable="!isLocked"
+                    @keydown="handleKeydown"
+                    @input="handleInput"
+                    @paste="handlePaste"
+                    @blur="handleBlur"
+                />
+                <div flex items-center gap-8px>
+                    <ChatModelSelector v-if="isModelSelectorEnabled" v-model="selectedModel" :disabled="isLocked" @click.stop />
+                    <div flex-1 />
+                    <TelaTooltip :content="pendingFiles.length >= MAX_FILES ? 'Limite de arquivos atingido' : 'Anexar arquivo'" side="top">
+                        <TelaIconButton
+                            icon="i-ph-paperclip"
+                            size="md"
+                            color="secondary"
+                            class="rounded-8px! p-6px! transition-colors" :class="[
+  !isLocked && 'hover:bg-gray-50!'
+]"
+                            icon-class="text-gray-300 text-20px"
+                            :disabled="isLocked || pendingFiles.length >= MAX_FILES"
+                            @click="openFileDialog"
+                        />
+                    </TelaTooltip>
+                    <TelaTooltip :content="loading && isCancelEnabled ? 'Parar gera\xE7\xE3o' : 'Enter para enviar'" side="top">
+                        <button
+                            v-if="loading && isCancelEnabled"
+                            class="stop-button"
+                            @click="emit('cancel')"
+                        >
+                            <span class="stop-button-ring" />
+                            <span i-ph-stop-fill text-14px text-gray-900 />
+                        </button>
+                        <TelaIconButton
+                            v-else
+                            :icon="uploading ? 'i-ph-circle-notch' : 'i-ph-arrow-up'"
+                            size="md"
+                            color="secondary"
+                            class="rounded-10px! p-6px! transition-colors"
+                            :class="[
+  canSend ? 'bg-black-900! text-white! hover:bg-black-800!' : 'bg-gray-100! hover:bg-gray-200!',
+  uploading ? 'animate-spin' : ''
+]"
+                            :icon-class="[
+  'text-20px',
+  canSend ? 'text-white' : 'text-gray-400'
+].join(' ')"
+                            :disabled="!canSend"
+                            @click="handleSend"
+                        />
+                    </TelaTooltip>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.input-container{border:.5px solid #e5e7eb;box-shadow:0 3px 10px 0 hsla(0,0%,64%,.08),0 12px 20px 0 hsla(0,0%,64%,.06)}.input-locked{background:var(--Base-Gray-gray-100,#f3f4f6);border:.5px solid var(--Base-Neutral-neutral-300,#d9d9d9);box-shadow:0 12px 20px 0 hsla(0,0%,64%,.06)}.editor-content{caret-color:#111827;color:#111827;max-height:200px;outline:none;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.editor-content.is-empty:before{color:#bdc4cc;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.icon-button:disabled{cursor:not-allowed;opacity:.5}.custom-scrollbar{scrollbar-color:#d1d5db transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.stop-button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:opacity .15s ease;width:32px}.stop-button:hover{opacity:.8}.stop-button-ring{border:2px solid #e5e7eb;border-radius:50%;inset:0;position:absolute}.stop-button-ring:before{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#111827;content:"";inset:-2px;position:absolute}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
+</style>

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

@@ -0,0 +1,34 @@
+import type { ConversationFile, FileUploadInput, Message, ModelOption } from '../../types/chat.js';
+import type { DeepReadonly } from 'vue';
+import type { WorkspaceSettings } from '../../composables/useWorkspaceSettings.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;
+};
+declare function addFiles(files: File[]): void;
+type __VLS_ModelProps = {
+    'model'?: ModelOption;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    addFiles: typeof addFiles;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+} & {
+    cancel: () => any;
+    send: (content: string, files: FileUploadInput[], model: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+    "onUpdate:model"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { Message } from '../../types/chat.js';
+type __VLS_Props = {
+    messages: readonly Message[];
+};
+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/components/chat/message-list.vue

@@ -0,0 +1,36 @@
+<script setup>
+const props = defineProps({
+  messages: { type: Array, required: true }
+});
+const emit = defineEmits(["retry"]);
+const containerRef = ref(null);
+function scrollToBottom() {
+  nextTick(() => {
+    if (containerRef.value) {
+      containerRef.value.scrollTop = containerRef.value.scrollHeight;
+    }
+  });
+}
+watch(() => props.messages.length, scrollToBottom);
+onMounted(scrollToBottom);
+</script>
+
+<template>
+    <div
+        ref="containerRef"
+        flex-1
+        overflow-y-auto
+        pt-88px pb-24px px-24px
+    >
+        <div max-w-800px mx-auto>
+            <div flex="~ col" gap-16px>
+                <ChatMessageBubble
+                    v-for="message in messages"
+                    :key="message.id"
+                    :message="message"
+                    @retry="emit('retry', $event)"
+                />
+            </div>
+        </div>
+    </div>
+</template>

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

@@ -0,0 +1,11 @@
+import type { Message } from '../../types/chat.js';
+type __VLS_Props = {
+    messages: readonly Message[];
+};
+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/components/chat/model-selector.d.vue.ts

@@ -0,0 +1,15 @@
+import type { ModelOption } from '../../types/chat.js';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: ModelOption;
+};
+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: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,35 @@
+<script setup>
+import { AVAILABLE_MODELS, DEFAULT_MODEL } from "../../types/chat";
+import AnthropicLogo from "../../components/icons/anthropic.vue";
+defineProps({
+  disabled: { type: Boolean, required: false }
+});
+const model = defineModel({ type: null, ...{ default: DEFAULT_MODEL } });
+const options = AVAILABLE_MODELS.map((m) => ({
+  value: m.value,
+  label: m.label,
+  description: m.description,
+  icon: AnthropicLogo
+}));
+</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]!' : ''}`"
+        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/components/chat/model-selector.vue.d.ts

@@ -0,0 +1,15 @@
+import type { ModelOption } from '../../types/chat.js';
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: ModelOption;
+};
+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: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/new-conversation-modal.d.vue.ts

@@ -0,0 +1,14 @@
+import type { CanvasTool } from '../../types/agent.js';
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+} & {
+    create: (canvasTools: CanvasTool[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    onCreate?: ((canvasTools: CanvasTool[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;