jaml-ui 0.24.10 → 0.24.13

package/dist/components/JamlCodeEditor.js

@@ -26,7 +26,7 @@ const balatroTheme = EditorView.theme({
         height: "100%",
     },
     ".cm-content": {
-        fontFamily: "'m6x11mono', 'm6x11plus', ui-monospace, monospace",
+        fontFamily: "var(--j-font-code, 'JetBrains Mono', ui-monospace, monospace)",
         lineHeight: "22px",
         padding: "12px 0",
         caretColor: JimboColorOption.GOLD_TEXT,

package/dist/components/JamlIde.d.ts

@@ -19,10 +19,14 @@ export interface JamlIdeProps {
     className?: string;
     style?: React.CSSProperties;
     title?: string;
+    subtitle?: React.ReactNode;
+    compactHeader?: boolean;
     actions?: React.ReactNode;
     codePlaceholder?: string;
     onSearch?: () => void;
     isSearching?: boolean;
+    /** Hide the Balatro attribution footer. Default: false (always shown). */
+    hideFooter?: boolean;
     /**
      * Controlled visual filter. When provided alongside `onVisualFilterChange`, the Visual tab
      * is fully controlled by the parent. When absent, the Visual tab auto-derives from the text.
@@ -32,4 +36,4 @@ export interface JamlIdeProps {
 }
 export type { JamlVisualFilter } from "./JamlIdeVisual.js";
 export type { JamlVisualClause, JamlZone } from "./JamlIdeVisual.js";
-export declare function JamlIde({ jaml, defaultJaml, onChange, defaultMode, searchResults, className, style, title, actions, codePlaceholder, onSearch, isSearching, visualFilter, onVisualFilterChange, }: JamlIdeProps): import("react/jsx-runtime").JSX.Element;
+export declare function JamlIde({ jaml, defaultJaml, onChange, defaultMode, searchResults, className, style, title, subtitle, compactHeader, actions, codePlaceholder, onSearch, isSearching, hideFooter, visualFilter, onVisualFilterChange, }: JamlIdeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlIde.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
+import { JimboBalatroFooter } from "../ui/footer.js";
 import { JamlMapPreview } from "./JamlMapPreview.js";
 import { JamlMapEditor, CategoryMenu, JokerPicker, CategoryPicker, VOUCHER_PICKER_CONFIG, TAG_PICKER_CONFIG, BOSS_PICKER_CONFIG, TAROT_PICKER_CONFIG, PLANET_PICKER_CONFIG, SPECTRAL_PICKER_CONFIG, PACK_PICKER_CONFIG, } from "./jamlMap/index.js";
 import { JamlIdeToolbar } from "./JamlIdeToolbar.js";
@@ -88,7 +89,7 @@ function ResultsView({ results, jaml }) {
                                     })] })] })) : null] }, result.seed));
         }) }));
 }
-export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", searchResults = [], className = "", style, title = "JAML IDE", actions, codePlaceholder = "Enter JAML...", onSearch, isSearching = false, visualFilter, onVisualFilterChange, }) {
+export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", searchResults = [], className = "", style, title = "JAML IDE", subtitle = "Jimbo's Ante Markup Language", compactHeader = false, actions, codePlaceholder = "Enter JAML...", onSearch, isSearching = false, hideFooter = false, visualFilter, onVisualFilterChange, }) {
     const [mode, setMode] = useState(defaultMode);
     const [internalText, setInternalText] = useState(jaml ?? defaultJaml ?? "");
     const [lastJamlProp, setLastJamlProp] = useState(jaml);
@@ -184,9 +185,9 @@ export function JamlIde({ jaml, defaultJaml, onChange, defaultMode = "code", sea
                     alignItems: "center",
                     justifyContent: "space-between",
                     flexWrap: "wrap",
-                    gap: 12,
-                    padding: "10px 14px",
+                    gap: compactHeader ? 8 : 12,
+                    padding: compactHeader ? "8px 10px" : "10px 14px",
                     borderBottom: `1px solid ${JimboColorOption.PANEL_EDGE}`,
                     background: JimboColorOption.TEAL_GREY,
-                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, fontWeight: "normal", fontFamily: "m6x11plus, monospace", color: JimboColorOption.GOLD_TEXT }, children: title }), _jsx("div", { style: { fontSize: 11, color: JimboColorOption.GREY }, children: "Jimbo's Ante Markup Language" })] }), actions ? _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: actions }) : null] }), _jsx(JamlIdeToolbar, { mode: mode, onModeChange: setMode, resultCount: results.length, onSearch: onSearch, isSearching: isSearching }), _jsxs("div", { style: { flex: 1, minHeight: 0, overflow: "auto", background: JimboColorOption.DARKEST }, children: [mode === "visual" ? (_jsx(JamlIdeVisual, { filter: activeFilter, onChange: handleVisualFilterChange, onAddClause: handleAddClause })) : null, mode === "code" ? (_jsx(JamlCodeEditor, { value: text, onChange: handleTextChange, placeholder: codePlaceholder })) : null, mode === "map" ? _jsx(JamlMapEditor, { onChange: handleTextChange }) : null, mode === "results" ? (_jsx("div", { style: { padding: 12 }, children: _jsx(ResultsView, { results: results, jaml: text }) })) : null] }), _jsx(JimboModal, { open: addZone !== null, onClose: handlePickerClose, children: addZone !== null && (pickerFlow === "category" ? (_jsx(CategoryMenu, { onSelect: (cat) => setPickerFlow(cat) })) : pickerFlow === "joker" ? (_jsx(JokerPicker, { onSelect: handlePickerSelect, onCancel: handlePickerClose })) : (_jsx(CategoryPicker, { config: CATEGORY_CONFIG_MAP[pickerFlow], onSelect: handlePickerSelect, onCancel: handlePickerClose }))) })] }));
+                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, fontWeight: "normal", fontFamily: "m6x11plus, monospace", color: JimboColorOption.GOLD_TEXT }, children: title }), subtitle ? _jsx("div", { style: { fontSize: 11, color: JimboColorOption.GREY }, children: subtitle }) : null] }), actions ? _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: actions }) : null] }), _jsx(JamlIdeToolbar, { mode: mode, onModeChange: setMode, resultCount: results.length, onSearch: onSearch, isSearching: isSearching }), _jsxs("div", { style: { flex: 1, minHeight: 0, overflow: mode === "map" ? "hidden" : "auto", background: JimboColorOption.DARKEST }, children: [mode === "visual" ? (_jsx(JamlIdeVisual, { filter: activeFilter, onChange: handleVisualFilterChange, onAddClause: handleAddClause })) : null, mode === "code" ? (_jsx(JamlCodeEditor, { value: text, onChange: handleTextChange, placeholder: codePlaceholder })) : null, mode === "map" ? _jsx(JamlMapEditor, { onChange: handleTextChange }) : null, mode === "results" ? (_jsx("div", { style: { padding: 12 }, children: _jsx(ResultsView, { results: results, jaml: text }) })) : null] }), !hideFooter && _jsx(JimboBalatroFooter, {}), _jsx(JimboModal, { open: addZone !== null, onClose: handlePickerClose, children: addZone !== null && (pickerFlow === "category" ? (_jsx(CategoryMenu, { onSelect: (cat) => setPickerFlow(cat) })) : pickerFlow === "joker" ? (_jsx(JokerPicker, { onSelect: handlePickerSelect, onCancel: handlePickerClose })) : (_jsx(CategoryPicker, { config: CATEGORY_CONFIG_MAP[pickerFlow], onSelect: handlePickerSelect, onCancel: handlePickerClose }))) })] }));
 }

package/dist/components/JamlIdeVisual.d.ts

@@ -5,6 +5,7 @@ export interface JamlVisualClause {
     value: string;
     label?: string;
     antes?: number[];
+    boosterPacks?: number[];
     score?: number;
     edition?: string;
 }

package/dist/components/JamlIdeVisual.js

@@ -21,11 +21,21 @@ function clauseSpriteSheet(type) {
         return "Jokers";
     if (type === "voucher")
         return "Vouchers";
-    if (type === "smallblindtag" || type === "bigblindtag" || type === "tag")
+    if (type === "tag" ||
+        type === "tags" ||
+        type === "smallBlindTag" ||
+        type === "bigBlindTag" ||
+        type === "smallblindtag" ||
+        type === "bigblindtag")
         return "tags";
     if (type === "boss")
         return "BlindChips";
-    if (type === "tarot" || type === "spectral")
+    if (type === "tarot" ||
+        type === "tarotCard" ||
+        type === "spectral" ||
+        type === "spectralCard" ||
+        type === "planet" ||
+        type === "planetCard")
         return "Tarots";
     return undefined;
 }

package/dist/components/jamlMap/JamlMapEditor.js

@@ -6,7 +6,7 @@ import { JokerPicker } from "./JokerPicker.js";
 import { CategoryPicker, VOUCHER_PICKER_CONFIG, TAG_PICKER_CONFIG, BOSS_PICKER_CONFIG, TAROT_PICKER_CONFIG, PLANET_PICKER_CONFIG, SPECTRAL_PICKER_CONFIG, PACK_PICKER_CONFIG, } from "./CategoryPicker.js";
 import { JimboButton, JimboModal } from "../../ui/panel.js";
 import { JimboText } from "../../ui/jimboText.js";
-import { JimboColorOption } from "../../ui/tokens.js";
+import { JimboColorOption, withAlpha } from "../../ui/tokens.js";
 import { JimboSprite } from "../../ui/sprites.js";
 // ─── Category menu items ─────────────────────────────────────────────────────
 const C = JimboColorOption;
@@ -48,12 +48,19 @@ export function JamlMapEditor({ zone: initialZone = "must", onChange, }) {
     const [ante, setAnte] = useState(1);
     const [antesState, setAntesState] = useState({});
     const [activeSlot, setActiveSlot] = useState(null);
+    const [activePackDetail, setActivePackDetail] = useState(null);
     const [pickerFlow, setPickerFlow] = useState("category");
+    const [activePackSelection, setActivePackSelection] = useState(null);
     const currentAnteSelections = antesState[ante] || {};
     const handleSlotTap = useCallback((anteIndex, id, forceCategory) => {
+        const existing = (antesState[anteIndex] || {})[id];
+        if (forceCategory === "pack" && existing?.packName) {
+            setActivePackDetail({ ante: anteIndex, id });
+            return;
+        }
         setActiveSlot({ ante: anteIndex, id, forceCategory });
         setPickerFlow(forceCategory || "category");
-    }, []);
+    }, [antesState]);
     const handleSlotClear = useCallback((anteIndex, id) => {
         setAntesState((prev) => {
             const next = { ...prev };
@@ -65,25 +72,51 @@ export function JamlMapEditor({ zone: initialZone = "must", onChange, }) {
             onChangeRef.current?.(buildJamlText(next));
             return next;
         });
+        setActivePackDetail((prev) => prev && prev.ante === anteIndex && prev.id === id ? null : prev);
     }, []);
+    const handlePackChange = useCallback(() => {
+        if (!activePackDetail)
+            return;
+        setActivePackDetail(null);
+        setActivePackSelection(null);
+        setActiveSlot({ ante: activePackDetail.ante, id: activePackDetail.id, forceCategory: "pack" });
+        setPickerFlow("pack");
+    }, [activePackDetail]);
     const handleCategorySelect = useCallback((cat) => {
         setPickerFlow(cat);
     }, []);
     const handleItemSelect = useCallback((selection) => {
         if (!activeSlot)
             return;
+        if (activeSlot.forceCategory === "pack" && selection.category === "pack") {
+            const slotIndex = getPackSlotIndex(activeSlot.id);
+            if (slotIndex === null)
+                return;
+            const nextFlow = getPackFollowupFlow(selection.value);
+            setActivePackSelection({ packName: selection.value, slotIndex });
+            setPickerFlow(nextFlow);
+            return;
+        }
+        const finalSelection = activePackSelection
+            ? { ...selection, packName: activePackSelection.packName, boosterPacks: [activePackSelection.slotIndex] }
+            : selection;
         setAntesState((prev) => {
             const next = { ...prev };
             const nextAnte = { ...(next[activeSlot.ante] || {}) };
-            nextAnte[activeSlot.id] = { ...selection, zone: currentZone };
+            nextAnte[activeSlot.id] = { ...finalSelection, zone: currentZone };
             next[activeSlot.ante] = nextAnte;
             onChangeRef.current?.(buildJamlText(next));
             return next;
         });
+        setActivePackSelection(null);
         setActiveSlot(null);
-    }, [activeSlot, currentZone]);
+    }, [activePackSelection, activeSlot, currentZone]);
     const handlePickerCancel = useCallback(() => {
-        if (activeSlot?.forceCategory) {
+        if (activeSlot?.forceCategory === "pack" && activePackSelection) {
+            setActivePackSelection(null);
+            setPickerFlow("pack");
+        }
+        else if (activeSlot?.forceCategory) {
             setActiveSlot(null);
         }
         else if (pickerFlow !== "category") {
@@ -92,11 +125,16 @@ export function JamlMapEditor({ zone: initialZone = "must", onChange, }) {
         else {
             setActiveSlot(null);
         }
-    }, [activeSlot, pickerFlow]);
+    }, [activePackSelection, activeSlot, pickerFlow]);
     const handleOverlayClose = useCallback(() => {
+        setActivePackSelection(null);
         setActiveSlot(null);
+        setActivePackDetail(null);
     }, []);
     const jamlText = useMemo(() => buildJamlText(antesState), [antesState]);
+    const activePackDetailSelection = activePackDetail
+        ? (antesState[activePackDetail.ante] || {})[activePackDetail.id]
+        : undefined;
     const handleScrollAttach = useCallback((node) => {
         if (!node)
             return;
@@ -110,18 +148,26 @@ export function JamlMapEditor({ zone: initialZone = "must", onChange, }) {
     };
     return (_jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [_jsx("div", { ref: handleScrollAttach, className: "hide-scrollbar", style: {
                     flex: 1,
-                    overflowY: "auto",
+                    overflowY: "scroll",
+                    overflowX: "hidden",
                     scrollSnapType: "y mandatory",
-                    scrollBehavior: "smooth"
+                    scrollBehavior: "smooth",
+                    WebkitOverflowScrolling: "touch",
+                    overscrollBehaviorY: "contain",
                 }, children: Array.from({ length: 40 }, (_, i) => i).map((a) => (_jsxs("div", { style: {
                         scrollSnapAlign: "start",
+                        scrollSnapStop: "always",
                         padding: "24px 8px 64px 8px",
-                        minHeight: "100%", // ensuring each ante takes at least full viewport height to snap cleanly
+                        minHeight: "100%",
+                        boxSizing: "border-box",
                         display: "flex",
                         flexDirection: "column",
                         gap: 24,
                         borderBottom: `2px solid ${C.DARK_GREY}`
-                    }, children: [_jsxs(JimboText, { size: "md", tone: "white", style: { textAlign: "center", marginBottom: 8 }, children: ["Ante ", a] }), _jsxs("div", { className: "j-flex j-justify-between j-items-end", children: [_jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Voucher" }), renderSlot(a, `ante_${a}_voucher`, 42, "Vouchers", "voucher")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Small" }), renderSlot(a, `ante_${a}_tag_small`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Big" }), renderSlot(a, `ante_${a}_tag_big`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Boss" }), renderSlot(a, `ante_${a}_boss`, 42, "BlindChips", "boss")] })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Shop Items" }), _jsx("div", { className: "j-flex hide-scrollbar j-gap-sm", style: { overflowX: "auto", paddingBottom: 8 }, children: [1, 2, 3, 4, 5, 6, 7, 8].map(i => renderSlot(a, `ante_${a}_shop_${i}`, 52, "Jokers")) })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Packs" }), _jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: [1, 2, 3, 4, 5, 6].map(i => renderSlot(a, `ante_${a}_pack_${i}`, 64, "Boosters", "pack")) })] })] }, a))) }), _jsx(JimboModal, { open: activeSlot !== null, onClose: handlePickerCancel, title: pickerFlow === "category" ? "Select Category" : undefined, className: "j-picker-modal", children: activeSlot !== null && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "8px 10px", marginBottom: 2 }, children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginBottom: 6 }, children: "This pick will be added as" }), _jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: ["must", "should", "mustnot"].map((z) => (_jsx(JimboButton, { tone: currentZone === z ? ZONE_TONE[z] : "grey", size: "xs", onClick: () => setCurrentZone(z), children: ZONE_LABEL[z] }, z))) })] }), pickerFlow === "category" ? (_jsx(CategoryMenu, { onSelect: handleCategorySelect })) : pickerFlow === "joker" ? (_jsx(JokerPicker, { onSelect: handleItemSelect, onCancel: handlePickerCancel })) : (_jsx(CategoryPicker, { config: CATEGORY_CONFIG_MAP[pickerFlow], onSelect: handleItemSelect, onCancel: handlePickerCancel }))] })) })] }));
+                    }, children: [_jsxs(JimboText, { size: "md", tone: "white", style: { textAlign: "center", marginBottom: 8 }, children: ["Ante ", a] }), _jsxs("div", { className: "j-flex j-justify-between j-items-end", children: [_jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Voucher" }), renderSlot(a, `ante_${a}_voucher`, 42, "Vouchers", "voucher")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Small" }), renderSlot(a, `ante_${a}_tag_small`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Big" }), renderSlot(a, `ante_${a}_tag_big`, 42, "tags", "tag")] }), _jsxs("div", { className: "j-flex-col j-items-center j-gap-xs", children: [_jsx(JimboText, { size: "micro", tone: "grey", children: "Boss" }), renderSlot(a, `ante_${a}_boss`, 42, "BlindChips", "boss")] })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Shop Items" }), _jsx("div", { className: "j-flex hide-scrollbar j-gap-sm", style: { overflowX: "auto", paddingBottom: 8 }, children: [1, 2, 3, 4, 5, 6, 7, 8].map(i => renderSlot(a, `ante_${a}_shop_${i}`, 52, "Jokers")) })] }), _jsxs("div", { className: "j-flex-col j-gap-xs", children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { letterSpacing: 1 }, children: "Packs" }), _jsx("div", { className: "j-flex-col j-gap-sm", children: getPackRows(a).map((row, rowIndex) => (_jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "nowrap" }, children: row.map(i => renderSlot(a, `ante_${a}_pack_${i}`, 64, "Boosters", "pack")) }, rowIndex))) })] })] }, a))) }), _jsx(JimboModal, { open: activeSlot !== null, onClose: handlePickerCancel, title: pickerFlow === "category" ? "Select Category" : undefined, className: "j-picker-modal", children: activeSlot !== null && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "8px 10px", marginBottom: 2 }, children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginBottom: 6 }, children: "This pick will be added as" }), _jsx("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: ["must", "should", "mustnot"].map((z) => (_jsx(JimboButton, { tone: currentZone === z ? ZONE_TONE[z] : "grey", size: "xs", onClick: () => setCurrentZone(z), children: ZONE_LABEL[z] }, z))) })] }), pickerFlow === "category" ? (_jsx(CategoryMenu, { onSelect: handleCategorySelect })) : pickerFlow === "joker" ? (_jsx(JokerPicker, { onSelect: handleItemSelect, onCancel: handlePickerCancel })) : pickerFlow === "packUnsupported" ? (_jsxs("div", { className: "j-flex-col j-gap-sm", style: { padding: 10, maxWidth: 360 }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "10px 12px" }, children: [_jsx(JimboText, { size: "sm", tone: "orange", children: "Standard Packs need a dedicated playing-card picker." }), _jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginTop: 6 }, children: "Arcana, Celestial, Spectral, and Buffoon pack flows are wired. Standard Pack support can come next without faking the JAML shape." })] }), _jsx(JimboButton, { tone: "orange", size: "sm", fullWidth: true, onClick: () => {
+                                        setActivePackSelection(null);
+                                        setPickerFlow("pack");
+                                    }, children: "Back to Packs" })] })) : (_jsx(CategoryPicker, { config: CATEGORY_CONFIG_MAP[pickerFlow], onSelect: handleItemSelect, onCancel: handlePickerCancel }))] })) }), _jsx(JimboModal, { open: activePackDetail !== null && !!activePackDetailSelection?.packName, onClose: handleOverlayClose, title: activePackDetailSelection?.packName ?? "Pack", className: "j-picker-modal", children: activePackDetail !== null && activePackDetailSelection?.packName && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 10, maxWidth: 360 }, children: [_jsx("div", { className: "j-inner-panel", style: { padding: "10px 12px", background: withAlpha(C.DARKEST, 0.84) }, children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [_jsx(JimboSprite, { name: activePackDetailSelection.packName, sheet: "Boosters", width: 56 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [_jsxs(JimboText, { size: "sm", tone: "white", children: ["Ante ", activePackDetail.ante, " pack ", ((activePackDetailSelection.boosterPacks?.[0] ?? 0) + 1)] }), _jsx(JimboText, { size: "xs", tone: "grey", children: getPackHelperText(activePackDetailSelection.packName) })] })] }) }), _jsxs("div", { className: "j-inner-panel", style: { padding: "10px 12px" }, children: [_jsx(JimboText, { size: "xs", tone: "grey", style: { display: "block", marginBottom: 8 }, children: "Peek" }), _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, marginBottom: 10 }, children: [_jsx(JimboSprite, { name: activePackDetailSelection.packName, sheet: "Boosters", width: 44 }), _jsx(JimboText, { size: "sm", tone: "grey", children: "\u2192" }), _jsx(JimboSprite, { name: activePackDetailSelection.value, sheet: categoryToPreviewSheet(activePackDetailSelection.category), width: 48 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 3 }, children: [_jsx(JimboText, { size: "sm", tone: "white", children: activePackDetailSelection.value }), _jsxs(JimboText, { size: "xs", tone: "grey", children: [getSelectionCategoryLabel(activePackDetailSelection.category), " from ", activePackDetailSelection.packName] })] })] }), _jsxs("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: [_jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 96 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Zone" }), _jsx(JimboText, { size: "xs", tone: getZoneTextTone(activePackDetailSelection.zone), children: ZONE_LABEL[activePackDetailSelection.zone] })] }), _jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 120 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Clause" }), _jsx(JimboText, { size: "xs", tone: "white", children: activePackDetailSelection.clauseKey })] }), _jsxs("div", { className: "j-inner-panel", style: { padding: "6px 8px", minWidth: 96 }, children: [_jsx(JimboText, { size: "micro", tone: "grey", style: { display: "block", marginBottom: 2 }, children: "Source" }), _jsxs(JimboText, { size: "xs", tone: "white", children: ["boosterPacks: [", activePackDetailSelection.boosterPacks?.join(", ") ?? "", "]"] })] })] })] }), _jsxs("div", { className: "j-flex j-gap-sm", style: { flexWrap: "wrap" }, children: [_jsx(JimboButton, { tone: "blue", size: "sm", fullWidth: true, onClick: handlePackChange, children: "Re-pick Contents" }), _jsx(JimboButton, { tone: "red", size: "sm", fullWidth: true, onClick: () => handleSlotClear(activePackDetail.ante, activePackDetail.id), children: "Clear This Pack" })] })] })) })] }));
 }
 // ─── Category Selection Menu ─────────────────────────────────────────────────
 export function CategoryMenu({ onSelect, }) {
@@ -135,6 +181,79 @@ export function CategoryMenu({ onSelect, }) {
         }, children: CATEGORIES.map((cat) => (_jsx(JimboButton, { tone: cat.tone, size: "sm", fullWidth: true, onClick: () => onSelect(cat.key), children: _jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, width: "100%", textAlign: "left" }, children: [_jsx(JimboSprite, { name: cat.sprite, sheet: cat.sheet, width: 24 }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [_jsx("span", { style: { fontSize: 11 }, children: cat.label }), _jsx("span", { style: { fontSize: 8, opacity: 0.7, letterSpacing: "0.04em", lineHeight: 1, whiteSpace: "normal" }, children: cat.hint })] })] }) }, cat.key))) }));
 }
 // ─── Build JAML text from slots ──────────────────────────────────────────────
+function getPackSlotIndex(slotId) {
+    const match = /_pack_(\d+)$/.exec(slotId);
+    if (!match)
+        return null;
+    return Number(match[1]) - 1;
+}
+function getPackRows(ante) {
+    const packCount = ante < 2 ? 4 : 6;
+    const rows = [];
+    for (let i = 1; i <= packCount; i += 2) {
+        rows.push([i, i + 1].filter((slot) => slot <= packCount));
+    }
+    return rows;
+}
+function getPackFollowupFlow(packName) {
+    if (packName.includes("Buffoon"))
+        return "joker";
+    if (packName.includes("Arcana"))
+        return "tarot";
+    if (packName.includes("Celestial"))
+        return "planet";
+    if (packName.includes("Spectral"))
+        return "spectral";
+    return "packUnsupported";
+}
+function categoryToPreviewSheet(category) {
+    if (category === "joker")
+        return "Jokers";
+    if (category === "voucher")
+        return "Vouchers";
+    if (category === "tag")
+        return "tags";
+    if (category === "boss")
+        return "BlindChips";
+    if (category === "pack")
+        return "Boosters";
+    return "Tarots";
+}
+function getPackHelperText(packName) {
+    if (packName.includes("Buffoon"))
+        return "Peek the joker this pack is meant to carry.";
+    if (packName.includes("Arcana"))
+        return "Peek the tarot card currently attached to this pack.";
+    if (packName.includes("Celestial"))
+        return "Peek the planet card currently attached to this pack.";
+    if (packName.includes("Spectral"))
+        return "Peek the spectral card currently attached to this pack.";
+    return "Peek the item currently attached to this pack.";
+}
+function getSelectionCategoryLabel(category) {
+    if (category === "joker")
+        return "Joker";
+    if (category === "voucher")
+        return "Voucher";
+    if (category === "tag")
+        return "Tag";
+    if (category === "boss")
+        return "Boss Blind";
+    if (category === "tarot")
+        return "Tarot Card";
+    if (category === "planet")
+        return "Planet Card";
+    if (category === "spectral")
+        return "Spectral Card";
+    return "Pack";
+}
+function getZoneTextTone(zone) {
+    if (zone === "must")
+        return "blue";
+    if (zone === "should")
+        return "green";
+    return "red";
+}
 function buildJamlText(antes) {
     const byZone = {
         must: {}, should: {}, mustnot: {}
@@ -147,13 +266,14 @@ function buildJamlText(antes) {
             if (!byZone[zone][key]) {
                 byZone[zone][key] = [];
             }
-            const existing = byZone[zone][key].find(item => item.value === sel.value);
+            const existing = byZone[zone][key].find(item => item.value === sel.value &&
+                (item.boosterPacks ?? []).join(",") === (sel.boosterPacks ?? []).join(","));
             if (existing) {
                 if (!existing.antes.includes(anteNum))
                     existing.antes.push(anteNum);
             }
             else {
-                byZone[zone][key].push({ value: sel.value, antes: [anteNum] });
+                byZone[zone][key].push({ value: sel.value, antes: [anteNum], boosterPacks: sel.boosterPacks });
             }
         }
     }
@@ -175,6 +295,10 @@ function buildJamlText(antes) {
                 if (item.antes.length < 8) {
                     lines.push(`    antes: [${item.antes.sort((a, b) => a - b).join(", ")}]`);
                 }
+                if (item.boosterPacks && item.boosterPacks.length > 0) {
+                    lines.push(`    sources:`);
+                    lines.push(`      boosterPacks: [${item.boosterPacks.join(", ")}]`);
+                }
             }
         }
     }

package/dist/components/jamlMap/MysterySlot.d.ts

@@ -10,6 +10,10 @@ export interface SlotSelection {
     value: string;
     /** JAML clause key (e.g. "commonJoker", "legendaryJoker", "voucher"). */
     clauseKey: string;
+    /** Optional selected pack display name for pack slots. */
+    packName?: string;
+    /** Optional source pack indices for pack-derived item clauses. */
+    boosterPacks?: number[];
     /** Optional rarity for jokers. */
     rarity?: "common" | "uncommon" | "rare" | "legendary";
 }

package/dist/components/jamlMap/MysterySlot.js

@@ -35,9 +35,12 @@ export function MysterySlot({ zone, sheetType, selection, width = 56, onTap, onC
     const borderColor = ZONE_BORDER[zone];
     const isEmpty = !selection;
     const cardH = Math.round((width * 95) / 71);
-    // Determine what to render
-    const spriteName = selection?.value ?? "";
-    const spriteSheet = selection ? categoryToSheet(selection.category) ?? sheetType : sheetType;
+    const spriteName = selection?.packName ?? selection?.value ?? "";
+    const spriteSheet = selection?.packName
+        ? "Boosters"
+        : selection
+            ? categoryToSheet(selection.category) ?? sheetType
+            : sheetType;
     const scale = pressed
         ? 0.95
         : hover

package/dist/hooks/searchWorker.d.ts

@@ -1 +1,29 @@
-export {};
+declare let MotelyWasm: any;
+declare let MotelyWasmEvents: any;
+declare let activeSearch: {
+    cancel(): void;
+} | null;
+declare let activeSearchRunId: number;
+type WorkerMessage = {
+    type: "init";
+    url: string;
+} | {
+    type: "start";
+    jaml: string;
+    mode?: string;
+    count?: number;
+    aesthetic?: number;
+    seeds?: string[];
+    keywords?: string;
+    padding?: string;
+    batchCharCount?: number;
+    startBatch?: string;
+    endBatch?: string;
+} | {
+    type: "stop";
+} | {
+    type: "get_tally_labels";
+    jaml: string;
+};
+declare function post(message: Record<string, unknown>): void;
+declare function resetEventHandlers(): void;

package/dist/hooks/searchWorker.js

@@ -1,68 +1,117 @@
-import motely, { Motely } from "motely-wasm";
-// Boot motely immediately when this module is loaded
-motely.boot().catch(console.error);
+"use strict";
+let MotelyWasm = null;
+let MotelyWasmEvents = null;
 let activeSearch = null;
-self.addEventListener('message', function (e) {
+let activeSearchRunId = 0;
+function post(message) {
+    self.postMessage(message);
+}
+function resetEventHandlers() {
+    if (!MotelyWasmEvents)
+        return;
+    MotelyWasmEvents.notifyResult = () => { };
+    MotelyWasmEvents.notifyProgress = () => { };
+    MotelyWasmEvents.notifyComplete = () => { };
+}
+self.addEventListener("message", async (e) => {
     const msg = e.data;
-    if (msg.type === 'start') {
-        const validation = Motely.MotelyWasm.validateJaml(msg.jaml);
-        if (validation !== 'valid') {
-            self.postMessage({ type: 'error', message: validation });
+    if (msg.type === "init") {
+        try {
+            const mod = await import(/* @vite-ignore */ msg.url);
+            await mod.default.boot();
+            const motely = mod.Motely;
+            MotelyWasm = motely.MotelyWasm;
+            MotelyWasmEvents = motely.MotelyWasmEvents;
+            post({ type: "ready" });
+        }
+        catch (err) {
+            post({ type: "error", message: String(err) });
+        }
+        return;
+    }
+    if (msg.type === "start") {
+        if (!MotelyWasm) {
+            post({ type: "error", message: "Not initialized" });
+            return;
+        }
+        const validation = MotelyWasm.validateJaml(msg.jaml);
+        if (validation !== "valid") {
+            post({ type: "error", message: validation });
             return;
         }
+        const runId = ++activeSearchRunId;
         function cleanup() {
-            Motely.MotelyWasmEvents.notifyResult = () => { };
-            Motely.MotelyWasmEvents.notifyProgress = () => { };
-            Motely.MotelyWasmEvents.notifyComplete = () => { };
-            activeSearch = null;
+            resetEventHandlers();
+            if (runId === activeSearchRunId) {
+                activeSearch = null;
+            }
         }
-        Motely.MotelyWasmEvents.notifyResult = function (seed, score, tallyColumns) {
-            self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
+        MotelyWasmEvents.notifyResult = (seed, score, tallyColumns) => {
+            if (runId !== activeSearchRunId)
+                return;
+            post({ type: "result", seed, score, tallyColumns: Array.from(tallyColumns) });
         };
-        Motely.MotelyWasmEvents.notifyProgress = function (searched, matching) {
-            self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
+        MotelyWasmEvents.notifyProgress = (searched, matching) => {
+            if (runId !== activeSearchRunId)
+                return;
+            post({ type: "progress", searched: searched.toString(), matching: matching.toString() });
         };
-        Motely.MotelyWasmEvents.notifyComplete = function (status, searched, matched) {
+        MotelyWasmEvents.notifyComplete = (status, searched, matched) => {
+            if (runId !== activeSearchRunId)
+                return;
             cleanup();
-            self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });
+            post({ type: "complete", status, searched: searched.toString(), matched: matched.toString() });
         };
         try {
-            const mode = msg.mode || 'random';
-            if (mode === 'random') {
-                activeSearch = Motely.MotelyWasm.startRandomSearch(msg.jaml, msg.count);
+            const mode = msg.mode || "random";
+            if (mode === "random") {
+                activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
             }
-            else if (mode === 'aesthetic') {
-                activeSearch = Motely.MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);
+            else if (mode === "aesthetic") {
+                activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);
             }
-            else if (mode === 'seedList') {
-                activeSearch = Motely.MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);
+            else if (mode === "seedList") {
+                activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);
             }
-            else if (mode === 'keyword') {
-                activeSearch = Motely.MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');
+            else if (mode === "keyword") {
+                activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || "");
             }
-            else if (mode === 'sequential') {
-                activeSearch = Motely.MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));
+            else if (mode === "sequential") {
+                activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch || "0"), BigInt(msg.endBatch || "0"));
+            }
+            else {
+                post({ type: "error", message: `Unknown search mode: ${mode}` });
+                cleanup();
+                return;
             }
         }
         catch (err) {
             cleanup();
-            self.postMessage({ type: 'error', message: String(err) });
+            post({ type: "error", message: String(err) });
         }
+        return;
     }
-    else if (msg.type === 'stop') {
+    if (msg.type === "stop") {
+        activeSearchRunId++;
+        resetEventHandlers();
         if (activeSearch) {
             activeSearch.cancel();
             activeSearch = null;
-            self.postMessage({ type: 'cancelled' });
         }
+        post({ type: "cancelled" });
+        return;
     }
-    else if (msg.type === 'get_tally_labels') {
+    if (msg.type === "get_tally_labels") {
+        if (!MotelyWasm) {
+            post({ type: "error", message: "Not initialized" });
+            return;
+        }
         try {
-            const labels = Motely.MotelyWasm.getTallyLabels(msg.jaml);
-            self.postMessage({ type: 'tally_labels', labels: Array.from(labels) });
+            const labels = MotelyWasm.getTallyLabels(msg.jaml);
+            post({ type: "tally_labels", labels: Array.from(labels) });
         }
         catch (err) {
-            self.postMessage({ type: 'error', message: String(err) });
+            post({ type: "error", message: String(err) });
         }
     }
 });

package/dist/hooks/useSearch.js

@@ -9,106 +9,8 @@ const INITIAL_STATE = {
     seedsPerSecond: 0,
     tallyLabels: [],
 };
-const SEARCH_WORKER_CODE = `
-let MotelyWasm = null;
-let MotelyWasmEvents = null;
-let activeSearch = null;
-let activeSearchRunId = 0;
-
-self.addEventListener('message', async function(e) {
-  const msg = e.data;
-
-  if (msg.type === 'init') {
-    try {
-      const mod = await import(msg.url);
-      await mod.default.boot();
-      const motely = mod.Motely;
-      MotelyWasm = motely.MotelyWasm;
-      MotelyWasmEvents = motely.MotelyWasmEvents;
-      self.postMessage({ type: 'ready' });
-    } catch (err) {
-      self.postMessage({ type: 'error', message: String(err) });
-    }
-    return;
-  }
-
-  if (msg.type === 'start') {
-    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
-    const validation = MotelyWasm.validateJaml(msg.jaml);
-    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }
-    const runId = ++activeSearchRunId;
-
-    function cleanup() {
-      MotelyWasmEvents.notifyResult = () => {};
-      MotelyWasmEvents.notifyProgress = () => {};
-      MotelyWasmEvents.notifyComplete = () => {};
-      if (runId === activeSearchRunId) {
-        activeSearch = null;
-      }
-    }
-
-    MotelyWasmEvents.notifyResult = function(seed, score, tallyColumns) {
-      if (runId !== activeSearchRunId) return;
-      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
-    };
-    MotelyWasmEvents.notifyProgress = function(searched, matching) {
-      if (runId !== activeSearchRunId) return;
-      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
-    };
-    MotelyWasmEvents.notifyComplete = function(status, searched, matched) {
-      if (runId !== activeSearchRunId) return;
-      cleanup();
-      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });
-    };
-
-    try {
-      const mode = msg.mode || 'random';
-
-      if (mode === 'random') {
-        activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
-      } else if (mode === 'aesthetic') {
-        activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);
-      } else if (mode === 'seedList') {
-        activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);
-      } else if (mode === 'keyword') {
-        activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');
-      } else if (mode === 'sequential') {
-        activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));
-      } else {
-        self.postMessage({ type: 'error', message: 'Unknown search mode: ' + mode });
-        cleanup();
-        return;
-      }
-    } catch (err) {
-      cleanup();
-      self.postMessage({ type: 'error', message: String(err) });
-    }
-    return;
-  }
-
-  if (msg.type === 'stop') {
-    activeSearchRunId++;
-    MotelyWasmEvents.notifyResult = () => {};
-    MotelyWasmEvents.notifyProgress = () => {};
-    MotelyWasmEvents.notifyComplete = () => {};
-    if (activeSearch) { activeSearch.cancel(); activeSearch = null; }
-    self.postMessage({ type: 'cancelled' });
-  }
-
-  if (msg.type === 'get_tally_labels') {
-    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
-    try {
-      const labels = MotelyWasm.getTallyLabels(msg.jaml);
-      self.postMessage({ type: 'tally_labels', labels: Array.from(labels) });
-    } catch (err) {
-      self.postMessage({ type: 'error', message: String(err) });
-    }
-  }
-});
-`;
 function createWorker() {
-    const blob = new Blob([SEARCH_WORKER_CODE], { type: "application/javascript" });
-    return new Worker(URL.createObjectURL(blob), { type: "module" });
+    return new Worker(new URL("./searchWorker.js", import.meta.url), { type: "module" });
 }
 export function useSearch(motelyWasmUrl) {
     const [state, setState] = useState(INITIAL_STATE);

package/dist/ui/jimbo.css

@@ -56,6 +56,10 @@
 
   /* Typography */
   --j-font: 'm6x11plus', 'Courier New', monospace;
+  /* Coding font — used by JamlCodeEditor and .j-code-block. JetBrains Mono
+     with a long OS-native fallback chain so the UI still reads as code even
+     when the Google Fonts stylesheet fails to load. */
+  --j-font-code: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'SF Mono', SFMono-Regular, Menlo, Consolas, ui-monospace, 'Courier New', monospace;
   --j-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
 
   /* Spacing */
@@ -756,7 +760,7 @@
 .j-code-block__pre {
   padding: 12px;
   overflow-x: auto;
-  font-family: monospace;
+  font-family: var(--j-font-code);
   font-size: 0.875rem;
   line-height: 1.6;
   color: #f6f0d5;
@@ -915,11 +919,18 @@
   max-height: 90vh;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
+}
+
+.j-modal .j-panel__body {
+  overflow-y: auto;
+  min-height: 0;
 }
 
 .j-modal__title {
   text-align: center;
   margin: 0 0 var(--j-space-xl);
+  flex-shrink: 0;
 }
 
 

package/dist/ui/showcase.js

@@ -4,6 +4,7 @@ import { JimboButton } from './panel.js';
 import { JimboSprite } from './sprites.js';
 import { JimboText } from './jimboText.js';
 import { JimboApp, JimboAppFooter } from './jimboApp.js';
+import { JimboBalatroFooter } from './footer.js';
 import { JimboSectionHeader } from './jimboSectionHeader.js';
 import { JimboInfoCard, JimboInfoCardBody, JimboInfoCardTitle, JimboInfoCardSub, JimboInfoCardAside } from './jimboInfoCard.js';
 /**
@@ -15,5 +16,5 @@ export function Showcase({ title = 'Balatro', subtitle = 'Seed Curator', hotFilt
                             padding: '3px 8px',
                             background: 'var(--j-dark-grey)', borderRadius: 4,
                             border: '1px solid var(--j-panel-edge)',
-                        }, children: [_jsx(JimboText, { size: "micro", tone: "purple", children: mcpInfo.engine }), _jsx(JimboText, { size: "micro", tone: "grey", children: mcpInfo.features })] })), hotFilters.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Filters", tone: "blue" }), _jsx("div", { className: "j-flex-col", style: { gap: 4 }, children: hotFilters.slice(0, 4).map((f, i) => (_jsxs(JimboInfoCard, { tone: f.tone, onClick: () => onFilterClick?.(f, i), style: { cursor: onFilterClick ? 'pointer' : undefined }, children: [_jsx("div", { className: "j-flex j-gap-xs", children: f.sample.slice(0, 2).map((name, j) => (_jsx("div", { style: { width: 22, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(JimboSprite, { name: name, width: 20 }) }, j))) }), _jsxs(JimboInfoCardBody, { children: [_jsx(JimboInfoCardTitle, { children: f.name }), _jsxs(JimboInfoCardSub, { children: ["by ", f.author] })] }), _jsx(JimboInfoCardAside, { children: _jsx(JimboText, { size: "xs", tone: f.tone === 'gold' ? 'gold' : f.tone, children: f.hits }) })] }, i))) })] })), recentFinds.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Recent", tone: "green" }), _jsx("div", { style: { lineHeight: 1.5 }, children: recentFinds.slice(0, 3).map((r, i) => (_jsxs("div", { className: "j-flex j-gap-sm", children: [_jsx(JimboText, { size: "micro", tone: "gold", children: r.seed }), _jsx(JimboText, { size: "micro", tone: "grey", children: r.filterName }), r.score > 0 && _jsxs(JimboText, { size: "micro", tone: "green", children: ["+", r.score] })] }, i))) })] }))] }), _jsxs(JimboAppFooter, { children: [_jsx(JimboButton, { tone: "green", fullWidth: true, size: "lg", onClick: onNewSearch, children: "New Search" }), _jsx(JimboButton, { tone: "blue", fullWidth: true, size: "lg", onClick: onBrowseFilters, children: "Browse Filters" })] })] }));
+                        }, children: [_jsx(JimboText, { size: "micro", tone: "purple", children: mcpInfo.engine }), _jsx(JimboText, { size: "micro", tone: "grey", children: mcpInfo.features })] })), hotFilters.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Filters", tone: "blue" }), _jsx("div", { className: "j-flex-col", style: { gap: 4 }, children: hotFilters.slice(0, 4).map((f, i) => (_jsxs(JimboInfoCard, { tone: f.tone, onClick: () => onFilterClick?.(f, i), style: { cursor: onFilterClick ? 'pointer' : undefined }, children: [_jsx("div", { className: "j-flex j-gap-xs", children: f.sample.slice(0, 2).map((name, j) => (_jsx("div", { style: { width: 22, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: _jsx(JimboSprite, { name: name, width: 20 }) }, j))) }), _jsxs(JimboInfoCardBody, { children: [_jsx(JimboInfoCardTitle, { children: f.name }), _jsxs(JimboInfoCardSub, { children: ["by ", f.author] })] }), _jsx(JimboInfoCardAside, { children: _jsx(JimboText, { size: "xs", tone: f.tone === 'gold' ? 'gold' : f.tone, children: f.hits }) })] }, i))) })] })), recentFinds.length > 0 && (_jsxs(_Fragment, { children: [_jsx(JimboSectionHeader, { label: "Recent", tone: "green" }), _jsx("div", { style: { lineHeight: 1.5 }, children: recentFinds.slice(0, 3).map((r, i) => (_jsxs("div", { className: "j-flex j-gap-sm", children: [_jsx(JimboText, { size: "micro", tone: "gold", children: r.seed }), _jsx(JimboText, { size: "micro", tone: "grey", children: r.filterName }), r.score > 0 && _jsxs(JimboText, { size: "micro", tone: "green", children: ["+", r.score] })] }, i))) })] }))] }), _jsxs(JimboAppFooter, { children: [_jsx(JimboButton, { tone: "green", fullWidth: true, size: "lg", onClick: onNewSearch, children: "New Search" }), _jsx(JimboButton, { tone: "blue", fullWidth: true, size: "lg", onClick: onBrowseFilters, children: "Browse Filters" }), _jsx(JimboBalatroFooter, {})] })] }));
 }

package/dist/utils/jamlVisualFilter.js

@@ -78,6 +78,8 @@ export function jamlTextToVisualFilter(text) {
             const clause = { id: uid(), type: current.type, value: current.value };
             if (current.antes && current.antes.length > 0)
                 clause.antes = current.antes;
+            if (current.boosterPacks && current.boosterPacks.length > 0)
+                clause.boosterPacks = current.boosterPacks;
             if (current.score !== undefined)
                 clause.score = current.score;
             if (current.edition)
@@ -132,6 +134,12 @@ export function jamlTextToVisualFilter(text) {
                         .filter((n) => !isNaN(n));
                     current.antes = nums;
                 }
+                else if (key === "boosterPacks") {
+                    const nums = parseInlineList(val)
+                        .map(Number)
+                        .filter((n) => !isNaN(n));
+                    current.boosterPacks = nums;
+                }
                 else if (key === "score") {
                     const n = Number(val);
                     if (!isNaN(n))
@@ -140,6 +148,9 @@ export function jamlTextToVisualFilter(text) {
                 else if (key === "edition") {
                     current.edition = parseScalarValue(val) ?? undefined;
                 }
+                else if (key === "sources") {
+                    // handled by subsequent nested lines like `boosterPacks: [0, 1]`
+                }
             }
         }
     }
@@ -157,6 +168,10 @@ function serializeClause(clause) {
     if (clause.antes && clause.antes.length > 0) {
         out += `    antes: [${clause.antes.join(", ")}]\n`;
     }
+    if (clause.boosterPacks && clause.boosterPacks.length > 0) {
+        out += `    sources:\n`;
+        out += `      boosterPacks: [${clause.boosterPacks.join(", ")}]\n`;
+    }
     if (clause.score !== undefined) {
         out += `    score: ${clause.score}\n`;
     }

package/fonts.css

@@ -1,3 +1,12 @@
+/*
+ * Coding font: JetBrains Mono via Google Fonts (woff2, variable axis).
+ * Falls through to Cascadia Code / Fira Code / ui-monospace when offline.
+ * Using @import instead of @font-face keeps this stylesheet bundler-safe —
+ * no absolute URLs to self-host, no extra asset copy step for consumers.
+ * Must be the first rule in the file per CSS @import spec.
+ */
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap');
+
 @font-face {
   font-family: 'm6x11plus';
   src: local('m6x11plus'), local('m6x11plusplus'), url('./assets/fonts/m6x11plusplus.otf') format('opentype');

package/jaml.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://www.seedfinder.app/jaml.schema.json",
-  "version": "5.1.0.0",
+  "version": "15.1.2",
   "title": "JAML — Jimbo's Ante Markup Language",
   "description": "JSON Schema for JAML (.jaml), Motely's Balatro seed search language. Use it for validation, completions, and editor tooling.",
   "type": "object",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "0.24.10",
+  "version": "0.24.13",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -96,7 +96,7 @@
     "@react-spring/three": ">=9.0.0",
     "@react-three/drei": ">=9.0.0",
     "@react-three/fiber": ">=8.0.0",
-    "motely-wasm": "^15.1.1",
+    "motely-wasm": "^15.1.2",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "react-icons": ">=5.0.0",
@@ -140,7 +140,7 @@
     "@vitejs/plugin-react": "^5.0.4",
     "@vitest/browser-playwright": "^4.1.5",
     "@vitest/coverage-v8": "^4.1.5",
-    "motely-wasm": "^15.1.1",
+    "motely-wasm": "^15.1.2",
     "playwright": "^1.59.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
@@ -159,11 +159,11 @@
     "@codemirror/view": "^6.41.1",
     "@json-render/core": "^0.18.0",
     "@lezer/highlight": "^1.2.3",
+    "@types/js-yaml": "^4.0.9",
     "clsx": "^2.1.1",
     "js-yaml": "^4.1.1",
     "lucide-react": "^1.14.0",
     "tailwind-merge": "^2.6.1",
-    "zustand": "^5.0.0",
-    "@types/js-yaml": "^4.0.9"
+    "zustand": "^5.0.0"
   }
 }