@astro-minimax/ai 0.9.0 → 0.9.3

package/dist/components/MessageBubble.js

@@ -0,0 +1,233 @@
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
+import { h, Fragment } from 'preact';
+
+import { RichText } from "./RichText.js";
+import { ReasoningBlock } from "./ReasoningBlock.js";
+import { generateFollowUpSuggestions, FollowUpSuggestions } from "./CodeBlock.js";
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function getValidExternalUrl(value) {
+  if (typeof value !== "string" || !value.trim()) return null;
+  try {
+    const url = new URL(value);
+    return url.protocol === "http:" || url.protocol === "https:" ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+function getToolOutput(part) {
+  if (!isRecord(part.output)) return null;
+  return {
+    success: typeof part.output.success === "boolean" ? part.output.success : void 0,
+    confirmation: typeof part.output.confirmation === "string" ? part.output.confirmation : void 0
+  };
+}
+const ACTION_TOOL_NAMES = /* @__PURE__ */ new Set([
+  "toggleTheme",
+  "navigateToArticle",
+  "scrollToSection",
+  "toggleReadingMode",
+  "highlightText",
+  "setPreference"
+]);
+function isToolPart(part) {
+  return typeof part === "object" && part !== null && "type" in part && typeof part.type === "string" && part.type.startsWith("tool-");
+}
+function getToolName(part) {
+  return part.type.slice("tool-".length);
+}
+function buildActionToolConfirmation(part, lang) {
+  const toolName = getToolName(part);
+  const output = getToolOutput(part);
+  if (!ACTION_TOOL_NAMES.has(toolName) || part.state !== "output-available" || !output?.success) {
+    return null;
+  }
+  const input = isRecord(part.input) ? part.input : {};
+  switch (toolName) {
+    case "toggleTheme": {
+      const theme = input.theme;
+      if (theme === "dark") return lang === "en" ? "I switched to dark mode." : "\u5DF2\u4E3A\u4F60\u5207\u6362\u5230\u6697\u6A21\u5F0F\u3002";
+      if (theme === "light") return lang === "en" ? "I switched to light mode." : "\u5DF2\u4E3A\u4F60\u5207\u6362\u5230\u4EAE\u6A21\u5F0F\u3002";
+      return lang === "en" ? "I switched to system theme mode." : "\u5DF2\u4E3A\u4F60\u5207\u6362\u4E3A\u8DDF\u968F\u7CFB\u7EDF\u4E3B\u9898\u3002";
+    }
+    case "toggleReadingMode":
+      return input.enabled === false ? lang === "en" ? "I turned off reading mode." : "\u5DF2\u4E3A\u4F60\u5173\u95ED\u9605\u8BFB\u6A21\u5F0F\u3002" : lang === "en" ? "I turned on reading mode." : "\u5DF2\u4E3A\u4F60\u5F00\u542F\u9605\u8BFB\u6A21\u5F0F\u3002";
+    case "scrollToSection":
+      return lang === "en" ? "I jumped to the requested section." : "\u5DF2\u4E3A\u4F60\u8DF3\u8F6C\u5230\u5BF9\u5E94\u7AE0\u8282\u3002";
+    case "navigateToArticle":
+      return lang === "en" ? "I opened the requested article." : "\u5DF2\u4E3A\u4F60\u6253\u5F00\u76F8\u5173\u6587\u7AE0\u3002";
+    case "highlightText":
+      return lang === "en" ? "I highlighted the requested content." : "\u5DF2\u4E3A\u4F60\u9AD8\u4EAE\u76F8\u5173\u5185\u5BB9\u3002";
+    case "setPreference":
+      return lang === "en" ? "I updated that preference." : "\u5DF2\u4E3A\u4F60\u66F4\u65B0\u504F\u597D\u8BBE\u7F6E\u3002";
+    default:
+      return output.confirmation ?? null;
+  }
+}
+function getActionToolConfirmations(message, lang) {
+  const confirmations = (message.parts ?? []).filter(isToolPart).map((part) => buildActionToolConfirmation(part, lang)).filter((text) => Boolean(text));
+  return Array.from(new Set(confirmations));
+}
+function shouldSuppressAssistantFallbackText(text, confirmations, lang) {
+  if (!text.trim() || confirmations.length === 0) return false;
+  const noOutputText = lang === "en" ? "Sorry, I could not generate a valid response. Please try rephrasing your question." : "\u62B1\u6B49\uFF0C\u6211\u65E0\u6CD5\u751F\u6210\u6709\u6548\u7684\u56DE\u7B54\u3002\u8BF7\u5C1D\u8BD5\u6362\u4E00\u79CD\u65B9\u5F0F\u63D0\u95EE\u3002";
+  const demoIntroText = lang === "en" ? "Thanks for asking! I'm in Demo mode and can recommend blog articles and external resources." : "\u611F\u8C22\u63D0\u95EE\uFF01\u6211\u76EE\u524D\u5728 Demo \u6A21\u5F0F\u4E0B\uFF0C\u53EF\u4EE5\u63A8\u8350\u535A\u5BA2\u6587\u7AE0\u548C\u5916\u90E8\u8D44\u6E90\u3002";
+  return text.includes(noOutputText) || text.includes(demoIntroText);
+}
+const TYPEWRITER_SPEED_MS = 25;
+const TYPEWRITER_BATCH_SIZE = 1;
+function useTypewriter(fullText, isStreaming) {
+  const [displayedLength, setDisplayedLength] = useState(0);
+  const prevFullTextRef = useRef(fullText);
+  const prevStreamingRef = useRef(isStreaming);
+  const animationRef = useRef(null);
+  useEffect(() => {
+    if (fullText !== prevFullTextRef.current && !fullText.startsWith(prevFullTextRef.current)) {
+      setDisplayedLength(0);
+    }
+    prevFullTextRef.current = fullText;
+  }, [fullText]);
+  useEffect(() => {
+    if (!isStreaming && prevStreamingRef.current) {
+      setDisplayedLength(fullText.length);
+      if (animationRef.current) {
+        cancelAnimationFrame(animationRef.current);
+        animationRef.current = null;
+      }
+    }
+    prevStreamingRef.current = isStreaming;
+  }, [isStreaming, fullText.length]);
+  useEffect(() => {
+    if (!isStreaming) return;
+    let lastTime = performance.now();
+    const animate = (currentTime) => {
+      const elapsed = currentTime - lastTime;
+      if (elapsed >= TYPEWRITER_SPEED_MS) {
+        setDisplayedLength((prev) => {
+          const targetLength = fullText.length;
+          if (prev >= targetLength) return prev;
+          const behind = targetLength - prev;
+          const speed = behind > 20 ? Math.min(behind, 5) : TYPEWRITER_BATCH_SIZE;
+          return Math.min(prev + speed, targetLength);
+        });
+        lastTime = currentTime;
+      }
+      animationRef.current = requestAnimationFrame(animate);
+    };
+    animationRef.current = requestAnimationFrame(animate);
+    return () => {
+      if (animationRef.current) {
+        cancelAnimationFrame(animationRef.current);
+        animationRef.current = null;
+      }
+    };
+  }, [isStreaming, fullText]);
+  if (!isStreaming) return fullText;
+  if (displayedLength <= 0) return "";
+  if (displayedLength >= fullText.length) return fullText;
+  let end = displayedLength;
+  const fence = fullText.indexOf("```", Math.max(0, end - 2));
+  if (fence !== -1 && fence < end + 3) {
+    const fenceEnd = fence + 3;
+    const newline = fullText.indexOf("\n", fenceEnd);
+    end = newline !== -1 ? newline + 1 : fenceEnd;
+  }
+  return fullText.slice(0, end);
+}
+function getTextFromMessage(message) {
+  const parts = message.parts ?? [];
+  return Array.isArray(parts) ? parts.filter((p) => p.type === "text").map((p) => p.text).join("") : "";
+}
+function BotIcon({ class: cls }) {
+  return /* @__PURE__ */ h("svg", { class: cls, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M12 8V4H8" }), /* @__PURE__ */ h("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }), /* @__PURE__ */ h("path", { d: "M2 14h2" }), /* @__PURE__ */ h("path", { d: "M20 14h2" }), /* @__PURE__ */ h("path", { d: "M15 13v2" }), /* @__PURE__ */ h("path", { d: "M9 13v2" }));
+}
+function BotAvatar() {
+  return /* @__PURE__ */ h("div", { class: "flex size-5.5 shrink-0 items-center justify-center rounded-full bg-accent/15 mt-0.5" }, /* @__PURE__ */ h(BotIcon, { class: "size-3 text-accent" }));
+}
+function TypingDots({ statusMessage }) {
+  return /* @__PURE__ */ h("div", { class: "flex items-center gap-2" }, /* @__PURE__ */ h("span", { class: "inline-flex gap-1" }, /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:0ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:150ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:300ms]" })), statusMessage && /* @__PURE__ */ h("span", { class: "text-[11px] text-foreground-soft" }, statusMessage));
+}
+function AssistantMessage({ message, isStreaming, lang = "zh", articleContext, onFollowUp }) {
+  const fullText = getTextFromMessage(message);
+  const actionConfirmations = useMemo(() => getActionToolConfirmations(message, lang), [message, lang]);
+  const shouldSuppressFallbackText = useMemo(
+    () => shouldSuppressAssistantFallbackText(fullText, actionConfirmations, lang),
+    [fullText, actionConfirmations, lang]
+  );
+  const effectiveText = shouldSuppressFallbackText ? actionConfirmations.join("\n") : fullText || actionConfirmations.join("\n");
+  const displayedText = useTypewriter(effectiveText, isStreaming ?? false);
+  const reasoningParts = message.parts.filter((p) => p.type === "reasoning");
+  const reasoningFullText = reasoningParts.map((p) => p.text).join("");
+  const reasoningDisplayed = useTypewriter(reasoningFullText, isStreaming ?? false);
+  const hasReasoning = reasoningFullText.length > 0;
+  const isWaitingForContent = isStreaming && !fullText && !reasoningFullText;
+  const sources = message.parts.filter((p) => p.type === "source-url" || p.type === "source-document");
+  const sourceSnippets = message.parts.filter(
+    (p) => p.type === "data-source-snippet" && isRecord(p.data)
+  );
+  const followUpSuggestions = useMemo(() => {
+    if (isStreaming || !effectiveText || !onFollowUp || shouldSuppressFallbackText) return [];
+    return generateFollowUpSuggestions(effectiveText, articleContext);
+  }, [isStreaming, effectiveText, articleContext, onFollowUp, shouldSuppressFallbackText]);
+  if (isWaitingForContent) {
+    return /* @__PURE__ */ h("div", { class: "space-y-1.5" }, /* @__PURE__ */ h(ReasoningBlock, { text: "", isStreaming: true, lang }));
+  }
+  if (!effectiveText && !hasReasoning) return null;
+  return /* @__PURE__ */ h("div", { class: "space-y-1.5" }, hasReasoning && /* @__PURE__ */ h(ReasoningBlock, { text: reasoningDisplayed, isStreaming, lang }), displayedText && /* @__PURE__ */ h(RichText, { text: displayedText, isStreaming }), !isStreaming && sourceSnippets.length > 0 && /* @__PURE__ */ h("div", { class: "mt-2 space-y-2" }, /* @__PURE__ */ h("div", { class: "text-[11px] font-medium text-foreground-soft" }, lang === "en" ? "Relevant snippets" : "\u76F8\u5173\u539F\u6587\u6BB5\u843D"), /* @__PURE__ */ h("div", { class: "space-y-2" }, sourceSnippets.map((part, i) => {
+    const data = part.data;
+    const sourceUrl = getValidExternalUrl(data.url);
+    const terms = Array.isArray(data.matchTerms) ? data.matchTerms.filter((t) => typeof t === "string" && t.length > 0) : [];
+    const content = /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("div", { class: "flex items-start justify-between gap-2" }, /* @__PURE__ */ h("div", { class: "min-w-0" }, /* @__PURE__ */ h("div", { class: "truncate text-[11px] font-medium text-foreground" }, typeof data.title === "string" && data.title ? data.title : "Source"), typeof data.heading === "string" && data.heading && /* @__PURE__ */ h("div", { class: "truncate text-[10px] text-foreground-soft" }, data.heading)), terms.length > 0 && /* @__PURE__ */ h("div", { class: "hidden shrink-0 flex-wrap gap-1 sm:flex" }, terms.slice(0, 2).map((term) => /* @__PURE__ */ h("span", { class: "rounded bg-accent/10 px-1.5 py-0.5 text-[10px] text-accent" }, term)))), typeof data.snippet === "string" && data.snippet && /* @__PURE__ */ h("div", { class: "mt-1.5 text-[12px] leading-relaxed text-foreground-soft" }, data.snippet));
+    return sourceUrl ? /* @__PURE__ */ h(
+      "a",
+      {
+        key: `snippet-${i}`,
+        href: sourceUrl,
+        class: "block rounded-lg border border-border bg-muted/25 px-3 py-2 transition-colors hover:border-accent/30 hover:bg-accent/5",
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      content
+    ) : /* @__PURE__ */ h(
+      "div",
+      {
+        key: `snippet-${i}`,
+        class: "block rounded-lg border border-border bg-muted/25 px-3 py-2"
+      },
+      content
+    );
+  }))), !isStreaming && sources.length > 0 && /* @__PURE__ */ h("div", { class: "mt-2 flex flex-wrap gap-1.5" }, sources.map((s, i) => {
+    const part = s;
+    const sourceUrl = getValidExternalUrl(part.url);
+    const content = /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h("svg", { class: "size-2.5 opacity-50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, /* @__PURE__ */ h("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ h("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })), part.title ?? "Source");
+    return sourceUrl ? /* @__PURE__ */ h(
+      "a",
+      {
+        key: i,
+        href: sourceUrl,
+        class: "inline-flex items-center gap-1 rounded-md border border-border bg-muted/30 px-2 py-0.5 text-[11px] text-foreground-soft transition-colors hover:border-accent/40 hover:text-foreground",
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      content
+    ) : /* @__PURE__ */ h(
+      "span",
+      {
+        key: i,
+        class: "inline-flex items-center gap-1 rounded-md border border-border bg-muted/30 px-2 py-0.5 text-[11px] text-foreground-soft"
+      },
+      content
+    );
+  })), !isStreaming && followUpSuggestions.length > 0 && onFollowUp && /* @__PURE__ */ h(FollowUpSuggestions, { suggestions: followUpSuggestions, onSend: onFollowUp, lang }));
+}
+export {
+  AssistantMessage,
+  BotAvatar,
+  BotIcon,
+  TypingDots,
+  getActionToolConfirmations,
+  getTextFromMessage,
+  shouldSuppressAssistantFallbackText,
+  useTypewriter
+};

package/dist/components/ReasoningBlock.d.ts

@@ -0,0 +1,6 @@
+export declare function ReasoningBlock({ text, isStreaming, lang }: {
+    text: string;
+    isStreaming?: boolean;
+    lang?: string;
+}): import("preact").JSX.Element;
+//# sourceMappingURL=ReasoningBlock.d.ts.map

package/dist/components/ReasoningBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReasoningBlock.d.ts","sourceRoot":"","sources":["../../src/components/ReasoningBlock.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAW,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,gCAwCxH"}

package/dist/components/ReasoningBlock.js

@@ -0,0 +1,11 @@
+import { t, getLang } from "../utils/i18n.js";
+import { h } from 'preact';
+
+function ReasoningBlock({ text, isStreaming, lang = "zh" }) {
+  const isEmpty = text.length === 0;
+  const l = getLang(lang);
+  return /* @__PURE__ */ h("details", { class: "group rounded-lg border border-border/50 bg-muted/30 overflow-hidden", open: isStreaming || !isEmpty }, /* @__PURE__ */ h("summary", { class: "flex cursor-pointer items-center gap-1.5 px-2.5 py-1.5 text-[11px] font-medium text-foreground-soft transition-colors hover:bg-muted/50 hover:text-foreground" }, /* @__PURE__ */ h("svg", { class: "size-3.5 transition-transform group-open:rotate-90", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "m9 18 6-6-6-6" })), /* @__PURE__ */ h("span", { class: "flex items-center gap-1" }, isStreaming ? /* @__PURE__ */ h("svg", { class: "size-3 animate-spin", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2" }, /* @__PURE__ */ h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })) : /* @__PURE__ */ h("svg", { class: "size-3", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ h("path", { d: "M12 16v-4" }), /* @__PURE__ */ h("path", { d: "M12 8h.01" })), isStreaming && isEmpty ? t("ai.reasoning.thinking", l) : isStreaming ? t("ai.reasoning.thinking", l).replace("...", "") : t("ai.reasoning.viewReasoning", l))), /* @__PURE__ */ h("div", { class: "border-t border-border/30 bg-background/50 px-2.5 py-2" }, isEmpty && isStreaming ? /* @__PURE__ */ h("div", { class: "flex items-center gap-2 text-[11px] text-foreground-soft" }, /* @__PURE__ */ h("span", { class: "inline-flex gap-1" }, /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:0ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:150ms]" }), /* @__PURE__ */ h("span", { class: "size-1.5 animate-bounce rounded-full bg-foreground-soft [animation-delay:300ms]" })), /* @__PURE__ */ h("span", null, t("ai.reasoning.waiting", l))) : /* @__PURE__ */ h("pre", { class: "whitespace-pre-wrap text-[11px] leading-relaxed text-foreground-soft font-mono" }, text)));
+}
+export {
+  ReasoningBlock
+};

package/dist/components/RichText.d.ts

@@ -0,0 +1,41 @@
+type InlinePart = {
+    type: 'text';
+    text: string;
+} | {
+    type: 'link';
+    label: string;
+    url: string;
+} | {
+    type: 'bold';
+    text: string;
+} | {
+    type: 'code';
+    text: string;
+};
+/**
+ * 更健壮的 Markdown 链接解析器
+ *
+ * 处理以下边界情况：
+ * 1. URL 中包含括号：[text](url(with)parentheses)
+ * 2. 标签中包含方括号：[text [with] brackets](url)
+ * 3. 未闭合的语法：[text](url 或 [text](url)
+ */
+export declare function parseInlineMarkdownRobust(text: string): InlinePart[];
+export declare function InlineRichText({ text }: {
+    text: string;
+}): import("preact").JSX.Element;
+interface BlockNode {
+    type: 'paragraph' | 'code-block' | 'blockquote' | 'list';
+    content: string;
+    lang?: string;
+    ordered?: boolean;
+    items?: string[];
+    unclosed?: boolean;
+}
+export declare function parseBlocks(text: string): BlockNode[];
+export declare function RichText({ text, isStreaming }: {
+    text: string;
+    isStreaming?: boolean;
+}): import("preact").JSX.Element;
+export {};
+//# sourceMappingURL=RichText.d.ts.map

package/dist/components/RichText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.d.ts","sourceRoot":"","sources":["../../src/components/RichText.tsx"],"names":[],"mappings":"AAUA,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,CAmDpE;AAgDD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCAuBxD;AAID,UAAU,SAAS;IACjB,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,MAAM,CAAC;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CA+ErD;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,gCA+CtF"}

package/dist/components/RichText.js

@@ -0,0 +1,202 @@
+import { useMemo } from "preact/hooks";
+import { h } from 'preact';
+
+import { CodeBlock } from "./CodeBlock.js";
+const SAFE_URL_RE = /^(?:https?|mailto):/i;
+function sanitizeUrl(url) {
+  if (SAFE_URL_RE.test(url) || url.startsWith("/") || url.startsWith("#")) return url;
+  return "#";
+}
+function parseInlineMarkdownRobust(text) {
+  const parts = [];
+  let i = 0;
+  while (i < text.length) {
+    if (text[i] === "[") {
+      const linkResult = tryParseLink(text, i);
+      if (linkResult) {
+        parts.push({ type: "link", label: linkResult.label, url: linkResult.url });
+        i = linkResult.endIndex;
+        continue;
+      }
+    }
+    if (text.slice(i, i + 2) === "**") {
+      const boldEnd = text.indexOf("**", i + 2);
+      if (boldEnd !== -1) {
+        parts.push({ type: "bold", text: text.slice(i + 2, boldEnd) });
+        i = boldEnd + 2;
+        continue;
+      }
+    }
+    if (text[i] === "`" && text[i + 1] !== "`") {
+      const codeEnd = text.indexOf("`", i + 1);
+      if (codeEnd !== -1) {
+        parts.push({ type: "code", text: text.slice(i + 1, codeEnd) });
+        i = codeEnd + 1;
+        continue;
+      }
+    }
+    let textEnd = i + 1;
+    while (textEnd < text.length && text[textEnd] !== "[" && text[textEnd] !== "*" && text[textEnd] !== "`") {
+      textEnd++;
+    }
+    if (textEnd > i) {
+      parts.push({ type: "text", text: text.slice(i, textEnd) });
+    }
+    i = textEnd;
+  }
+  return parts;
+}
+function tryParseLink(text, start) {
+  if (text[start] !== "[") return null;
+  let depth = 1;
+  let labelEnd = start + 1;
+  while (labelEnd < text.length && depth > 0) {
+    if (text[labelEnd] === "[") depth++;
+    else if (text[labelEnd] === "]") depth--;
+    else if (text[labelEnd] === "\\" && labelEnd + 1 < text.length) labelEnd++;
+    labelEnd++;
+  }
+  if (depth !== 0 || labelEnd >= text.length || text[labelEnd] !== "(") return null;
+  const label = text.slice(start + 1, labelEnd - 1).replace(/\\(.)/g, "$1");
+  const urlStart = labelEnd + 1;
+  depth = 1;
+  let urlEnd = urlStart;
+  while (urlEnd < text.length && depth > 0) {
+    if (text[urlEnd] === "(") depth++;
+    else if (text[urlEnd] === ")") depth--;
+    urlEnd++;
+  }
+  if (depth !== 0) return null;
+  const url = text.slice(urlStart, urlEnd - 1).trim();
+  return { label, url, endIndex: urlEnd };
+}
+function ExternalLinkIcon() {
+  return /* @__PURE__ */ h("svg", { class: "inline-block size-3 shrink-0 opacity-50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, /* @__PURE__ */ h("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }), /* @__PURE__ */ h("polyline", { points: "15 3 21 3 21 9" }), /* @__PURE__ */ h("line", { x1: "10", y1: "14", x2: "21", y2: "3" }));
+}
+function InlineRichText({ text }) {
+  const parts = useMemo(() => parseInlineMarkdownRobust(text), [text]);
+  return /* @__PURE__ */ h("span", null, parts.map((p, i) => {
+    if (p.type === "link") {
+      const safeUrl = sanitizeUrl(p.url);
+      const isExternal = safeUrl.startsWith("http");
+      return /* @__PURE__ */ h(
+        "a",
+        {
+          key: i,
+          href: safeUrl,
+          class: "inline-flex items-center gap-0.5 font-medium text-accent underline decoration-accent/30 underline-offset-2 transition-colors hover:decoration-accent",
+          target: isExternal ? "_blank" : void 0,
+          rel: isExternal ? "noopener noreferrer" : void 0
+        },
+        p.label,
+        isExternal && /* @__PURE__ */ h(ExternalLinkIcon, null)
+      );
+    }
+    if (p.type === "bold") return /* @__PURE__ */ h("strong", { key: i, class: "font-semibold" }, p.text);
+    if (p.type === "code") return /* @__PURE__ */ h("code", { key: i, class: "rounded bg-muted/60 px-1 py-0.5 text-[13px] font-mono" }, p.text);
+    return /* @__PURE__ */ h("span", { key: i }, p.text);
+  }));
+}
+function parseBlocks(text) {
+  const lines = text.split("\n");
+  const blocks = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (line.startsWith("```")) {
+      const lang = line.slice(3).trim();
+      const codeLines = [];
+      i++;
+      let closed = false;
+      while (i < lines.length) {
+        if (lines[i].startsWith("```")) {
+          closed = true;
+          i++;
+          break;
+        }
+        codeLines.push(lines[i]);
+        i++;
+      }
+      blocks.push({
+        type: "code-block",
+        content: codeLines.join("\n"),
+        lang: lang || void 0,
+        unclosed: !closed
+      });
+      continue;
+    }
+    if (line.startsWith("> ") || line === ">") {
+      const quoteLines = [];
+      while (i < lines.length && (lines[i].startsWith("> ") || lines[i] === ">")) {
+        quoteLines.push(lines[i].replace(/^>\s?/, ""));
+        i++;
+      }
+      blocks.push({ type: "blockquote", content: quoteLines.join("\n") });
+      continue;
+    }
+    if (/^[-*]\s/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^[-*]\s/.test(lines[i])) {
+        items.push(lines[i].replace(/^[-*]\s/, ""));
+        i++;
+      }
+      blocks.push({ type: "list", content: "", ordered: false, items });
+      continue;
+    }
+    if (/^\d+\.\s/.test(line)) {
+      const items = [];
+      while (i < lines.length && /^\d+\.\s/.test(lines[i])) {
+        items.push(lines[i].replace(/^\d+\.\s/, ""));
+        i++;
+      }
+      blocks.push({ type: "list", content: "", ordered: true, items });
+      continue;
+    }
+    if (!line.trim()) {
+      i++;
+      continue;
+    }
+    const paraLines = [];
+    while (i < lines.length && lines[i].trim() && !lines[i].startsWith("```") && !lines[i].startsWith("> ") && lines[i] !== ">" && !/^[-*]\s/.test(lines[i]) && !/^\d+\.\s/.test(lines[i])) {
+      paraLines.push(lines[i]);
+      i++;
+    }
+    if (paraLines.length) {
+      blocks.push({ type: "paragraph", content: paraLines.join("\n") });
+    }
+  }
+  return blocks;
+}
+function RichText({ text, isStreaming }) {
+  const blocks = useMemo(() => parseBlocks(text), [text]);
+  return /* @__PURE__ */ h("div", { class: "space-y-2" }, blocks.map((block, i) => {
+    switch (block.type) {
+      case "code-block":
+        return /* @__PURE__ */ h(
+          CodeBlock,
+          {
+            key: i,
+            code: block.content,
+            lang: block.lang,
+            isStreaming: isStreaming || block.unclosed
+          }
+        );
+      case "blockquote":
+        return /* @__PURE__ */ h("blockquote", { key: i, class: "border-l-2 border-accent/40 pl-3 text-foreground-soft italic" }, /* @__PURE__ */ h(InlineRichText, { text: block.content }));
+      case "list":
+        if (block.ordered) {
+          return /* @__PURE__ */ h("ol", { key: i, class: "list-decimal space-y-0.5 pl-5" }, block.items?.map((item, j) => /* @__PURE__ */ h("li", { key: j }, /* @__PURE__ */ h(InlineRichText, { text: item }))));
+        }
+        return /* @__PURE__ */ h("ul", { key: i, class: "list-disc space-y-0.5 pl-5" }, block.items?.map((item, j) => /* @__PURE__ */ h("li", { key: j }, /* @__PURE__ */ h(InlineRichText, { text: item }))));
+      case "paragraph":
+      default:
+        return /* @__PURE__ */ h("p", { key: i, class: "whitespace-pre-wrap" }, /* @__PURE__ */ h(InlineRichText, { text: block.content }));
+    }
+  }));
+}
+export {
+  InlineRichText,
+  RichText,
+  parseBlocks,
+  parseInlineMarkdownRobust
+};

package/dist/components/VizShared.d.ts

@@ -0,0 +1,57 @@
+interface Size {
+    width: number;
+    height: number;
+}
+export declare function useVizScaleControls(initialScale?: number): {
+    scale: number;
+    setScale: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<number>>;
+    handleZoomIn: () => void;
+    handleZoomOut: () => void;
+    handleReset: () => void;
+    handleWheelZoom: (event: WheelEvent) => void;
+    zoomWithWheelDelta: (deltaY: number) => void;
+};
+export declare function measureElementSize(element: HTMLElement): Size;
+export declare function getScaledCanvasStyles(baseSize: Size, scale: number): {
+    scaledStyle: {
+        width: string;
+        height: string;
+    };
+    transformStyle: {
+        transform: string;
+        transformOrigin: string;
+    };
+};
+export declare function useScaledCanvas(ref: {
+    current: HTMLElement | null;
+}, scale: number, deps?: readonly unknown[]): {
+    scaledStyle: {
+        width: string;
+        height: string;
+    };
+    transformStyle: {
+        transform: string;
+        transformOrigin: string;
+    };
+    baseSize: Size;
+};
+export declare function useDragPanScroll(ref: {
+    current: HTMLElement | null;
+}, enabled: boolean, deps?: readonly unknown[]): void;
+interface VizToolbarProps {
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onReset: () => void;
+    onFullscreen: () => void;
+    onShowSource: () => void;
+    showSourceActive?: boolean;
+}
+export declare function VizToolbar({ onZoomIn, onZoomOut, onReset, onFullscreen, onShowSource, showSourceActive }: VizToolbarProps): import("preact").JSX.Element;
+export declare function CopyButton({ code }: {
+    code: string;
+}): import("preact").JSX.Element;
+export declare function SkeletonLoader({ height }: {
+    height?: string;
+}): import("preact").JSX.Element;
+export {};
+//# sourceMappingURL=VizShared.d.ts.map

package/dist/components/VizShared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VizShared.d.ts","sourceRoot":"","sources":["../../src/components/VizShared.tsx"],"names":[],"mappings":"AAEA,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAUD,wBAAgB,mBAAmB,CAAC,YAAY,SAAI;;;;;;6BAoBN,UAAU;iCALN,MAAM;EAmBvD;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAK7D;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;;;;;;;;;EAWlE;AAED,wBAAgB,eAAe,CAC7B,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,EACpC,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,SAAS,OAAO,EAAO;;;;;;;;;;EAoC9B;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE;IAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;CAAE,EACpC,OAAO,EAAE,OAAO,EAChB,IAAI,GAAE,SAAS,OAAO,EAAO,QA8E9B;AAID,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,eAAe,gCAkEzH;AAID,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCA4BpD;AAID,wBAAgB,cAAc,CAAC,EAAE,MAAgB,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,gCAevE"}