@iaforged/context-code 1.0.63 → 1.0.65

package/dist/src/components/GlobalSearchDialog.js

@@ -1,339 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { resolve as resolvePath } from 'path';
-import { useEffect, useRef, useState } from 'react';
-import { useRegisterOverlay } from '../context/overlayContext.js';
-import { useTerminalSize } from '../hooks/useTerminalSize.js';
-import { Text } from '../ink.js';
-import { logEvent } from '../services/analytics/index.js';
-import { getCwd } from '../utils/cwd.js';
-import { openFileInExternalEditor } from '../utils/editor.js';
-import { truncatePathMiddle, truncateToWidth } from '../utils/format.js';
-import { highlightMatch } from '../utils/highlightMatch.js';
-import { relativePath } from '../utils/permissions/filesystem.js';
-import { readFileInRange } from '../utils/readFileInRange.js';
-import { ripGrepStream } from '../utils/ripgrep.js';
-import { FuzzyPicker } from './design-system/FuzzyPicker.js';
-import { LoadingState } from './design-system/LoadingState.js';
-const VISIBLE_RESULTS = 12;
-const DEBOUNCE_MS = 100;
-const PREVIEW_CONTEXT_LINES = 4;
-// rg -m is per-file; we also cap the parsed array to keep memory bounded.
-const MAX_MATCHES_PER_FILE = 10;
-const MAX_TOTAL_MATCHES = 500;
-/**
- * Global Search dialog (ctrl+shift+f / cmd+shift+f).
- * Debounced ripgrep search across the workspace.
- */
-export function GlobalSearchDialog(t0) {
-    const $ = _c(40);
-    const { onDone, onInsert } = t0;
-    useRegisterOverlay("global-search");
-    const { columns, rows } = useTerminalSize();
-    const previewOnRight = columns >= 140;
-    const visibleResults = Math.min(VISIBLE_RESULTS, Math.max(4, rows - 14));
-    let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = [];
-        $[0] = t1;
-    }
-    else {
-        t1 = $[0];
-    }
-    const [matches, setMatches] = useState(t1);
-    const [truncated, setTruncated] = useState(false);
-    const [isSearching, setIsSearching] = useState(false);
-    const [query, setQuery] = useState("");
-    const [focused, setFocused] = useState(undefined);
-    const [preview, setPreview] = useState(null);
-    const abortRef = useRef(null);
-    const timeoutRef = useRef(null);
-    let t2;
-    let t3;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = () => () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-            abortRef.current?.abort();
-        };
-        t3 = [];
-        $[1] = t2;
-        $[2] = t3;
-    }
-    else {
-        t2 = $[1];
-        t3 = $[2];
-    }
-    useEffect(t2, t3);
-    let t4;
-    let t5;
-    if ($[3] !== focused) {
-        t4 = () => {
-            if (!focused) {
-                setPreview(null);
-                return;
-            }
-            const controller = new AbortController();
-            const absolute = resolvePath(getCwd(), focused.file);
-            const start = Math.max(0, focused.line - PREVIEW_CONTEXT_LINES - 1);
-            readFileInRange(absolute, start, PREVIEW_CONTEXT_LINES * 2 + 1, undefined, controller.signal).then(r => {
-                if (controller.signal.aborted) {
-                    return;
-                }
-                setPreview({
-                    file: focused.file,
-                    line: focused.line,
-                    content: r.content
-                });
-            }).catch(() => {
-                if (controller.signal.aborted) {
-                    return;
-                }
-                setPreview({
-                    file: focused.file,
-                    line: focused.line,
-                    content: "(preview unavailable)"
-                });
-            });
-            return () => controller.abort();
-        };
-        t5 = [focused];
-        $[3] = focused;
-        $[4] = t4;
-        $[5] = t5;
-    }
-    else {
-        t4 = $[4];
-        t5 = $[5];
-    }
-    useEffect(t4, t5);
-    let t6;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-        t6 = q => {
-            setQuery(q);
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-            abortRef.current?.abort();
-            if (!q.trim()) {
-                setMatches(_temp);
-                setIsSearching(false);
-                setTruncated(false);
-                return;
-            }
-            const controller_0 = new AbortController();
-            abortRef.current = controller_0;
-            setIsSearching(true);
-            setTruncated(false);
-            const queryLower = q.toLowerCase();
-            setMatches(m_0 => {
-                const filtered = m_0.filter(match => match.text.toLowerCase().includes(queryLower));
-                return filtered.length === m_0.length ? m_0 : filtered;
-            });
-            timeoutRef.current = setTimeout(_temp4, DEBOUNCE_MS, q, controller_0, setMatches, setTruncated, setIsSearching);
-        };
-        $[6] = t6;
-    }
-    else {
-        t6 = $[6];
-    }
-    const handleQueryChange = t6;
-    const listWidth = previewOnRight ? Math.floor((columns - 10) * 0.5) : columns - 8;
-    const maxPathWidth = Math.max(20, Math.floor(listWidth * 0.4));
-    const maxTextWidth = Math.max(20, listWidth - maxPathWidth - 4);
-    const previewWidth = previewOnRight ? Math.max(40, columns - listWidth - 14) : columns - 6;
-    let t7;
-    if ($[7] !== matches.length || $[8] !== onDone) {
-        t7 = m_3 => {
-            const opened = openFileInExternalEditor(resolvePath(getCwd(), m_3.file), m_3.line);
-            logEvent("tengu_global_search_select", {
-                result_count: matches.length,
-                opened_editor: opened
-            });
-            onDone();
-        };
-        $[7] = matches.length;
-        $[8] = onDone;
-        $[9] = t7;
-    }
-    else {
-        t7 = $[9];
-    }
-    const handleOpen = t7;
-    let t8;
-    if ($[10] !== matches.length || $[11] !== onDone || $[12] !== onInsert) {
-        t8 = (m_4, mention) => {
-            onInsert(mention ? `@${m_4.file}#L${m_4.line} ` : `${m_4.file}:${m_4.line} `);
-            logEvent("tengu_global_search_insert", {
-                result_count: matches.length,
-                mention
-            });
-            onDone();
-        };
-        $[10] = matches.length;
-        $[11] = onDone;
-        $[12] = onInsert;
-        $[13] = t8;
-    }
-    else {
-        t8 = $[13];
-    }
-    const handleInsert = t8;
-    const matchLabel = matches.length > 0 ? `${matches.length}${truncated ? "+" : ""} matches${isSearching ? "\u2026" : ""}` : " ";
-    const t9 = previewOnRight ? "right" : "bottom";
-    let t10;
-    if ($[14] !== handleInsert) {
-        t10 = {
-            action: "mention",
-            handler: m_5 => handleInsert(m_5, true)
-        };
-        $[14] = handleInsert;
-        $[15] = t10;
-    }
-    else {
-        t10 = $[15];
-    }
-    let t11;
-    if ($[16] !== handleInsert) {
-        t11 = {
-            action: "insert path",
-            handler: m_6 => handleInsert(m_6, false)
-        };
-        $[16] = handleInsert;
-        $[17] = t11;
-    }
-    else {
-        t11 = $[17];
-    }
-    let t12;
-    if ($[18] !== isSearching) {
-        t12 = q_0 => isSearching ? "Searching\u2026" : q_0 ? "No matches" : "Type to search\u2026";
-        $[18] = isSearching;
-        $[19] = t12;
-    }
-    else {
-        t12 = $[19];
-    }
-    let t13;
-    if ($[20] !== maxPathWidth || $[21] !== maxTextWidth || $[22] !== query) {
-        t13 = (m_7, isFocused) => _jsxs(Text, { color: isFocused ? "suggestion" : undefined, children: [_jsxs(Text, { dimColor: true, children: [truncatePathMiddle(m_7.file, maxPathWidth), ":", m_7.line] }), " ", highlightMatch(truncateToWidth(m_7.text.trimStart(), maxTextWidth), query)] });
-        $[20] = maxPathWidth;
-        $[21] = maxTextWidth;
-        $[22] = query;
-        $[23] = t13;
-    }
-    else {
-        t13 = $[23];
-    }
-    let t14;
-    if ($[24] !== preview || $[25] !== previewWidth || $[26] !== query) {
-        t14 = m_8 => preview?.file === m_8.file && preview.line === m_8.line ? _jsxs(_Fragment, { children: [_jsxs(Text, { dimColor: true, children: [truncatePathMiddle(m_8.file, previewWidth), ":", m_8.line] }), preview.content.split("\n").map((line_0, i) => _jsx(Text, { children: highlightMatch(truncateToWidth(line_0, previewWidth), query) }, i))] }) : _jsx(LoadingState, { message: "Loading\u2026", dimColor: true });
-        $[24] = preview;
-        $[25] = previewWidth;
-        $[26] = query;
-        $[27] = t14;
-    }
-    else {
-        t14 = $[27];
-    }
-    let t15;
-    if ($[28] !== handleOpen || $[29] !== matchLabel || $[30] !== matches || $[31] !== onDone || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t14 || $[37] !== t9 || $[38] !== visibleResults) {
-        t15 = _jsx(FuzzyPicker, { title: "Global Search", placeholder: "Type to search\u2026", items: matches, getKey: matchKey, visibleCount: visibleResults, direction: "up", previewPosition: t9, onQueryChange: handleQueryChange, onFocus: setFocused, onSelect: handleOpen, onTab: t10, onShiftTab: t11, onCancel: onDone, emptyMessage: t12, matchLabel: matchLabel, selectAction: "open in editor", renderItem: t13, renderPreview: t14 });
-        $[28] = handleOpen;
-        $[29] = matchLabel;
-        $[30] = matches;
-        $[31] = onDone;
-        $[32] = t10;
-        $[33] = t11;
-        $[34] = t12;
-        $[35] = t13;
-        $[36] = t14;
-        $[37] = t9;
-        $[38] = visibleResults;
-        $[39] = t15;
-    }
-    else {
-        t15 = $[39];
-    }
-    return t15;
-}
-function _temp4(query_0, controller_1, setMatches_0, setTruncated_0, setIsSearching_0) {
-    const cwd = getCwd();
-    let collected = 0;
-    ripGrepStream(["-n", "--no-heading", "-i", "-m", String(MAX_MATCHES_PER_FILE), "-F", "-e", query_0], cwd, controller_1.signal, lines => {
-        if (controller_1.signal.aborted) {
-            return;
-        }
-        const parsed = [];
-        for (const line of lines) {
-            const m_1 = parseRipgrepLine(line);
-            if (!m_1) {
-                continue;
-            }
-            const rel = relativePath(cwd, m_1.file);
-            parsed.push({
-                ...m_1,
-                file: rel.startsWith("..") ? m_1.file : rel
-            });
-        }
-        if (!parsed.length) {
-            return;
-        }
-        collected = collected + parsed.length;
-        collected;
-        setMatches_0(prev => {
-            const seen = new Set(prev.map(matchKey));
-            const fresh = parsed.filter(p => !seen.has(matchKey(p)));
-            if (!fresh.length) {
-                return prev;
-            }
-            const next = prev.concat(fresh);
-            return next.length > MAX_TOTAL_MATCHES ? next.slice(0, MAX_TOTAL_MATCHES) : next;
-        });
-        if (collected >= MAX_TOTAL_MATCHES) {
-            controller_1.abort();
-            setTruncated_0(true);
-            setIsSearching_0(false);
-        }
-    }).catch(_temp2).finally(() => {
-        if (controller_1.signal.aborted) {
-            return;
-        }
-        if (collected === 0) {
-            setMatches_0(_temp3);
-        }
-        setIsSearching_0(false);
-    });
-}
-function _temp3(m_2) {
-    return m_2.length ? [] : m_2;
-}
-function _temp2() { }
-function _temp(m) {
-    return m.length ? [] : m;
-}
-function matchKey(m) {
-    return `${m.file}:${m.line}`;
-}
-/**
- * Parse a ripgrep -n --no-heading output line: "path:line:text".
- * Windows paths may contain a drive letter ("C:\..."), so a simple split on
- * the first colon would mangle the path — use a regex that captures up to
- * the first :<digits>: instead.
- * @internal exported for testing
- */
-export function parseRipgrepLine(line) {
-    const m = /^(.*?):(\d+):(.*)$/.exec(line);
-    if (!m)
-        return null;
-    const [, file, lineStr, text] = m;
-    const lineNum = Number(lineStr);
-    if (!file || !Number.isFinite(lineNum))
-        return null;
-    return {
-        file,
-        line: lineNum,
-        text: text ?? ''
-    };
-}

