@meistrari/chat-nuxt 1.13.0 → 2.0.0

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

@@ -0,0 +1,53 @@
+export const INTERRUPTED_GENERATION_TEXT = "_Gera\xE7\xE3o interrompida pelo usu\xE1rio_";
+export function markPendingAssistantMessagesInterrupted(messages) {
+  return messages.map((message) => {
+    if (message.role !== "assistant" || message.status !== "pending")
+      return message;
+    return {
+      ...message,
+      content: INTERRUPTED_GENERATION_TEXT,
+      status: "completed"
+    };
+  });
+}
+export function beginAssistantMessageRetry(messages, messageId) {
+  const originalMessage = messages.find((message) => message.id === messageId);
+  if (!originalMessage || originalMessage.role !== "assistant" || originalMessage.status !== "failed")
+    return null;
+  return {
+    originalMessage,
+    messages: messages.map((message) => {
+      if (message.id !== messageId)
+        return message;
+      return {
+        ...message,
+        content: "",
+        status: "pending",
+        reasoningData: null
+      };
+    })
+  };
+}
+export function restoreAssistantMessageAfterRetryFailure(messages, originalMessage) {
+  return messages.map((message) => {
+    if (message.id !== originalMessage.id)
+      return message;
+    return originalMessage;
+  });
+}
+export function selectTitleGenerationMessages(messages) {
+  const userMessages = messages.filter((message) => message.role === "user" && message.status === "completed");
+  const assistantMessages = messages.filter((message) => message.role === "assistant" && message.status === "completed");
+  if (userMessages.length !== 1 || assistantMessages.length !== 1)
+    return null;
+  const userMessage = userMessages[0];
+  const assistantMessage = assistantMessages[0];
+  if (!userMessage?.content || !assistantMessage?.content)
+    return null;
+  return { userMessage, assistantMessage };
+}
+export function shouldTreatLoadedConversationTitleAsGenerated(messages) {
+  const completedUserMessages = messages.filter((message) => message.role === "user" && message.status === "completed");
+  const completedAssistantMessages = messages.filter((message) => message.role === "assistant" && message.status === "completed");
+  return completedUserMessages.length > 1 || completedAssistantMessages.length > 1;
+}

package/dist/runtime/rendering/components/app-markdown-render.vue

