@meistrari/chat-nuxt 1.0.0

package/dist/runtime/components/chat/vault-link.d.vue.ts

@@ -0,0 +1,20 @@
+interface LinkNode {
+    type: 'link';
+    href: string;
+    title: string | null;
+    text: string;
+    children: Array<{
+        type: string;
+        raw: string;
+    }>;
+    raw: string;
+    loading?: boolean;
+}
+type __VLS_Props = {
+    node: LinkNode;
+    indexKey: number | string;
+    customId?: 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/chat/vault-link.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { detectFileFromUrl } from "../../utils/file";
+const props = defineProps({
+  node: { type: Object, required: true },
+  indexKey: { type: [Number, String], required: true },
+  customId: { type: String, required: false }
+});
+const detectedFile = computed(() => detectFileFromUrl(props.node.href));
+const linkText = computed(() => {
+  if (props.node.children?.length > 0) {
+    return props.node.children.map((c) => c.raw).join("");
+  }
+  return props.node.text || props.node.href;
+});
+</script>
+
+<template>
+    <ChatFilePreview
+        v-if="detectedFile"
+        :file="detectedFile"
+        inline-block
+        align-middle
+        w-full
+        my-4px
+    />
+    <a
+        v-else
+        :href="node.href"
+        :title="node.title || void 0"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="text-blue-600 hover:text-blue-800 underline"
+    >{{ linkText }}</a>
+</template>

package/dist/runtime/components/chat/vault-link.vue.d.ts

@@ -0,0 +1,20 @@
+interface LinkNode {
+    type: 'link';
+    href: string;
+    title: string | null;
+    text: string;
+    children: Array<{
+        type: string;
+        raw: string;
+    }>;
+    raw: string;
+    loading?: boolean;
+}
+type __VLS_Props = {
+    node: LinkNode;
+    indexKey: number | string;
+    customId?: 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/chat/web-search-widget.d.vue.ts

@@ -0,0 +1,9 @@
+import type { ToolUse, ToolResult } from '../../types/reasoning.js';
+type __VLS_Props = {
+    toolUse: ToolUse;
+    toolResult?: ToolResult;
+    isActive?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/web-search-widget.vue

@@ -0,0 +1,121 @@
+<script setup>
+import { isCodeLike } from "../../utils/code-detection";
+const props = defineProps({
+  toolUse: { type: Object, required: true },
+  toolResult: { type: Object, required: false },
+  isActive: { type: Boolean, required: false }
+});
+const statusVariant = computed(() => {
+  if (props.toolResult) {
+    return props.toolResult.isError ? "error" : "completed";
+  }
+  return "running";
+});
+const statusLabel = computed(() => {
+  if (props.toolResult) {
+    return props.toolResult.isError ? "Erro" : "Conclu\xEDdo";
+  }
+  return "Buscando...";
+});
+const isOutputCode = computed(() => {
+  if (!props.toolResult?.output)
+    return false;
+  return isCodeLike(props.toolResult.output);
+});
+const sources = computed(() => {
+  if (!props.toolResult?.output)
+    return [];
+  const linkRegex = /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g;
+  const matches = [...props.toolResult.output.matchAll(linkRegex)];
+  return matches.slice(0, 5).map((match) => {
+    const title = match[1] ?? "";
+    const url = match[2] ?? "";
+    let domain = "";
+    try {
+      domain = new URL(url).hostname.replace("www.", "");
+    } catch {
+      domain = url;
+    }
+    return { title, url, domain };
+  }).filter((s) => s.url);
+});
+</script>
+
+<template>
+    <div class="bg-subtle rounded-16px border border-gray-200">
+        <!-- Header -->
+        <div class="px-24px py-24px flex items-center justify-between">
+            <h3 class="text-20px font-580 leading-24px tracking-[-0.5px] text-primary truncate">
+                WebSearch
+            </h3>
+            <TelaStatus :variant="statusVariant" :label="statusLabel" />
+        </div>
+
+        <!-- Content -->
+        <div v-if="toolResult" class="px-24px pb-24px space-y-16px">
+            <!-- Sources list -->
+            <div v-if="sources.length > 0">
+                <div class="text-14px font-580 leading-16px tracking-[-0.15px] text-gray-700 mb-2">
+                    Fontes
+                </div>
+                <div class="bg-white rounded-xl border-0.5px border-gray-200 px-3 py-2">
+                    <div class="flex flex-col gap-6px">
+                        <a
+                            v-for="source in sources"
+                            :key="source.url"
+                            :href="source.url"
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            class="flex items-center gap-8px py-8px border-b border-gray-100 last:border-0 hover:bg-gray-50 transition-colors group"
+                        >
+                            <img
+                                :src="`https://www.google.com/s2/favicons?domain=${source.domain}&sz=32`"
+                                :alt="source.domain"
+                                class="w-16px h-16px rounded-4px"
+                            >
+                            <div class="flex-1 min-w-0">
+                                <div class="text-14px font-medium text-primary truncate group-hover:text-blue-700">
+                                    {{ source.title }}
+                                </div>
+                                <div class="text-12px text-gray-500 truncate">
+                                    {{ source.domain }}
+                                </div>
+                            </div>
+                            <div class="i-ph-arrow-square-out text-14px text-gray-400 group-hover:text-blue-500" />
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Result -->
+            <div>
+                <div class="text-14px font-580 leading-16px tracking-[-0.15px] text-gray-700 mb-2">
+                    Resultado
+                </div>
+                <div
+                    v-if="isOutputCode"
+                    class="bg-[#1e1e1e] rounded-8px p-12px overflow-auto max-h-200px"
+                >
+                    <pre class="font-mono text-12px text-gray-300 whitespace-pre-wrap break-words m-0"><code>{{ toolResult.output }}</code></pre>
+                </div>
+                <div
+                    v-else-if="!toolResult.output || toolResult.output.trim().length === 0"
+                    class="bg-white rounded-xl border-0.5px border-gray-200 px-3 py-2"
+                >
+                    <p class="text-14px text-tertiary m-0">
+                        Nenhum resultado disponível
+                    </p>
+                </div>
+                <div
+                    v-else
+                    class="bg-white rounded-xl border-0.5px border-gray-200 px-3 py-2"
+                    :class="toolResult.isError ? 'text-red-600' : 'text-primary'"
+                >
+                    <p class="text-14px whitespace-pre-wrap break-words m-0">
+                        {{ toolResult.output }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>

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

@@ -0,0 +1,9 @@
+import type { ToolUse, ToolResult } from '../../types/reasoning.js';
+type __VLS_Props = {
+    toolUse: ToolUse;
+    toolResult?: ToolResult;
+    isActive?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+import type { ToolUse, ToolResult } from '../../types/reasoning.js';
+type __VLS_Props = {
+    toolUse: ToolUse;
+    toolResult?: ToolResult;
+    isActive?: boolean;
+    isBashExecution?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;