@djangocfg/ui-tools 2.1.285 → 2.1.286

package/dist/index.mjs

@@ -4,23 +4,19 @@ import './chunk-JWB2EWQO.mjs';
 export { ImageViewer } from './chunk-GGKGH5PM.mjs';
 export { generateContentKey, useAudioCache, useBlobUrlCleanup, useImageCache, useMediaCacheStore, useVideoCache, useVideoPlayerSettings } from './chunk-5LBDYFWH.mjs';
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays } from './chunk-PZKAH7WQ.mjs';
-import { PlaygroundProvider, PrettyCode_default } from './chunk-BKWDHJKF.mjs';
-export { PrettyCode_default as PrettyCode } from './chunk-BKWDHJKF.mjs';
+import { PlaygroundProvider } from './chunk-VZGQC3NG.mjs';
+export { MarkdownMessage, Mermaid_default as Mermaid, PrettyCode_default as PrettyCode, useCollapsibleContent } from './chunk-VZGQC3NG.mjs';
 export { JsonTree_default as JsonTree } from './chunk-LFWQ36LJ.mjs';
 import './chunk-SSUOENAZ.mjs';
 export { ArrayFieldItemTemplate, ArrayFieldTemplate, BaseInputTemplate, CheckboxWidget, ColorWidget, ErrorListTemplate, FieldTemplate, JsonSchemaForm, NumberWidget, ObjectFieldTemplate, SelectWidget, SliderWidget, SwitchWidget, TextWidget, getRequiredFields, hasRequiredFields, mergeDefaults, normalizeFormData, safeJsonParse, safeJsonStringify, validateRequiredFields, validateSchema } from './chunk-JUGQNNDC.mjs';
 export { useLottie } from './chunk-6JTB2X72.mjs';
 import { __name } from './chunk-CGILA3WO.mjs';
-import * as React3 from 'react';
-import React3__default, { lazy, forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect, createContext, Suspense, useMemo, useContext } from 'react';
+import * as React from 'react';
+import { lazy, forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect, createContext, Suspense, useContext, useMemo } from 'react';
 import { cn } from '@djangocfg/ui-core/lib';
 import { useAppT } from '@djangocfg/i18n';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import { CopyButton } from '@djangocfg/ui-core/components';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
-import '@djangocfg/ui-core/styles/palette';
 import { ReactRenderer, useEditor as useEditor$1, EditorContent } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import Placeholder from '@tiptap/extension-placeholder';
