@oneuptime/common 12.0.12 → 12.0.14

package/build/dist/UI/Components/CardSelect/CardSelect.js

@@ -1,17 +1,98 @@
 import IconProp from "../../../Types/Icon/IconProp";
 import Icon, { SizeProp } from "../Icon/Icon";
-import React from "react";
+import React, { useMemo, useRef, useState, } from "react";
 export function isCardSelectOptionGroup(option) {
     return (option.label !== undefined &&
         Array.isArray(option.options));
 }
-const CardSelect = (props) => {
-    // Normalize options into render groups
+export const getCardSelectSearchTokens = (search) => {
+    return search
+        .trim()
+        .toLowerCase()
+        .split(/\s+/)
+        .filter((token) => {
+        return token.length > 0;
+    });
+};
+const getHaystack = (option, groupLabel) => {
+    return `${option.title} ${option.description} ${groupLabel || ""} ${(option.keywords || []).join(" ")}`.toLowerCase();
+};
+export const cardSelectOptionMatchesSearch = (option, tokens, groupLabel) => {
+    if (tokens.length === 0) {
+        return true;
+    }
+    const haystack = getHaystack(option, groupLabel || null);
+    return tokens.every((token) => {
+        return haystack.includes(token);
+    });
+};
+const getSearchScoreForToken = (option, groupLabel, searchTerm) => {
+    const title = option.title.toLowerCase();
+    const description = option.description.toLowerCase();
+    const label = (groupLabel || "").toLowerCase();
+    const keywords = (option.keywords || []).map((keyword) => {
+        return keyword.toLowerCase();
+    });
+    let score = 0;
+    if (title === searchTerm) {
+        score += 200;
+    }
+    else if (title.startsWith(searchTerm)) {
+        score += 140;
+    }
+    else if (title.includes(searchTerm)) {
+        score += 100;
+    }
+    /*
+     * An exact keyword hit is the strongest signal there is after the title
+     * itself: someone who types "k8s" or "postgres" has named the thing, they
+     * just have not named it the way the card does.
+     */
+    if (keywords.some((keyword) => {
+        return keyword === searchTerm;
+    })) {
+        score += 120;
+    }
+    else if (keywords.some((keyword) => {
+        return keyword.startsWith(searchTerm);
+    })) {
+        score += 80;
+    }
+    else if (keywords.some((keyword) => {
+        return keyword.includes(searchTerm);
+    })) {
+        score += 50;
+    }
+    if (label.startsWith(searchTerm)) {
+        score += 75;
+    }
+    else if (label.includes(searchTerm)) {
+        score += 55;
+    }
+    if (description.includes(searchTerm)) {
+        score += 35;
+    }
+    if (title.split(" ").some((word) => {
+        return word.trim().startsWith(searchTerm);
+    })) {
+        score += 15;
+    }
+    return score;
+};
+export const getCardSelectOptionSearchScore = (option, tokens, groupLabel) => {
+    return tokens.reduce((total, token) => {
+        return total + getSearchScoreForToken(option, groupLabel || null, token);
+    }, 0);
+};
+/*
+ * Flat options and groups can be interleaved by the caller, so a run of flat
+ * options becomes its own unlabelled group wherever it appears.
+ */
+export const normalizeCardSelectGroups = (options) => {
     const groups = [];
     let ungroupedOptions = [];
-    for (const option of props.options) {
+    for (const option of options) {
         if (isCardSelectOptionGroup(option)) {
-            // Flush any accumulated ungrouped options first
             if (ungroupedOptions.length > 0) {
                 groups.push({ label: null, options: ungroupedOptions });
                 ungroupedOptions = [];
@@ -25,42 +106,281 @@ const CardSelect = (props) => {
     if (ungroupedOptions.length > 0) {
         groups.push({ label: null, options: ungroupedOptions });
     }
-    let cardIndex = 0;
+    return groups;
+};
+const CardSelect = (props) => {
+    const [search, setSearch] = useState("");
+    const searchInputRef = useRef(null);
+    const containerRef = useRef(null);
+    /*
+     * Groups the user has toggled by hand, by label. Anything absent falls back
+     * to the default below, so a group does not spring shut again the moment
+     * the selection moves elsewhere.
+     */
+    const [toggledGroups, setToggledGroups] = useState({});
+    const groups = useMemo(() => {
+        return normalizeCardSelectGroups(props.options);
+    }, [props.options]);
+    const tokens = useMemo(() => {
+        return getCardSelectSearchTokens(search);
+    }, [search]);
+    const isSearching = tokens.length > 0;
+    const totalOptionCount = useMemo(() => {
+        return groups.reduce((total, group) => {
+            return total + group.options.length;
+        }, 0);
+    }, [groups]);
+    /*
+     * A search flattens the groups. Ranked results in nine separate headed
+     * sections would bury the best match under whichever heading happens to
+     * come first, which is the problem the search is there to solve.
+     */
+    const { searchResults, isShowingClosestMatches } = useMemo(() => {
+        if (!isSearching) {
+            return { searchResults: [], isShowingClosestMatches: false };
+        }
+        const collect = (requireEveryWord) => {
+            const scored = [];
+            for (const group of groups) {
+                for (const option of group.options) {
+                    const matches = requireEveryWord
+                        ? cardSelectOptionMatchesSearch(option, tokens, group.label)
+                        : tokens.some((token) => {
+                            return cardSelectOptionMatchesSearch(option, [token], group.label);
+                        });
+                    if (!matches) {
+                        continue;
+                    }
+                    scored.push({
+                        option: option,
+                        groupLabel: group.label,
+                        score: getCardSelectOptionSearchScore(option, tokens, group.label),
+                    });
+                }
+            }
+            return scored.sort((a, b) => {
+                const scoreDifference = b.score - a.score;
+                if (scoreDifference !== 0) {
+                    return scoreDifference;
+                }
+                return a.option.title.localeCompare(b.option.title);
+            });
+        };
+        const everyWord = collect(true);
+        if (everyWord.length > 0) {
+            return { searchResults: everyWord, isShowingClosestMatches: false };
+        }
+        /*
+         * Nothing contains every word. Rather than a dead end, fall back to the
+         * cards matching any of them, ranked the same way - someone who typed
+         * "postgres uptime" gets SQL Query rather than an empty panel. With a
+         * single word this is the same query, so it correctly stays empty.
+         */
+        const anyWord = collect(false);
+        return {
+            searchResults: anyWord,
+            isShowingClosestMatches: anyWord.length > 0,
+        };
+    }, [groups, tokens, isSearching]);
+    const isGroupExpanded = (group, groupIndex) => {
+        // Unlabelled groups have no header to collapse behind.
+        if (!props.collapsibleGroups || !group.label) {
+            return true;
+        }
+        const toggled = toggledGroups[group.label];
+        if (toggled !== undefined) {
+            return toggled;
+        }
+        // The group holding the current selection, so re-entering a form shows it.
+        if (props.value &&
+            group.options.some((option) => {
+                return option.value === props.value;
+            })) {
+            return true;
+        }
+        /*
+         * The first group is the common case in every catalog that bothers to
+         * order itself, so it is the one worth opening for a user who has not
+         * told us anything yet.
+         */
+        return groupIndex === 0;
+    };
+    const gridClassName = props.singleColumn
+        ? "grid grid-cols-1 gap-4"
+        : "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3";
+    /*
+     * The cards on screen, in the order they are rendered. A search reorders
+     * them and a folded group removes them, so this is recomputed rather than
+     * taken from props.
+     */
+    const visibleOptionValues = useMemo(() => {
+        if (isSearching) {
+            return searchResults.map((result) => {
+                return result.option.value;
+            });
+        }
+        const values = [];
+        groups.forEach((group, groupIndex) => {
+            if (!isGroupExpanded(group, groupIndex)) {
+                return;
+            }
+            for (const option of group.options) {
+                values.push(option.value);
+            }
+        });
+        return values;
+        /*
+         * isGroupExpanded is read here rather than listed: it is rebuilt every
+         * render, and everything it actually depends on - the groups, the manual
+         * toggles and the current value - is in the list.
+         */
+    }, [groups, isSearching, searchResults, toggledGroups, props.value]);
+    /*
+     * One tab stop for the whole group, which is what a radiogroup is supposed
+     * to be. Every card used to get its own increasing tabIndex - with the 0
+     * that FormField passes, that produced 1, 2, 3 ... 28: positive values,
+     * which jump ahead of every other control on the page in tab order. Arrow
+     * keys move between the cards once the group has focus.
+     */
+    const activeOptionValue = props.value && visibleOptionValues.includes(props.value)
+        ? props.value
+        : visibleOptionValues[0];
+    const focusCard = (value) => {
+        var _a;
+        const card = ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`[data-card-select-value="${CSS.escape(value)}"]`)) || null;
+        card === null || card === void 0 ? void 0 : card.focus();
+    };
+    const moveFocus = (fromValue, offset) => {
+        const currentIndex = visibleOptionValues.indexOf(fromValue);
+        if (currentIndex < 0) {
+            return;
+        }
+        /*
+         * Clamped rather than wrapping: running off the end of a 29 card grid and
+         * landing back at the top reads as a glitch, not as navigation.
+         */
+        const nextIndex = Math.min(Math.max(currentIndex + offset, 0), visibleOptionValues.length - 1);
+        const nextValue = visibleOptionValues[nextIndex];
+        if (!nextValue || nextValue === fromValue) {
+            return;
+        }
+        focusCard(nextValue);
+    };
+    const renderCard = (option) => {
+        const isSelected = props.value === option.value;
+        return (React.createElement("div", { key: option.value, tabIndex: option.value === activeOptionValue ? props.tabIndex || 0 : -1, "data-card-select-value": option.value, onClick: () => {
+                props.onChange(option.value);
+            }, onKeyDown: (e) => {
+                /*
+                 * Manual activation: arrows move focus, Enter or Space chooses.
+                 * Selecting on focus would fire onChange for every card arrowed
+                 * past, and on this form that resets the criteria below.
+                 */
+                if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    props.onChange(option.value);
+                    return;
+                }
+                if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+                    e.preventDefault();
+                    moveFocus(option.value, 1);
+                    return;
+                }
+                if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+                    e.preventDefault();
+                    moveFocus(option.value, -1);
+                }
+            }, className: `relative flex cursor-pointer rounded-lg border p-4 shadow-sm transition-all duration-200 hover:border-indigo-400 hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 ${isSelected
+                ? "border-indigo-500 bg-indigo-50/50"
+                : "border-gray-200 bg-white"}`, role: "radio", "aria-checked": isSelected, "data-testid": `card-select-option-${option.value}` },
+            React.createElement("div", { className: "flex w-full items-start" },
+                React.createElement("div", { className: `flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg ${isSelected ? "bg-indigo-100" : "bg-gray-100"}` },
+                    React.createElement(Icon, { icon: option.icon, size: SizeProp.Large, className: `h-5 w-5 ${isSelected ? "text-indigo-600" : "text-gray-600"}` })),
+                React.createElement("div", { className: "ml-4 flex-1" },
+                    React.createElement("span", { className: `block text-sm font-semibold ${isSelected ? "text-gray-900" : "text-gray-900"}` }, option.title),
+                    React.createElement("span", { className: `mt-1 block text-sm ${isSelected ? "text-gray-600" : "text-gray-500"}` }, option.description)),
+                isSelected && (React.createElement("div", { className: "flex-shrink-0 ml-2" },
+                    React.createElement(Icon, { icon: IconProp.CheckCircle, size: SizeProp.Large, className: "h-5 w-5 text-indigo-500" }))))));
+    };
     return (React.createElement("div", { "data-testid": props.dataTestId },
-        React.createElement("div", { role: "radiogroup", "aria-label": "Select an option", "aria-labelledby": props.ariaLabelledby }, groups.map((group, groupIndex) => {
-            return (React.createElement("div", { key: groupIndex, className: groupIndex > 0 ? "mt-8" : "" },
-                group.label && (React.createElement("div", { className: "relative mb-4" },
-                    React.createElement("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true" },
-                        React.createElement("div", { className: "w-full border-t border-gray-200" })),
-                    React.createElement("div", { className: "relative flex justify-start" },
-                        React.createElement("span", { className: "bg-white pr-3 text-xs font-semibold uppercase tracking-wider text-gray-400" }, group.label)))),
-                React.createElement("div", { className: props.singleColumn
-                        ? "grid grid-cols-1 gap-4"
-                        : "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" }, group.options.map((option) => {
-                    const isSelected = props.value === option.value;
-                    const currentIndex = cardIndex++;
-                    return (React.createElement("div", { key: option.value, tabIndex: props.tabIndex
-                            ? props.tabIndex + currentIndex
-                            : currentIndex, onClick: () => {
-                            props.onChange(option.value);
-                        }, onKeyDown: (e) => {
-                            if (e.key === "Enter" || e.key === " ") {
-                                e.preventDefault();
-                                props.onChange(option.value);
-                            }
-                        }, className: `relative flex cursor-pointer rounded-lg border p-4 shadow-sm focus:outline-none transition-all duration-200 hover:border-indigo-400 hover:shadow-md ${isSelected
-                            ? "border-indigo-500 bg-indigo-50/50"
-                            : "border-gray-200 bg-white"}`, role: "radio", "aria-checked": isSelected, "data-testid": `card-select-option-${option.value}` },
-                        React.createElement("div", { className: "flex w-full items-start" },
-                            React.createElement("div", { className: `flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg ${isSelected ? "bg-indigo-100" : "bg-gray-100"}` },
-                                React.createElement(Icon, { icon: option.icon, size: SizeProp.Large, className: `h-5 w-5 ${isSelected ? "text-indigo-600" : "text-gray-600"}` })),
-                            React.createElement("div", { className: "ml-4 flex-1" },
-                                React.createElement("span", { className: `block text-sm font-semibold ${isSelected ? "text-gray-900" : "text-gray-900"}` }, option.title),
-                                React.createElement("span", { className: `mt-1 block text-sm ${isSelected ? "text-gray-600" : "text-gray-500"}` }, option.description)),
-                            isSelected && (React.createElement("div", { className: "flex-shrink-0 ml-2" },
-                                React.createElement(Icon, { icon: IconProp.CheckCircle, size: SizeProp.Large, className: "h-5 w-5 text-indigo-500" }))))));
-                }))));
-        })),
+        props.searchable && (React.createElement("div", { className: "mb-5" },
+            React.createElement("div", { className: "relative flex items-center gap-3 rounded-lg border border-gray-300 bg-white px-3 py-2 shadow-sm transition-all duration-200 focus-within:border-indigo-500 focus-within:ring-1 focus-within:ring-indigo-500" },
+                React.createElement(Icon, { icon: IconProp.Search, className: "h-4 w-4 flex-shrink-0 text-gray-400" }),
+                React.createElement("input", { ref: searchInputRef, type: "text", value: search, placeholder: props.searchPlaceholder || "Search", autoComplete: "off", "aria-label": props.searchPlaceholder || "Search", "data-testid": "card-select-search", className: "block w-full border-0 bg-transparent p-0 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0", onChange: (event) => {
+                        setSearch(event.target.value);
+                    }, onKeyDown: (event) => {
+                        if (event.key === "Escape" && search.length > 0) {
+                            /*
+                             * Stops the keypress reaching a modal or side over that
+                             * would take a clear-the-search Escape as close-the-form.
+                             */
+                            event.stopPropagation();
+                            event.preventDefault();
+                            setSearch("");
+                            return;
+                        }
+                        /*
+                         * Type a couple of letters, press Enter, done - the whole
+                         * point of the search box for someone who already knows what
+                         * they want. Left alone when there is nothing to choose.
+                         */
+                        if (event.key === "Enter" && searchResults[0]) {
+                            event.preventDefault();
+                            props.onChange(searchResults[0].option.value);
+                            return;
+                        }
+                        // The only way into the grid without reaching for the mouse.
+                        if (event.key === "ArrowDown" && activeOptionValue) {
+                            event.preventDefault();
+                            focusCard(activeOptionValue);
+                        }
+                    } }),
+                search.length > 0 && (React.createElement("button", { type: "button", "aria-label": "Clear search", "data-testid": "card-select-search-clear", className: "flex flex-shrink-0 items-center text-gray-400 hover:text-gray-600", onClick: () => {
+                        var _a;
+                        setSearch("");
+                        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } },
+                    React.createElement(Icon, { icon: IconProp.Close, className: "h-4 w-4" })))),
+            React.createElement("p", { className: "mt-2 text-xs text-gray-500", "data-testid": "card-select-search-summary", role: "status" }, isSearching
+                ? isShowingClosestMatches
+                    ? `Showing ${searchResults.length} closest of ${totalOptionCount}`
+                    : `Showing ${searchResults.length} of ${totalOptionCount}`
+                : `${totalOptionCount} to choose from. Search by name, category, or what you want to watch.`))),
+        React.createElement("div", { ref: containerRef, role: "radiogroup", "aria-label": "Select an option", "aria-labelledby": props.ariaLabelledby },
+            isSearching && isShowingClosestMatches && (React.createElement("p", { className: "mb-4 text-sm text-gray-500", "data-testid": "card-select-closest-matches" }, "Nothing matches every word you typed. Closest matches:")),
+            isSearching && (React.createElement("div", { className: gridClassName }, searchResults.map((result) => {
+                return renderCard(result.option);
+            }))),
+            isSearching && searchResults.length === 0 && (React.createElement("div", { className: "rounded-lg border border-dashed border-gray-300 bg-gray-50 p-6 text-center", "data-testid": "card-select-no-results" },
+                React.createElement("p", { className: "text-sm font-medium text-gray-900" }, "Nothing matches every word you typed."),
+                React.createElement("p", { className: "mt-1 text-sm text-gray-500" }, "Try fewer words, or a protocol or product name."),
+                React.createElement("button", { type: "button", className: "mt-3 text-sm font-medium text-indigo-600 hover:text-indigo-500", onClick: () => {
+                        var _a;
+                        setSearch("");
+                        (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    } }, "Clear search"))),
+            !isSearching &&
+                groups.map((group, groupIndex) => {
+                    const expanded = isGroupExpanded(group, groupIndex);
+                    const canCollapse = Boolean(props.collapsibleGroups && group.label);
+                    return (React.createElement("div", { key: groupIndex, className: groupIndex > 0 ? "mt-8" : "" },
+                        group.label && !canCollapse && (React.createElement("div", { className: "relative mb-4" },
+                            React.createElement("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true" },
+                                React.createElement("div", { className: "w-full border-t border-gray-200" })),
+                            React.createElement("div", { className: "relative flex justify-start" },
+                                React.createElement("span", { className: "bg-white pr-3 text-xs font-semibold uppercase tracking-wider text-gray-400" }, group.label)))),
+                        group.label && canCollapse && (React.createElement("button", { type: "button", "aria-expanded": expanded, "data-testid": `card-select-group-${group.label}`, className: "mb-4 flex w-full items-center gap-2 border-b border-gray-200 pb-2 text-left", onClick: () => {
+                                setToggledGroups((previous) => {
+                                    return Object.assign(Object.assign({}, previous), { [group.label]: !expanded });
+                                });
+                            } },
+                            React.createElement(Icon, { icon: expanded ? IconProp.ChevronDown : IconProp.ChevronRight, className: "h-4 w-4 flex-shrink-0 text-gray-400" }),
+                            React.createElement("span", { className: "text-xs font-semibold uppercase tracking-wider text-gray-500" }, group.label),
+                            React.createElement("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-500" }, group.options.length))),
+                        expanded && (React.createElement("div", { className: gridClassName }, group.options.map((option) => {
+                            return renderCard(option);
+                        })))));
+                })),
         props.error && (React.createElement("p", { className: "mt-2 text-sm text-red-600", role: "alert" }, props.error))));
 };
 export default CardSelect;

