@meistrari/chat-nuxt 1.13.0 → 2.0.0

package/dist/runtime/components/file-preview-panel.vue

@@ -1,185 +0,0 @@
-<script setup>
-import { useMagicKeys } from "@vueuse/core";
-import { FILE_ICONS, MIME_TO_EXTENSION, normalizeMimeType } from "../utils/file";
-const { isOpen, isLoading, currentFile, closePreview, panelWidth, setPanelWidth } = useFilePreviewPanel();
-const { base64ToDataUrl } = useMediaCache();
-const { escape } = useMagicKeys();
-watch(() => escape?.value, (pressed) => {
-  if (pressed && isOpen.value) {
-    closePreview();
-  }
-});
-const isResizing = ref(false);
-const resizeStartX = ref(0);
-const resizeStartWidth = ref(0);
-function startResize(e) {
-  isResizing.value = true;
-  resizeStartX.value = e.clientX;
-  resizeStartWidth.value = panelWidth.value;
-  document.addEventListener("mousemove", onResize);
-  document.addEventListener("mouseup", stopResize);
-  document.body.style.cursor = "col-resize";
-  document.body.style.userSelect = "none";
-}
-function onResize(e) {
-  if (!isResizing.value)
-    return;
-  const delta = resizeStartX.value - e.clientX;
-  setPanelWidth(resizeStartWidth.value + delta);
-}
-function stopResize() {
-  isResizing.value = false;
-  document.removeEventListener("mousemove", onResize);
-  document.removeEventListener("mouseup", stopResize);
-  document.body.style.cursor = "";
-  document.body.style.userSelect = "";
-}
-const effectiveMimeType = computed(() => {
-  if (!currentFile.value)
-    return "unknown";
-  return currentFile.value.resolvedMimeType ?? currentFile.value.file.mimeType;
-});
-const normalizedMimeType = computed(() => normalizeMimeType(effectiveMimeType.value));
-const iconSrc = computed(() => FILE_ICONS[normalizedMimeType.value] ?? FILE_ICONS.unknown);
-const displayName = computed(() => {
-  if (!currentFile.value)
-    return "";
-  const name = currentFile.value.file.hashParams?.filename ?? currentFile.value.originalFileName ?? currentFile.value.file.name;
-  const hasExtension = /\.[a-zA-Z0-9]+$/.test(name);
-  if (hasExtension)
-    return name;
-  const ext = MIME_TO_EXTENSION[normalizedMimeType.value];
-  return ext ? `${name}.${ext}` : name;
-});
-const initialPdfPage = computed(() => currentFile.value?.file.hashParams?.pageNumber);
-const effectiveUrl = computed(() => {
-  if (!currentFile.value)
-    return void 0;
-  if (currentFile.value.cachedBase64 && normalizedMimeType.value)
-    return base64ToDataUrl(currentFile.value.cachedBase64, normalizedMimeType.value);
-  return currentFile.value.resolvedUrl;
-});
-const isDownloading = ref(false);
-async function handleDownload() {
-  if (!currentFile.value || !effectiveUrl.value)
-    return;
-  isDownloading.value = true;
-  try {
-    if (currentFile.value.cachedBase64 && normalizedMimeType.value) {
-      const byteString = atob(currentFile.value.cachedBase64);
-      const ab = new ArrayBuffer(byteString.length);
-      const ia = new Uint8Array(ab);
-      for (let i = 0; i < byteString.length; i++)
-        ia[i] = byteString.charCodeAt(i);
-      const blob2 = new Blob([ab], { type: normalizedMimeType.value });
-      const blobUrl2 = URL.createObjectURL(blob2);
-      const link2 = document.createElement("a");
-      link2.href = blobUrl2;
-      link2.download = displayName.value;
-      document.body.appendChild(link2);
-      link2.click();
-      document.body.removeChild(link2);
-      URL.revokeObjectURL(blobUrl2);
-      return;
-    }
-    const response = await fetch(effectiveUrl.value);
-    const blob = await response.blob();
-    const blobUrl = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = blobUrl;
-    link.download = displayName.value;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(blobUrl);
-  } catch (error) {
-    console.error("Failed to download file:", error);
-    window.open(effectiveUrl.value, "_blank");
-  } finally {
-    isDownloading.value = false;
-  }
-}
-</script>
-
-<template>
-    <Transition name="slide-panel">
-        <div
-            v-if="isOpen && currentFile"
-            class="h-full flex bg-neutral-50 b-l='.5px neutral-300'"
-            style="box-shadow: 0px 12px 20px 0px rgba(163, 163, 163, 0.06);"
-        >
-            <div
-                class="resize-handle"
-                @mousedown="startResize"
-            >
-                <div class="resize-indicator" />
-            </div>
-
-            <div class="flex-1 flex flex-col min-w-0">
-                <div
-                    relative flex items-center gap-8px
-                    pl-18px pr-88px py-12px
-                    flex-shrink-0
-                >
-                    <img :src="iconSrc" :alt="displayName" w-16px h-16px flex-shrink-0>
-
-                    <p
-                        text-12px font-580 text-secondary leading-16px
-                        truncate flex-1 min-w-0
-                        :title="displayName"
-                    >
-                        {{ displayName }}
-                    </p>
-
-                    <div class="absolute top-4px right-16px flex items-center gap-4px">
-                        <button
-                            class="flex items-center justify-center w-32px h-32px rounded-10px hover:bg-neutral-200 transition-colors"
-                            :disabled="isDownloading"
-                            @click="handleDownload"
-                        >
-                            <span v-if="isDownloading" class="i-ph-spinner animate-spin text-20px text-gray-700" />
-                            <span v-else class="i-ph-download-simple text-20px text-gray-700" />
-                        </button>
-
-                        <button
-                            class="flex items-center justify-center w-32px h-32px rounded-10px hover:bg-neutral-200 transition-colors"
-                            @click="closePreview"
-                        >
-                            <span class="i-ph-x text-20px text-gray-700" />
-                        </button>
-                    </div>
-                </div>
-
-                <div
-                    flex-1 min-h-0 overflow-y-auto overflow-x-hidden
-                >
-                    <div
-                        v-if="isLoading"
-                        flex="~ col" items-center justify-center
-                        h-full gap-16px
-                    >
-                        <span class="i-ph-spinner animate-spin text-32px text-gray-400" />
-                        <p text-14px text-tertiary>
-                            Carregando arquivo...
-                        </p>
-                    </div>
-
-                    <RenderersArtifactDisplay
-                        v-else-if="effectiveUrl"
-                        :url="effectiveUrl"
-                        :mime-type="normalizedMimeType"
-                        :name="displayName"
-                        :is-downloading="isDownloading"
-                        :initial-pdf-scale="0.5"
-                        :initial-pdf-page="initialPdfPage"
-                        @download="handleDownload"
-                    />
-                </div>
-            </div>
-        </div>
-    </Transition>
-</template>
-
-<style scoped>
-.slide-panel-enter-active,.slide-panel-leave-active{transition:all .2s ease}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translateX(100%)}.resize-handle{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background-color .15s ease;width:8px}.resize-handle:hover{background-color:rgba(0,0,0,.04)}.resize-handle:hover .resize-indicator{opacity:1}.resize-indicator{background-color:#d1d5db;border-radius:2px;height:32px;opacity:0;transition:opacity .15s ease;width:3px}
-</style>

package/dist/runtime/components/json-tree-node.d.vue.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    data: any;
-    path: string;
-    label: string;
-    isRoot?: 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/json-tree-node.vue

@@ -1,109 +0,0 @@
-<script setup>
-const props = defineProps({
-  data: { type: null, required: true },
-  path: { type: String, required: true },
-  label: { type: String, required: true },
-  isRoot: { type: Boolean, required: false }
-});
-const { toggleNode, isExpanded } = inject("jsonViewer");
-function getValueType(value) {
-  if (value === null)
-    return "null";
-  if (value === void 0)
-    return "undefined";
-  if (Array.isArray(value))
-    return "array";
-  if (typeof value === "object")
-    return "object";
-  return typeof value;
-}
-function formatValue(value) {
-  if (value === null)
-    return "null";
-  if (value === void 0)
-    return "undefined";
-  if (typeof value === "string")
-    return value;
-  return String(value);
-}
-function getCollapsedPreview(value) {
-  if (Array.isArray(value)) {
-    return `[${value.length} items]`;
-  }
-  if (typeof value === "object" && value !== null) {
-    return `{${Object.keys(value).length} propriedades}`;
-  }
-  return "";
-}
-function getNodePath(parentPath, key) {
-  if (parentPath === "")
-    return String(key);
-  if (typeof key === "number")
-    return `${parentPath}.[${key}]`;
-  return `${parentPath}.${key}`;
-}
-const nodeType = computed(() => getValueType(props.data));
-const isObject = computed(() => nodeType.value === "object" || nodeType.value === "array");
-const items = computed(() => {
-  if (!isObject.value)
-    return [];
-  if (Array.isArray(props.data)) {
-    return props.data.map((value, index) => ({
-      key: index,
-      value,
-      path: getNodePath(props.path, index),
-      label: `Item ${index + 1}`
-    }));
-  } else {
-    return Object.entries(props.data).map(([key, value]) => ({
-      key,
-      value,
-      path: getNodePath(props.path, key),
-      label: key
-    }));
-  }
-});
-</script>
-
-<template>
-    <div class="json-node" :class="{ 'json-node-primitive': !isObject }">
-        <div
-            class="json-node-main"
-            :class="{ 'is-expandable': isObject }"
-            @click="isObject ? toggleNode(path) : null"
-        >
-            <div class="json-node-content">
-                <div class="json-node-key">
-                    {{ label }}
-                </div>
-                <div v-if="!isObject || !isExpanded(path)" class="json-node-value" :class="`type-${nodeType}`">
-                    <span v-if="isObject">{{ getCollapsedPreview(data) }}</span>
-                    <span v-else>{{ formatValue(data) }}</span>
-                </div>
-            </div>
-
-            <div v-if="isObject" class="json-node-toggle">
-                <svg v-if="isExpanded(path)" class="toggle-icon" viewBox="0 0 24 24" width="16" height="16">
-                    <path d="M7 10l5 5 5-5z" />
-                </svg>
-                <svg v-else class="toggle-icon" viewBox="0 0 24 24" width="16" height="16">
-                    <path d="M10 17l5-5-5-5v10z" />
-                </svg>
-            </div>
-        </div>
-
-        <div v-if="isObject && isExpanded(path)" class="json-node-children">
-            <json-tree-node
-                v-for="item in items"
-                :key="item.path"
-                :data="item.value"
-                :path="item.path"
-                :label="item.label"
-            />
-        </div>
-    </div>
-</template>
-
-<style>
-.json-node{border-radius:8px;margin:8px 0;position:relative;transition:all .2s}.json-node-main{align-items:flex-start;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .15s}.json-node-main.is-expandable{cursor:pointer}.json-node-main.is-expandable:hover{background-color:#f5f5f5}.json-node-content{display:flex;flex-direction:column;gap:4px;width:calc(100% - 24px)}.json-node-key{color:#333;font-size:14px;font-weight:600}.json-node-value{color:#555;font-size:14px;word-wrap:break-word;word-break:break-all}.json-node-toggle{align-items:center;display:flex;justify-content:center;padding-top:4px}.toggle-icon{fill:#777;transition:transform .2s}.json-node-children{border-left:.5px solid #e0e0e0;margin-top:4px;padding-left:20px}.type-string{color:#555}.type-number{color:#444}.type-boolean{color:#555}.type-array,.type-object{color:#777;font-style:italic}.type-null,.type-undefined{color:#999;font-style:italic}
-</style>

package/dist/runtime/components/json-tree-node.vue.d.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    data: any;
-    path: string;
-    label: string;
-    isRoot?: 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/json-viewer.d.vue.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    data: any;
-};
-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/json-viewer.vue

@@ -1,88 +0,0 @@
-<script setup>
-import JsonTreeNode from "./json-tree-node.vue";
-const props = defineProps({
-  data: { type: null, required: true }
-});
-const expandedKeys = ref(/* @__PURE__ */ new Set());
-function initializeExpanded() {
-  if (typeof props.data !== "object" || props.data === null)
-    return;
-  Object.keys(props.data).forEach((key) => {
-    expandedKeys.value.add(key);
-  });
-}
-initializeExpanded();
-function toggleNode(key) {
-  if (expandedKeys.value.has(key)) {
-    expandedKeys.value.delete(key);
-  } else {
-    expandedKeys.value.add(key);
-  }
-}
-function isExpanded(key) {
-  return expandedKeys.value.has(key);
-}
-function expandAll() {
-  const keys = /* @__PURE__ */ new Set();
-  function collectKeys(data, parentKey = "") {
-    if (typeof data !== "object" || data === null)
-      return;
-    if (Array.isArray(data)) {
-      data.forEach((item, index) => {
-        const key = parentKey ? `${parentKey}.[${index}]` : `[${index}]`;
-        keys.add(key);
-        collectKeys(item, key);
-      });
-    } else {
-      Object.keys(data).forEach((key) => {
-        const fullKey = parentKey ? `${parentKey}.${key}` : key;
-        keys.add(fullKey);
-        collectKeys(data[key], fullKey);
-      });
-    }
-  }
-  collectKeys(props.data);
-  expandedKeys.value = keys;
-}
-provide("jsonViewer", {
-  toggleNode,
-  isExpanded,
-  expandAll
-});
-</script>
-
-<template>
-    <div class="json-viewer">
-        <div class="json-viewer-content">
-            <template v-if="data">
-                <div class="json-tree-root">
-                    <template v-if="Array.isArray(data)">
-                        <JsonTreeNode
-                            v-for="(item, index) in data"
-                            :key="index"
-                            :data="item"
-                            :path="String(index)"
-                            :label="String(index)"
-                        />
-                    </template>
-                    <template v-else-if="typeof data === 'object' && data !== null">
-                        <JsonTreeNode
-                            v-for="(value, key) in data"
-                            :key="key"
-                            :data="value"
-                            :path="String(key)"
-                            :label="String(key)"
-                        />
-                    </template>
-                </div>
-            </template>
-            <div v-else class="json-viewer-empty">
-                Nenhum dado para exibir
-            </div>
-        </div>
-    </div>
-</template>
-
-<style>
-.json-viewer{color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;line-height:1.5;overflow:hidden}.json-viewer-content{flex:1;overflow:auto;padding:12px}.json-tree-root{padding:0 4px}.json-viewer-empty{color:#777;font-size:14px;font-style:italic;padding:20px;text-align:center}
-</style>

package/dist/runtime/components/json-viewer.vue.d.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    data: any;
-};
-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/pdf-preview.client.vue

@@ -1,89 +0,0 @@
-<script setup>
-const props = defineProps({
-  url: { type: String, required: true },
-  initialPage: { type: Number, required: false },
-  maxHeight: { type: Number, required: false },
-  showBadge: { type: Boolean, required: false },
-  clickable: { type: Boolean, required: false }
-});
-const emit = defineEmits(["click", "loaded"]);
-const url = computed(() => props.url);
-const { state, loadPdf, renderPage } = usePdf(url);
-const canvasRef = ref(null);
-const effectiveInitialPage = computed(() => {
-  const page = props.initialPage ?? 1;
-  return Math.max(1, Math.min(page, state.totalPages || 1));
-});
-async function renderInitialPage() {
-  if (!state.pdfDoc || !canvasRef.value)
-    return;
-  await renderPage({
-    pageNum: effectiveInitialPage.value,
-    canvas: canvasRef.value,
-    scale: 3
-  });
-}
-onMounted(async () => {
-  await nextTick();
-  const doc = await loadPdf();
-  if (doc) {
-    await nextTick();
-    await renderInitialPage();
-    emit("loaded", { totalPages: state.totalPages });
-  }
-});
-watch(url, async () => {
-  const doc = await loadPdf();
-  if (doc) {
-    await nextTick();
-    await renderInitialPage();
-    emit("loaded", { totalPages: state.totalPages });
-  }
-});
-</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="state.isLoading" flex items-center justify-center mt-24px mb-24px>
-            <TelaSkeleton class="rounded-8px" style="width: 624px; height: 364px;" />
-        </div>
-
-        <div v-else-if="state.loadError" flex items-center justify-center p-24px>
-            <div flex items-center gap-8px text-negative-dark>
-                <TelaIcon name="i-ph-warning" />
-                <span body-small-regular>{{ state.loadError }}</span>
-            </div>
-        </div>
-
-        <template v-else>
-            <div class="overflow-hidden rounded-t-12px mx-auto mt-24px h-300px w-2/3" style="border: 0.5px solid rgba(0, 0, 0, 0.08); border-bottom: none;">
-                <canvas ref="canvasRef" class="w-full" />
-            </div>
-
-            <div
-                v-if="showBadge && state.totalPages > 1"
-                absolute
-                bottom-8px
-                right-8px
-                px-8px
-                py-4px
-                bg-black
-                bg-opacity-60
-                text-white
-                rounded-4px
-                body-small-medium
-            >
-                {{ state.totalPages }} pages
-            </div>
-        </template>
-    </div>
-</template>