@@ -0,0 +1,56 @@
+<script setup>
+import MarkdownRender, { getMarkdown, parseMarkdownToStructure, removeCustomComponents, setCustomComponents } from "markstream-vue";
+import MermaidDiagram from "./renderers/mermaid-diagram.vue";
+import { transformMarkdownNodes } from "../markdown/nodes";
+import { wrapCustomMarkdownComponents } from "../markdown/custom-components";
+const props = defineProps({
+  content: { type: [String, null], required: false, default: "" },
+  renderCodeBlocksAsPre: { type: Boolean, required: false, default: false },
+  typewriter: { type: Boolean, required: false, default: true },
+  customComponents: { type: Object, required: false, default: () => ({}) },
+  customHtmlTags: { type: Array, required: false, default: () => [] }
+});
+const attrs = useAttrs();
+const instance = getCurrentInstance();
+const scopeId = `app-markdown-render-${instance?.uid ?? Math.random().toString(36).slice(2)}`;
+const markdown = computed(() => getMarkdown(scopeId, { customHtmlTags: props.customHtmlTags }));
+function escapeSingleDollarSigns(text) {
+  return text.replace(/(```[\s\S]*?```|``+[^`]*``+|`[^`]*`|!?\[(?:[^\[\]]|\[[^\[\]]*\])*\]\([^)]*\))|(?<![$\\])\$(?!\$)/g, (_match, codeSpan) => {
+    if (codeSpan)
+      return codeSpan;
+    return "\\$";
+  });
+}
+const parseOptions = computed(() => {
+  const tags = props.customHtmlTags;
+  return tags && tags.length > 0 ? { customHtmlTags: [...tags] } : void 0;
+});
+const nodes = computed(() => {
+  const parsedNodes = parseMarkdownToStructure(
+    escapeSingleDollarSigns(props.content ?? ""),
+    markdown.value,
+    parseOptions.value
+  );
+  return transformMarkdownNodes(parsedNodes);
+});
+const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
+watchEffect(() => {
+  setCustomComponents(scopeId, {
+    mermaid: MermaidDiagram,
+    ...customMarkdownComponents.value
+  });
+});
+onBeforeUnmount(() => {
+  removeCustomComponents(scopeId);
+});
+</script>
+
+<template>
+    <MarkdownRender
+        v-bind="attrs"
+        :nodes="nodes"
+        :custom-id="scopeId"
+        :render-code-blocks-as-pre="renderCodeBlocksAsPre"
+        :typewriter="typewriter"
+    />
+</template>

package/dist/runtime/rendering/components/renderers/artifact-display.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { normalizeMimeType } from "../../../files/mime";
+const props = defineProps({
+  url: { type: String, required: true },
+  mimeType: { type: String, required: true },
+  name: { type: String, required: false },
+  isDownloading: { type: Boolean, required: false },
+  initialPdfScale: { type: Number, required: false },
+  initialPdfPage: { type: Number, required: false }
+});
+const emit = defineEmits(["download"]);
+const normalizedMimeType = computed(() => normalizeMimeType(props.mimeType));
+const isImage = computed(() => normalizedMimeType.value.startsWith("image/"));
+const isPdf = computed(() => normalizedMimeType.value === "application/pdf");
+const isVideo = computed(() => normalizedMimeType.value.startsWith("video/"));
+const isAudio = computed(() => normalizedMimeType.value.startsWith("audio/"));
+const isCsv = computed(() => normalizedMimeType.value === "text/csv");
+const isJson = computed(() => normalizedMimeType.value === "application/json");
+const isMarkdown = computed(() => {
+  const mime = normalizedMimeType.value;
+  if (mime === "text/markdown" || mime === "text/x-markdown")
+    return true;
+  const name = props.name?.toLowerCase() ?? "";
+  return name.endsWith(".md") || name.endsWith(".markdown");
+});
+const isText = computed(() => {
+  const mime = normalizedMimeType.value;
+  if (isCsv.value || isMarkdown.value)
+    return false;
+  return mime.startsWith("text/") || isJson.value || mime === "application/xml";
+});
+</script>
+
+<template>
+    <div class="relative h-full min-h-[60vh] p-16px">
+        <!-- Image -->
+        <RenderersImageRenderer
+            v-if="isImage"
+            :url="url"
+            :alt="name"
+        />
+
+        <!-- PDF -->
+        <PdfViewer v-else-if="isPdf" :url="url" :initial-scale="initialPdfScale" :initial-page="initialPdfPage" @download="emit('download')" />
+
+        <!-- Video -->
+        <RenderersVideoRenderer
+            v-else-if="isVideo"
+            :url="url"
+        />
+
+        <!-- Audio -->
+        <RenderersAudioRenderer
+            v-else-if="isAudio"
+            :url="url"
+            :name="name"
+        />
+
+        <!-- CSV -->
+        <RenderersCsvRenderer
+            v-else-if="isCsv"
+            :url="url"
+        />
+
+        <!-- Markdown -->
+        <RenderersMarkdownRenderer
+            v-else-if="isMarkdown"
+            :url="url"
+        />
+
+        <!-- Text/Code -->
+        <RenderersTextRenderer
+            v-else-if="isText"
+            :url="url"
+            :mime-type="normalizedMimeType"
+        />
+
+        <!-- Generic Fallback -->
+        <div v-else class="h-full flex items-center justify-center p-40px">
+            <div class="text-center">
+                <div class="w-80px h-80px mx-auto mb-16px rounded-20px flex items-center justify-center bg-gray-100">
+                    <TelaIcon name="i-ph-file" class="text-48px text-gray-400" />
+                </div>
+                <p class="text-14px text-gray-500">
+                    Preview não disponível
+                </p>
+                <p class="text-12px text-gray-400 mt-4px">
+                    Use o botão de download para baixar o arquivo
+                </p>
+                <TelaButton
+                    v-if="url"
+                    class="mt-16px"
+                    variant="secondary"
+                    :loading="isDownloading"
+                    @click="emit('download')"
+                >
+                    <template #leading>
+                        <TelaIcon name="i-ph-download-simple" />
+                    </template>
+                    Download
+                </TelaButton>
+            </div>
+        </div>
+    </div>
+</template>

package/dist/runtime/rendering/components/renderers/mermaid-diagram.d.vue.ts

@@ -0,0 +1,7 @@
+import { type MarkdownNode } from '../../markdown/nodes.js';
+type __VLS_Props = {
+    node?: MarkdownNode;
+};
+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/rendering/components/renderers/mermaid-diagram.vue

@@ -0,0 +1,168 @@
+<script setup>
+import DOMPurify from "dompurify";
+import { extractMermaidSource } from "../../markdown/nodes";
+import { useMermaidRenderer } from "../../composables/mermaid-renderer";
+import { useDiagramExport } from "../../composables/diagram-export";
+import { useZoomPan } from "../../composables/zoom-pan";
+const props = defineProps({
+  node: { type: Object, required: false }
+});
+const VIEWPORT_PADDING = 32;
+const diagramSource = computed(() => (extractMermaidSource(props.node) ?? "").trim());
+const viewportShellRef = ref(null);
+const viewportRef = ref(null);
+const svgContainerRef = ref(null);
+const svgSize = ref({ width: 800, height: 480 });
+const { renderedSvg, renderedError, isFallbackRendering } = useMermaidRenderer(diagramSource, svgContainerRef);
+const sanitizedSvg = computed(() => {
+  if (!renderedSvg.value) {
+    return "";
+  }
+  return DOMPurify.sanitize(renderedSvg.value, { USE_PROFILES: { svg: true, svgFilters: true } });
+});
+const {
+  zoom,
+  isDragging,
+  viewportStyle,
+  scaledCanvasStyle,
+  svgStyle,
+  fitToViewport,
+  zoomIn,
+  zoomOut,
+  handleMouseDown,
+  handleMouseMove,
+  stopDragging,
+  MIN_ZOOM,
+  MAX_ZOOM
+} = useZoomPan(viewportShellRef, viewportRef, svgSize, renderedSvg);
+const {
+  exportState,
+  copyLabel,
+  exportLabel,
+  handleCopy,
+  handleDownloadJpeg
+} = useDiagramExport(diagramSource, renderedSvg, svgContainerRef, svgSize);
+function parseSvgSize(svgMarkup) {
+  if (!import.meta.client) {
+    return { width: 800, height: 480 };
+  }
+  const doc = new DOMParser().parseFromString(svgMarkup, "image/svg+xml");
+  const svg = doc.documentElement;
+  const viewBox = svg.getAttribute("viewBox")?.split(/\s+/).map(Number) ?? [];
+  const width = Number.parseFloat(svg.getAttribute("width") ?? "");
+  const height = Number.parseFloat(svg.getAttribute("height") ?? "");
+  return {
+    width: Number.isFinite(width) && width > 0 ? width : viewBox[2] || 800,
+    height: Number.isFinite(height) && height > 0 ? height : viewBox[3] || 480
+  };
+}
+function measureRenderedSvg(container) {
+  const svgElement = container?.querySelector("svg");
+  if (!svgElement) {
+    return null;
+  }
+  try {
+    const box = svgElement.getBBox();
+    if (box.width > 0 && box.height > 0) {
+      return {
+        width: box.width + VIEWPORT_PADDING,
+        height: box.height + VIEWPORT_PADDING
+      };
+    }
+  } catch {
+  }
+  const width = Number.parseFloat(svgElement.getAttribute("width") ?? "");
+  const height = Number.parseFloat(svgElement.getAttribute("height") ?? "");
+  if (Number.isFinite(width) && width > 0 && Number.isFinite(height) && height > 0) {
+    return { width, height };
+  }
+  const viewBox = svgElement.viewBox?.baseVal;
+  if (viewBox && viewBox.width > 0 && viewBox.height > 0) {
+    return { width: viewBox.width, height: viewBox.height };
+  }
+  return null;
+}
+watch(renderedSvg, async (svgMarkup) => {
+  if (!svgMarkup || !import.meta.client) {
+    return;
+  }
+  svgSize.value = parseSvgSize(svgMarkup);
+  await nextTick();
+  const measured = measureRenderedSvg(svgContainerRef.value);
+  if (measured) {
+    svgSize.value = measured;
+  }
+  fitToViewport();
+}, { immediate: true });
+onMounted(async () => {
+  await nextTick();
+  if (renderedSvg.value) {
+    const measured = measureRenderedSvg(svgContainerRef.value);
+    if (measured) {
+      svgSize.value = measured;
+    }
+    fitToViewport();
+  }
+});
+</script>
+
+<template>
+    <div class="mermaid-diagram my-4 rounded-12px border border-gray-200 bg-white p-12px">
+        <div v-if="sanitizedSvg" ref="viewportShellRef" class="mermaid-diagram__viewport-shell">
+            <div class="mermaid-diagram__overlay mermaid-diagram__overlay--top-right">
+                <button type="button" class="mermaid-action-btn" aria-label="Ajustar diagrama à tela" title="Ajustar" @click="fitToViewport">
+                    <span class="i-ph-corners-in text-14px" />
+                </button>
+                <button type="button" class="mermaid-action-btn" :disabled="zoom <= MIN_ZOOM" aria-label="Diminuir zoom" title="Diminuir zoom" @click="zoomOut">
+                    <span class="i-ph-magnifying-glass-minus text-14px" />
+                </button>
+                <button type="button" class="mermaid-action-btn" :disabled="zoom >= MAX_ZOOM" aria-label="Aumentar zoom" title="Aumentar zoom" @click="zoomIn">
+                    <span class="i-ph-magnifying-glass-plus text-14px" />
+                </button>
+            </div>
+
+            <div class="mermaid-diagram__overlay mermaid-diagram__overlay--bottom-left">
+                <button type="button" class="mermaid-action-btn" :aria-label="copyLabel" :title="copyLabel" @click="handleCopy">
+                    <span class="i-ph-copy text-14px" />
+                </button>
+                <button type="button" class="mermaid-action-btn" :disabled="exportState === 'running'" :aria-label="exportLabel" :title="exportLabel" @click="handleDownloadJpeg">
+                    <span class="i-ph-download-simple text-14px" />
+                </button>
+            </div>
+
+            <div
+                ref="viewportRef"
+                class="mermaid-diagram__viewport"
+                :style="viewportStyle"
+                :class="isDragging ? 'cursor-grabbing' : 'cursor-grab'"
+                @mousedown="handleMouseDown"
+                @mousemove="handleMouseMove"
+                @mouseup="stopDragging"
+                @mouseleave="stopDragging"
+            >
+                <div class="mermaid-diagram__canvas" :style="scaledCanvasStyle">
+                    <div
+                        ref="svgContainerRef"
+                        class="mermaid-diagram__svg"
+                        :style="svgStyle"
+                        v-html="sanitizedSvg"
+                    />
+                </div>
+            </div>
+        </div>
+
+        <div v-else class="mermaid-diagram__fallback">
+            <p v-if="isFallbackRendering" class="m-0 text-12px text-secondary font-medium">
+                Renderizando diagrama...
+            </p>
+            <p v-else-if="renderedError" class="m-0 text-12px text-red-600 font-medium">
+                Falha ao renderizar diagrama: {{ renderedError }}
+            </p>
+            <pre class="m-0 mt-8px overflow-x-auto whitespace-pre-wrap text-13px leading-relaxed text-primary"><code>{{ diagramSource }}</code></pre>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.mermaid-diagram{--mermaid-bg:#fff;--mermaid-fg:#18181b;--mermaid-line:#64748b;--mermaid-accent:#2563eb;--mermaid-muted:#6b7280;--mermaid-surface:#f8fafc;--mermaid-border:#d1d5db}.mermaid-action-btn{align-items:center;background:transparent;border:0;border-radius:8px;color:#111827;display:inline-flex;height:32px;justify-content:center;transition:background-color .15s ease,color .15s ease,opacity .15s ease;width:32px}.mermaid-action-btn:hover:not(:disabled){background:rgba(15,23,42,.06)}.mermaid-action-btn:disabled{cursor:not-allowed;opacity:.45}.mermaid-diagram__viewport{background:#fff;border:1px solid #e5e7eb;border-radius:10px;height:min(540px,70vh);overflow:auto;position:relative}.mermaid-diagram__viewport-shell{max-width:min(100%,860px);position:relative}.mermaid-diagram__canvas{position:relative}.mermaid-diagram__overlay{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.94);border:1px solid rgba(229,231,235,.9);border-radius:12px;box-shadow:0 6px 20px rgba(15,23,42,.08);display:flex;gap:2px;padding:4px;position:absolute;width:-moz-fit-content;width:fit-content;z-index:2}.mermaid-diagram__overlay--top-right{right:10px;top:10px}.mermaid-diagram__overlay--bottom-left{bottom:10px;left:10px}.mermaid-diagram__svg{left:0;position:absolute;top:0}.mermaid-diagram__svg :deep(svg){display:block;height:100%;width:100%}
+</style>

package/dist/runtime/rendering/components/renderers/mermaid-diagram.vue.d.ts

@@ -0,0 +1,7 @@
+import { type MarkdownNode } from '../../markdown/nodes.js';
+type __VLS_Props = {
+    node?: MarkdownNode;
+};
+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/rendering/composables/diagram-export.js

@@ -0,0 +1,187 @@
+import { useClipboard } from "@vueuse/core";
+import { useStatusToast } from "../../shared/composables/status-toast.js";
+const EXPORT_PADDING = 24;
+const EXPORT_MIN_LONGEST_EDGE = 2400;
+const EXPORT_MAX_SCALE = 4;
+function withSvgNamespace(svgMarkup) {
+  if (svgMarkup.includes("xmlns=")) {
+    return svgMarkup;
+  }
+  return svgMarkup.replace("<svg", '<svg xmlns="http://www.w3.org/2000/svg"');
+}
+function buildExportableSvg(container) {
+  const svgElement = container?.querySelector("svg");
+  if (!svgElement) {
+    return null;
+  }
+  const exportSvg = svgElement.cloneNode(true);
+  exportSvg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+  exportSvg.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");
+  exportSvg.setAttribute("preserveAspectRatio", "xMidYMid meet");
+  exportSvg.style.background = "#ffffff";
+  exportSvg.style.maxWidth = "none";
+  exportSvg.style.height = "auto";
+  try {
+    const box = svgElement.getBBox();
+    if (box.width > 0 && box.height > 0) {
+      const width2 = Math.ceil(box.width + EXPORT_PADDING * 2);
+      const height2 = Math.ceil(box.height + EXPORT_PADDING * 2);
+      const minX = Math.floor(box.x - EXPORT_PADDING);
+      const minY = Math.floor(box.y - EXPORT_PADDING);
+      exportSvg.setAttribute("viewBox", `${minX} ${minY} ${width2} ${height2}`);
+      exportSvg.setAttribute("width", `${width2}`);
+      exportSvg.setAttribute("height", `${height2}`);
+      return {
+        markup: withSvgNamespace(new XMLSerializer().serializeToString(exportSvg)),
+        width: width2,
+        height: height2
+      };
+    }
+  } catch {
+  }
+  const viewBox = svgElement.viewBox?.baseVal;
+  if (viewBox && viewBox.width > 0 && viewBox.height > 0) {
+    const width2 = Math.ceil(viewBox.width);
+    const height2 = Math.ceil(viewBox.height);
+    exportSvg.setAttribute("viewBox", `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`);
+    exportSvg.setAttribute("width", `${width2}`);
+    exportSvg.setAttribute("height", `${height2}`);
+    return {
+      markup: withSvgNamespace(new XMLSerializer().serializeToString(exportSvg)),
+      width: width2,
+      height: height2
+    };
+  }
+  const width = Number.parseFloat(svgElement.getAttribute("width") ?? "");
+  const height = Number.parseFloat(svgElement.getAttribute("height") ?? "");
+  if (Number.isFinite(width) && width > 0 && Number.isFinite(height) && height > 0) {
+    exportSvg.setAttribute("width", `${width}`);
+    exportSvg.setAttribute("height", `${height}`);
+    return {
+      markup: withSvgNamespace(new XMLSerializer().serializeToString(exportSvg)),
+      width,
+      height
+    };
+  }
+  return null;
+}
+function extractDiagramTitle(source) {
+  const frontMatterMatch = source.match(/^---\s*\n[\s\S]*?title\s*:\s*(.+?)\s*\n[\s\S]*?---/i);
+  if (frontMatterMatch?.[1]) {
+    return frontMatterMatch[1];
+  }
+  const titleMatch = source.match(/^\s*title\s+(.+)$/m);
+  if (titleMatch?.[1]) {
+    return titleMatch[1].trim();
+  }
+  const accTitleMatch = source.match(/^\s*accTitle\s*:\s*(.+)$/m);
+  if (accTitleMatch?.[1]) {
+    return accTitleMatch[1].trim();
+  }
+  return null;
+}
+function slugify(text) {
+  return text.toLowerCase().replace(/[^\w\s-]/g, "").replace(/[\s_]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
+}
+export function useDiagramExport(diagramSource, renderedSvg, svgContainerRef, svgSize) {
+  const { copy } = useClipboard();
+  const statusToast = useStatusToast();
+  const copyState = ref("idle");
+  const exportState = ref("idle");
+  const downloadFilename = computed(() => {
+    const title = extractDiagramTitle(diagramSource.value);
+    return title ? `${slugify(title)}.jpg` : "diagram.jpg";
+  });
+  const copyLabel = computed(() => copyState.value === "done" ? "Copiado" : "Copiar c\xF3digo");
+  const exportLabel = computed(() => {
+    if (exportState.value === "running") {
+      return "Exportando...";
+    }
+    if (exportState.value === "done") {
+      return "Baixado";
+    }
+    return "Baixar JPEG";
+  });
+  async function handleCopy() {
+    if (!diagramSource.value || !import.meta.client) {
+      return;
+    }
+    try {
+      await copy(diagramSource.value);
+      copyState.value = "done";
+      statusToast.update({ text: "C\xF3digo copiado", icon: "i-ph-check" });
+    } catch {
+      copyState.value = "error";
+      statusToast.update({ text: "Erro ao copiar c\xF3digo", icon: "i-ph-warning" });
+    } finally {
+      window.setTimeout(() => {
+        copyState.value = "idle";
+      }, 1600);
+    }
+  }
+  async function handleDownloadJpeg() {
+    if (!renderedSvg.value || !import.meta.client || exportState.value === "running") {
+      return;
+    }
+    exportState.value = "running";
+    try {
+      const exportSvg = buildExportableSvg(svgContainerRef.value);
+      const svgMarkup = exportSvg?.markup ?? withSvgNamespace(renderedSvg.value);
+      const svgBlob = new Blob([svgMarkup], { type: "image/svg+xml;charset=utf-8" });
+      const svgUrl = URL.createObjectURL(svgBlob);
+      try {
+        const image = await new Promise((resolve, reject) => {
+          const img = new Image();
+          img.onload = () => resolve(img);
+          img.onerror = () => reject(new Error("Unable to load SVG for export"));
+          img.src = svgUrl;
+        });
+        const baseWidth = Math.max(1, Math.round(exportSvg?.width || image.naturalWidth || svgSize.value.width));
+        const baseHeight = Math.max(1, Math.round(exportSvg?.height || image.naturalHeight || svgSize.value.height));
+        const longestEdge = Math.max(baseWidth, baseHeight);
+        const scale = Math.min(
+          EXPORT_MAX_SCALE,
+          Math.max(window.devicePixelRatio || 1, EXPORT_MIN_LONGEST_EDGE / longestEdge)
+        );
+        const canvas = document.createElement("canvas");
+        canvas.width = Math.max(1, Math.round(baseWidth * scale));
+        canvas.height = Math.max(1, Math.round(baseHeight * scale));
+        const context = canvas.getContext("2d");
+        if (!context) {
+          throw new Error("Canvas export is not available");
+        }
+        context.scale(scale, scale);
+        context.fillStyle = "#ffffff";
+        context.fillRect(0, 0, baseWidth, baseHeight);
+        context.drawImage(image, 0, 0, baseWidth, baseHeight);
+        const jpegBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/jpeg", 0.94));
+        if (!jpegBlob) {
+          throw new Error("JPEG export failed");
+        }
+        const downloadUrl = URL.createObjectURL(jpegBlob);
+        const anchor = document.createElement("a");
+        anchor.href = downloadUrl;
+        anchor.download = downloadFilename.value;
+        anchor.click();
+        URL.revokeObjectURL(downloadUrl);
+        exportState.value = "done";
+      } finally {
+        URL.revokeObjectURL(svgUrl);
+      }
+    } catch {
+      exportState.value = "error";
+    } finally {
+      window.setTimeout(() => {
+        exportState.value = "idle";
+      }, 1800);
+    }
+  }
+  return {
+    copyState,
+    exportState,
+    copyLabel,
+    exportLabel,
+    handleCopy,
+    handleDownloadJpeg
+  };
+}

package/dist/runtime/server/api/chat/[...path].js

@@ -0,0 +1,8 @@
+import { defineChatApiProxyHandler, prefixProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler((path) => {
+  const normalizedPath = prefixProxyPath("", path);
+  if (normalizedPath === "workspace/settings") {
+    return "settings";
+  }
+  return normalizedPath;
+});

package/dist/runtime/server/api/conversations/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, prefixProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler((path) => prefixProxyPath("conversations", path));

package/dist/runtime/server/api/external-skills/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, prefixProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler((path) => prefixProxyPath("external-skills", path));

package/dist/runtime/server/api/github/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, prefixProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler((path) => prefixProxyPath("github", path));

package/dist/runtime/server/api/tela/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, prefixProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler((path) => prefixProxyPath("tela", path));

package/dist/runtime/server/api/vault/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, mapVaultProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler(mapVaultProxyPath);

package/dist/runtime/server/api/workspace/[...path].js

@@ -0,0 +1,2 @@
+import { defineChatApiProxyHandler, mapWorkspaceProxyPath } from "../../utils/chat-api-proxy.js";
+export default defineChatApiProxyHandler(mapWorkspaceProxyPath);

package/dist/runtime/server/middleware/domain-validation.js

@@ -1,24 +1,19 @@
 import { createError, defineEventHandler } from "h3";
 import { useRuntimeConfig } from "nitropack/runtime";
-import { logger } from "#chat-runtime/server/utils/logger";
+import { isEmailDomainAllowed, parseAllowedEmailDomains } from "../utils/domain-allow.js";
+import { logger } from "../utils/logger.js";
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig(event);
   const auth = event.context.auth;
   if (!auth?.user)
     return;
-  const allowedDomainsStr = config.auth?.allowedEmailDomains;
-  if (!allowedDomainsStr)
+  const allowedDomains = parseAllowedEmailDomains(config.auth?.allowedEmailDomains);
+  if (isEmailDomainAllowed(auth.user.email, allowedDomains))
     return;
-  const allowedDomains = allowedDomainsStr.split(",").map((domain) => domain.trim().toLowerCase().replace(/^@/, "")).filter(Boolean);
-  if (allowedDomains.length === 0)
-    return;
-  const email = auth.user.email;
-  const emailDomain = email?.split("@")[1]?.toLowerCase();
-  if (!emailDomain || !allowedDomains.includes(emailDomain)) {
-    logger.warn({ emailDomain, allowedDomains }, "Domain validation failed");
-    throw createError({
-      statusCode: 403,
-      statusMessage: "Access Denied: Email domain not allowed"
-    });
-  }
+  const emailDomain = auth.user.email?.split("@")[1]?.toLowerCase();
+  logger.warn({ emailDomain, allowedDomains }, "Domain validation failed");
+  throw createError({
+    statusCode: 403,
+    statusMessage: "Access Denied: Email domain not allowed"
+  });
 });

package/dist/runtime/server/middleware/request-logger.js

@@ -1,5 +1,5 @@
 import { defineEventHandler, getMethod, getRequestURL } from "h3";
-import { logger } from "#chat-runtime/server/utils/logger";
+import { logger } from "../utils/logger.js";
 export default defineEventHandler((event) => {
   const path = getRequestURL(event).pathname;
   if (!path.startsWith("/api/"))