@meistrari/chat-nuxt 3.16.0-rc.1 → 3.16.0-rc.2

package/README.md

@@ -65,7 +65,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `features` | `Partial<ChatFeatureConfig>` | `{}` | Toggle `showUsageTab`, `showDebugOption`, `showCancelButton`, `showTtft`, and `chatOutboundQueue`; all released features default to `true` |
 | `loadingMessages` | `readonly string[] \| null` | Default chat messages | Override pending-response messages |
 | `loadingMessagesMode` | `'ordered' \| 'random' \| null` | `'ordered'` | Rotate custom messages in order or at random; only applies when `loadingMessages` has a non-empty message |
-| `customComponents` | `Record<string, Component>` | `undefined` | Custom markdown renderers keyed by markdown node or tag name |
+| `customComponents` | `Record<string, Component>` | `undefined` | Custom markdown renderers keyed by markdown node or tag name. Components receive `node` plus the parser lifecycle props `loading` and `autoClosed` |
 | `customHtmlTags` | `readonly string[]` | `undefined` | Extra HTML tags allowed by the markdown renderer |
 | `citations` | `ChatCitationsConfig \| null` | `undefined` | Enables `cite://` citations in assistant messages (see [Citations](docs/guides/citations.md)) |
 | `feedbackConfig` | `MessageFeedbackConfig \| null` | `undefined` | Enables 👍/👎 feedback on assistant messages; providing the prop (even `{}`) shows the controls |
@@ -111,14 +111,14 @@ Installing `@meistrari/chat-nuxt` installs the runtime packages used by the laye
 | `@iconify/vue` + `@iconify-json/ph` | `^5.0.0` / `^1.2.2` | Icon rendering support (Phosphor set) |
 | `@vueuse/core` | `^12.8.0` | Runtime composables used by chat UI |
 | `@vueuse/components` | `^12.8.0` | VueUse component peer expected by the shared runtime |
-| `beautiful-mermaid` + `mermaid` | `^1.1.3` / `^11.13.0` | Mermaid diagram rendering in markdown |
-| `dompurify` | `^3.3.2` | HTML sanitization for rendered markdown |
+| `mermaid` | `^11.13.0` | Native markstream Mermaid diagram rendering |
 | `h3` | `^1.15.0` | Server route utilities provided by Nuxt/Nitro |
-| `markstream-vue` | `0.0.3-beta.6` | Markdown streaming renderer |
+| `markstream-vue` | `2.0.7` | Markdown streaming renderer |
 | `motion` | `^11.13.0` | Animation component runtime |
 | `nitropack` | `^2.10.0` | Runtime config and task utilities provided by Nuxt/Nitro |
 | `pdfjs-dist` | `^5.4.530` | PDF file previews |
 | `posthog-js` | `^1.364.2` | Optional PostHog feature-flag helper |