@@ -182,7 +178,7 @@ function LazyWrapper({
 }
 __name(LazyWrapper, "LazyWrapper");
 function createLazyComponent(loader, options = {}) {
-  const LazyComponent = React3.lazy(loader);
+  const LazyComponent = React.lazy(loader);
   const WrappedComponent = /* @__PURE__ */ __name((props) => {
     const fallback = typeof options.fallback === "function" ? options.fallback(props) : options.fallback ?? /* @__PURE__ */ jsx(LoadingFallback, {});
     return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });
@@ -191,473 +187,6 @@ function createLazyComponent(loader, options = {}) {
   return WrappedComponent;
 }
 __name(createLazyComponent, "createLazyComponent");
-var MermaidClient = lazy(() => import('./Mermaid.client-XFQ74OYN.mjs'));
-var LoadingFallback2 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center min-h-[100px]", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }), "LoadingFallback");
-var Mermaid = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback2, {}), children: /* @__PURE__ */ jsx(MermaidClient, { ...props }) });
-}, "Mermaid");
-var Mermaid_default = Mermaid;
-function smartTruncate(content, maxLength) {
-  if (content.length <= maxLength) {
-    return content;
-  }
-  let breakPoint = maxLength;
-  while (breakPoint > maxLength - 50 && breakPoint > 0) {
-    const char = content[breakPoint];
-    if (char === " " || char === "\n" || char === "	") {
-      break;
-    }
-    breakPoint--;
-  }
-  if (breakPoint <= maxLength - 50) {
-    breakPoint = maxLength;
-  }
-  let truncated = content.slice(0, breakPoint).trimEnd();
-  truncated = fixUnclosedMarkdown(truncated);
-  return truncated;
-}
-__name(smartTruncate, "smartTruncate");
-function truncateByLines(content, maxLines) {
-  const lines = content.split("\n");
-  if (lines.length <= maxLines) {
-    return content;
-  }
-  let truncated = lines.slice(0, maxLines).join("\n").trimEnd();
-  truncated = fixUnclosedMarkdown(truncated);
-  return truncated;
-}
-__name(truncateByLines, "truncateByLines");
-function fixUnclosedMarkdown(content) {
-  let result = content;
-  const countOccurrences = /* @__PURE__ */ __name((str, marker) => {
-    const escaped = marker.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    const matches = str.match(new RegExp(escaped, "g"));
-    return matches ? matches.length : 0;
-  }, "countOccurrences");
-  const boldCount = countOccurrences(result, "**");
-  if (boldCount % 2 !== 0) {
-    result += "**";
-  }
-  const withoutBold = result.replace(/\*\*/g, "");
-  const italicCount = countOccurrences(withoutBold, "*");
-  if (italicCount % 2 !== 0) {
-    result += "*";
-  }
-  const codeCount = countOccurrences(result, "`");
-  const tripleCount = countOccurrences(result, "```");
-  const singleCodeCount = codeCount - tripleCount * 3;
-  if (singleCodeCount % 2 !== 0) {
-    result += "`";
-  }
-  if (tripleCount % 2 !== 0) {
-    result += "\n```";
-  }
-  const strikeCount = countOccurrences(result, "~~");
-  if (strikeCount % 2 !== 0) {
-    result += "~~";
-  }
-  const underlineBoldCount = countOccurrences(result, "__");
-  if (underlineBoldCount % 2 !== 0) {
-    result += "__";
-  }
-  const withoutUnderlineBold = result.replace(/__/g, "");
-  const underlineItalicCount = countOccurrences(withoutUnderlineBold, "_");
-  if (underlineItalicCount % 2 !== 0) {
-    result += "_";
-  }
-  return result;
-}
-__name(fixUnclosedMarkdown, "fixUnclosedMarkdown");
-function useCollapsibleContent(content, options = {}) {
-  const { maxLength, maxLines, defaultExpanded = false } = options;
-  const [isCollapsed, setIsCollapsed] = useState(!defaultExpanded);
-  const originalLength = content.length;
-  const originalLineCount = content.split("\n").length;
-  const { shouldCollapse, truncatedContent } = useMemo(() => {
-    if (maxLength === void 0 && maxLines === void 0) {
-      return { shouldCollapse: false, truncatedContent: content };
-    }
-    let needsCollapse = false;
-    let result = content;
-    if (maxLines !== void 0 && originalLineCount > maxLines) {
-      needsCollapse = true;
-      result = truncateByLines(result, maxLines);
-    }
-    if (maxLength !== void 0 && result.length > maxLength) {
-      needsCollapse = true;
-      result = smartTruncate(result, maxLength);
-    }
-    return { shouldCollapse: needsCollapse, truncatedContent: result };
-  }, [content, maxLength, maxLines, originalLineCount]);
-  const displayContent = useMemo(() => {
-    if (!shouldCollapse || !isCollapsed) {
-      return content;
-    }
-    return truncatedContent;
-  }, [content, truncatedContent, shouldCollapse, isCollapsed]);
-  const toggleCollapsed = useCallback(() => {
-    setIsCollapsed((prev) => !prev);
-  }, []);
-  const setCollapsed = useCallback((collapsed) => {
-    setIsCollapsed(collapsed);
-  }, []);
-  return {
-    isCollapsed,
-    toggleCollapsed,
-    setCollapsed,
-    displayContent,
-    shouldCollapse,
-    originalLength,
-    originalLineCount
-  };
-}
-__name(useCollapsibleContent, "useCollapsibleContent");
-var extractTextFromChildren = /* @__PURE__ */ __name((children) => {
-  if (typeof children === "string") {
-    return children;
-  }
-  if (typeof children === "number") {
-    return String(children);
-  }
-  if (React3__default.isValidElement(children)) {
-    const props = children.props;
-    return extractTextFromChildren(props.children);
-  }
-  if (Array.isArray(children)) {
-    return children.map(extractTextFromChildren).join("");
-  }
-  return "";
-}, "extractTextFromChildren");
-var CodeBlock = /* @__PURE__ */ __name(({ code, language, isUser, isCompact = false }) => {
-  const theme = useResolvedTheme();
-  return /* @__PURE__ */ jsxs("div", { className: "relative group my-3", children: [
-    /* @__PURE__ */ jsx(
-      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__ */ jsx(
-      PrettyCode_default,
-      {
-        data: code,
-        language,
-        className: isCompact ? "text-xs" : "text-sm",
-        customBg: isUser ? "bg-white/10" : "bg-muted dark:bg-muted",
-        mode: theme,
-        isCompact
-      }
-    )
-  ] });
-}, "CodeBlock");
-var createMarkdownComponents = /* @__PURE__ */ __name((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__ */ __name(({ children }) => /* @__PURE__ */ jsx("h1", { className: `${headingBase} font-bold mb-2 mt-3 first:mt-0`, children }), "h1"),
-    h2: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h2", { className: `${headingSm} font-bold mb-2 mt-3 first:mt-0`, children }), "h2"),
-    h3: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h3", { className: `${headingSm} font-semibold mb-1 mt-2 first:mt-0`, children }), "h3"),
-    h4: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h4", { className: `${headingSm} font-semibold mb-1 mt-2 first:mt-0`, children }), "h4"),
-    h5: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h5", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h5"),
-    h6: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("h6", { className: `${headingSm} font-medium mb-1 mt-2 first:mt-0`, children }), "h6"),
-    // Paragraphs - optimized for chat readability
-    p: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("p", { className: `${textSize} mb-4 last:mb-0 leading-7 break-words font-light`, children }), "p"),
-    // Lists - compact
-    ul: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("ul", { className: `list-disc list-inside mb-2 space-y-1 ${textSize}`, children }), "ul"),
-    ol: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("ol", { className: `list-decimal list-inside mb-2 space-y-1 ${textSize}`, children }), "ol"),
-    li: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("li", { className: "break-words", children }), "li"),
-    // Links - appropriate for chat context
-    a: /* @__PURE__ */ __name(({ href, children }) => /* @__PURE__ */ jsx(
-      "a",
-      {
-        href,
-        className: `${textSize} ${isUser ? "text-white/90 underline hover:text-white" : "text-primary underline hover:text-primary/80"} transition-colors break-all`,
-        target: href?.startsWith("http") ? "_blank" : void 0,
-        rel: href?.startsWith("http") ? "noopener noreferrer" : void 0,
-        children
-      }
-    ), "a"),
-    // Code blocks - using CodeBlock component with copy functionality
-    pre: /* @__PURE__ */ __name(({ children }) => {
-      let codeContent = "";
-      let language = "plaintext";
-      if (React3__default.isValidElement(children)) {
-        const child = children;
-        if (child.type === "code" || typeof child.type === "function" && child.type.name === "code") {
-          const codeProps = child.props;
-          const rawClassName = codeProps.className;
-          language = rawClassName?.replace(/language-/, "").trim() || "plaintext";
-          codeContent = extractTextFromChildren(codeProps.children).trim();
-        } else {
-          codeContent = extractTextFromChildren(children).trim();
-        }
-      } else {
-        codeContent = extractTextFromChildren(children).trim();
-      }
-      if (!codeContent) {
-        return /* @__PURE__ */ jsx("div", { className: "my-3 p-3 bg-muted rounded text-sm text-muted-foreground", children: "No content available" });
-      }
-      if (language === "mermaid") {
-        return /* @__PURE__ */ jsx("div", { className: "my-3 max-w-full overflow-x-auto", children: /* @__PURE__ */ jsx(Mermaid_default, { chart: codeContent, className: "max-w-[600px] mx-auto", isCompact }) });
-      }
-      try {
-        return /* @__PURE__ */ jsx(CodeBlock, { code: codeContent, language, isUser, isCompact });
-      } catch (error) {
-        console.warn("CodeBlock failed, using fallback:", error);
-        return /* @__PURE__ */ jsxs("div", { className: "relative group my-3", children: [
-          /* @__PURE__ */ jsx(
-            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__ */ 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__ */ jsx("code", { children: codeContent }) })
-        ] });
-      }
-    }, "pre"),
-    // Inline code
-    code: /* @__PURE__ */ __name(({ children, className }) => {
-      if (className?.includes("language-")) {
-        return /* @__PURE__ */ jsx("code", { className, children });
-      }
-      const codeContent = extractTextFromChildren(children);
-      return /* @__PURE__ */ jsx("code", { className: "px-1.5 py-0.5 rounded text-xs font-mono bg-muted text-foreground break-all", children: codeContent });
-    }, "code"),
-    // Blockquotes
-    blockquote: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ 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__ */ __name(({ children }) => /* @__PURE__ */ jsx("div", { className: "overflow-x-auto my-3", children: /* @__PURE__ */ jsx("table", { className: `min-w-full ${textSize} border-collapse`, children }) }), "table"),
-    thead: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("thead", { className: "bg-muted/50", children }), "thead"),
-    tbody: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("tbody", { children }), "tbody"),
-    tr: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/50", children }), "tr"),
-    th: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("th", { className: "px-2 py-1 text-left font-medium break-words", children }), "th"),
-    td: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("td", { className: "px-2 py-1 break-words", children }), "td"),
-    // Horizontal rule
-    hr: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("hr", { className: "my-3 border-0 h-px bg-border" }), "hr"),
-    // Strong and emphasis
-    strong: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", children }), "strong"),
-    em: /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx("em", { className: "italic", children }), "em")
-  };
-}, "createMarkdownComponents");
-var hasMarkdownSyntax = /* @__PURE__ */ __name((text) => {
-  if (text.trim().includes("\n")) {
-    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");
-var CollapseToggle = /* @__PURE__ */ __name(({
-  isCollapsed,
-  onClick,
-  readMoreLabel,
-  showLessLabel,
-  isUser,
-  isCompact
-}) => {
-  const textSize = isCompact ? "text-xs" : "text-sm";
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: `
-        ${textSize} font-medium cursor-pointer
-        transition-colors duration-200
-        ${isUser ? "text-white/80 hover:text-white" : "text-primary hover:text-primary/80"}
-        inline-flex items-center gap-1
-        mt-1
-      `,
-      children: isCollapsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        readMoreLabel,
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M19 9l-7 7-7-7"
-              }
-            )
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        showLessLabel,
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "w-3 h-3",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M5 15l7-7 7 7"
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}, "CollapseToggle");
-var MarkdownMessage = /* @__PURE__ */ __name(({
-  content,
-  className = "",
-  isUser = false,
-  isCompact = false,
-  collapsible = false,
-  maxLength,
-  maxLines,
-  readMoreLabel = "Read more...",
-  showLessLabel = "Show less",
-  defaultExpanded = false,
-  onCollapseChange
-}) => {
-  const trimmedContent = content.trim();
-  const collapsibleOptions = React3__default.useMemo(() => {
-    if (!collapsible) return {};
-    const effectiveMaxLength = maxLength ?? 1e3;
-    const effectiveMaxLines = maxLines ?? 10;
-    return { maxLength: effectiveMaxLength, maxLines: effectiveMaxLines, defaultExpanded };
-  }, [collapsible, maxLength, maxLines, defaultExpanded]);
-  const {
-    isCollapsed,
-    toggleCollapsed,
-    displayContent,
-    shouldCollapse
-  } = useCollapsibleContent(
-    trimmedContent,
-    collapsible ? collapsibleOptions : {}
-  );
-  React3__default.useEffect(() => {
-    if (collapsible && shouldCollapse && onCollapseChange) {
-      onCollapseChange(isCollapsed);
-    }
-  }, [isCollapsed, collapsible, shouldCollapse, onCollapseChange]);
-  const components = React3__default.useMemo(() => createMarkdownComponents(isUser, isCompact), [isUser, isCompact]);
-  const textSizeClass = isCompact ? "text-xs" : "text-sm";
-  const proseClass = isCompact ? "prose-xs" : "prose-sm";
-  const isPlainText = !hasMarkdownSyntax(displayContent);
-  if (isPlainText) {
-    return /* @__PURE__ */ jsxs("span", { className: `${textSizeClass} leading-7 break-words whitespace-pre-line font-light ${className}`, children: [
-      displayContent,
-      collapsible && shouldCollapse && /* @__PURE__ */ jsxs(Fragment, { children: [
-        isCollapsed && "... ",
-        /* @__PURE__ */ jsx(
-          CollapseToggle,
-          {
-            isCollapsed,
-            onClick: toggleCollapsed,
-            readMoreLabel,
-            showLessLabel,
-            isUser,
-            isCompact
-          }
-        )
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `
-          prose ${proseClass} max-w-none break-words overflow-hidden ${textSizeClass}
-          ${isUser ? "prose-invert" : "dark:prose-invert"}
-          [&>*]:leading-7
-        `,
-        style: {
-          // Inherit colors from parent - fixes issues with external CSS variables
-          "--tw-prose-body": "inherit",
-          "--tw-prose-headings": "inherit",
-          "--tw-prose-bold": "inherit",
-          "--tw-prose-links": "inherit",
-          color: "inherit"
-        },
-        children: /* @__PURE__ */ jsx(
-          ReactMarkdown,
-          {
-            remarkPlugins: [remarkGfm],
-            components,
-            children: displayContent
-          }
-        )
-      }
-    ),
-    collapsible && shouldCollapse && /* @__PURE__ */ jsx(
-      CollapseToggle,
-      {
-        isCollapsed,
-        onClick: toggleCollapsed,
-        readMoreLabel,
-        showLessLabel,
-        isUser,
-        isCompact
-      }
-    )
-  ] });
-}, "MarkdownMessage");
 var LazyMapContainer = createLazyComponent(
   () => import('./MapContainer-GXQLP5WY.mjs').then((mod) => ({ default: mod.MapContainer })),
   {
@@ -694,7 +223,7 @@ function CodeLoadingFallback() {
 }
 __name(CodeLoadingFallback, "CodeLoadingFallback");
 var LazyPrettyCode = createLazyComponent(
-  () => import('./PrettyCode.client-DW5LTG47.mjs'),
+  () => import('./PrettyCode.client-IZTXXYHG.mjs'),
   {
     displayName: "LazyPrettyCode",
     fallback: /* @__PURE__ */ jsx(CodeLoadingFallback, {})
@@ -707,15 +236,15 @@ function OpenapiLoadingFallback() {
   ] }) });
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
-var LazyPlaygroundLayout = createLazyComponent(
-  () => import('./PlaygroundLayout-NONWOVQR.mjs').then((mod) => ({ default: mod.PlaygroundLayout })),
+var LazyDocsLayout = createLazyComponent(
+  () => import('./DocsLayout-ERETJLLV.mjs').then((mod) => ({ default: mod.DocsLayout })),
   {
-    displayName: "LazyPlaygroundLayout",
+    displayName: "LazyDocsLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
   }
 );
 var LazyOpenapiViewer = /* @__PURE__ */ __name(({ config }) => {
-  return /* @__PURE__ */ jsx(PlaygroundProvider, { config, children: /* @__PURE__ */ jsx(LazyPlaygroundLayout, {}) });
+  return /* @__PURE__ */ jsx(PlaygroundProvider, { config, children: /* @__PURE__ */ jsx(LazyDocsLayout, {}) });
 }, "LazyOpenapiViewer");
 LazyOpenapiViewer.displayName = "LazyOpenapiViewer";
 var LazyJsonSchemaForm = createLazyComponent(
@@ -854,20 +383,20 @@ var LazyCronScheduler = createLazyComponent(
 var LottiePlayerClient = lazy(
   () => import('./LottiePlayer.client-B4I6WNZM.mjs').then((mod) => ({ default: mod.LottiePlayer }))
 );
-var LoadingFallback8 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+var LoadingFallback6 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
   /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-gray-900" }),
   /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading player..." })
 ] }) }), "LoadingFallback");
 function LottiePlayer(props) {
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback8, {}), children: /* @__PURE__ */ jsx(LottiePlayerClient, { ...props }) });
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback6, {}), children: /* @__PURE__ */ jsx(LottiePlayerClient, { ...props }) });
 }
 __name(LottiePlayer, "LottiePlayer");