package/build/dist/UI/Components/CardSelect/CardSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSelect.js","sourceRoot":"","sources":["../../../../../UI/Components/CardSelect/CardSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardSelect.js","sourceRoot":"","sources":["../../../../../UI/Components/CardSelect/CardSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,EAGZ,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAoBf,MAAM,UAAU,uBAAuB,CACrC,MAAgD;IAEhD,OAAO,CACJ,MAAgC,CAAC,KAAK,KAAK,SAAS;QACrD,KAAK,CAAC,OAAO,CAAE,MAAgC,CAAC,OAAO,CAAC,CACzD,CAAC;AACJ,CAAC;AAqCD,MAAM,CAAC,MAAM,yBAAyB,GAAmC,CACvE,MAAc,EACC,EAAE;IACjB,OAAO,MAAM;SACV,IAAI,EAAE;SACN,WAAW,EAAE;SACb,KAAK,CAAC,KAAK,CAAC;SACZ,MAAM,CAAC,CAAC,KAAa,EAAE,EAAE;QACxB,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAWF,MAAM,WAAW,GAA+B,CAC9C,MAAwB,EACxB,UAAyB,EACjB,EAAE;IACV,OAAO,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,WAAW,IAAI,UAAU,IAAI,EAAE,IAAI,CAClE,MAAM,CAAC,QAAQ,IAAI,EAAE,CACtB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;AAC9B,CAAC,CAAC;AAiBF,MAAM,CAAC,MAAM,6BAA6B,GAAoC,CAC5E,MAAwB,EACxB,MAAqB,EACrB,UAAsC,EAC7B,EAAE;IACX,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,QAAQ,GAAW,WAAW,CAAC,MAAM,EAAE,UAAU,IAAI,IAAI,CAAC,CAAC;IAEjE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,KAAa,EAAE,EAAE;QACpC,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAQF,MAAM,sBAAsB,GAAoC,CAC9D,MAAwB,EACxB,UAAyB,EACzB,UAAkB,EACV,EAAE;IACV,MAAM,KAAK,GAAW,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;IACjD,MAAM,WAAW,GAAW,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;IAC7D,MAAM,KAAK,GAAW,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACvD,MAAM,QAAQ,GAAkB,CAAC,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CACzD,CAAC,OAAe,EAAE,EAAE;QAClB,OAAO,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/B,CAAC,CACF,CAAC;IAEF,IAAI,KAAK,GAAW,CAAC,CAAC;IAEtB,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;QACzB,KAAK,IAAI,GAAG,CAAC;IACf,CAAC;SAAM,IAAI,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QACxC,KAAK,IAAI,GAAG,CAAC;IACf,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,KAAK,IAAI,GAAG,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,IACE,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAe,EAAE,EAAE;QAChC,OAAO,OAAO,KAAK,UAAU,CAAC;IAChC,CAAC,CAAC,EACF,CAAC;QACD,KAAK,IAAI,GAAG,CAAC;IACf,CAAC;SAAM,IACL,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAe,EAAE,EAAE;QAChC,OAAO,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,CAAC,EACF,CAAC;QACD,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;SAAM,IACL,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAe,EAAE,EAAE;QAChC,OAAO,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC,CAAC,EACF,CAAC;QACD,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;QACjC,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QACtC,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;QACrC,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IACE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAY,EAAE,EAAE;QACrC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,EACF,CAAC;QACD,KAAK,IAAI,EAAE,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAWF,MAAM,CAAC,MAAM,8BAA8B,GAAkC,CAC3E,MAAwB,EACxB,MAAqB,EACrB,UAAsC,EAC9B,EAAE;IACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE;QACpD,OAAO,KAAK,GAAG,sBAAsB,CAAC,MAAM,EAAE,UAAU,IAAI,IAAI,EAAE,KAAK,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAYF;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAA4B,CAChE,OAAwD,EACpC,EAAE;IACtB,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,gBAAgB,GAA4B,EAAE,CAAC;IAEnD,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,uBAAuB,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAChC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;gBACxD,gBAAgB,GAAG,EAAE,CAAC;YACxB,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAsC,CACpD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACjD,MAAM,cAAc,GAClB,MAAM,CAAmB,IAAI,CAAC,CAAC;IACjC,MAAM,YAAY,GAChB,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/B;;;;OAIG;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,EAAE,CACH,CAAC;IAEF,MAAM,MAAM,GAAuB,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,yBAAyB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,MAAM,GAAkB,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,WAAW,GAAY,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE/C,MAAM,gBAAgB,GAAW,OAAO,CAAC,GAAG,EAAE;QAC5C,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAa,EAAE,KAAkB,EAAE,EAAE;YACzD,OAAO,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QACtC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb;;;;OAIG;IACH,MAAM,EAAE,aAAa,EAAE,uBAAuB,EAAE,GAAG,OAAO,CAAC,GAGzD,EAAE;QACF,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,uBAAuB,EAAE,KAAK,EAAE,CAAC;QAC/D,CAAC;QAID,MAAM,OAAO,GAAoB,CAC/B,gBAAyB,EACJ,EAAE;YACvB,MAAM,MAAM,GAAwB,EAAE,CAAC;YAEvC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC3B,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;oBACnC,MAAM,OAAO,GAAY,gBAAgB;wBACvC,CAAC,CAAC,6BAA6B,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC;wBAC5D,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAa,EAAE,EAAE;4BAC5B,OAAO,6BAA6B,CAClC,MAAM,EACN,CAAC,KAAK,CAAC,EACP,KAAK,CAAC,KAAK,CACZ,CAAC;wBACJ,CAAC,CAAC,CAAC;oBAEP,IAAI,CAAC,OAAO,EAAE,CAAC;wBACb,SAAS;oBACX,CAAC;oBAED,MAAM,CAAC,IAAI,CAAC;wBACV,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,KAAK,CAAC,KAAK;wBACvB,KAAK,EAAE,8BAA8B,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC;qBACnE,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;YAED,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAe,EAAE,CAAe,EAAE,EAAE;gBACtD,MAAM,eAAe,GAAW,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;gBAElD,IAAI,eAAe,KAAK,CAAC,EAAE,CAAC;oBAC1B,OAAO,eAAe,CAAC;gBACzB,CAAC;gBAED,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,SAAS,GAAwB,OAAO,CAAC,IAAI,CAAC,CAAC;QAErD,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,CAAC;QACtE,CAAC;QAED;;;;;WAKG;QACH,MAAM,OAAO,GAAwB,OAAO,CAAC,KAAK,CAAC,CAAC;QAEpD,OAAO;YACL,aAAa,EAAE,OAAO;YACtB,uBAAuB,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;SAC5C,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAOlC,MAAM,eAAe,GAA4B,CAC/C,KAAkB,EAClB,UAAkB,EACT,EAAE;QACX,uDAAuD;QACvD,IAAI,CAAC,KAAK,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,OAAO,GAAwB,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEhE,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,2EAA2E;QAC3E,IACE,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAwB,EAAE,EAAE;gBAC9C,OAAO,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC;YACtC,CAAC,CAAC,EACF,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED;;;;WAIG;QACH,OAAO,UAAU,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAW,KAAK,CAAC,YAAY;QAC9C,CAAC,CAAC,wBAAwB;QAC1B,CAAC,CAAC,sDAAsD,CAAC;IAE3D;;;;OAIG;IACH,MAAM,mBAAmB,GAAkB,OAAO,CAAC,GAAG,EAAE;QACtD,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;gBAChD,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,MAAM,MAAM,GAAkB,EAAE,CAAC;QAEjC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAkB,EAAE,UAAkB,EAAE,EAAE;YACxD,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;gBACxC,OAAO;YACT,CAAC;YAED,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACnC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;QACd;;;;WAIG;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAErE;;;;;;OAMG;IACH,MAAM,iBAAiB,GACrB,KAAK,CAAC,KAAK,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QACtD,CAAC,CAAC,KAAK,CAAC,KAAK;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAI7B,MAAM,SAAS,GAAsB,CAAC,KAAa,EAAQ,EAAE;;QAC3D,MAAM,IAAI,GACR,CAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CACjC,4BAA4B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAClD,KAAI,IAAI,CAAC;QAEZ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,CAAC;IAChB,CAAC,CAAC;IAIF,MAAM,SAAS,GAAsB,CACnC,SAAiB,EACjB,MAAc,EACR,EAAE;QACR,MAAM,YAAY,GAAW,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEpE,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED;;;WAGG;QACH,MAAM,SAAS,GAAW,IAAI,CAAC,GAAG,CAChC,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,EAClC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAC/B,CAAC;QAEF,MAAM,SAAS,GAAuB,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAErE,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,CAAC;IAIF,MAAM,UAAU,GAAuB,CACrC,MAAwB,EACV,EAAE;QAChB,MAAM,UAAU,GAAY,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;QAEzD,OAAO,CACL,6BACE,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,4BAC/C,MAAM,CAAC,KAAK,EACpC,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC,EACD,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;gBACpC;;;;mBAIG;gBACH,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC7B,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBACpD,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;oBAC3B,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBACjD,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC9B,CAAC;YACH,CAAC,EACD,SAAS,EAAE,sOACT,UAAU;gBACR,CAAC,CAAC,mCAAmC;gBACrC,CAAC,CAAC,0BACN,EAAE,EACF,IAAI,EAAC,OAAO,kBACE,UAAU,iBACX,sBAAsB,MAAM,CAAC,KAAK,EAAE;YAEjD,6BAAK,SAAS,EAAC,yBAAyB;gBACtC,6BACE,SAAS,EAAE,uEACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aACjC,EAAE;oBAEF,oBAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,SAAS,EAAE,WACT,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eACnC,EAAE,GACF,CACE;gBACN,6BAAK,SAAS,EAAC,aAAa;oBAC1B,8BACE,SAAS,EAAE,+BACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eACjC,EAAE,IAED,MAAM,CAAC,KAAK,CACR;oBACP,8BACE,SAAS,EAAE,sBACT,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eACjC,EAAE,IAED,MAAM,CAAC,WAAW,CACd,CACH;gBACL,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,oBAAoB;oBACjC,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,WAAW,EAC1B,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,SAAS,EAAC,yBAAyB,GACnC,CACE,CACP,CACG,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,4CAAkB,KAAK,CAAC,UAAU;QAC/B,KAAK,CAAC,UAAU,IAAI,CACnB,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,6MAA6M;gBAC1N,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,MAAM,EACrB,SAAS,EAAC,qCAAqC,GAC/C;gBACF,+BACE,GAAG,EAAE,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,KAAK,CAAC,iBAAiB,IAAI,QAAQ,EAChD,YAAY,EAAC,KAAK,gBACN,KAAK,CAAC,iBAAiB,IAAI,QAAQ,iBACnC,oBAAoB,EAChC,SAAS,EAAC,0HAA0H,EACpI,QAAQ,EAAE,CAAC,KAA0C,EAAE,EAAE;wBACvD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAChC,CAAC,EACD,SAAS,EAAE,CAAC,KAA4C,EAAE,EAAE;wBAC1D,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;4BAChD;;;+BAGG;4BACH,KAAK,CAAC,eAAe,EAAE,CAAC;4BACxB,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,SAAS,CAAC,EAAE,CAAC,CAAC;4BACd,OAAO;wBACT,CAAC;wBAED;;;;2BAIG;wBACH,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;4BAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BAC9C,OAAO;wBACT,CAAC;wBAED,6DAA6D;wBAC7D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,iBAAiB,EAAE,CAAC;4BACnD,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,SAAS,CAAC,iBAAiB,CAAC,CAAC;wBAC/B,CAAC;oBACH,CAAC,GACD;gBACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,gCACE,IAAI,EAAC,QAAQ,gBACF,cAAc,iBACb,0BAA0B,EACtC,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,GAAG,EAAE;;wBACZ,SAAS,CAAC,EAAE,CAAC,CAAC;wBACd,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBAClC,CAAC;oBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,SAAS,GAAG,CAC3C,CACV,CACG;YACN,2BACE,SAAS,EAAC,4BAA4B,iBAC1B,4BAA4B,EACxC,IAAI,EAAC,QAAQ,IAEZ,WAAW;gBACV,CAAC,CAAC,uBAAuB;oBACvB,CAAC,CAAC,WAAW,aAAa,CAAC,MAAM,eAAe,gBAAgB,EAAE;oBAClE,CAAC,CAAC,WAAW,aAAa,CAAC,MAAM,OAAO,gBAAgB,EAAE;gBAC5D,CAAC,CAAC,GAAG,gBAAgB,uEAAuE,CAC5F,CACA,CACP;QAED,6BACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,YAAY,gBACN,kBAAkB,qBACZ,KAAK,CAAC,cAAc;YAEpC,WAAW,IAAI,uBAAuB,IAAI,CACzC,2BACE,SAAS,EAAC,4BAA4B,iBAC1B,6BAA6B,6DAGvC,CACL;YAEA,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,aAAa,IAC1B,aAAa,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;gBAC1C,OAAO,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACnC,CAAC,CAAC,CACE,CACP;YAEA,WAAW,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5C,6BACE,SAAS,EAAC,4EAA4E,iBAC1E,wBAAwB;gBAEpC,2BAAG,SAAS,EAAC,mCAAmC,4CAE5C;gBACJ,2BAAG,SAAS,EAAC,4BAA4B,sDAErC;gBACJ,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gEAAgE,EAC1E,OAAO,EAAE,GAAG,EAAE;;wBACZ,SAAS,CAAC,EAAE,CAAC,CAAC;wBACd,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBAClC,CAAC,mBAGM,CACL,CACP;YAEA,CAAC,WAAW;gBACX,MAAM,CAAC,GAAG,CAAC,CAAC,KAAkB,EAAE,UAAkB,EAAE,EAAE;oBACpD,MAAM,QAAQ,GAAY,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;oBAC7D,MAAM,WAAW,GAAY,OAAO,CAClC,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,KAAK,CACvC,CAAC;oBAEF,OAAO,CACL,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;wBAC1D,KAAK,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,CAC9B,6BAAK,SAAS,EAAC,eAAe;4BAC5B,6BACE,SAAS,EAAC,oCAAoC,iBAClC,MAAM;gCAElB,6BAAK,SAAS,EAAC,iCAAiC,GAAO,CACnD;4BACN,6BAAK,SAAS,EAAC,6BAA6B;gCAC1C,8BAAM,SAAS,EAAC,4EAA4E,IACzF,KAAK,CAAC,KAAK,CACP,CACH,CACF,CACP;wBAEA,KAAK,CAAC,KAAK,IAAI,WAAW,IAAI,CAC7B,gCACE,IAAI,EAAC,QAAQ,mBACE,QAAQ,iBACV,qBAAqB,KAAK,CAAC,KAAK,EAAE,EAC/C,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,GAAG,EAAE;gCACZ,gBAAgB,CAAC,CAAC,QAAiC,EAAE,EAAE;oCACrD,uCACK,QAAQ,KACX,CAAC,KAAK,CAAC,KAAe,CAAC,EAAE,CAAC,QAAQ,IAClC;gCACJ,CAAC,CAAC,CAAC;4BACL,CAAC;4BAED,oBAAC,IAAI,IACH,IAAI,EACF,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,EAEzD,SAAS,EAAC,qCAAqC,GAC/C;4BACF,8BAAM,SAAS,EAAC,8DAA8D,IAC3E,KAAK,CAAC,KAAK,CACP;4BACP,8BAAM,SAAS,EAAC,wEAAwE,IACrF,KAAK,CAAC,OAAO,CAAC,MAAM,CAChB,CACA,CACV;wBAEA,QAAQ,IAAI,CACX,6BAAK,SAAS,EAAE,aAAa,IAC1B,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAwB,EAAE,EAAE;4BAC9C,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC;wBAC5B,CAAC,CAAC,CACE,CACP,CACG,CACP,CAAC;gBACJ,CAAC,CAAC,CACA;QACL,KAAK,CAAC,KAAK,IAAI,CACd,2BAAG,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,IAClD,KAAK,CAAC,KAAK,CACV,CACL,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/dist/UI/Components/CodeBlock/CodeBlock.js