package/dist/src/components/HelpV2/Commands.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { formatDescriptionWithSource } from '../../commands.js';
-import { Box, Text } from '../../ink.js';
-import { truncate } from '../../utils/format.js';
-import { Select } from '../CustomSelect/select.js';
-import { useTabHeaderFocus } from '../design-system/Tabs.js';
-export function Commands(t0) {
-    const $ = _c(14);
-    const { commands, maxHeight, columns, title, onCancel, emptyMessage } = t0;
-    const { headerFocused, focusHeader } = useTabHeaderFocus();
-    const maxWidth = Math.max(1, columns - 10);
-    const visibleCount = Math.max(1, Math.floor((maxHeight - 10) / 2));
-    let t1;
-    if ($[0] !== commands || $[1] !== maxWidth) {
-        const seen = new Set();
-        let t2;
-        if ($[3] !== maxWidth) {
-            t2 = cmd_0 => ({
-                label: `/${cmd_0.name}`,
-                value: cmd_0.name,
-                description: truncate(formatDescriptionWithSource(cmd_0), maxWidth, true)
-            });
-            $[3] = maxWidth;
-            $[4] = t2;
-        }
-        else {
-            t2 = $[4];
-        }
-        t1 = commands.filter(cmd => {
-            if (seen.has(cmd.name)) {
-                return false;
-            }
-            seen.add(cmd.name);
-            return true;
-        }).sort(_temp).map(t2);
-        $[0] = commands;
-        $[1] = maxWidth;
-        $[2] = t1;
-    }
-    else {
-        t1 = $[2];
-    }
-    const options = t1;
-    let t2;
-    if ($[5] !== commands.length || $[6] !== emptyMessage || $[7] !== focusHeader || $[8] !== headerFocused || $[9] !== onCancel || $[10] !== options || $[11] !== title || $[12] !== visibleCount) {
-        t2 = _jsx(Box, { flexDirection: "column", paddingY: 1, children: commands.length === 0 && emptyMessage ? _jsx(Text, { dimColor: true, children: emptyMessage }) : _jsxs(_Fragment, { children: [_jsx(Text, { children: title }), _jsx(Box, { marginTop: 1, children: _jsx(Select, { options: options, visibleOptionCount: visibleCount, onCancel: onCancel, disableSelection: true, hideIndexes: true, layout: "compact-vertical", onUpFromFirstItem: focusHeader, isDisabled: headerFocused }) })] }) });
-        $[5] = commands.length;
-        $[6] = emptyMessage;
-        $[7] = focusHeader;
-        $[8] = headerFocused;
-        $[9] = onCancel;
-        $[10] = options;
-        $[11] = title;
-        $[12] = visibleCount;
-        $[13] = t2;
-    }
-    else {
-        t2 = $[13];
-    }
-    return t2;
-}
-function _temp(a, b) {
-    return a.name.localeCompare(b.name);
-}

