@meistrari/chat-nuxt 3.9.1 → 3.10.0

package/dist/runtime/messages/components/widgets/chat-write-widget.vue

@@ -90,23 +90,13 @@ const hasMoreLines = computed(() => {
 </script>
 
 <template>
-    <div class="bg-subtle rounded-16px border border-gray-200">
-        <!-- Header -->
-        <div class="px-16px py-16px flex items-center justify-between">
-            <div class="flex-1 min-w-0">
-                <h3 class="text-16px font-580 leading-20px tracking-[-0.3px] text-primary truncate">
-                    Write
-                </h3>
-                <p class="text-12px text-secondary truncate mt-2px">
-                    {{ fileName }}
-                    <span v-if="parentDir" class="opacity-60">em {{ parentDir }}</span>
-                </p>
-            </div>
-            <TelaStatus :variant="statusVariant" :label="statusLabel" />
-        </div>
+    <TelaChatWidgetCard title="Write" :status-variant="statusVariant" :status-label="statusLabel">
+        <template #subtitle>
+            {{ fileName }}
+            <span v-if="parentDir" class="opacity-60">em {{ parentDir }}</span>
+        </template>
 
-        <!-- Content -->
-        <div v-if="toolResult" class="px-16px pb-16px space-y-16px">
+        <template v-if="toolResult">
             <!-- File path section -->
             <div>
                 <div class="text-14px font-580 leading-16px tracking-[-0.15px] text-gray-700 mb-2">
@@ -156,8 +146,8 @@ const hasMoreLines = computed(() => {
                     </p>
                 </div>
             </div>
-        </div>
-    </div>
+        </template>
+    </TelaChatWidgetCard>
 </template>
 
 <style scoped>

package/dist/runtime/messages/composables/mention-autocomplete.js

@@ -27,6 +27,7 @@ export function useMentionAutocomplete(options) {
   const query = ref("");
   const highlightedIndex = ref(-1);
   const lastQuery = ref("");
+  const triggerCaretRect = ref(null);
   let triggerTextOffset = -1;
   const isOpen = computed(() => activeTrigger.value !== null);
   const filteredItems = computed(() => {
@@ -89,10 +90,12 @@ export function useMentionAutocomplete(options) {
     const mentionTrigger = findMentionTrigger(getTextBeforeCursor());
     if (!mentionTrigger) {
       activeTrigger.value = null;
+      triggerCaretRect.value = null;
       return;
     }
     activeTrigger.value = mentionTrigger.trigger;
     triggerTextOffset = mentionTrigger.offset;
+    triggerCaretRect.value = getCaretRangeAtOffset(triggerTextOffset)?.getBoundingClientRect() ?? null;
     if (mentionTrigger.query !== lastQuery.value) {
       highlightedIndex.value = -1;
       lastQuery.value = mentionTrigger.query;
@@ -314,6 +317,7 @@ ${varLines}
     isOpen,
     activeTrigger: readonly(activeTrigger),
     query: readonly(query),
+    triggerCaretRect: readonly(triggerCaretRect),
     filteredItems,
     highlightedIndex,
     handleKeydown,

package/dist/runtime/messages/message-reasoning.js

@@ -54,6 +54,10 @@ function getParsedReasoningSteps(cache, messageId, reasoningData) {
   let parsedSteps = cache.bySignature.get(cacheKey);
   if (!parsedSteps) {
     parsedSteps = parseReasoningFromPolling(reasoningData);
+    for (const staleKey of cache.bySignature.keys()) {
+      if (staleKey.startsWith(`${messageId}:`))
+        cache.bySignature.delete(staleKey);
+    }
     cache.bySignature.set(cacheKey, parsedSteps);
   }
   cache.byReference.set(reasoningData, { messageId, parsedSteps });

package/dist/runtime/messages/message-state.js

@@ -36,6 +36,7 @@ export function beginAssistantMessageRetry(messages, messageId) {
         ...message,
         content: "",
         status: "pending",
+        failReason: null,
         reasoningData: null
       };
     })

package/dist/runtime/public/files/generic.svg

@@ -1,7 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 8C0 5.19974 0 3.79961 0.544967 2.73005C1.02433 1.78924 1.78924 1.02433 2.73005 0.544967C3.79961 0 5.19974 0 8 0C10.8003 0 12.2004 0 13.27 0.544967C14.2108 1.02433 14.9757 1.78924 15.455 2.73005C16 3.79961 16 5.19974 16 8C16 10.8003 16 12.2004 15.455 13.27C14.9757 14.2108 14.2108 14.9757 13.27 15.455C12.2004 16 10.8003 16 8 16C5.19974 16 3.79961 16 2.73005 15.455C1.78924 14.9757 1.02433 14.2108 0.544967 13.27C0 12.2004 0 10.8003 0 8Z" fill="#DFE3E7"/>
-<rect x="3" y="4" width="10" height="1.2" rx="0.6" fill="#8B9399"/>
-<rect x="3" y="6.4" width="7" height="1.2" rx="0.6" fill="#8B9399" fill-opacity="0.7"/>
-<rect x="3" y="8.8" width="9" height="1.2" rx="0.6" fill="#8B9399" fill-opacity="0.5"/>
-<rect x="3" y="11.2" width="5" height="1.2" rx="0.6" fill="#8B9399" fill-opacity="0.3"/>
+<path d="M0 8C0 5.19974 0 3.79961 0.544967 2.73005C1.02433 1.78924 1.78924 1.02433 2.73005 0.544967C3.79961 0 5.19974 0 8 0C10.8003 0 12.2004 0 13.27 0.544967C14.2108 1.02433 14.9757 1.78924 15.455 2.73005C16 3.79961 16 5.19974 16 8C16 10.8003 16 12.2004 15.455 13.27C14.9757 14.2108 14.2108 14.9757 13.27 15.455C12.2004 16 10.8003 16 8 16C5.19974 16 3.79961 16 2.73005 15.455C1.78924 14.9757 1.02433 14.2108 0.544967 13.27C0 12.2004 0 10.8003 0 8Z" fill="#A3A3A3"/>
+<path d="M8.9375 3.8877L9.00781 3.89453C9.03116 3.89913 9.05407 3.90591 9.07617 3.91504C9.12018 3.93323 9.16065 3.95951 9.19434 3.99316L11.3818 6.18066C11.4155 6.21435 11.4418 6.25482 11.46 6.29883C11.4781 6.34281 11.4873 6.38991 11.4873 6.4375V11.4375C11.4873 11.6165 11.4166 11.7885 11.29 11.915C11.1635 12.0416 10.9915 12.1123 10.8125 12.1123H5.1875C5.00848 12.1123 4.83655 12.0416 4.70996 11.915C4.58337 11.7885 4.5127 11.6165 4.5127 11.4375V4.5625C4.5127 4.38348 4.58337 4.21155 4.70996 4.08496C4.83655 3.95837 5.00848 3.8877 5.1875 3.8877H8.9375ZM5.2373 11.3877H10.7627V6.7998H8.9375C8.84136 6.7998 8.74962 6.76134 8.68164 6.69336C8.61366 6.62538 8.5752 6.53364 8.5752 6.4375V4.6123H5.2373V11.3877ZM9.2998 6.0752H10.25L9.2998 5.125V6.0752Z" fill="white" stroke="white" stroke-width="0.1"/>
 </svg>

package/dist/runtime/public/files/image.svg

@@ -1,3 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 6C9 5.80222 9.05865 5.60888 9.16853 5.44443C9.27841 5.27998 9.43459 5.15181 9.61732 5.07612C9.80004 5.00043 10.0011 4.98063 10.1951 5.01921C10.3891 5.0578 10.5673 5.15304 10.7071 5.29289C10.847 5.43275 10.9422 5.61093 10.9808 5.80491C11.0194 5.99889 10.9996 6.19996 10.9239 6.38268C10.8482 6.56541 10.72 6.72159 10.5556 6.83147C10.3911 6.94135 10.1978 7 10 7C9.73478 7 9.48043 6.89464 9.29289 6.70711C9.10536 6.51957 9 6.26522 9 6ZM14.75 3.5V12.5C14.75 12.8315 14.6183 13.1495 14.3839 13.3839C14.1495 13.6183 13.8315 13.75 13.5 13.75H2.5C2.16848 13.75 1.85054 13.6183 1.61612 13.3839C1.3817 13.1495 1.25 12.8315 1.25 12.5V3.5C1.25 3.16848 1.3817 2.85054 1.61612 2.61612C1.85054 2.3817 2.16848 2.25 2.5 2.25H13.5C13.8315 2.25 14.1495 2.3817 14.3839 2.61612C14.6183 2.85054 14.75 3.16848 14.75 3.5ZM2.75 3.75V8.7325L4.86625 6.61625C5.10066 6.38191 5.41854 6.25027 5.75 6.25027C6.08146 6.25027 6.39934 6.38191 6.63375 6.61625L9.20687 9.1875L10.2806 8.11438C10.515 7.88004 10.8329 7.74839 11.1644 7.74839C11.4958 7.74839 11.8137 7.88004 12.0481 8.11438L13.25 9.31812V3.75H2.75ZM2.75 12.25H10.1462L5.75 7.85375L2.75 10.8538V12.25ZM13.25 12.25V11.4375L11.1644 9.35188L10.2675 10.25L12.2675 12.25H13.25Z" fill="#4E535A"/>
+<path d="M0 8C0 5.19974 0 3.79961 0.544967 2.73005C1.02433 1.78924 1.78924 1.02433 2.73005 0.544967C3.79961 0 5.19974 0 8 0C10.8003 0 12.2004 0 13.27 0.544967C14.2108 1.02433 14.9757 1.78924 15.455 2.73005C16 3.79961 16 5.19974 16 8C16 10.8003 16 12.2004 15.455 13.27C14.9757 14.2108 14.2108 14.9757 13.27 15.455C12.2004 16 10.8003 16 8 16C5.19974 16 3.79961 16 2.73005 15.455C1.78924 14.9757 1.02433 14.2108 0.544967 13.27C0 12.2004 0 10.8003 0 8Z" fill="#46A1E3"/>
+<path d="M11.4375 3.875H4.5625C4.38016 3.875 4.2053 3.94743 4.07636 4.07636C3.94743 4.2053 3.875 4.38016 3.875 4.5625V11.4375C3.875 11.6198 3.94743 11.7947 4.07636 11.9236C4.2053 12.0526 4.38016 12.125 4.5625 12.125H11.4375C11.6198 12.125 11.7947 12.0526 11.9236 11.9236C12.0526 11.7947 12.125 11.6198 12.125 11.4375V4.5625C12.125 4.38016 12.0526 4.2053 11.9236 4.07636C11.7947 3.94743 11.6198 3.875 11.4375 3.875ZM4.5625 4.5625H11.4375V7.88742L10.3766 6.82609C10.2477 6.69726 10.0729 6.62489 9.89062 6.62489C9.70837 6.62489 9.53357 6.69726 9.40465 6.82609L4.79324 11.4375H4.5625V4.5625ZM11.4375 11.4375H5.76562L9.89062 7.3125L11.4375 8.85938V11.4375ZM6.625 7.65625C6.82896 7.65625 7.02834 7.59577 7.19793 7.48245C7.36752 7.36914 7.4997 7.20808 7.57775 7.01964C7.6558 6.83121 7.67623 6.62386 7.63643 6.42381C7.59664 6.22377 7.49843 6.04002 7.3542 5.8958C7.20998 5.75157 7.02623 5.65336 6.82619 5.61357C6.62614 5.57377 6.41879 5.5942 6.23036 5.67225C6.04192 5.7503 5.88086 5.88248 5.76755 6.05207C5.65423 6.22166 5.59375 6.42104 5.59375 6.625C5.59375 6.8985 5.7024 7.16081 5.8958 7.3542C6.08919 7.5476 6.3515 7.65625 6.625 7.65625ZM6.625 6.28125C6.69299 6.28125 6.75945 6.30141 6.81598 6.33918C6.87251 6.37695 6.91657 6.43064 6.94258 6.49345C6.9686 6.55626 6.97541 6.62538 6.96214 6.69206C6.94888 6.75874 6.91614 6.81999 6.86807 6.86807C6.81999 6.91614 6.75874 6.94888 6.69206 6.96214C6.62538 6.97541 6.55626 6.9686 6.49345 6.94258C6.43064 6.91657 6.37695 6.87251 6.33918 6.81598C6.30141 6.75945 6.28125 6.69299 6.28125 6.625C6.28125 6.53383 6.31747 6.4464 6.38193 6.38193C6.4464 6.31747 6.53383 6.28125 6.625 6.28125Z" fill="white"/>
 </svg>

package/dist/runtime/types/embed.d.ts

@@ -1,6 +1,6 @@
 export type { ChatCitationsConfig, CitationMeta, CitationRef, } from '../citations/types.js';
 export type { ChatFeatureConfig } from '../embed/feature-config.js';
-export type { ChatActor, ChatEmbedSharedProps, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
+export type { ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
 export type { ChatActionPayload } from '../messages/composables/chat-action.js';
 export type { MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, } from '../messages/composables/chat-feedback.js';
 export { ChatMessageStatus } from '../messages/composables/chat-message-terminal.js';

package/dist/runtime/types/schemas/chat/conversations.d.ts

@@ -85,6 +85,7 @@ export declare const messageSchema: z.ZodObject<{
         completed: "completed";
         failed: "failed";
     }>>;
+    failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     reasoningData: z.ZodUnknown;
     files: z.ZodNullable<z.ZodArray<z.ZodObject<{
         url: z.ZodString;
@@ -189,6 +190,7 @@ export declare const conversationWithMessagesSchema: z.ZodObject<{
             completed: "completed";
             failed: "failed";
         }>>;
+        failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         reasoningData: z.ZodUnknown;
         files: z.ZodNullable<z.ZodArray<z.ZodObject<{
             url: z.ZodString;

package/dist/runtime/types/schemas/chat/conversations.js

@@ -36,6 +36,9 @@ export const messageSchema = z.object({
     role: messageRoleSchema,
     content: z.string(),
     status: messageStatusSchema.nullable(),
+    // Optional so a newer chat-nuxt keeps working against a chat-api that
+    // predates the column.
+    failReason: z.string().nullable().optional(),
     reasoningData: z.unknown(),
     files: z.array(messageFileSchema).nullable(),
     externalUuid: z.string().nullable(),

package/dist/runtime/types/schemas/chat/messages.d.ts

@@ -66,6 +66,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
             completed: "completed";
             failed: "failed";
         }>>;
+        failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         reasoningData: z.ZodUnknown;
         files: z.ZodNullable<z.ZodArray<z.ZodObject<{
             url: z.ZodString;
@@ -97,6 +98,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
             completed: "completed";
             failed: "failed";
         }>>;
+        failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         reasoningData: z.ZodUnknown;
         files: z.ZodNullable<z.ZodArray<z.ZodObject<{
             url: z.ZodString;
@@ -131,6 +133,7 @@ export declare const messagePollResponseSchema: z.ZodObject<{
             completed: "completed";
             failed: "failed";
         }>>;
+        failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         reasoningData: z.ZodUnknown;
         files: z.ZodNullable<z.ZodArray<z.ZodObject<{
             url: z.ZodString;
@@ -167,3 +170,4 @@ export declare const cancelConversationResponseSchema: z.ZodObject<{
     cancelled: z.ZodBoolean;
 }, z.core.$strip>;
 export type CancelConversationResponse = z.infer<typeof cancelConversationResponseSchema>;
+export declare function isPromptTooLongFailure(failReason: string | null | undefined): boolean;

package/dist/runtime/types/schemas/chat/messages.js

@@ -43,3 +43,10 @@ export const cancelConversationResponseSchema = z.object({
     success: z.literal(true),
     cancelled: z.boolean(),
 });
+// agent-api reports this failure as free text (e.g. "Prompt is too long"), so
+// the match lives here — next to the wire contract — instead of being
+// re-derived by each consumer.
+const PROMPT_TOO_LONG_PATTERN = /prompt is too long/i;
+export function isPromptTooLongFailure(failReason) {
+    return failReason != null && PROMPT_TOO_LONG_PATTERN.test(failReason);
+}

package/dist/types.d.mts

@@ -6,7 +6,7 @@ export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<
 
 export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js'
 
-export { type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatFeatureConfig, type ChatMessageTerminalPayload, type ChatSidebarConfig, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
+export { type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatEmbedVariant, type ChatEmbedVariantProps, type ChatFeatureConfig, type ChatMessageTerminalPayload, type ChatSidebarConfig, type ChatSuggestion, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
 
 export { default } from './module.mjs'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.9.1",
+  "version": "3.10.0",
   "type": "module",
   "exports": {
     ".": {
@@ -22,6 +22,7 @@
     "dist"
   ],
   "scripts": {
+    "postinstall": "nuxi prepare",
     "build": "mkdir -p .nuxt && { [ -f .nuxt/tsconfig.json ] || printf '{}' > .nuxt/tsconfig.json; } && { [ -f .nuxt/tsconfig.server.json ] || printf '{}' > .nuxt/tsconfig.server.json; } && nuxt-module-build build && node ./scripts/embed-local-schemas.mjs && node ./scripts/polish-embed-declarations.mjs",
     "dev:prepare": "nuxt-module-build build --stub",
     "test:types": "pnpm build && tsc -p tsconfig.type-tests.json --noEmit",
@@ -33,7 +34,7 @@
     "typecheck": "cd ../.. && TYPECHECK_CWD=packages/chat-app ./scripts/typecheck.sh"
   },
   "peerDependencies": {
-    "nuxt": "^3.17.0",
+    "nuxt": "^3.17.0 || ^4.0.0",
     "vue": "^3.5.0"
   },
   "dependencies": {
@@ -41,7 +42,7 @@
     "@iconify/vue": "^5.0.0",
     "@meistrari/auth-nuxt": "3.5.0",
     "@meistrari/logger": "^2.1.3",
-    "@meistrari/tela-build": "^1.30.0",
+    "@meistrari/tela-build": "^1.59.2",
     "@sentry/nuxt": "^10.0.0",
     "@vueuse/components": "^12.8.0",
     "@vueuse/core": "^12.8.0",
@@ -66,7 +67,7 @@
     "@types/node": "^20.19.0",
     "dotenv-cli": "^11.0.0",
     "eslint": "9.16.0",
-    "nuxt": "3.17.7",
+    "nuxt": "4.4.8",
     "pino": "^10.3.1",
     "pino-pretty": "^13.1.3",
     "playwright": "^1.61.0",

package/dist/runtime/conversations/components/chat-conversation-new-group-popover-content.d.vue.ts

@@ -1,23 +0,0 @@
-type __VLS_Props = {
-    errorMessage?: string | null;
-    saving?: boolean;
-};
-declare function focusInput(): void;
-type __VLS_ModelProps = {
-    modelValue: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    focusInput: typeof focusInput;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-} & {
-    submit: () => any;
-    cancel: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSubmit?: (() => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/conversations/components/chat-conversation-new-group-popover-content.vue

@@ -1,75 +0,0 @@
-<script setup>
-defineProps({
-  errorMessage: { type: [String, null], required: false },
-  saving: { type: Boolean, required: false }
-});
-const emit = defineEmits(["submit", "cancel"]);
-const groupName = defineModel({ type: String, ...{ required: true } });
-const inputRef = ref(null);
-function focusInput() {
-  inputRef.value?.focus();
-}
-defineExpose({
-  focusInput
-});
-</script>
-
-<template>
-    <TelaPopoverContent
-        align="end"
-        :side-offset="4"
-        data-chat-sidebar-floating
-        class="!w-auto !rounded-12px !border-neutral-200 !bg-white !p-0 !text-neutral-900 !shadow-lg"
-    >
-        <form w-236px p-8px flex="~ col" gap-8px @submit.prevent="emit('submit')">
-            <input
-                ref="inputRef"
-                v-model="groupName"
-                type="text"
-                autocomplete="off"
-                maxlength="80"
-                placeholder="Nome da pasta"
-                aria-label="Nome da pasta"
-                h-32px w-full
-                px-10px
-                rounded-8px
-                b=".5px neutral-300"
-                bg-white
-                outline-none
-                text-14px text-neutral-900 leading-18px
-                focus:b-neutral-900
-                @keydown.escape.prevent.stop="emit('cancel')"
-            >
-            <p
-                v-if="errorMessage"
-                text-12px text-red-600 leading-16px
-                aria-live="polite"
-            >
-                {{ errorMessage }}
-            </p>
-            <div flex justify-end gap-6px>
-                <button
-                    type="button"
-                    h-28px px-10px rounded-8px
-                    text-13px font-medium text-neutral-700
-                    hover:bg-neutral-100
-                    transition-colors
-                    @click="emit('cancel')"
-                >
-                    Cancelar
-                </button>
-                <button
-                    type="submit"
-                    h-28px px-10px rounded-8px
-                    bg-neutral-900 text-white
-                    text-13px font-medium
-                    transition-opacity
-                    :disabled="!groupName.trim() || saving"
-                    :class="(!groupName.trim() || saving) && 'opacity-40 cursor-not-allowed'"
-                >
-                    Criar
-                </button>
-            </div>
-        </form>
-    </TelaPopoverContent>
-</template>

package/dist/runtime/conversations/components/chat-conversation-new-group-popover-content.vue.d.ts

@@ -1,23 +0,0 @@
-type __VLS_Props = {
-    errorMessage?: string | null;
-    saving?: boolean;
-};
-declare function focusInput(): void;
-type __VLS_ModelProps = {
-    modelValue: string;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    focusInput: typeof focusInput;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-} & {
-    submit: () => any;
-    cancel: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSubmit?: (() => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => 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-step-item.d.vue.ts

@@ -1,37 +0,0 @@
-interface Props {
-    title: string;
-    icon?: string;
-    isLast?: boolean;
-    isFirst?: boolean;
-    defaultExpanded?: boolean;
-    hasResult?: boolean;
-    isError?: boolean;
-    isTextStep?: boolean;
-    hideExpand?: boolean;
-    isActive?: boolean;
-    completed?: boolean;
-}
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    isError: boolean;
-    completed: boolean;
-    isActive: boolean;
-    icon: string;
-    isLast: boolean;
-    isFirst: boolean;
-    defaultExpanded: boolean;
-    hasResult: boolean;
-    isTextStep: boolean;
-    hideExpand: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/messages/components/reasoning/chat-reasoning-step-item.vue

@@ -1,125 +0,0 @@
-<script setup>
-const props = defineProps({
-  title: { type: String, required: true },
-  icon: { type: String, required: false, default: "i-ph-info" },
-  isLast: { type: Boolean, required: false, default: false },
-  isFirst: { type: Boolean, required: false, default: false },
-  defaultExpanded: { type: Boolean, required: false, default: false },
-  hasResult: { type: Boolean, required: false, default: false },
-  isError: { type: Boolean, required: false, default: false },
-  isTextStep: { type: Boolean, required: false, default: false },
-  hideExpand: { type: Boolean, required: false, default: false },
-  isActive: { type: Boolean, required: false, default: false },
-  completed: { type: Boolean, required: false, default: false }
-});
-const isWaitingForNext = computed(() => {
-  return props.isLast && props.hasResult && !props.completed;
-});
-const isExpanded = ref(props.defaultExpanded);
-watch(() => props.defaultExpanded, (newVal) => {
-  isExpanded.value = newVal;
-});
-function toggle() {
-  isExpanded.value = !isExpanded.value;
-}
-</script>
-
-<template>
-    <div class="relative flex gap-12px group/step">
-        <!-- Status Icon -->
-        <div class="flex flex-col items-center flex-shrink-0" :class="{ 'pb-8px': !isLast || !completed }">
-            <div class="flex items-center justify-center w-24px h-24px group-hover/step:text-gray-700 transition-colors">
-                <!-- COMPLETED STATE: Show specific type icons -->
-                <template v-if="completed">
-                    <!-- Show error icon if there's an error -->
-                    <div
-                        v-if="isError"
-                        class="text-14px text-tertiary i-ph-x-circle"
-                    />
-                    <!-- Show specific icon for the step type -->
-                    <div
-                        v-else
-                        class="text-14px text-tertiary"
-                        :class="icon"
-                    />
-                </template>
-
-                <!-- EXECUTING STATE: Show loading/check icons -->
-                <template v-else>
-                    <!-- Active step: loading spinner -->
-                    <div
-                        v-if="isActive || isWaitingForNext"
-                        class="text-14px text-tertiary animate-spin i-ph-circle-notch"
-                    />
-                    <!-- Tool without result yet: loading spinner -->
-                    <div
-                        v-else-if="!isTextStep && !hasResult"
-                        class="text-14px text-tertiary animate-spin i-ph-circle-notch"
-                    />
-                    <!-- Text step completed: check icon -->
-                    <div
-                        v-else-if="isTextStep"
-                        class="text-14px text-tertiary i-ph-check-circle"
-                    />
-                    <!-- Tool completed with error: x icon -->
-                    <div
-                        v-else-if="isError"
-                        class="text-14px text-tertiary i-ph-x-circle"
-                    />
-                    <!-- Tool completed successfully: check icon -->
-                    <div
-                        v-else
-                        class="text-14px text-tertiary i-ph-check-circle"
-                    />
-                </template>
-            </div>
-        </div>
-
-        <!-- Content Area -->
-        <div class="flex-1 min-w-0" :class="{ 'pb-8px': !isLast || !completed }">
-            <!-- Non-expandable title (when content is same as title) -->
-            <div v-if="hideExpand" class="h-24px flex items-center">
-                <span class="text-14px font-medium text-tertiary leading-18px">
-                    {{ title }}
-                </span>
-            </div>
-
-            <!-- Expandable title (default) -->
-            <template v-else>
-                <!-- Trigger (Header) -->
-                <button
-                    type="button"
-                    class="h-24px flex items-center gap-4px w-full text-left focus:outline-none group/title"
-                    @click="toggle"
-                >
-                    <span class="text-14px font-medium text-tertiary group-hover/title:text-gray-700 transition-colors truncate leading-18px">
-                        {{ title }}
-                    </span>
-                    <div
-                        i-ph-caret-right
-                        class="text-12px text-tertiary group-hover/title:text-gray-700 transition-all duration-200 flex-shrink-0"
-                        :class="{ 'rotate-90': isExpanded }"
-                    />
-                </button>
-
-                <!-- Content (Body) -->
-                <Transition
-                    enter-active-class="transition-all duration-300 ease-out"
-                    leave-active-class="transition-all duration-200 ease-in"
-                    enter-from-class="opacity-0 -translate-y-4px"
-                    leave-to-class="opacity-0 -translate-y-4px"
-                >
-                    <div v-if="isExpanded" class="mt-8px overflow-hidden">
-                        <div class="text-14px text-tertiary leading-relaxed">
-                            <slot />
-                        </div>
-                    </div>
-                </Transition>
-            </template>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.v-enter-active,.v-leave-active{transition:opacity .3s ease,transform .3s ease}.v-enter-from,.v-leave-to{opacity:0;transform:translateY(-4px)}
-</style>

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

@@ -1,37 +0,0 @@
-interface Props {
-    title: string;
-    icon?: string;
-    isLast?: boolean;
-    isFirst?: boolean;
-    defaultExpanded?: boolean;
-    hasResult?: boolean;
-    isError?: boolean;
-    isTextStep?: boolean;
-    hideExpand?: boolean;
-    isActive?: boolean;
-    completed?: boolean;
-}
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    isError: boolean;
-    completed: boolean;
-    isActive: boolean;
-    icon: string;
-    isLast: boolean;
-    isFirst: boolean;
-    defaultExpanded: boolean;
-    hasResult: boolean;
-    isTextStep: boolean;
-    hideExpand: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};