@meistrari/chat-nuxt 1.0.0

package/dist/runtime/components/renderers/video-renderer.vue

@@ -0,0 +1,43 @@
+<script setup>
+defineProps({
+  url: { type: String, required: true }
+});
+const isLoading = ref(true);
+const error = ref(false);
+function onCanPlay() {
+  isLoading.value = false;
+}
+function onError() {
+  isLoading.value = false;
+  error.value = true;
+}
+</script>
+
+<template>
+    <div class="h-full flex flex-col min-h-[60vh]">
+        <!-- Loading -->
+        <div v-if="isLoading" class="flex-1 flex items-center justify-center">
+            <TelaIconSpinner animate-spin class="text-24px text-gray-400" />
+        </div>
+
+        <!-- Error -->
+        <div v-else-if="error" class="flex-1 flex items-center justify-center">
+            <div class="text-center">
+                <TelaIcon name="i-ph-video-camera-slash" class="text-32px text-gray-400" />
+                <p class="text-14px text-gray-500 mt-8px">
+                    Falha ao carregar vídeo
+                </p>
+            </div>
+        </div>
+
+        <div v-show="!isLoading && !error" class="flex-1 flex items-center justify-center p-20px">
+            <video
+                :src="url"
+                controls
+                class="max-w-full max-h-full rounded-8px shadow-lg"
+                @canplay="onCanPlay"
+                @error="onError"
+            />
+        </div>
+    </div>
+</template>