@@ -1,6 +1,11 @@
 import "highlight.js/styles/a11y-dark.css";
-import React, { useState } from "react";
-import Highlight from "react-highlight";
+import React, { useMemo, useState, } from "react";
+/*
+ * Trimmed highlight.js instance — lib/core plus only the languages CodeBlock
+ * callers actually pass (see the audit in LanguageRegistry.ts). Replaces
+ * react-highlight, which imported all 194 grammars (~1.5MB) eagerly.
+ */
+import hljs, { resolveRegisteredLanguage } from "./LanguageRegistry";
 import Icon from "../Icon/Icon";
 import IconProp from "../../../Types/Icon/IconProp";
 const CodeBlock = (props) => {
@@ -18,11 +23,38 @@ const CodeBlock = (props) => {
     };
     const maxHeight = props.maxHeight || "500px";
     const showCopyButton = props.showCopyButton !== false;
+    /*
+     * react-highlight rendered <pre><code className>…</code></pre> and then ran
+     * hljs.highlightBlock over the DOM after mount (reading the language from
+     * the `language-*` class and adding the theme's `hljs` class). We keep that
+     * exact DOM shape but highlight synchronously: registered language → hljs
+     * token markup (hljs.highlight escapes the source before wrapping it in
+     * spans, so the HTML is safe to inject); unregistered language or a
+     * ReactElement child → plain React-escaped rendering. hljs is never called
+     * with an unknown language, so it never logs lookup warnings.
+     */
+    const registeredLanguage = typeof props.code === "string"
+        ? resolveRegisteredLanguage(props.language)
+        : null;
+    const highlightedHtml = useMemo(() => {
+        if (typeof props.code !== "string" || !registeredLanguage) {
+            return null;
+        }
+        return hljs.highlight(props.code, {
+            language: registeredLanguage,
+            ignoreIllegals: true,
+        }).value;
+    }, [props.code, registeredLanguage]);
+    /*
+     * `hljs` carries the a11y-dark theme background; react-highlight added it
+     * post-mount, we add it up front so there is no unstyled first paint.
+     */
+    const codeClassName = `hljs p-4 language-${props.language} text-sm leading-relaxed`;
     return (React.createElement("div", { className: "relative group" },
         showCopyButton && typeof props.code === "string" && (React.createElement("button", { onClick: handleCopy, className: "absolute top-2 right-2 p-2 rounded-md bg-gray-700 hover:bg-gray-600 text-gray-300 hover:text-white transition-all opacity-70 hover:opacity-100 focus-visible:opacity-100 group-hover:opacity-100 z-10", title: copied ? "Copied!" : "Copy to clipboard", "aria-label": copied ? "Copied" : "Copy to clipboard", type: "button" },
             React.createElement(Icon, { icon: copied ? IconProp.Check : IconProp.Copy, className: "h-4 w-4" }))),
         React.createElement("div", { className: "overflow-auto rounded-lg border border-gray-700", style: { maxHeight: maxHeight } },
-            React.createElement(Highlight, { className: `p-4 language-${props.language} text-sm leading-relaxed` }, props.code))));
+            React.createElement("pre", null, highlightedHtml !== null ? (React.createElement("code", { className: codeClassName, dangerouslySetInnerHTML: { __html: highlightedHtml } })) : (React.createElement("code", { className: codeClassName }, props.code))))));
 };
 export default CodeBlock;
 //# sourceMappingURL=CodeBlock.js.map

