veryfront 0.1.997 → 0.1.998

package/esm/src/react/components/chat/markdown.js

@@ -2,18 +2,68 @@ import * as React from "../../../../react/react.js";
 import { cn } from "./theme.js";
 import { isBrowserEnvironment } from "../../../platform/compat/runtime.js";
 import { validateTrustedHtml } from "../../../security/client/html-sanitizer.js";
-import { RichCodeBlock } from "./chat/components/code-block.js";
+import { CodeBlock as SyntaxCodeBlock } from "./ui/code-block.js";
 const ESM_REACT_MARKDOWN = "https://esm.sh/react-markdown@9.0.3?target=es2022&pin=v135&deps=react@19.2.4";
 const ESM_REMARK_GFM = "https://esm.sh/remark-gfm@4.0.1?target=es2022&pin=v135";
-const ESM_REHYPE_HIGHLIGHT = "https://esm.sh/rehype-highlight@7.0.2?target=es2022&pin=v135";
 const ESM_MERMAID = "https://esm.sh/mermaid@11.4.1?pin=v135";
-const MARKDOWN_CONTAINER_CLASS = "prose prose-sm max-w-none min-w-0 overflow-hidden break-words [overflow-wrap:anywhere] [&_*]:max-w-full";
+// Self-contained prose styling. Studio's ChatMessageText leans on the
+// `@tailwindcss/typography` `prose` plugin for element defaults (list markers,
+// heading sizes, spacing). This package is dependency-light and must not
+// require consumers to install that plugin, so the element styles are declared
+// explicitly with arbitrary-variant descendant selectors — mirroring Studio's
+// `variantStyles.default` (`prose-p:my-4 prose-ul:my-4 prose-li:my-1.5
+// prose-h1:text-lg … prose-hr:my-5`). Tailwind's preflight strips list markers,
+// so `list-disc`/`list-decimal` + padding are restored here.
+const MARKDOWN_CONTAINER_CLASS = [
+    "max-w-none min-w-0 overflow-hidden break-words text-base leading-relaxed text-[var(--foreground)] [overflow-wrap:anywhere]",
+    // paragraph rhythm
+    "[&_p]:my-4",
+    // lists — restore markers + indentation preflight removes
+    "[&_ul]:my-4 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-4 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1.5 [&_li]:pl-1",
+    "[&_ul_ul]:my-1 [&_ol_ol]:my-1 [&_ul_ol]:my-1 [&_ol_ul]:my-1",
+    "[&_li>p]:my-0 [&_li_p]:my-2",
+    // headings — Studio sizes; font-semibold (Inter reads lighter than Söhne)
+    "[&_h1]:mt-6 [&_h1]:mb-2 [&_h1]:text-lg [&_h1]:font-semibold",
+    "[&_h2]:mt-5 [&_h2]:mb-2 [&_h2]:text-base [&_h2]:font-semibold",
+    "[&_h3]:mt-4 [&_h3]:mb-1 [&_h3]:text-sm [&_h3]:font-semibold",
+    "[&_h4]:mt-3 [&_h4]:mb-1 [&_h4]:text-sm [&_h4]:font-semibold",
+    // inline emphasis
+    "[&_strong]:font-semibold [&_em]:italic",
+    // inline code — `:not(pre)>code` targets bare inline code (block code lives
+    // inside the CodeBlock's own <pre>). Mirrors Studio's `prose-inline-code`
+    // (bg-accent, rounded-xs, px-1 py-0.5, font-mono font-medium).
+    "[&_:not(pre)>code]:rounded-[var(--radius-xs)] [&_:not(pre)>code]:bg-[var(--accent)] [&_:not(pre)>code]:px-1 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:font-mono [&_:not(pre)>code]:text-[0.9em] [&_:not(pre)>code]:font-medium [&_:not(pre)>code]:text-[var(--foreground)]",
+    // horizontal rule
+    "[&_hr]:my-6 [&_hr]:border-0 [&_hr]:border-t [&_hr]:border-[var(--edge-medium)]",
+    // margin reset for the container edges + width guard
+    "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&_*]:max-w-full",
+].join(" ");
 async function importFromUrl(url) {
     return await import(/* @vite-ignore */ url);
 }
 let ReactMarkdown = null;
 let remarkGfm = null;