package/dist/runtime/components/renderers/video-renderer.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url: string;
+};
+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/text-preview.d.vue.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    url: string;
+    mimeType?: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: (args_0: {
+        totalLines: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: ((args_0: {
+        totalLines: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/text-preview.vue

@@ -0,0 +1,105 @@
+<script setup>
+const props = defineProps({
+  url: { type: String, required: true },
+  mimeType: { type: String, required: false },
+  maxHeight: { type: Number, required: false },
+  clickable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["click", "loaded"]);
+const content = ref(null);
+const isLoading = ref(true);
+const error = ref(null);
+const maxPreviewLines = 15;
+const isJson = computed(() => props.mimeType === "application/json");
+async function fetchContent() {
+  if (!props.url)
+    return;
+  isLoading.value = true;
+  error.value = null;
+  try {
+    const response = await fetch(props.url);
+    const text = await response.text();
+    if (isJson.value) {
+      try {
+        const parsed = JSON.parse(text);
+        content.value = JSON.stringify(parsed, null, 2);
+      } catch {
+        content.value = text;
+      }
+    } else {
+      content.value = text;
+    }
+    const totalLines = content.value?.split("\n").length ?? 0;
+    emit("loaded", { totalLines });
+  } catch (err) {
+    console.error("Failed to fetch text content:", err);
+    error.value = err?.message ?? "Falha ao carregar conte\xFAdo";
+  } finally {
+    isLoading.value = false;
+  }
+}
+const previewContent = computed(() => {
+  if (!content.value)
+    return "";
+  const lines = content.value.split("\n");
+  if (lines.length <= maxPreviewLines)
+    return content.value;
+  return lines.slice(0, maxPreviewLines).join("\n");
+});
+const hasMore = computed(() => {
+  if (!content.value)
+    return false;
+  return content.value.split("\n").length > maxPreviewLines;
+});
+const remainingLines = computed(() => {
+  if (!content.value)
+    return 0;
+  return content.value.split("\n").length - maxPreviewLines;
+});
+onMounted(fetchContent);
+watch(() => props.url, fetchContent);
+</script>
+
+<template>
+    <div
+        relative
+        w-full
+        overflow-hidden
+        rounded-16px
+        bg-transparent
+        transition-all
+        :class="clickable !== false ? 'cursor-pointer hover:shadow-md' : ''"
+        @click="clickable !== false && emit('click')"
+    >
+        <div v-if="isLoading" class="flex items-center justify-center mt-24px mb-24px">
+            <TelaSkeleton class="rounded-8px" style="width: 624px; height: 364px;" />
+        </div>
+
+        <div v-else-if="error" class="flex items-center justify-center h-300px mt-24px">
+            <div class="flex items-center gap-8px text-negative-dark">
+                <TelaIcon name="i-ph-warning" />
+                <span body-small-regular>{{ error }}</span>
+            </div>
+        </div>
+
+        <div v-else-if="!content" class="flex items-center justify-center h-300px mt-24px">
+            <div class="flex items-center gap-8px text-secondary">
+                <TelaIcon name="i-ph-file-text" />
+                <span body-small-regular>Arquivo vazio</span>
+            </div>
+        </div>
+
+        <div v-else class="h-300px overflow-hidden">
+            <pre
+                class="p-16px text-12px font-mono leading-relaxed whitespace-pre-wrap break-words m-0 h-full overflow-hidden"
+                :class="isJson ? 'text-gray-800' : 'text-gray-700'"
+            ><code>{{ previewContent }}</code></pre>
+
+            <div v-if="hasMore" class="px-16px pb-12px text-center">
+                <span class="text-11px text-gray-400">
+                    +{{ remainingLines }} linhas
+                </span>
+            </div>
+        </div>
+    </div>
+</template>

package/dist/runtime/components/text-preview.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    url: string;
+    mimeType?: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: (args_0: {
+        totalLines: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: ((args_0: {
+        totalLines: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/video-preview.d.vue.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    url: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/video-preview.vue

@@ -0,0 +1,55 @@
+<script setup>
+defineProps({
+  url: { type: String, required: true },
+  maxHeight: { type: Number, required: false },
+  clickable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["click", "loaded"]);
+const isLoading = ref(true);
+const error = ref(false);
+function onCanPlay() {
+  isLoading.value = false;
+  emit("loaded");
+}
+function onError() {
+  isLoading.value = false;
+  error.value = true;
+}
+</script>
+
+<template>
+    <div
+        relative
+        w-full
+        overflow-hidden
+        rounded-16px
+        bg-transparent
+        transition-all
+        :class="clickable !== false ? 'cursor-pointer hover:shadow-md' : ''"
+        @click="clickable !== false && emit('click')"
+    >
+        <div v-if="isLoading" class="flex items-center justify-center mt-24px mb-24px">
+            <TelaSkeleton class="rounded-8px" style="width: 624px; height: 364px;" />
+        </div>
+
+        <div v-else-if="error" class="flex items-center justify-center h-300px mt-24px">
+            <div class="flex items-center gap-8px text-negative-dark">
+                <TelaIcon name="i-ph-video-camera-slash" />
+                <span body-small-regular>Falha ao carregar vídeo</span>
+            </div>
+        </div>
+
+        <div
+            v-show="!isLoading && !error"
+            class="flex items-center justify-center h-300px mt-24px mx-auto w-2/3"
+        >
+            <video
+                :src="url"
+                controls
+                class="max-w-full max-h-full rounded-8px"
+                @canplay="onCanPlay"
+                @error="onError"
+            />
+        </div>
+    </div>
+</template>

package/dist/runtime/components/video-preview.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    url: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/PageNavigation.d.ts

@@ -0,0 +1,13 @@
+export declare function usePageNavigation(): {
+    currentPage: any;
+    pageMetadata: {
+        readonly '/': {
+            readonly title: "Home";
+            readonly icon: "i-ph-house";
+        };
+        readonly '/sample-page': {
+            readonly title: "Sample Page";
+            readonly icon: "i-ph-stack-simple";
+        };
+    };
+};

package/dist/runtime/composables/PageNavigation.js

@@ -0,0 +1,18 @@
+export function usePageNavigation() {
+  const pageMetadata = {
+    "/": {
+      title: "Home",
+      icon: "i-ph-house"
+    },
+    "/sample-page": {
+      title: "Sample Page",
+      icon: "i-ph-stack-simple"
+    }
+  };
+  const route = useRoute();
+  const currentPage = computed(() => pageMetadata[route.path]);
+  return {
+    currentPage,
+    pageMetadata
+  };
+}

package/dist/runtime/composables/useChat.d.ts

@@ -0,0 +1,25 @@
+import type { Message } from '../types/chat.js';
+export declare function useChat(): {
+    currentConversation: any;
+    messages: any;
+    loading: any;
+    sending: any;
+    error: any;
+    isPolling: any;
+    hasPendingMessage: any;
+    cancelling: any;
+    generatingTitle: any;
+    animatedTitle: any;
+    loadConversation: (id: string) => Promise<void>;
+    sendMessage: (content: string, files?: {
+        url: string;
+        name: string;
+    }[], model?: string) => Promise<Message | null>;
+    retryMessage: (messageId: string) => Promise<boolean>;
+    cancelConversation: () => Promise<boolean>;
+    startPolling: any;
+    stopPolling: any;
+    clearConversation: () => void;
+    clearConversationThread: () => Promise<boolean>;
+    exportToMarkdown: () => void;
+};