-var PlaygroundLayout = lazy(
-  () => import('./PlaygroundLayout-NONWOVQR.mjs').then((mod) => ({ default: mod.PlaygroundLayout }))
+var DocsLayout = lazy(
+  () => import('./DocsLayout-ERETJLLV.mjs').then((mod) => ({ default: mod.DocsLayout }))
 );
-var LoadingFallback9 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
+var LoadingFallback7 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {
-  return /* @__PURE__ */ jsx(PlaygroundProvider, { config, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback9, {}), children: /* @__PURE__ */ jsx(PlaygroundLayout, {}) }) });
+  return /* @__PURE__ */ jsx(PlaygroundProvider, { config, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback7, {}), children: /* @__PURE__ */ jsx(DocsLayout, {}) }) });
 }, "Playground");
 var OpenapiViewer_default = Playground;
 var CronSchedulerClient = lazy(() => import('./CronScheduler.client-3O3VU4CI.mjs'));
@@ -1001,7 +530,7 @@ function _readCSSColors() {
     if (typeof document === "undefined") return "";
     return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
   }, "get");
-  const hslToHex2 = /* @__PURE__ */ __name((hsl) => {
+  const hslToHex = /* @__PURE__ */ __name((hsl) => {
     if (!hsl) return "";
     const parts = hsl.split(/\s+/).map((s2) => parseFloat(s2.replace("%", "")));
     if (parts.length < 3 || parts.some(isNaN)) return "";
@@ -1014,13 +543,13 @@ function _readCSSColors() {
     }, "f");
     return `#${f(0)}${f(8)}${f(4)}`;
   }, "hslToHex");
-  const background = hslToHex2(get("--background")) || "#0a0a0a";
-  const foreground = hslToHex2(get("--foreground")) || "#f5f5f5";
-  const card = hslToHex2(get("--card")) || "#141414";
-  const border = hslToHex2(get("--border")) || "#262626";
-  const mutedForeground = hslToHex2(get("--muted-foreground")) || "#858585";
+  const background = hslToHex(get("--background")) || "#0a0a0a";
+  const foreground = hslToHex(get("--foreground")) || "#f5f5f5";
+  const card = hslToHex(get("--card")) || "#141414";
+  const border = hslToHex(get("--border")) || "#262626";
+  const mutedForeground = hslToHex(get("--muted-foreground")) || "#858585";
   const lineHighlight = _adjustBrightness(background, 10);
-  const primary = hslToHex2(get("--primary"));
+  const primary = hslToHex(get("--primary"));
   const selection = primary ? _adjustBrightness(primary, -40) : "#264F78";
   return {
     background,
@@ -1822,6 +1351,6 @@ function MarkdownToolbar({ editor }) {
 }
 __name(MarkdownToolbar, "MarkdownToolbar");
 
-export { CardLoadingFallback, CronScheduler, DiffEditor, Editor, EditorProvider, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownEditor, MarkdownMessage, Mermaid_default as Mermaid, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useCollapsibleContent, useEditor, useEditorContext, useLanguage, useMonaco };
+export { CardLoadingFallback, CronScheduler, DiffEditor, Editor, EditorProvider, LazyCronScheduler, LazyHybridAudioPlayer, LazyHybridCompactPlayer, LazyHybridSimplePlayer, LazyImageViewer, LazyJsonSchemaForm, LazyJsonTree, LazyLottiePlayer, LazyMapContainer, LazyMapView, LazyMermaid, LazyOpenapiViewer, LazyPrettyCode, LazyVideoPlayer, LazyWrapper, LoadingFallback, LottiePlayer, MapLoadingFallback, MarkdownEditor, OpenapiViewer_default as OpenapiViewer, Spinner, createLazyComponent, useEditor, useEditorContext, useLanguage, useMonaco };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map