-let rehypeHighlight = null;
+/**
+ * Recursively flatten a react-markdown child tree to plain text. Fenced code
+ * arrives as a string, but some remark/rehype plugins wrap it in nested
+ * element nodes; naive `String(children)` on those yields "[object Object]".
+ * Walking the tree keeps the raw source text intact for the shiki-based
+ * CodeBlock to highlight itself.
+ */
+function extractText(node) {
+    if (node == null || node === false || node === true)
+        return "";
+    if (typeof node === "string")
+        return node;
+    if (typeof node === "number")
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(extractText).join("");
+    if (React.isValidElement(node)) {
+        return extractText(node.props.children);
+    }
+    return "";
+}
 let mermaidPromise = null;
 let mermaidModule = null;
 async function loadMermaid() {
@@ -61,52 +111,55 @@ function MermaidDiagram({ code }) {
         };
     }, [code]);
     if (!isBrowserEnvironment()) {
-        return (React.createElement("pre", { className: "my-4 p-4 bg-[var(--accent)] rounded-lg overflow-auto" },
+        return (React.createElement("pre", { className: "my-4 overflow-auto rounded-[var(--radius-lg)] bg-[var(--secondary)] p-4" },
             React.createElement("code", null, code)));
     }
     if (error) {
-        return (React.createElement("div", { className: "my-4 p-4 bg-red-50 rounded-lg text-red-600 text-sm" },
+        return (React.createElement("div", { className: "my-4 rounded-[var(--radius-lg)] bg-red-50 p-4 text-sm text-red-600" },
             React.createElement("p", { className: "font-medium" }, "Mermaid Error"),
             React.createElement("p", null, error),
             React.createElement("pre", { className: "mt-2 text-xs overflow-auto" }, code)));
     }
     if (!svg) {
-        return (React.createElement("div", { className: "my-4 p-4 bg-[var(--accent)] rounded-lg animate-pulse" },
-            React.createElement("div", { className: "h-32 flex items-center justify-center text-[var(--muted-foreground)]" }, "Loading diagram...")));
+        return (React.createElement("div", { className: "my-4 animate-pulse rounded-[var(--radius-lg)] bg-[var(--secondary)] p-4" },
+            React.createElement("div", { className: "flex h-32 items-center justify-center text-[var(--faint)]" }, "Loading diagram...")));
     }
     return (React.createElement("div", { className: "my-4 flex justify-center overflow-auto", dangerouslySetInnerHTML: { __html: svg } }));
 }
-function CodeBlock({ language, code, inline, enableMermaid, renderCodeBlock, }) {
+/**
+ * Render a fenced (block) code region. Inline code is NOT handled here — it
+ * renders as a bare `<code>` styled by the container class (see
+ * `MARKDOWN_CONTAINER_CLASS`), matching Studio, which overrides `pre` (not
+ * `code`) so only block code reaches the syntax highlighter.
+ */
+function CodeBlock({ language, code, enableMermaid, renderCodeBlock, }) {
     if (renderCodeBlock) {
-        return React.createElement(React.Fragment, null, renderCodeBlock({ language, code, inline }));
-    }
-    if (inline) {
-        return (React.createElement("code", { className: "bg-[var(--accent)] px-1.5 py-0.5 rounded text-sm font-mono" }, code));
+        return React.createElement(React.Fragment, null, renderCodeBlock({ language, code, inline: false }));
     }
     if (enableMermaid && language === "mermaid") {
         return React.createElement(MermaidDiagram, { code: code });
     }
-    return React.createElement(RichCodeBlock, { language: language, code: code });
+    // Block fences render through the shared syntax-highlight primitive (shiki +
+    // copy + language label + collapsible), forked from Studio's ChatCodeBlock.
+    return React.createElement(SyntaxCodeBlock, { code: code, language: language });
 }
 function FallbackMarkdown({ children, className, }) {
     return (React.createElement("div", { className: cn(MARKDOWN_CONTAINER_CLASS, className) },
         React.createElement("p", { className: "whitespace-pre-wrap" }, children)));
 }
 /** Render markdown. */
-export function Markdown({ children, className, enableMermaid = true, renderCodeBlock, }) {
+export function Markdown({ children, className, enableMermaid = true, renderCodeBlock, components, remarkPlugins, rehypePlugins, }) {
     const [isLoaded, setIsLoaded] = React.useState(false);
     React.useEffect(() => {
         let cancelled = false;
         async function load() {
             if (!ReactMarkdown) {
-                const [rmModule, gfmModule, highlightModule] = await Promise.all([
+                const [rmModule, gfmModule] = await Promise.all([
                     importFromUrl(ESM_REACT_MARKDOWN),
                     importFromUrl(ESM_REMARK_GFM),
-                    importFromUrl(ESM_REHYPE_HIGHLIGHT),
                 ]);
                 ReactMarkdown = rmModule.default;
                 remarkGfm = gfmModule.default;
-                rehypeHighlight = highlightModule.default;
             }
             if (cancelled)
                 return;
@@ -120,25 +173,56 @@ export function Markdown({ children, className, enableMermaid = true, renderCode
     if (!isLoaded || !ReactMarkdown) {
         return React.createElement(FallbackMarkdown, { className: className }, children);
     }
+    const builtinComponents = {
+        // Override `pre` (not `code`) — Studio's approach. Block code arrives
+        // as `<pre><code class="language-x">…</code></pre>`; we pull the
+        // language + text off the inner (default-rendered) `<code>` element
+        // and hand it to the syntax highlighter. Inline code is left as a bare
+        // `<code>`, styled by the container class.
+        pre(props) {
+            const child = React.Children.toArray(props.children).find(React.isValidElement);
+            if (!child) {
+                return React.createElement("pre", null, props.children);
+            }
+            const codeClassName = child.props.className;
+            const match = /language-(\w+)/.exec(codeClassName || "");
+            const language = match ? match[1] : undefined;
+            const code = extractText(child.props.children).replace(/\n$/, "");
+            return (React.createElement(CodeBlock, { language: language, code: code, enableMermaid: enableMermaid, renderCodeBlock: renderCodeBlock }));
+        },
+        table(props) {
+            // Borders live on the rows, scoped by section so the header always
+            // keeps its divider (a `tr:last-child` rule would wrongly strip the
+            // lone header row in <thead>). Only the final body row drops its
+            // border so it doesn't double up with the container edge.
+            return (React.createElement("div", { className: "my-4 max-w-full overflow-x-auto rounded-[var(--radius-md)] border border-[var(--outline-border)]" },
+                React.createElement("table", { className: "w-full text-sm [&_thead_tr]:border-b [&_thead_tr]:border-[var(--edge)] [&_tbody_tr]:border-b [&_tbody_tr]:border-[var(--edge)] [&_tbody_tr:last-child]:border-b-0" }, props.children)));
+        },
+        th(props) {
+            return (React.createElement("th", { style: props.style, className: "px-4 py-2 text-left font-medium text-[var(--foreground)]" }, props.children));
+        },
+        td(props) {
+            return (React.createElement("td", { style: props.style, className: "px-4 py-2 text-[var(--foreground)]" }, props.children));
+        },
+        a(props) {
+            // Studio: links are foreground (black), underlined, and drop the
+            // underline on hover — not the default browser blue.
+            return (React.createElement("a", { href: props.href, className: "break-words text-[var(--foreground)] underline underline-offset-4 hover:no-underline [overflow-wrap:anywhere]", target: "_blank", rel: "noopener noreferrer" }, props.children));
+        },
+        blockquote(props) {
+            return (React.createElement("blockquote", { className: "border-l-4 border-[var(--outline-border)] pl-4 my-4 text-[var(--foreground)] italic" }, props.children));
+        },
+    };
+    // Consumer entries win over the built-ins (merge order matters). Cast is
+    // needed because the built-ins are typed with local prop interfaces while
+    // `components` uses react-markdown's `Components`.
+    const mergedComponents = {
+        ...builtinComponents,
+        ...components,
+    };
     return (React.createElement("div", { className: cn(MARKDOWN_CONTAINER_CLASS, className) },
-        React.createElement(ReactMarkdown, { remarkPlugins: remarkGfm ? [remarkGfm] : [], rehypePlugins: rehypeHighlight ? [rehypeHighlight] : [], components: {
-                code(props) {
-                    const { className: codeClassName, children: codeChildren, node } = props;
-                    const match = /language-(\w+)/.exec(codeClassName || "");
-                    const language = match ? match[1] : undefined;
-                    const code = String(codeChildren).replace(/\n$/, "");
-                    const isInline = !node?.position?.start?.line;
-                    return (React.createElement(CodeBlock, { language: language, code: code, inline: isInline, enableMermaid: enableMermaid, renderCodeBlock: renderCodeBlock }));
-                },
-                table(props) {
-                    return (React.createElement("div", { className: "my-4 max-w-full overflow-x-auto rounded-md border border-[var(--border)]" },
-                        React.createElement("table", { className: "w-full divide-y divide-[var(--border)]" }, props.children)));
-                },
-                a(props) {
-                    return (React.createElement("a", { href: props.href, className: "break-words text-blue-600 hover:underline [overflow-wrap:anywhere]", target: "_blank", rel: "noopener noreferrer" }, props.children));
-                },
-                blockquote(props) {
-                    return (React.createElement("blockquote", { className: "border-l-4 border-[var(--border)] pl-4 my-4 text-[var(--card-foreground)] italic" }, props.children));
-                },
-            } }, children)));
+        React.createElement(ReactMarkdown, { remarkPlugins: [
+                ...(remarkGfm ? [remarkGfm] : []),
+                ...(remarkPlugins ?? []),
+            ], rehypePlugins: (rehypePlugins ?? []), components: mergedComponents }, children)));
 }

package/esm/src/react/components/chat/model-selector.d.ts

@@ -1,10 +1,13 @@
 /**
- * ModelSelector - Dropdown for switching models at runtime
+ * ModelSelector — Popover + Command combobox for switching models at runtime.
  *
- * Opens upward from the trigger using fixed positioning
- * so it never affects the surrounding layout.
+ * Built on the same primitives as `AgentPicker` (Popover → Command), so the
+ * dropdown portals via `Floating` (never clips in the composer/iframe) and gets
+ * keyboard nav + search for free. Rows show the real provider logo from
+ * models.dev. Two trigger styles via `variant`: `pill` (logo + label + chevron)
+ * or `icon` (logo only, like Studio's desktop picker).
  *
- * Implements WAI-ARIA listbox pattern with full keyboard navigation.
+ * @module react/components/chat/model-selector
  */
 import * as React from "../../../../react/react.js";
 /** A "provider/model" value and its display label. */
@@ -13,7 +16,7 @@ export interface ModelOption {
     value: string;
     /** Display label (e.g. "GPT-4o") */
     label: string;
-    /** Provider name for grouping (e.g. "openai") */
+    /** Provider name for grouping + logo (e.g. "openai") */
     provider?: string;
     /** Short description shown beneath the label */
     description?: string;
@@ -28,11 +31,130 @@ export interface ModelSelectorProps {
     value?: string;
     /** Called when user selects a model */
     onChange: (model: string) => void;
-    /** Additional class names */
+    /** Additional class names for the trigger */
     className?: string;
     /** Disabled state */
     disabled?: boolean;
+    /**
+     * Trigger style: `pill` (logo + label + chevron) or `icon` (provider logo
+     * only, like Studio's desktop picker). @default "pill"
+     */
+    variant?: "pill" | "icon";
+    /**
+     * Custom trigger renderer. When provided, replaces the default pill/icon
+     * trigger. `model` is the currently-selected option (resolved from `value`);
+     * `open` is the popover open state. Rendered inside the existing
+     * `PopoverTrigger asChild`, so the returned element still toggles the popover.
+     */
+    renderTrigger?: (opts: {
+        model?: ModelOption;
+        open: boolean;
+    }) => React.ReactNode;
+    /**
+     * Custom row renderer. When provided, each option renders through it instead
+     * of the default `ModelRow`. Wire `onSelect` to trigger selection (which also
+     * closes the popover).
+     */
+    renderRow?: (opts: {
+        model: ModelOption;
+        selected: boolean;
+        onSelect: () => void;
+    }) => React.ReactNode;
+    /**
+     * Compose your own menu from `ModelSelector.Trigger` / `Content` / `List` /
+     * `Item`. When omitted, the default data-driven preset is rendered.
+     */
+    children?: React.ReactNode;
 }
-/** Render model selector. */
-export declare function ModelSelector({ models, value, onChange, className, disabled, }: ModelSelectorProps): React.ReactElement;
+/** Shared selection + open state exposed to `ModelSelector.*` sub-parts. */
+export interface ModelSelectorContextValue {
+    /** Selected model value ("provider/model"). */
+    value?: string;
+    /** The resolved selected option (from `value`, else the first model). */
+    selected?: ModelOption;
+    /** Select a model by value (also closes the menu). */
+    onSelect: (value: string) => void;
+    /** Popover open state. */
+    open: boolean;
+    /** Set the popover open state. */
+    setOpen: (open: boolean) => void;
+    /** Whether the selector is disabled. */
+    disabled?: boolean;
+}
+/**
+ * Read the enclosing `ModelSelector` selection + open state. Throws when used
+ * outside a `<ModelSelector>`.
+ */
+export declare function useModelSelector(): ModelSelectorContextValue;
+/** Props for `ModelSelector.Trigger` — the pill/icon combobox button. */
+export interface ModelSelectorTriggerProps {
+    /** Trigger style. @default "pill" */
+    variant?: "pill" | "icon";
+    /** Override the trigger contents; defaults to the selected model. */
+    children?: React.ReactNode;
+    className?: string;
+}
+/** The pill (or icon) combobox trigger. Toggles the popover. */
+declare function ModelSelectorTrigger({ variant, children, className }: ModelSelectorTriggerProps): React.ReactElement;
+declare namespace ModelSelectorTrigger {
+    var displayName: string;
+}
+/** Props for `ModelSelector.Content` — the popover surface + `Command` shell. */
+export interface ModelSelectorContentProps {
+    /** Show the search input above the list. */
+    showSearch?: boolean;
+    /** Search input placeholder. */
+    searchPlaceholder?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+/** The popover surface wrapping a `Command` (search + list region). */
+declare function ModelSelectorContent({ showSearch, searchPlaceholder, children, className, }: ModelSelectorContentProps): React.ReactElement;
+declare namespace ModelSelectorContent {
+    var displayName: string;
+}
+/** The scrollable `Command` list region. */
+declare function ModelSelectorList({ children, className }: {
+    children?: React.ReactNode;
+    className?: string;
+}): React.ReactElement;
+declare namespace ModelSelectorList {
+    var displayName: string;
+}
+/** Props for `ModelSelector.Item` — a single selectable model row. */
+export interface ModelSelectorItemProps {
+    /** The model this row represents. Its `value` is the selection value. */
+    model: ModelOption;
+    /** Force selected styling; defaults to matching the context `value`. */
+    selected?: boolean;
+    className?: string;
+}
+/** A single model row (provider logo + label + optional badge + check). */
+declare function ModelSelectorItem({ model, selected, className }: ModelSelectorItemProps): React.ReactElement;
+declare namespace ModelSelectorItem {
+    var displayName: string;
+}
+/**
+ * `ModelSelector.Root` — context provider + the popover shell. No children
+ * renders the default data-driven preset; pass children to recompose from
+ * `ModelSelector.Trigger` / `Content` / `List` / `Item`.
+ */
+declare function ModelSelectorRoot({ models, value, onChange, className, disabled, variant, renderTrigger, renderRow, children, }: ModelSelectorProps): React.ReactElement;
+declare namespace ModelSelectorRoot {
+    var displayName: string;
+}
+/**
+ * ModelSelector — render `<ModelSelector models={...} .../>` for the default
+ * data-driven combobox, or compose `ModelSelector.Trigger` / `Content` /
+ * `List` / `Item` for a custom menu. Mirrors the `ToolCall` compound: render
+ * it, or compose it.
+ */
+export declare const ModelSelector: typeof ModelSelectorRoot & {
+    Root: typeof ModelSelectorRoot;
+    Trigger: typeof ModelSelectorTrigger;
+    Content: typeof ModelSelectorContent;
+    List: typeof ModelSelectorList;
+    Item: typeof ModelSelectorItem;
+};
+export {};
 //# sourceMappingURL=model-selector.d.ts.map

package/esm/src/react/components/chat/model-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/model-selector.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AAIpD,sDAAsD;AACtD,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD,6BAA6B;AAC7B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAwMzC"}
+{"version":3,"file":"model-selector.d.ts","sourceRoot":"","sources":["../../../../../src/src/react/components/chat/model-selector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,4BAA4B,CAAC;AA4CpD,sDAAsD;AACtD,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CACd,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KACzC,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CACV,IAAI,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,KAClE,KAAK,CAAC,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoCD,4EAA4E;AAC5E,MAAM,WAAW,yBAAyB;IACxC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,0BAA0B;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,CAQ5D;AAED,yEAAyE;AACzE,MAAM,WAAW,yBAAyB;IACxC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gEAAgE;AAChE,iBAAS,oBAAoB,CAC3B,EAAE,OAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,yBAAyB,GACnE,KAAK,CAAC,YAAY,CA0CpB;kBA5CQ,oBAAoB;;;AA+C7B,iFAAiF;AACjF,MAAM,WAAW,yBAAyB;IACxC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uEAAuE;AACvE,iBAAS,oBAAoB,CAC3B,EACE,UAAkB,EAClB,iBAAsC,EACtC,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,GAC3B,KAAK,CAAC,YAAY,CAYpB;kBAnBQ,oBAAoB;;;AAsB7B,4CAA4C;AAC5C,iBAAS,iBAAiB,CACxB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1E,KAAK,CAAC,YAAY,CAMpB;kBARQ,iBAAiB;;;AAW1B,sEAAsE;AACtE,MAAM,WAAW,sBAAsB;IACrC,yEAAyE;IACzE,KAAK,EAAE,WAAW,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2EAA2E;AAC3E,iBAAS,iBAAiB,CACxB,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,sBAAsB,GACrD,KAAK,CAAC,YAAY,CAoBpB;kBAtBQ,iBAAiB;;;AAmF1B;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAkDzC;kBA5DQ,iBAAiB;;;AA+D1B;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;CAMxB,CAAC"}