package/build/dist/UI/Components/CodeBlock/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../../UI/Components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AASpD,MAAM,SAAS,GAAsC,CACnD,KAAqB,EACP,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErD,MAAM,UAAU,GAAe,GAAS,EAAE;QACxC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACnC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;gBACnD,6BAA6B;YAC/B,CAAC,CAAC,CAAC;YACH,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACd,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAW,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC;IACrD,MAAM,cAAc,GAAY,KAAK,CAAC,cAAc,KAAK,KAAK,CAAC;IAE/D,OAAO,CACL,6BAAK,SAAS,EAAC,gBAAgB;QAC5B,cAAc,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,CACnD,gCACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,uMAAuM,EACjN,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,gBACnC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,EACnD,IAAI,EAAC,QAAQ;YAEb,oBAAC,IAAI,IACH,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,EAC7C,SAAS,EAAC,SAAS,GACnB,CACK,CACV;QACD,6BACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE;YAE/B,oBAAC,SAAS,IACR,SAAS,EAAE,gBAAgB,KAAK,CAAC,QAAQ,0BAA0B,IAElE,KAAK,CAAC,IAAI,CACD,CACR,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../../UI/Components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/CodeBlock/LanguageRegistry.js

@@ -0,0 +1,57 @@
+import hljs from "highlight.js/lib/core";
+import bash from "highlight.js/lib/languages/bash";
+import cpp from "highlight.js/lib/languages/cpp";
+import csharp from "highlight.js/lib/languages/csharp";
+import css from "highlight.js/lib/languages/css";
+import dockerfile from "highlight.js/lib/languages/dockerfile";
+import elixir from "highlight.js/lib/languages/elixir";
+import go from "highlight.js/lib/languages/go";
+import javascript from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
+import markdown from "highlight.js/lib/languages/markdown";
+import php from "highlight.js/lib/languages/php";
+import plaintext from "highlight.js/lib/languages/plaintext";
+import python from "highlight.js/lib/languages/python";
+import ruby from "highlight.js/lib/languages/ruby";
+import rust from "highlight.js/lib/languages/rust";
+import shell from "highlight.js/lib/languages/shell";
+import sql from "highlight.js/lib/languages/sql";
+import swift from "highlight.js/lib/languages/swift";
+import typescript from "highlight.js/lib/languages/typescript";
+import xml from "highlight.js/lib/languages/xml";
+import yaml from "highlight.js/lib/languages/yaml";
+hljs.registerLanguage("bash", bash);
+hljs.registerLanguage("cpp", cpp);
+hljs.registerLanguage("csharp", csharp);
+hljs.registerLanguage("css", css);
+hljs.registerLanguage("dockerfile", dockerfile);
+hljs.registerLanguage("elixir", elixir);
+hljs.registerLanguage("go", go);
+hljs.registerLanguage("javascript", javascript);
+hljs.registerLanguage("json", json);
+hljs.registerLanguage("markdown", markdown);
+hljs.registerLanguage("php", php);
+hljs.registerLanguage("plaintext", plaintext);
+hljs.registerLanguage("python", python);
+hljs.registerLanguage("ruby", ruby);
+hljs.registerLanguage("rust", rust);
+hljs.registerLanguage("shell", shell);
+hljs.registerLanguage("sql", sql);
+hljs.registerLanguage("swift", swift);
+hljs.registerLanguage("typescript", typescript);
+hljs.registerLanguage("xml", xml);
+hljs.registerLanguage("yaml", yaml);
+/*
+ * Maps a caller-supplied language string to a name highlight.js can actually
+ * highlight with, or null when the language (or one of its aliases) is not
+ * registered above. Callers must treat null as "render plain text".
+ */
+export const resolveRegisteredLanguage = (language) => {
+    const normalized = language.trim().toLowerCase();
+    if (!normalized) {
+        return null;
+    }
+    return hljs.getLanguage(normalized) ? normalized : null;
+};
+export default hljs;
+//# sourceMappingURL=LanguageRegistry.js.map

package/build/dist/UI/Components/CodeBlock/LanguageRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageRegistry.js","sourceRoot":"","sources":["../../../../../UI/Components/CodeBlock/LanguageRegistry.ts"],"names":[],"mappings":"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"}