package/dist/src/components/HelpV2/General.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { Box, Text } from '../../ink.js';
-import { PromptInputHelpMenu } from '../PromptInput/PromptInputHelpMenu.js';
-export function General() {
-    const $ = _c(2);
-    let t0;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = _jsx(Box, { children: _jsx(Text, { children: "Context entiende tu base de c\u00F3digo, realiza ediciones con tu permiso y ejecuta comandos \u2014 directamente desde tu terminal." }) });
-        $[0] = t0;
-    }
-    else {
-        t0 = $[0];
-    }
-    let t1;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = _jsxs(Box, { flexDirection: "column", paddingY: 1, gap: 1, children: [t0, _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { bold: true, children: "Atajos" }) }), _jsx(PromptInputHelpMenu, { gap: 2, fixedWidth: true })] })] });
-        $[1] = t1;
-    }
-    else {
-        t1 = $[1];
-    }
-    return t1;
-}

package/dist/src/components/HelpV2/HelpV2.js

@@ -1,186 +0,0 @@
-import { MACRO } from '../../recovery/bunBundleShim.js';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
-import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js';
-import { useShortcutDisplay } from '../../keybindings/useShortcutDisplay.js';
-import { builtInCommandNames } from '../../commands.js';
-import { useIsInsideModal } from '../../context/modalContext.js';
-import { useTerminalSize } from '../../hooks/useTerminalSize.js';
-import { Box, Link, Text } from '../../ink.js';
-import { useKeybinding } from '../../keybindings/useKeybinding.js';
-import { Pane } from '../design-system/Pane.js';
-import { Tab, Tabs } from '../design-system/Tabs.js';
-import { Commands } from './Commands.js';
-import { General } from './General.js';
-export function HelpV2(t0) {
-    const $ = _c(44);
-    const { onClose, commands } = t0;
-    const { rows, columns } = useTerminalSize();
-    const maxHeight = Math.floor(rows / 2);
-    const insideModal = useIsInsideModal();
-    let t1;
-    if ($[0] !== onClose) {
-        t1 = () => onClose("Diálogo de ayuda descartado", {
-            display: "system"
-        });
-        $[0] = onClose;
-        $[1] = t1;
-    }
-    else {
-        t1 = $[1];
-    }
-    const close = t1;
-    let t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = {
-            context: "Ayuda"
-        };
-        $[2] = t2;
-    }
-    else {
-        t2 = $[2];
-    }
-    useKeybinding("help:dismiss", close, t2);
-    const exitState = useExitOnCtrlCDWithKeybindings(close);
-    const dismissShortcut = useShortcutDisplay("help:dismiss", "Ayuda", "esc");
-    let antOnlyCommands;
-    let builtinCommands;
-    let t3;
-    if ($[3] !== commands) {
-        const builtinNames = builtInCommandNames();
-        builtinCommands = commands.filter(cmd => builtinNames.has(cmd.name) && !cmd.isHidden);
-        let t4;
-        if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-            t4 = [];
-            $[7] = t4;
-        }
-        else {
-            t4 = $[7];
-        }
-        antOnlyCommands = t4;
-        t3 = commands.filter(cmd_2 => !builtinNames.has(cmd_2.name) && !cmd_2.isHidden);
-        $[3] = commands;
-        $[4] = antOnlyCommands;
-        $[5] = builtinCommands;
-        $[6] = t3;
-    }
-    else {
-        antOnlyCommands = $[4];
-        builtinCommands = $[5];
-        t3 = $[6];
-    }
-    const customCommands = t3;
-    let t4;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-        t4 = _jsx(Tab, { title: "general", children: _jsx(General, {}) }, "general");
-        $[8] = t4;
-    }
-    else {
-        t4 = $[8];
-    }
-    let tabs;
-    if ($[9] !== antOnlyCommands || $[10] !== builtinCommands || $[11] !== close || $[12] !== columns || $[13] !== customCommands || $[14] !== maxHeight) {
-        tabs = [t4];
-        let t5;
-        if ($[16] !== builtinCommands || $[17] !== close || $[18] !== columns || $[19] !== maxHeight) {
-            t5 = _jsx(Tab, { title: "comandos", children: _jsx(Commands, { commands: builtinCommands, maxHeight: maxHeight, columns: columns, title: "Explorar comandos predeterminados:", onCancel: close }) }, "commands");
-            $[16] = builtinCommands;
-            $[17] = close;
-            $[18] = columns;
-            $[19] = maxHeight;
-            $[20] = t5;
-        }
-        else {
-            t5 = $[20];
-        }
-        tabs.push(t5);
-        let t6;
-        if ($[21] !== close || $[22] !== columns || $[23] !== customCommands || $[24] !== maxHeight) {
-            t6 = _jsx(Tab, { title: "personalizados", children: _jsx(Commands, { commands: customCommands, maxHeight: maxHeight, columns: columns, title: "Explorar comandos personalizados:", emptyMessage: "No se encontraron comandos personalizados", onCancel: close }) }, "custom");
-            $[21] = close;
-            $[22] = columns;
-            $[23] = customCommands;
-            $[24] = maxHeight;
-            $[25] = t6;
-        }
-        else {
-            t6 = $[25];
-        }
-        tabs.push(t6);
-        if (false && antOnlyCommands.length > 0) {
-            let t7;
-            if ($[26] !== antOnlyCommands || $[27] !== close || $[28] !== columns || $[29] !== maxHeight) {
-                t7 = _jsx(Tab, { title: "[solo-ant]", children: _jsx(Commands, { commands: antOnlyCommands, maxHeight: maxHeight, columns: columns, title: "Explorar comandos solo-ant:", onCancel: close }) }, "ant-only");
-                $[26] = antOnlyCommands;
-                $[27] = close;
-                $[28] = columns;
-                $[29] = maxHeight;
-                $[30] = t7;
-            }
-            else {
-                t7 = $[30];
-            }
-            tabs.push(t7);
-        }
-        $[9] = antOnlyCommands;
-        $[10] = builtinCommands;
-        $[11] = close;
-        $[12] = columns;
-        $[13] = customCommands;
-        $[14] = maxHeight;
-        $[15] = tabs;
-    }
-    else {
-        tabs = $[15];
-    }
-    const t5 = insideModal ? undefined : maxHeight;
-    let t6;
-    if ($[31] !== tabs) {
-        t6 = _jsx(Tabs, { title: false ? "/help" : `Context Code v${MACRO.VERSION}`, color: "professionalBlue", defaultTab: "general", children: tabs });
-        $[31] = tabs;
-        $[32] = t6;
-    }
-    else {
-        t6 = $[32];
-    }
-    let t7;
-    if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-        t7 = _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Para m\u00E1s ayuda:", " ", _jsx(Link, { url: "https://context.iaforged.com/docs/en/overview" })] }) });
-        $[33] = t7;
-    }
-    else {
-        t7 = $[33];
-    }
-    let t8;
-    if ($[34] !== dismissShortcut || $[35] !== exitState.keyName || $[36] !== exitState.pending) {
-        t8 = _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: exitState.pending ? _jsxs(_Fragment, { children: ["Presione ", exitState.keyName, " de nuevo para salir"] }) : _jsxs(Text, { italic: true, children: [dismissShortcut, " para cancelar"] }) }) });
-        $[34] = dismissShortcut;
-        $[35] = exitState.keyName;
-        $[36] = exitState.pending;
-        $[37] = t8;
-    }
-    else {
-        t8 = $[37];
-    }
-    let t9;
-    if ($[38] !== t6 || $[39] !== t8) {
-        t9 = _jsxs(Pane, { color: "professionalBlue", children: [t6, t7, t8] });
-        $[38] = t6;
-        $[39] = t8;
-        $[40] = t9;
-    }
-    else {
-        t9 = $[40];
-    }
-    let t10;
-    if ($[41] !== t5 || $[42] !== t9) {
-        t10 = _jsx(Box, { flexDirection: "column", height: t5, children: t9 });
-        $[41] = t5;
-        $[42] = t9;
-        $[43] = t10;
-    }
-    else {
-        t10 = $[43];
-    }
-    return t10;
-}