+| `stream-diffs` | `0.0.2` | Native markstream rich code and diff rendering |
 | `virtua` | `^0.42.0` | Virtualized list runtime expected by shared UI |
 | `vue-i18n` | `^11.0.0` | Internationalization runtime expected by shared UI |
 | `xlsx` | `^0.18.5` | Spreadsheet file previews |

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "3.16.0-rc.1",
+  "version": "3.16.0-rc.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -145,8 +145,12 @@ function patchStreamMarkdownParserSource(source) {
 }
 function resolvePatchedStreamMarkdownParser(from) {
   try {
-    const markstreamEntry = createRequire(from).resolve("markstream-vue");
-    const entry = createRequire(markstreamEntry).resolve("stream-markdown-parser");
+    const markstreamStyles = createRequire(from).resolve("markstream-vue/index.css");
+    const markstreamRoot = dirname(dirname(markstreamStyles));
+    const parserRequireEntry = createRequire(join(markstreamRoot, "package.json")).resolve("stream-markdown-parser");
+    const parserRoot = dirname(dirname(parserRequireEntry));
+    const parserPackage = JSON.parse(readFileSync(join(parserRoot, "package.json"), "utf8"));
+    const entry = parserPackage.module ? join(parserRoot, parserPackage.module) : parserRequireEntry;
     const { source, applied } = patchStreamMarkdownParserSource(readFileSync(entry, "utf8"));
     return { entry, source, applied };
   } catch {
@@ -508,7 +512,6 @@ const module$1 = defineNuxtModule({
       if (isServer) {
         return;
       }
-      config.plugins = config.plugins || [];
       if (Array.isArray(config.resolve.alias)) {
         config.resolve.alias.push(...Object.entries(runtimeAliases).map(([find, replacement]) => ({ find, replacement })));
       } else {
@@ -521,25 +524,6 @@ const module$1 = defineNuxtModule({
         ...config.resolve.dedupe || [],
         ...runtimeAliasDedupe
       ]));
-      config.plugins.push({
-        name: "@meistrari/chat-nuxt:elkjs-umd-interop",
-        enforce: "pre",
-        apply: "serve",
-        load(id) {
-          const cleanId = id.split("?")[0] ?? id;
-          if (!cleanId.endsWith("/elkjs/lib/elk.bundled.js")) {
-            return null;
-          }
-          try {
-            const source = readFileSync(cleanId, "utf8");
-            return `${source}
-export default globalThis.ELK;
-`;
-          } catch {
-            return null;
-          }
-        }
-      });
     });
     const serverDir = join(runtimeDir, "server");
     const publicAssetsDir = join(runtimeDir, "public/assets");

package/dist/runtime/conversations/components/chat-conversation-item.vue

@@ -4,7 +4,7 @@ const props = defineProps({
   conversation: { type: null, required: true },
   active: { type: Boolean, required: true },
   draggable: { type: Boolean, required: false },
-  itemClass: { type: null, required: false },
+  itemClass: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
   userImage: { type: String, required: false },
   selectConversation: { type: Function, required: false }
 });

package/dist/runtime/messages/components/chat-message-bubble.vue

@@ -56,16 +56,6 @@ function formatTime(date) {
   const d = date instanceof Date ? date : new Date(date);
   return d.toLocaleTimeString("pt-BR", { hour: "2-digit", minute: "2-digit" });
 }
-const wasEverPending = ref(false);
-const shouldAnimate = ref(false);
-watch(() => props.message.status, (status, oldStatus) => {
-  if (status === "pending") {
-    wasEverPending.value = true;
-  }
-  if (oldStatus === "pending" && status === "completed" && wasEverPending.value) {
-    shouldAnimate.value = true;
-  }
-}, { immediate: true });
 const displayContent = computed(() => props.message.content ?? "");
 const userContentHtml = computed(() => {
   if (props.message.role !== "user")
@@ -197,7 +187,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                 v-if="message.content && (!isPending || streamActive)"
                 max-w-prose
                 :class="[
-  isFailed ? 'flex gap-12px items-start bg-subtle border border-solid rounded-12px w-full' : 'rounded-12px code-theme'
+  isFailed ? 'flex gap-12px items-start bg-subtle border border-solid rounded-12px w-full' : 'rounded-12px'
 ]"
             >
                 <template v-if="isFailed">
@@ -245,8 +235,11 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                                     :content="segment.content"
                                     :custom-components="mergedCustomComponents"
                                     :custom-html-tags="mergedCustomHtmlTags"
-                                    :render-code-blocks-as-pre="true"
-                                    :typewriter="isPending || shouldAnimate"
+                                    :fade="true"
+                                    :final="!isPending"
+                                    :smooth-streaming="isPending ? 'auto' : false"
+                                    :typewriter="isPending"
+                                    mode="chat"
                                 />
                             </ClientOnly>
                             <ChatFilePreview
@@ -268,8 +261,11 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                             :content="displayContent"
                             :custom-components="mergedCustomComponents"
                             :custom-html-tags="mergedCustomHtmlTags"
-                            :render-code-blocks-as-pre="true"
-                            :typewriter="isPending || shouldAnimate"
+                            :fade="true"
+                            :final="!isPending"
+                            :smooth-streaming="isPending ? 'auto' : false"
+                            :typewriter="isPending"
+                            mode="chat"
                             text-black-900
                         />
                     </ClientOnly>

package/dist/runtime/messages/components/chat-message-list.d.vue.ts

@@ -13,8 +13,8 @@ type __VLS_Props = {
     showTtft?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    isPinned: import("vue").Ref<boolean, boolean>;
-    scrollToBottom: () => void;
+    isPinned: any;
+    scrollToBottom: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     retry: (messageId: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/messages/components/chat-message-list.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useChatScrollStickiness } from "../composables/chat-scroll-stickiness";
+import { useStickToBottom } from "markstream-vue/utils";
 const props = defineProps({
   messages: { type: Array, required: true },
   loading: { type: Boolean, required: false },
@@ -10,22 +10,42 @@ const props = defineProps({
 });
 const emit = defineEmits(["retry"]);
 const conversationRef = ref(null);
-const { isPinned, scrollToBottom } = useChatScrollStickiness(conversationRef);
+const conversationElements = computed(() => {
+  const root = conversationRef.value?.$el;
+  if (!(root instanceof HTMLElement))
+    return null;
+  const content = root.matches("[data-chat-conversation]") ? root : root.querySelector("[data-chat-conversation]");
+  if (!content)
+    return null;
+  const scroll = root.matches("[data-reka-scroll-area-viewport]") ? root : root.querySelector("[data-reka-scroll-area-viewport]") ?? content;
+  return {
+    content: content.firstElementChild ?? content,
+    scroll
+  };
+});
+const scrollRoot = computed(() => conversationElements.value?.scroll ?? null);
+const contentRoot = computed(() => conversationElements.value?.content ?? null);
+const {
+  bottomPinned: isPinned,
+  scheduleScrollToBottom,
+  scrollToBottom
+} = useStickToBottom(scrollRoot, contentRoot);
 const skeletonMessages = [
   { id: "user-1", align: "end", width: "58%", height: "44px" },
   { id: "assistant-1", align: "start", width: "92%", height: "116px" },
   { id: "user-2", align: "end", width: "46%", height: "44px" },
   { id: "assistant-2", align: "start", width: "84%", height: "92px" }
 ];
-let knownMessageIds = new Set(props.messages.map((message) => message.id));
-watch(() => props.messages.map((message) => `${message.id}:${message.role}`).join("|"), () => {
-  const hasNewUserMessage = props.messages.some(
-    (message) => message.role === "user" && !knownMessageIds.has(message.id)
-  );
-  knownMessageIds = new Set(props.messages.map((message) => message.id));
-  if (hasNewUserMessage)
-    scrollToBottom();
+const latestOutputSignal = computed(() => {
+  const latestMessage = props.messages.at(-1);
+  if (!latestMessage)
+    return "empty";
+  return `${props.messages.length}:${latestMessage.id}:${latestMessage.status}:${latestMessage.content?.length ?? 0}`;
 });
+watch(latestOutputSignal, async () => {
+  await nextTick();
+  scheduleScrollToBottom();
+}, { flush: "post" });
 defineExpose({
   isPinned,
   scrollToBottom
@@ -43,6 +63,7 @@ defineExpose({
     >
         <TelaChatConversation
             ref="conversationRef"
+            :scroll-area="variant === 'widget'"
             :class="{
   'pt-72px!': (variant ?? 'page') === 'page',
   'pt-72px pb-24px px-16px': variant === 'mobile'

package/dist/runtime/messages/components/chat-message-list.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Props = {
     showTtft?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    isPinned: import("vue").Ref<boolean, boolean>;
-    scrollToBottom: () => void;
+    isPinned: any;
+    scrollToBottom: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     retry: (messageId: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

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

@@ -1,6 +1,7 @@
 import type { Component } from 'vue';
 type __VLS_Props = {
     content?: string | null;
+    final?: boolean;
     renderCodeBlocksAsPre?: boolean;
     typewriter?: boolean;
     customComponents?: Record<string, Component>;
@@ -10,6 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     content: string | null;
     customComponents: Record<string, Component>;
     customHtmlTags: readonly string[];
+    final: boolean;
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,10 +1,9 @@
 <script setup>
-import MarkdownRender, { getMarkdown, parseMarkdownToStructure, removeCustomComponents, setCustomComponents } from "markstream-vue";
-import MermaidDiagram from "./renderers/mermaid-diagram.vue";
-import { transformMarkdownNodes } from "../markdown/nodes";
+import MarkdownRender, { removeCustomComponents, setCustomComponents } from "markstream-vue";
 import { wrapCustomMarkdownComponents } from "../markdown/custom-components";
 const props = defineProps({
   content: { type: [String, null], required: false, default: "" },
+  final: { type: Boolean, required: false, default: true },
   renderCodeBlocksAsPre: { type: Boolean, required: false, default: false },
   typewriter: { type: Boolean, required: false, default: true },
   customComponents: { type: Object, required: false, default: () => ({}) },
@@ -13,7 +12,6 @@ const props = defineProps({
 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)
@@ -21,24 +19,10 @@ function escapeSingleDollarSigns(text) {
     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 escapedContent = computed(() => escapeSingleDollarSigns(props.content ?? ""));
 const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
 watchEffect(() => {
-  setCustomComponents(scopeId, {
-    mermaid: MermaidDiagram,
-    ...customMarkdownComponents.value
-  });
+  setCustomComponents(scopeId, customMarkdownComponents.value);
 });
 onBeforeUnmount(() => {
   removeCustomComponents(scopeId);
@@ -48,8 +32,10 @@ onBeforeUnmount(() => {
 <template>
     <MarkdownRender
         v-bind="attrs"
-        :nodes="nodes"
+        :content="escapedContent"
         :custom-id="scopeId"
+        :custom-html-tags="customHtmlTags"
+        :final="final"
         :render-code-blocks-as-pre="renderCodeBlocksAsPre"
         :typewriter="typewriter"
     />

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

@@ -1,6 +1,7 @@
 import type { Component } from 'vue';
 type __VLS_Props = {
     content?: string | null;
+    final?: boolean;
     renderCodeBlocksAsPre?: boolean;
     typewriter?: boolean;
     customComponents?: Record<string, Component>;
@@ -10,6 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     content: string | null;
     customComponents: Record<string, Component>;
     customHtmlTags: readonly string[];
+    final: boolean;
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/rendering/markdown/custom-components.d.ts

@@ -2,7 +2,9 @@ import { type Component } from 'vue';
 import type { BaseNode } from 'markstream-vue';
 export type CustomMarkdownNode = BaseNode & {
     attrs?: [string, unknown][];
+    autoClosed?: boolean;
     content?: string;
+    loading?: boolean;
 };
 export declare function customMarkdownNodeProps(node: CustomMarkdownNode): Record<string, unknown>;
 export declare function wrapCustomMarkdownComponent(component: Component, tagName?: string): Component;

package/dist/runtime/rendering/markdown/custom-components.js

@@ -1,4 +1,5 @@
 import { defineComponent, h } from "vue";
+const RESERVED_CUSTOM_MARKDOWN_PROPS = /* @__PURE__ */ new Set(["node", "loading", "autoClosed"]);
 function camelizeAttributeName(name) {
   return name.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -9,11 +10,16 @@ export function customMarkdownNodeProps(node) {
     if (!name)
       continue;
     const propName = camelizeAttributeName(name);
-    if (propName === "node")
+    if (RESERVED_CUSTOM_MARKDOWN_PROPS.has(propName))
       continue;
     attrProps[propName] = value;
   }
-  return { node, ...attrProps };
+  return {
+    node,
+    ...typeof node.loading === "boolean" ? { loading: node.loading } : {},
+    ...typeof node.autoClosed === "boolean" ? { autoClosed: node.autoClosed } : {},
+    ...attrProps
+  };
 }
 function customMarkdownComponentAdapterName(tagName, component) {
   if (typeof component === "function" && component.name)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.16.0-rc.1",
+  "version": "3.16.0-rc.2",
   "type": "module",
   "exports": {
     ".": {
@@ -50,15 +50,14 @@
     "@sentry/nuxt": "^10.0.0",
     "@vueuse/components": "^12.8.0",
     "@vueuse/core": "^12.8.0",
-    "beautiful-mermaid": "^1.1.3",
-    "dompurify": "^3.3.2",
     "h3": "^1.15.0",
-    "markstream-vue": "0.0.3-beta.6",
+    "markstream-vue": "2.0.7",
     "mermaid": "^11.13.0",
     "motion": "^11.13.0",
     "nitropack": "^2.10.0",
     "pdfjs-dist": "^5.4.530",
     "posthog-js": "^1.364.2",
+    "stream-diffs": "0.0.2",
     "virtua": "^0.42.0",
     "vue-i18n": "^11.0.0",
     "xlsx": "^0.18.5",

package/dist/runtime/messages/composables/chat-scroll-stickiness.d.ts

@@ -1,28 +0,0 @@
-import type { ComponentPublicInstance, Ref } from 'vue';
-export declare const CHAT_SCROLL_PIN_THRESHOLD_PX = 24;
-export declare const CHAT_SCROLL_DISCLOSURE_SETTLE_TIMEOUT_MS = 320;
-export type ChatScrollPinEvent = {
-    type: 'content-resize';
-} | {
-    type: 'scroll';
-    distanceToBottom: number;
-} | {
-    type: 'user-scroll-away';
-};
-export declare function resolveChatScrollPinnedState(current: boolean, event: ChatScrollPinEvent): boolean;
-type ChatConversationInstance = ComponentPublicInstance & {
-    scrollToBottom: () => void;
-};
-export declare function resolveChatScrollResizeTarget(content: HTMLElement): HTMLElement;
-export declare function resolveChatScrollDisclosureMotionTarget(content: HTMLElement): HTMLElement;
-export declare function didChatScrollMoveUp(previousScrollTop: number, currentScrollTop: number): boolean;
-/**
- * Keeps a conversation attached to the newest content until the user expresses
- * an intent to read something above it. Content growth follows synchronously;
- * content growth itself never detaches the conversation.
- */
-export declare function useChatScrollStickiness(conversationRef: Ref<ChatConversationInstance | null>): {
-    isPinned: Ref<boolean, boolean>;
-    scrollToBottom: () => void;
-};
-export {};

package/dist/runtime/messages/composables/chat-scroll-stickiness.js

@@ -1,181 +0,0 @@
-import { nextTick, onBeforeUnmount, onMounted, ref } from "vue";
-export const CHAT_SCROLL_PIN_THRESHOLD_PX = 24;
-export const CHAT_SCROLL_DISCLOSURE_SETTLE_TIMEOUT_MS = 320;
-export function resolveChatScrollPinnedState(current, event) {
-  if (event.type === "user-scroll-away")
-    return false;
-  if (event.type === "scroll" && event.distanceToBottom <= CHAT_SCROLL_PIN_THRESHOLD_PX)
-    return true;
-  return current;
-}
-function distanceToBottom(element) {
-  return Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);
-}
-export function resolveChatScrollResizeTarget(content) {
-  return content.firstElementChild ?? content;
-}
-export function resolveChatScrollDisclosureMotionTarget(content) {
-  return content.closest("[data-chat-disclosure-motion]") ?? content;
-}
-export function didChatScrollMoveUp(previousScrollTop, currentScrollTop) {
-  return currentScrollTop < previousScrollTop - 1;
-}
-function resolveConversationElements(instance) {
-  const root = instance?.$el;
-  if (!(root instanceof HTMLElement))
-    return null;
-  const content = root.matches("[data-chat-conversation]") ? root : root.querySelector("[data-chat-conversation]");
-  if (!content)
-    return null;
-  const scroll = root.matches("[data-reka-scroll-area-viewport]") ? root : root.querySelector("[data-reka-scroll-area-viewport]") ?? content;
-  const resizeTarget = resolveChatScrollResizeTarget(content);
-  return { content, resizeTarget, scroll };
-}
-export function useChatScrollStickiness(conversationRef) {
-  const isPinned = ref(true);
-  let elements = null;
-  let resizeObserver;
-  let touchStartY = null;
-  let lastScrollTop = 0;
-  let interactionFrame = 0;
-  let interactionTimer;
-  let interactionContent = null;
-  let interactionEndHandler;
-  function setPinnedFrom(event) {
-    isPinned.value = resolveChatScrollPinnedState(isPinned.value, event);
-  }
-  function writeBottom() {
-    if (!isPinned.value || !elements)
-      return;
-    elements.scroll.scrollTop = elements.scroll.scrollHeight;
-    lastScrollTop = elements.scroll.scrollTop;
-  }
-  function scrollToBottom() {
-    isPinned.value = true;
-    nextTick(writeBottom);
-  }
-  function handleScroll() {
-    if (!elements)
-      return;
-    const currentScrollTop = elements.scroll.scrollTop;
-    const distance = distanceToBottom(elements.scroll);
-    if (didChatScrollMoveUp(lastScrollTop, currentScrollTop))
-      setPinnedFrom({ type: "user-scroll-away" });
-    setPinnedFrom({ type: "scroll", distanceToBottom: distance });
-    lastScrollTop = currentScrollTop;
-  }
-  function handleWheel(event) {
-    if (event.deltaY < 0 && elements && elements.scroll.scrollHeight > elements.scroll.clientHeight)
-      setPinnedFrom({ type: "user-scroll-away" });
-  }
-  function handleTouchStart(event) {
-    touchStartY = event.touches[0]?.clientY ?? null;
-  }
-  function handleTouchMove(event) {
-    const currentY = event.touches[0]?.clientY;
-    if (touchStartY != null && currentY != null && currentY > touchStartY + 2 && elements && elements.scroll.scrollHeight > elements.scroll.clientHeight) {
-      setPinnedFrom({ type: "user-scroll-away" });
-    }
-    touchStartY = currentY ?? touchStartY;
-  }
-  function handleKeyDown(event) {
-    if (["ArrowUp", "Home", "PageUp"].includes(event.key) && elements && elements.scroll.scrollHeight > elements.scroll.clientHeight) {
-      setPinnedFrom({ type: "user-scroll-away" });
-    }
-  }
-  function clearInteractionWait() {
-    cancelAnimationFrame(interactionFrame);
-    if (interactionTimer)
-      clearTimeout(interactionTimer);
-    interactionTimer = void 0;
-    if (interactionContent && interactionEndHandler)
-      interactionContent.removeEventListener("transitionend", interactionEndHandler);
-    interactionContent = null;
-    interactionEndHandler = void 0;
-  }
-  function queueDisclosureReevaluation() {
-    cancelAnimationFrame(interactionFrame);
-    interactionFrame = requestAnimationFrame(() => {
-      interactionFrame = requestAnimationFrame(() => {
-        if (!elements)
-          return;
-        setPinnedFrom({ type: "scroll", distanceToBottom: distanceToBottom(elements.scroll) });
-      });
-    });
-  }
-  function waitForDisclosureMotion(disclosureTrigger) {
-    clearInteractionWait();
-    const controlsId = disclosureTrigger.getAttribute("aria-controls");
-    const controlledContent = controlsId ? disclosureTrigger.ownerDocument.getElementById(controlsId) : null;
-    const reducedMotion = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-    if (!(controlledContent instanceof HTMLElement) || reducedMotion) {
-      queueDisclosureReevaluation();
-      return;
-    }
-    const motionContent = resolveChatScrollDisclosureMotionTarget(controlledContent);
-    const finish = () => {
-      clearInteractionWait();
-      queueDisclosureReevaluation();
-    };
-    interactionContent = motionContent;
-    interactionEndHandler = (transitionEvent) => {
-      if (transitionEvent.target === motionContent && transitionEvent.propertyName === "grid-template-rows") {
-        finish();
-      }
-    };
-    motionContent.addEventListener("transitionend", interactionEndHandler);
-    interactionTimer = setTimeout(finish, CHAT_SCROLL_DISCLOSURE_SETTLE_TIMEOUT_MS);
-  }
-  function handleContentClick(event) {
-    const target = event.target;
-    if (!(target instanceof Element))
-      return;
-    const disclosureTrigger = target.closest(
-      "[data-chat-scroll-preserve-trigger], button[aria-controls][data-state]"
-    );
-    if (!disclosureTrigger?.closest("[data-chat-scroll-preserve]"))
-      return;
-    setPinnedFrom({ type: "user-scroll-away" });
-    waitForDisclosureMotion(disclosureTrigger);
-  }
-  function bind() {
-    elements = resolveConversationElements(conversationRef.value);
-    if (!elements)
-      return;
-    const { content, resizeTarget, scroll } = elements;
-    scroll.addEventListener("scroll", handleScroll, { passive: true });
-    scroll.addEventListener("wheel", handleWheel, { passive: true });
-    scroll.addEventListener("touchstart", handleTouchStart, { passive: true });
-    scroll.addEventListener("touchmove", handleTouchMove, { passive: true });
-    scroll.addEventListener("keydown", handleKeyDown);
-    content.addEventListener("click", handleContentClick, true);
-    lastScrollTop = scroll.scrollTop;
-    resizeObserver = new ResizeObserver(() => {
-      setPinnedFrom({ type: "content-resize" });
-      writeBottom();
-    });
-    resizeObserver.observe(resizeTarget);
-    scrollToBottom();
-  }
-  function unbind() {
-    if (elements) {
-      const { content, scroll } = elements;
-      scroll.removeEventListener("scroll", handleScroll);
-      scroll.removeEventListener("wheel", handleWheel);
-      scroll.removeEventListener("touchstart", handleTouchStart);
-      scroll.removeEventListener("touchmove", handleTouchMove);
-      scroll.removeEventListener("keydown", handleKeyDown);
-      content.removeEventListener("click", handleContentClick, true);
-    }
-    resizeObserver?.disconnect();
-    resizeObserver = void 0;
-    clearInteractionWait();
-    elements = null;
-  }
-  onMounted(() => nextTick(bind));
-  onBeforeUnmount(unbind);
-  return {
-    isPinned,
-    scrollToBottom
-  };
-}

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

@@ -1,7 +0,0 @@
-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;