@djangocfg/ui-tools 2.1.297 → 2.1.299

package/dist/{chunk-QTO5LWMK.cjs → chunk-SEXWBCLX.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
-var React3 = require('react');
+var React6 = require('react');
 require('@djangocfg/ui-core/styles/palette');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactMarkdown = require('react-markdown');
@@ -15,28 +15,13 @@ var openapiSampler = require('openapi-sampler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React3__default = /*#__PURE__*/_interopDefault(React3);
+var React6__default = /*#__PURE__*/_interopDefault(React6);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
 var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var consola2__default = /*#__PURE__*/_interopDefault(consola2);
 
-var MermaidClient = React3.lazy(() => import('./Mermaid.client-RSWUUHIL.cjs'));
-var LoadingFallback = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center min-h-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }), "LoadingFallback");
-var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, {}), children: /* @__PURE__ */ jsxRuntime.jsx(MermaidClient, { ...props }) });
-}, "Mermaid");
-var Mermaid_default = Mermaid;
-var PrettyCodeClient = React3.lazy(() => import('./PrettyCode.client-RPDIE5CH.cjs'));
-var LoadingFallback2 = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative rounded-sm border border-border overflow-hidden bg-muted dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse h-4 w-4 rounded-full bg-muted-foreground/20" }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading code..." })
-] }) }) }), "LoadingFallback");
-var PrettyCode = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback2, {}), children: /* @__PURE__ */ jsxRuntime.jsx(PrettyCodeClient, { ...props }) });
-}, "PrettyCode");
-var PrettyCode_default = PrettyCode;
 function smartTruncate(content, maxLength) {
   if (content.length <= maxLength) {
     return content;
@@ -110,10 +95,10 @@ function fixUnclosedMarkdown(content) {
 chunkWGEGR3DF_cjs.__name(fixUnclosedMarkdown, "fixUnclosedMarkdown");
 function useCollapsibleContent(content, options = {}) {
   const { maxLength, maxLines, defaultExpanded = false } = options;
-  const [isCollapsed, setIsCollapsed] = React3.useState(!defaultExpanded);
+  const [isCollapsed, setIsCollapsed] = React6.useState(!defaultExpanded);
   const originalLength = content.length;
   const originalLineCount = content.split("\n").length;
-  const { shouldCollapse, truncatedContent } = React3.useMemo(() => {
+  const { shouldCollapse, truncatedContent } = React6.useMemo(() => {
     if (maxLength === void 0 && maxLines === void 0) {
       return { shouldCollapse: false, truncatedContent: content };
     }
@@ -129,16 +114,16 @@ function useCollapsibleContent(content, options = {}) {
     }
     return { shouldCollapse: needsCollapse, truncatedContent: result };
   }, [content, maxLength, maxLines, originalLineCount]);
-  const displayContent = React3.useMemo(() => {
+  const displayContent = React6.useMemo(() => {
     if (!shouldCollapse || !isCollapsed) {
       return content;
     }
     return truncatedContent;
   }, [content, truncatedContent, shouldCollapse, isCollapsed]);
-  const toggleCollapsed = React3.useCallback(() => {
+  const toggleCollapsed = React6.useCallback(() => {
     setIsCollapsed((prev) => !prev);
   }, []);
-  const setCollapsed = React3.useCallback((collapsed) => {
+  const setCollapsed = React6.useCallback((collapsed) => {
     setIsCollapsed(collapsed);
   }, []);
   return {
@@ -152,6 +137,72 @@ function useCollapsibleContent(content, options = {}) {
   };
 }
 chunkWGEGR3DF_cjs.__name(useCollapsibleContent, "useCollapsibleContent");
+function extractTextFromChildren(children) {
+  if (typeof children === "string") return children;
+  if (typeof children === "number") return String(children);
+  if (React6__default.default.isValidElement(children)) {
+    const props = children.props;
+    return extractTextFromChildren(props.children);
+  }
+  if (Array.isArray(children)) {
+    return children.map(extractTextFromChildren).join("");
+  }
+  return "";
+}
+chunkWGEGR3DF_cjs.__name(extractTextFromChildren, "extractTextFromChildren");
+function hasMarkdownSyntax(text) {
+  if (text.trim().includes("\n")) return true;
+  if (/<\/?[a-zA-Z][a-zA-Z0-9-]*(\s[^>]*)?\/?>/.test(text)) return true;
+  const patterns = [
+    /^#{1,6}\s/m,
+    // Headers
+    /\*\*[^*]+\*\*/,
+    // Bold
+    /\*[^*]+\*/,
+    // Italic
+    /__[^_]+__/,
+    // Bold (underscore)
+    /_[^_]+_/,
+    // Italic (underscore)
+    /\[.+\]\(.+\)/,
+    // Links
+    /!\[.*\]\(.+\)/,
+    // Images
+    /```[\s\S]*```/,
+    // Code blocks
+    /`[^`]+`/,
+    // Inline code
+    /^\s*[-*+]\s/m,
+    // Unordered lists
+    /^\s*\d+\.\s/m,
+    // Ordered lists
+    /^\s*>/m,
+    // Blockquotes
+    /\|.+\|/,
+    // Tables
+    /^---+$/m,
+    // Horizontal rules
+    /~~[^~]+~~/
+    // Strikethrough
+  ];
+  return patterns.some((p) => p.test(text));
+}
+chunkWGEGR3DF_cjs.__name(hasMarkdownSyntax, "hasMarkdownSyntax");
+var MermaidClient = React6.lazy(() => import('./Mermaid.client-RSWUUHIL.cjs'));
+var LoadingFallback = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center min-h-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }), "LoadingFallback");
+var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, {}), children: /* @__PURE__ */ jsxRuntime.jsx(MermaidClient, { ...props }) });
+}, "Mermaid");
+var Mermaid_default = Mermaid;
+var PrettyCodeClient = React6.lazy(() => import('./PrettyCode.client-RPDIE5CH.cjs'));
+var LoadingFallback2 = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative rounded-sm border border-border overflow-hidden bg-muted dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse h-4 w-4 rounded-full bg-muted-foreground/20" }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading code..." })
+] }) }) }), "LoadingFallback");
+var PrettyCode = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(React6.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback2, {}), children: /* @__PURE__ */ jsxRuntime.jsx(PrettyCodeClient, { ...props }) });
+}, "PrettyCode");
+var PrettyCode_default = PrettyCode;
 var HTML_SCHEMA_BASE = {
   ...rehypeSanitize.defaultSchema,
   tagNames: [
@@ -185,22 +236,21 @@ function buildSchema(extraProtocols) {
   };
 }
 chunkWGEGR3DF_cjs.__name(buildSchema, "buildSchema");
-var extractTextFromChildren = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((children) => {
-  if (typeof children === "string") {
-    return children;
-  }
-  if (typeof children === "number") {
-    return String(children);
-  }
-  if (React3__default.default.isValidElement(children)) {
-    const props = children.props;
-    return extractTextFromChildren(props.children);
-  }
-  if (Array.isArray(children)) {
-    return children.map(extractTextFromChildren).join("");
-  }
-  return "";
-}, "extractTextFromChildren");
+function buildUrlTransform(extraProtocols) {
+  if (!extraProtocols || extraProtocols.length === 0) return void 0;
+  const lower = extraProtocols.map((p) => p.toLowerCase() + ":");
+  return (url) => {
+    const u = url.trim().toLowerCase();
+    for (const p of lower) {
+      if (u.startsWith(p)) return url;
+    }
+    if (/^(https?:|mailto:|tel:|xmpp:|irc:|ircs:|#|\/|\.\/|\.\.\/|\?)/i.test(u) || /^[a-z0-9._~!$&'()*+,;=:@%-]+$/i.test(u)) {
+      return url;
+    }
+    return "";
+  };
+}
+chunkWGEGR3DF_cjs.__name(buildUrlTransform, "buildUrlTransform");
 var CodeBlock = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ code, language, isUser, isCompact = false }) => {
   const theme = hooks.useResolvedTheme();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group my-3", children: [
@@ -230,25 +280,40 @@ var CodeBlock = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ code, language, isUs
     )
   ] });
 }, "CodeBlock");
-var createMarkdownComponents = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((isUser = false, isCompact = false) => {
+var CodeBlockFallback = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ code, isUser }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group my-3", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    components.CopyButton,
+    {
+      value: code,
+      variant: "ghost",
+      className: `
+        absolute top-2 right-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity
+        h-8 w-8
+        ${isUser ? "hover:bg-white/20 text-white" : "hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground"}
+      `,
+      title: "Copy code"
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx("pre", { className: `
+      p-3 rounded text-xs font-mono overflow-x-auto
+      ${isUser ? "bg-white/10 text-white" : "bg-muted text-foreground"}
+    `, children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) })
+] }), "CodeBlockFallback");
+function createMarkdownComponents(isUser = false, isCompact = false) {
   const textSize = isCompact ? "text-xs" : "text-sm";
   const headingBase = isCompact ? "text-sm" : "text-base";
   const headingSm = isCompact ? "text-xs" : "text-sm";
   return {
-    // Headings - scaled for chat context
     h1: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h1", { className: `${headingBase} font-bold mb-2 mt-3 first:mt-0`, children }), "h1"),
     h2: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${headingSm} font-bold mb-2 mt-3 first:mt-0`, children }), "h2"),
     h3: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `${headingSm} font-semibold mb-1 mt-2 first:mt-0`, children }), "h3"),
     h4: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h4", { className: `${headingSm} font-semibold mb-1 mt-2 first:mt-0`, children }), "h4"),
     h5: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h5", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h5"),
     h6: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("h6", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h6"),
-    // Paragraphs - optimized for chat readability
     p: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${textSize} mb-4 last:mb-0 leading-7 break-words font-light`, children }), "p"),
-    // Lists - compact
     ul: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `list-disc list-inside mb-2 space-y-1 ${textSize}`, children }), "ul"),
     ol: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("ol", { className: `list-decimal list-inside mb-2 space-y-1 ${textSize}`, children }), "ol"),
     li: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "break-words", children }), "li"),
-    // Links - appropriate for chat context
     a: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ href, children }) => /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
@@ -259,11 +324,10 @@ var createMarkdownComponents = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((isUser
         children
       }
     ), "a"),
-    // Code blocks - using CodeBlock component with copy functionality
     pre: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => {
       let codeContent = "";
       let language = "plaintext";
-      if (React3__default.default.isValidElement(children)) {
+      if (React6__default.default.isValidElement(children)) {
         const child = children;
         if (child.type === "code" || typeof child.type === "function" && child.type.name === "code") {
           const codeProps = child.props;
@@ -286,92 +350,28 @@ var createMarkdownComponents = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((isUser
         return /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { code: codeContent, language, isUser, isCompact });
       } catch (error) {
         console.warn("CodeBlock failed, using fallback:", error);
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group my-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            components.CopyButton,
-            {
-              value: codeContent,
-              variant: "ghost",
-              className: `
-              absolute top-2 right-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity
-              h-8 w-8
-              ${isUser ? "hover:bg-white/20 text-white" : "hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground"}
-            `,
-              title: "Copy code"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: `
-            p-3 rounded text-xs font-mono overflow-x-auto
-            ${isUser ? "bg-white/10 text-white" : "bg-muted text-foreground"}
-          `, children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: codeContent }) })
-        ] });
+        return /* @__PURE__ */ jsxRuntime.jsx(CodeBlockFallback, { code: codeContent, language, isUser, isCompact });
       }
     }, "pre"),
-    // Inline code
     code: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, className }) => {
       if (className?.includes("language-")) {
         return /* @__PURE__ */ jsxRuntime.jsx("code", { className, children });
       }
-      const codeContent = extractTextFromChildren(children);
-      return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-1.5 py-0.5 rounded text-xs font-mono bg-muted text-foreground break-all", children: codeContent });
+      return /* @__PURE__ */ jsxRuntime.jsx("code", { className: "px-1.5 py-0.5 rounded text-xs font-mono bg-muted text-foreground break-all", children: extractTextFromChildren(children) });
     }, "code"),
-    // Blockquotes
     blockquote: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: `${textSize} border-l-2 border-border pl-3 my-2 italic text-muted-foreground break-words`, children }), "blockquote"),
-    // Tables - compact for chat
     table: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto my-3", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: `min-w-full ${textSize} border-collapse`, children }) }), "table"),
     thead: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-muted/50", children }), "thead"),
     tbody: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { children }), "tbody"),
     tr: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-border/50", children }), "tr"),
     th: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-2 py-1 text-left font-medium break-words", children }), "th"),
     td: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-1 break-words", children }), "td"),
-    // Horizontal rule
     hr: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "my-3 border-0 h-px bg-border" }), "hr"),
-    // Strong and emphasis
     strong: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children }), "strong"),
     em: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children }) => /* @__PURE__ */ jsxRuntime.jsx("em", { className: "italic", children }), "em")
   };
-}, "createMarkdownComponents");
-var hasMarkdownSyntax = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((text) => {
-  if (text.trim().includes("\n")) {
-    return true;
-  }
-  if (/<\/?[a-zA-Z][a-zA-Z0-9-]*(\s[^>]*)?\/?>/.test(text)) {
-    return true;
-  }
-  const markdownPatterns = [
-    /^#{1,6}\s/m,
-    // Headers
-    /\*\*[^*]+\*\*/,
-    // Bold
-    /\*[^*]+\*/,
-    // Italic
-    /__[^_]+__/,
-    // Bold (underscore)
-    /_[^_]+_/,
-    // Italic (underscore)
-    /\[.+\]\(.+\)/,
-    // Links
-    /!\[.*\]\(.+\)/,
-    // Images
-    /```[\s\S]*```/,
-    // Code blocks
-    /`[^`]+`/,
-    // Inline code
-    /^\s*[-*+]\s/m,
-    // Unordered lists
-    /^\s*\d+\.\s/m,
-    // Ordered lists
-    /^\s*>/m,
-    // Blockquotes
-    /\|.+\|/,
-    // Tables
-    /^---+$/m,
-    // Horizontal rules
-    /~~[^~]+~~/
-    // Strikethrough
-  ];
-  return markdownPatterns.some((pattern) => pattern.test(text));
-}, "hasMarkdownSyntax");
+}
+chunkWGEGR3DF_cjs.__name(createMarkdownComponents, "createMarkdownComponents");
 var CollapseToggle = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   isCollapsed,
   onClick,
@@ -395,48 +395,77 @@ var CollapseToggle = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
       `,
       children: isCollapsed ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         readMoreLabel,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M19 9l-7 7-7-7"
-              }
-            )
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Chevron, { direction: "down" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         showLessLabel,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M5 15l7-7 7 7"
-              }
-            )
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Chevron, { direction: "up" })
       ] })
     }
   );
 }, "CollapseToggle");
+function Chevron({ direction }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: direction === "down" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
+    }
+  ) });
+}
+chunkWGEGR3DF_cjs.__name(Chevron, "Chevron");
+function applyPreprocess(source, rules) {
+  if (!rules || rules.length === 0) return source;
+  let s = source;
+  for (const rule of rules) {
+    if (!rule.preprocess) continue;
+    try {
+      s = rule.preprocess(s);
+    } catch (err) {
+      console.warn(
+        `[MarkdownMessage] linkRule "${rule.name ?? "(anonymous)"}" preprocess threw; skipping`,
+        err
+      );
+    }
+  }
+  return s;
+}
+chunkWGEGR3DF_cjs.__name(applyPreprocess, "applyPreprocess");
+function collectProtocols(extraHrefProtocols, rules) {
+  const set = /* @__PURE__ */ new Set();
+  if (extraHrefProtocols) for (const p of extraHrefProtocols) set.add(p);
+  if (rules) {
+    for (const r of rules) {
+      if (r.protocols) for (const p of r.protocols) set.add(p);
+    }
+  }
+  return set.size === 0 ? void 0 : Array.from(set);
+}
+chunkWGEGR3DF_cjs.__name(collectProtocols, "collectProtocols");
+function buildLinkRulesComponent(rules, isUser, callerA) {
+  const Renderer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
+    const { href, children } = props;
+    if (typeof href === "string") {
+      for (const rule of rules) {
+        if (rule.match(href)) {
+          return React6__default.default.createElement(
+            React6__default.default.Fragment,
+            null,
+            rule.render({ href, children, isUser })
+          );
+        }
+      }
+    }
+    if (callerA && typeof callerA === "function") {
+      const Caller = callerA;
+      return React6__default.default.createElement(Caller, props);
+    }
+    return React6__default.default.createElement("a", props, children);
+  }, "Renderer");
+  return Renderer;
+}
+chunkWGEGR3DF_cjs.__name(buildLinkRulesComponent, "buildLinkRulesComponent");
 var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   content,
   className = "",
@@ -444,6 +473,7 @@ var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   isCompact = false,
   customComponents,
   extraHrefProtocols,
+  linkRules,
   collapsible = false,
   maxLength,
   maxLines,
@@ -452,53 +482,71 @@ var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   defaultExpanded = false,
   onCollapseChange
 }) => {
-  const trimmedContent = content.trim();
-  const collapsibleOptions = React3__default.default.useMemo(() => {
+  const preprocessed = React6__default.default.useMemo(
+    () => applyPreprocess(content, linkRules),
+    [content, linkRules]
+  );
+  const effectiveProtocols = React6__default.default.useMemo(
+    () => collectProtocols(extraHrefProtocols, linkRules),
+    [extraHrefProtocols, linkRules]
+  );
+  const effectiveCustomComponents = React6__default.default.useMemo(() => {
+    if (!linkRules || linkRules.length === 0) return customComponents;
+    const callerA = customComponents?.a;
+    const aRenderer = buildLinkRulesComponent(linkRules, isUser, callerA);
+    return { ...customComponents ?? {}, a: aRenderer };
+  }, [customComponents, linkRules, isUser]);
+  const trimmedContent = preprocessed.trim();
+  const collapsibleOptions = React6__default.default.useMemo(() => {
     if (!collapsible) return {};
-    const effectiveMaxLength = maxLength ?? 1e3;
-    const effectiveMaxLines = maxLines ?? 10;
-    return { maxLength: effectiveMaxLength, maxLines: effectiveMaxLines, defaultExpanded };
+    return {
+      maxLength: maxLength ?? 1e3,
+      maxLines: maxLines ?? 10,
+      defaultExpanded
+    };
   }, [collapsible, maxLength, maxLines, defaultExpanded]);
-  const {
-    isCollapsed,
-    toggleCollapsed,
-    displayContent,
-    shouldCollapse
-  } = useCollapsibleContent(
-    trimmedContent,
-    collapsible ? collapsibleOptions : {}
-  );
-  React3__default.default.useEffect(() => {
+  const { isCollapsed, toggleCollapsed, displayContent, shouldCollapse } = useCollapsibleContent(trimmedContent, collapsible ? collapsibleOptions : {});
+  React6__default.default.useEffect(() => {
     if (collapsible && shouldCollapse && onCollapseChange) {
       onCollapseChange(isCollapsed);
     }
   }, [isCollapsed, collapsible, shouldCollapse, onCollapseChange]);
-  const components = React3__default.default.useMemo(() => {
+  const components = React6__default.default.useMemo(() => {
     const base = createMarkdownComponents(isUser, isCompact);
-    return customComponents ? { ...base, ...customComponents } : base;
-  }, [isUser, isCompact, customComponents]);
-  const schema = React3__default.default.useMemo(() => buildSchema(extraHrefProtocols), [extraHrefProtocols]);
+    return effectiveCustomComponents ? { ...base, ...effectiveCustomComponents } : base;
+  }, [isUser, isCompact, effectiveCustomComponents]);
+  const schema = React6__default.default.useMemo(() => buildSchema(effectiveProtocols), [effectiveProtocols]);
+  const urlTransform = React6__default.default.useMemo(
+    () => buildUrlTransform(effectiveProtocols),
+    [effectiveProtocols]
+  );
   const textSizeClass = isCompact ? "text-xs" : "text-sm";
   const proseClass = isCompact ? "prose-xs" : "prose-sm";
-  const isPlainText = !customComponents && !hasMarkdownSyntax(displayContent);
+  const isPlainText = !effectiveCustomComponents && !hasMarkdownSyntax(displayContent);
   if (isPlainText) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${textSizeClass} leading-7 break-words whitespace-pre-line font-light ${className}`, children: [
-      displayContent,
-      collapsible && shouldCollapse && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        isCollapsed && "... ",
-        /* @__PURE__ */ jsxRuntime.jsx(
-          CollapseToggle,
-          {
-            isCollapsed,
-            onClick: toggleCollapsed,
-            readMoreLabel,
-            showLessLabel,
-            isUser,
-            isCompact
-          }
-        )
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: `${textSizeClass} leading-7 break-words whitespace-pre-line font-light ${className}`,
+        children: [
+          displayContent,
+          collapsible && shouldCollapse && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            isCollapsed && "... ",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CollapseToggle,
+              {
+                isCollapsed,
+                onClick: toggleCollapsed,
+                readMoreLabel,
+                showLessLabel,
+                isUser,
+                isCompact
+              }
+            )
+          ] })
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -510,7 +558,8 @@ var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
           [&>*]:leading-7
         `,
         style: {
-          // Inherit colors from parent - fixes issues with external CSS variables
+          // Inherit colors from parent — fixes issues with external
+          // CSS variables overriding prose tokens.
           "--tw-prose-body": "inherit",
           "--tw-prose-headings": "inherit",
           "--tw-prose-bold": "inherit",
@@ -523,6 +572,7 @@ var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
             remarkPlugins: [remarkGfm__default.default],
             rehypePlugins: [rehypeRaw__default.default, [rehypeSanitize__default.default, schema]],
             components,
+            urlTransform,
             children: displayContent
           }
         )
@@ -1286,16 +1336,16 @@ function reducer(state, action) {
   }
 }
 chunkWGEGR3DF_cjs.__name(reducer, "reducer");
-var PlaygroundContext = React3.createContext(void 0);
+var PlaygroundContext = React6.createContext(void 0);
 var usePlaygroundContext = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const context = React3.useContext(PlaygroundContext);
+  const context = React6.useContext(PlaygroundContext);
   if (!context) throw new Error("usePlaygroundContext must be used within a PlaygroundProvider");
   return context;
 }, "usePlaygroundContext");
 var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, config }) => {
-  const [state, dispatch] = React3.useReducer(reducer, void 0, createInitialState);
-  const abortControllerRef = React3.useRef(null);
-  const apiKeys = React3__default.default.useMemo(
+  const [state, dispatch] = React6.useReducer(reducer, void 0, createInitialState);
+  const abortControllerRef = React6.useRef(null);
+  const apiKeys = React6__default.default.useMemo(
     () => config.apiKeys ?? [],
     [config.apiKeys]
   );
@@ -1308,28 +1358,28 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
     AUTH_BEARER_STORAGE,
     ""
   );
-  const hasHydratedAuthRef = React3.useRef(false);
-  React3.useEffect(() => {
+  const hasHydratedAuthRef = React6.useRef(false);
+  React6.useEffect(() => {
     if (hasHydratedAuthRef.current) return;
     hasHydratedAuthRef.current = true;
     if (storedApiKeyId) dispatch({ type: "SET_API_KEY", apiKeyId: storedApiKeyId });
     if (storedBearer) dispatch({ type: "SET_MANUAL_TOKEN", token: storedBearer });
   }, []);
-  React3.useEffect(() => {
+  React6.useEffect(() => {
     if (!hasHydratedAuthRef.current) return;
     setStoredApiKeyId(state.selectedApiKey);
   }, [state.selectedApiKey, setStoredApiKeyId]);
-  React3.useEffect(() => {
+  React6.useEffect(() => {
     if (!hasHydratedAuthRef.current) return;
     setStoredBearer(state.manualApiToken);
   }, [state.manualApiToken, setStoredBearer]);
-  React3.useEffect(() => {
+  React6.useEffect(() => {
     if (!hasHydratedAuthRef.current) return;
     if (!isLoadingApiKeys && apiKeys.length > 0 && !state.selectedApiKey && !storedApiKeyId) {
       dispatch({ type: "SET_API_KEY", apiKeyId: apiKeys[0]?.id || null });
     }
   }, [apiKeys, isLoadingApiKeys, state.selectedApiKey, storedApiKeyId]);
-  React3.useEffect(() => {
+  React6.useEffect(() => {
     try {
       const headers = parseRequestHeaders(state.requestHeaders);
       if (state.selectedApiKey) {
@@ -1351,33 +1401,33 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
       consola2__default.default.error("Error updating headers:", error);
     }
   }, [state.selectedApiKey, apiKeys]);
-  React3.useEffect(() => {
+  React6.useEffect(() => {
     if (!state.selectedEndpoint) return;
     const updated = new UrlBuilder(state.selectedEndpoint, state.parameters).build();
     if (updated !== state.requestUrl) {
       dispatch({ type: "SYNC_URL", url: updated });
     }
   }, [state.parameters, state.selectedEndpoint]);
-  const setCurrentStep = React3.useCallback((step) => dispatch({ type: "SET_STEP", step }), []);
-  const goToNextStep = React3.useCallback(() => dispatch({ type: "NEXT_STEP" }), []);
-  const goToPreviousStep = React3.useCallback(() => dispatch({ type: "PREV_STEP" }), []);
-  const setSelectedEndpoint = React3.useCallback((endpoint) => dispatch({ type: "SELECT_ENDPOINT", endpoint }), []);
-  const setSelectedCategory = React3.useCallback((category) => dispatch({ type: "SET_CATEGORY", category }), []);
-  const setSearchTerm = React3.useCallback((term) => dispatch({ type: "SET_SEARCH", term }), []);
-  const setSelectedVersion = React3.useCallback((version) => dispatch({ type: "SET_VERSION", version }), []);
-  const setRequestUrl = React3.useCallback((url) => dispatch({ type: "SET_REQUEST_URL", url }), []);
-  const setRequestMethod = React3.useCallback((method) => dispatch({ type: "SET_REQUEST_METHOD", method }), []);
-  const setRequestHeaders = React3.useCallback((headers) => dispatch({ type: "SET_REQUEST_HEADERS", headers }), []);
-  const setRequestBody = React3.useCallback((body) => dispatch({ type: "SET_REQUEST_BODY", body }), []);
-  const setSelectedApiKey = React3.useCallback((apiKeyId) => dispatch({ type: "SET_API_KEY", apiKeyId }), []);
-  const setManualApiToken = React3.useCallback((token) => dispatch({ type: "SET_MANUAL_TOKEN", token }), []);
-  const setParameters = React3.useCallback((parameters) => dispatch({ type: "SET_PARAMETERS", parameters }), []);
-  const setResponse = React3.useCallback((response) => dispatch({ type: "SET_RESPONSE", response }), []);
-  const setLoading = React3.useCallback((loading) => dispatch({ type: "SET_LOADING", loading }), []);
-  const setSidebarOpen = React3.useCallback((open) => dispatch({ type: "SET_SIDEBAR", open }), []);
-  const setActiveSchemaId = React3.useCallback((id) => dispatch({ type: "SET_ACTIVE_SCHEMA_ID", id }), []);
-  const clearAll = React3.useCallback(() => dispatch({ type: "RESET" }), []);
-  const sendRequest = React3.useCallback(async () => {
+  const setCurrentStep = React6.useCallback((step) => dispatch({ type: "SET_STEP", step }), []);
+  const goToNextStep = React6.useCallback(() => dispatch({ type: "NEXT_STEP" }), []);
+  const goToPreviousStep = React6.useCallback(() => dispatch({ type: "PREV_STEP" }), []);
+  const setSelectedEndpoint = React6.useCallback((endpoint) => dispatch({ type: "SELECT_ENDPOINT", endpoint }), []);
+  const setSelectedCategory = React6.useCallback((category) => dispatch({ type: "SET_CATEGORY", category }), []);
+  const setSearchTerm = React6.useCallback((term) => dispatch({ type: "SET_SEARCH", term }), []);
+  const setSelectedVersion = React6.useCallback((version) => dispatch({ type: "SET_VERSION", version }), []);
+  const setRequestUrl = React6.useCallback((url) => dispatch({ type: "SET_REQUEST_URL", url }), []);
+  const setRequestMethod = React6.useCallback((method) => dispatch({ type: "SET_REQUEST_METHOD", method }), []);
+  const setRequestHeaders = React6.useCallback((headers) => dispatch({ type: "SET_REQUEST_HEADERS", headers }), []);
+  const setRequestBody = React6.useCallback((body) => dispatch({ type: "SET_REQUEST_BODY", body }), []);
+  const setSelectedApiKey = React6.useCallback((apiKeyId) => dispatch({ type: "SET_API_KEY", apiKeyId }), []);
+  const setManualApiToken = React6.useCallback((token) => dispatch({ type: "SET_MANUAL_TOKEN", token }), []);
+  const setParameters = React6.useCallback((parameters) => dispatch({ type: "SET_PARAMETERS", parameters }), []);
+  const setResponse = React6.useCallback((response) => dispatch({ type: "SET_RESPONSE", response }), []);
+  const setLoading = React6.useCallback((loading) => dispatch({ type: "SET_LOADING", loading }), []);
+  const setSidebarOpen = React6.useCallback((open) => dispatch({ type: "SET_SIDEBAR", open }), []);
+  const setActiveSchemaId = React6.useCallback((id) => dispatch({ type: "SET_ACTIVE_SCHEMA_ID", id }), []);
+  const clearAll = React6.useCallback(() => dispatch({ type: "RESET" }), []);
+  const sendRequest = React6.useCallback(async () => {
     if (!state.requestUrl) {
       consola2__default.default.error("No URL provided");
       return;
@@ -1475,6 +1525,7 @@ exports.buildHarRequest = buildHarRequest;
 exports.deduplicateEndpoints = deduplicateEndpoints;
 exports.dereferenceSchema = dereferenceSchema;
 exports.endpointToMarkdown = endpointToMarkdown;
+exports.extractTextFromChildren = extractTextFromChildren;
 exports.findApiKeyById = findApiKeyById;
 exports.formatBytes = formatBytes;
 exports.isValidJson = isValidJson;
@@ -1490,5 +1541,5 @@ exports.toMarkdown = toMarkdown;
 exports.toRawJson = toRawJson;
 exports.useCollapsibleContent = useCollapsibleContent;
 exports.usePlaygroundContext = usePlaygroundContext;
-//# sourceMappingURL=chunk-QTO5LWMK.cjs.map
-//# sourceMappingURL=chunk-QTO5LWMK.cjs.map
+//# sourceMappingURL=chunk-SEXWBCLX.cjs.map
+//# sourceMappingURL=chunk-SEXWBCLX.cjs.map