jaml-ui 0.24.20 → 0.25.2

package/dist/components/GameCard.js

@@ -1,355 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Layer } from "../render/Layer.js";
-import { JamlCardRenderer } from "../render/CanvasRenderer.js";
-import { JOKERS, JOKER_FACES, TAROTS_AND_PLANETS, CONSUMABLE_FACES, TAGS, VOUCHERS, BOSSES, EDITION_MAP, SPRITE_SHEETS, STICKER_MAP, RANK_MAP, SUIT_MAP, ENHANCER_MAP, SEAL_MAP, } from "../sprites/spriteData.js";
-function normalizeCardRank(raw) {
-    const value = raw.trim().toUpperCase();
-    if (value === "A" || value === "ACE")
-        return "Ace";
-    if (value === "K" || value === "KING")
-        return "King";
-    if (value === "Q" || value === "QUEEN")
-        return "Queen";
-    if (value === "J" || value === "JACK")
-        return "Jack";
-    return raw.trim();
-}
-function normalizeCardSuit(raw) {
-    const value = raw.trim().toLowerCase();
-    if (value === "heart" || value === "hearts")
-        return "Hearts";
-    if (value === "club" || value === "clubs")
-        return "Clubs";
-    if (value === "diamond" || value === "diamonds")
-        return "Diamonds";
-    if (value === "spade" || value === "spades")
-        return "Spades";
-    return raw.trim();
-}
-function parseStandardcardName(name) {
-    const trimmed = name.trim();
-    const ofMatch = /^(A|K|Q|J|10|[2-9]|Ace|King|Queen|Jack)\s+of\s+(Hearts|Clubs|Diamonds|Spades)$/i.exec(trimmed);
-    if (ofMatch) {
-        return {
-            rank: normalizeCardRank(ofMatch[1]),
-            suit: normalizeCardSuit(ofMatch[2]),
-        };
-    }
-    const shortMatch = /^(A|K|Q|J|10|[2-9])\s*([HCDS])$/i.exec(trimmed);
-    if (shortMatch) {
-        const suitMap = {
-            H: "Hearts",
-            C: "Clubs",
-            D: "Diamonds",
-            S: "Spades",
-        };
-        return {
-            rank: normalizeCardRank(shortMatch[1]),
-            suit: suitMap[shortMatch[2].toUpperCase()],
-        };
-    }
-    return null;
-}
-const MODIFIER_PREFIXES = [
-    "Eternal",
-    "Perishable",
-    "Rental",
-    "Foil",
-    "Holographic",
-    "Polychrome",
-    "Negative",
-    "Bonus",
-    "Mult",
-    "Wild",
-    "Glass",
-    "Steel",
-    "Stone",
-    "Gold",
-    "Lucky",
-    "Gold Seal",
-    "Red Seal",
-    "Blue Seal",
-    "Purple Seal",
-];
-function stripModifiers(name) {
-    let remaining = name;
-    let edition;
-    let isEternal = false;
-    let isPerishable = false;
-    let isRental = false;
-    let changed = true;
-    while (changed) {
-        changed = false;
-        for (const prefix of MODIFIER_PREFIXES) {
-            if (remaining.startsWith(prefix + " ")) {
-                const stripped = remaining.slice(prefix.length + 1);
-                if (prefix === "Foil" || prefix === "Holographic" || prefix === "Polychrome" || prefix === "Negative") {
-                    edition = prefix;
-                }
-                else if (prefix === "Eternal") {
-                    isEternal = true;
-                }
-                else if (prefix === "Perishable") {
-                    isPerishable = true;
-                }
-                else if (prefix === "Rental") {
-                    isRental = true;
-                }
-                remaining = stripped;
-                changed = true;
-                break;
-            }
-        }
-    }
-    return { baseName: remaining, edition, isEternal, isPerishable, isRental };
-}
-function resolvePackedAnalyzerItem(item, scale) {
-    if (typeof item.value !== "number" || !Number.isFinite(item.value)) {
-        return null;
-    }
-    const displayName = String(item.name || "").trim();
-    const { baseName, edition, isEternal, isPerishable, isRental } = stripModifiers(displayName);
-    // Use motely-wasm enum to determine category — no hand-rolled bitmasks
-    const itemType = item.value & 0xffff;
-    const catNibble = (itemType >> 12) & 0xf;
-    if (catNibble === 5 /* Joker */) {
-        const jokerName = JOKERS.some((joker) => joker.name === baseName) ? baseName : displayName;
-        if (JOKERS.some((joker) => joker.name === jokerName)) {
-            return { kind: "joker", type: "joker", card: { name: jokerName, edition, isEternal, isPerishable, isRental, scale } };
-        }
-    }
-    if (catNibble === 3 /* Tarot */ ||
-        catNibble === 4 /* Planet */ ||
-        catNibble === 2 /* Spectral */) {
-        const consumableName = TAROTS_AND_PLANETS.some((consumable) => consumable.name === baseName) ? baseName : displayName;
-        if (TAROTS_AND_PLANETS.some((consumable) => consumable.name === consumableName)) {
-            return { kind: "consumable", type: "consumable", card: { name: consumableName, edition, scale } };
-        }
-    }
-    if (baseName !== displayName) {
-        if (JOKERS.some((joker) => joker.name === baseName)) {
-            return { kind: "joker", type: "joker", card: { name: baseName, edition, isEternal, isPerishable, isRental, scale } };
-        }
-        if (TAROTS_AND_PLANETS.some((consumable) => consumable.name === baseName)) {
-            return { kind: "consumable", type: "consumable", card: { name: baseName, edition, scale } };
-        }
-        if (VOUCHERS.some((voucher) => voucher.name === baseName)) {
-            return { kind: "voucher", voucherName: baseName };
-        }
-    }
-    const standardcard = parseStandardcardName(displayName) ?? parseStandardcardName(baseName);
-    if (standardcard) {
-        return {
-            kind: "playing",
-            type: "playing",
-            card: {
-                name: displayName,
-                rank: standardcard.rank,
-                suit: standardcard.suit,
-                scale,
-            },
-        };
-    }
-    return { kind: "unknown", label: displayName };
-}
-// eslint-disable-next-line react-refresh/only-export-components
-export function resolveAnalyzerShopItem(item, scale = 1) {
-    const displayName = String(item.name || "").trim();
-    if (!displayName) {
-        return { kind: "unknown", label: String(item.id || "").trim() || "Unknown Item" };
-    }
-    const packedResolved = resolvePackedAnalyzerItem(item, scale);
-    if (packedResolved && packedResolved.kind !== "unknown") {
-        return packedResolved;
-    }
-    if (VOUCHERS.some((voucher) => voucher.name === displayName)) {
-        return { kind: "voucher", voucherName: displayName };
-    }
-    if (JOKERS.some((joker) => joker.name === displayName)) {
-        return { kind: "joker", type: "joker", card: { name: displayName, scale } };
-    }
-    if (TAROTS_AND_PLANETS.some((consumable) => consumable.name === displayName)) {
-        return { kind: "consumable", type: "consumable", card: { name: displayName, scale } };
-    }
-    const { baseName, edition, isEternal, isPerishable, isRental } = stripModifiers(displayName);
-    if (baseName !== displayName) {
-        if (JOKERS.some((joker) => joker.name === baseName)) {
-            return { kind: "joker", type: "joker", card: { name: baseName, edition, isEternal, isPerishable, isRental, scale } };
-        }
-        if (TAROTS_AND_PLANETS.some((consumable) => consumable.name === baseName)) {
-            return { kind: "consumable", type: "consumable", card: { name: baseName, edition, scale } };
-        }
-        if (VOUCHERS.some((voucher) => voucher.name === baseName)) {
-            return { kind: "voucher", voucherName: baseName };
-        }
-    }
-    const standardcard = parseStandardcardName(displayName) ?? parseStandardcardName(baseName);
-    if (standardcard) {
-        return {
-            kind: "playing",
-            type: "playing",
-            card: {
-                name: displayName,
-                rank: standardcard.rank,
-                suit: standardcard.suit,
-                scale,
-            },
-        };
-    }
-    return packedResolved ?? { kind: "unknown", label: displayName };
-}
-export function JamlGameCard({ card, type, className = "", hoverTilt = false }) {
-    const { name, edition, isEternal, isPerishable, isRental, rank, suit, enhancements, seal, scale = 1 } = card;
-    const layers = [];
-    if (type === "joker") {
-        const jokerData = JOKERS.find((j) => j.name === name);
-        if (jokerData)
-            layers.push(new Layer({ ...jokerData, source: SPRITE_SHEETS.jokers.src, order: 0, columns: SPRITE_SHEETS.jokers.columns, rows: SPRITE_SHEETS.jokers.rows }));
-        const face = JOKER_FACES.find((j) => j.name === name);
-        if (face)
-            layers.push(new Layer({ ...face, source: SPRITE_SHEETS.jokers.src, order: 1, columns: SPRITE_SHEETS.jokers.columns, rows: SPRITE_SHEETS.jokers.rows }));
-    }
-    else if (type === "consumable") {
-        const consumable = TAROTS_AND_PLANETS.find((t) => t.name === name);
-        if (consumable)
-            layers.push(new Layer({ ...consumable, order: 0, source: SPRITE_SHEETS.tarots.src, rows: SPRITE_SHEETS.tarots.rows, columns: SPRITE_SHEETS.tarots.columns }));
-        const face = CONSUMABLE_FACES.find((t) => t.name === name);
-        if (face)
-            layers.push(new Layer({
-                ...face,
-                order: 1,
-                source: SPRITE_SHEETS.enhancers.src,
-                rows: SPRITE_SHEETS.enhancers.rows,
-                columns: SPRITE_SHEETS.enhancers.columns,
-                animated: face.animated,
-            }));
-    }
-    else if (rank && suit) {
-        const enhancerPos = (enhancements ?? [])
-            .map((m) => ENHANCER_MAP[m])
-            .find((pos) => Boolean(pos)) ?? { x: 1, y: 0 };
-        layers.push(new Layer({
-            pos: enhancerPos,
-            name: "background",
-            order: 0,
-            source: SPRITE_SHEETS.enhancers.src,
-            rows: SPRITE_SHEETS.enhancers.rows,
-            columns: SPRITE_SHEETS.enhancers.columns,
-        }));
-        layers.push(new Layer({
-            pos: { x: RANK_MAP[rank] ?? 0, y: SUIT_MAP[suit] ?? 0 },
-            name,
-            order: 1,
-            source: SPRITE_SHEETS.deck.src,
-            rows: SPRITE_SHEETS.deck.rows,
-            columns: SPRITE_SHEETS.deck.columns,
-        }));
-    }
-    if (edition) {
-        const index = EDITION_MAP[edition];
-        if (index !== undefined) {
-            layers.push(new Layer({
-                pos: { x: index, y: 0 },
-                name: edition,
-                order: 2,
-                source: SPRITE_SHEETS.editions.src,
-                rows: SPRITE_SHEETS.editions.rows,
-                columns: SPRITE_SHEETS.editions.columns,
-            }));
-        }
-    }
-    if (isEternal) {
-        layers.push(new Layer({
-            pos: STICKER_MAP["Eternal"],
-            name: "Eternal",
-            order: 3,
-            source: SPRITE_SHEETS.stickers.src,
-            rows: SPRITE_SHEETS.stickers.rows,
-            columns: SPRITE_SHEETS.stickers.columns,
-        }));
-    }
-    if (isPerishable) {
-        layers.push(new Layer({
-            pos: STICKER_MAP["Perishable"],
-            name: "Perishable",
-            order: 4,
-            source: SPRITE_SHEETS.stickers.src,
-            rows: SPRITE_SHEETS.stickers.rows,
-            columns: SPRITE_SHEETS.stickers.columns,
-        }));
-    }
-    if (isRental) {
-        layers.push(new Layer({
-            pos: STICKER_MAP["Rental"],
-            name: "Rental",
-            order: 5,
-            source: SPRITE_SHEETS.stickers.src,
-            rows: SPRITE_SHEETS.stickers.rows,
-            columns: SPRITE_SHEETS.stickers.columns,
-        }));
-    }
-    if (seal) {
-        const sealPos = SEAL_MAP[seal];
-        if (sealPos) {
-            layers.push(new Layer({
-                pos: sealPos,
-                name: seal,
-                order: 6,
-                source: SPRITE_SHEETS.enhancers.src,
-                rows: SPRITE_SHEETS.enhancers.rows,
-                columns: SPRITE_SHEETS.enhancers.columns,
-            }));
-        }
-    }
-    const wrapperStyle = { width: `${71 * scale}px` };
-    return (_jsx("div", { style: wrapperStyle, className: className, children: _jsx(JamlCardRenderer, { invert: edition === "Negative", layers: layers, hoverTilt: hoverTilt }) }));
-}
-export function JamlVoucher({ voucherName, scale = 1, className = "", hoverTilt = false }) {
-    const voucherData = VOUCHERS.find((v) => v.name === voucherName);
-    if (!voucherData)
-        return null;
-    const layers = [
-        new Layer({
-            ...voucherData,
-            order: 0,
-            source: SPRITE_SHEETS.vouchers.src,
-            rows: SPRITE_SHEETS.vouchers.rows,
-            columns: SPRITE_SHEETS.vouchers.columns,
-        }),
-    ];
-    const wrapperStyle = { width: `${71 * scale}px` };
-    return (_jsx("div", { style: wrapperStyle, className: className, children: _jsx(JamlCardRenderer, { layers: layers, hoverTilt: hoverTilt }) }));
-}
-export function JamlTag({ tagName, scale = 1, className = "", hoverTilt = false }) {
-    const tagData = TAGS.find((t) => t.name === tagName);
-    if (!tagData)
-        return null;
-    const layers = [
-        new Layer({
-            ...tagData,
-            order: 0,
-            source: SPRITE_SHEETS.tags.src,
-            rows: SPRITE_SHEETS.tags.rows,
-            columns: SPRITE_SHEETS.tags.columns,
-        }),
-    ];
-    const wrapperStyle = { width: `${71 * scale}px` };
-    return (_jsx("div", { style: wrapperStyle, className: className, children: _jsx(JamlCardRenderer, { layers: layers, hoverTilt: hoverTilt }) }));
-}
-export function JamlBoss({ bossName, scale = 1, className = "", hoverTilt = false }) {
-    const bossData = BOSSES.find((b) => b.name === bossName);
-    if (!bossData)
-        return null;
-    const layers = [
-        new Layer({
-            ...bossData,
-            order: 0,
-            source: SPRITE_SHEETS.blinds.src,
-            rows: SPRITE_SHEETS.blinds.rows,
-            columns: SPRITE_SHEETS.blinds.columns,
-        }),
-    ];
-    const wrapperStyle = { width: `${71 * scale}px` };
-    return (_jsx("div", { style: wrapperStyle, className: className, children: _jsx(JamlCardRenderer, { layers: layers, hoverTilt: hoverTilt }) }));
-}

package/dist/components/JamlAestheticSelector.js

@@ -1,22 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { JimboText } from "../ui/jimboText.js";
-import { JimboButton } from "../ui/panel.js";
-const AESTHETICS = [
-    { id: "Palindrome", value: 0, label: "Palindrome", desc: "Seeds that read the same forwards and backwards" },
-    { id: "Psychosis", value: 1, label: "Psychosis", desc: "Unsettling or eerie seed patterns" },
-    { id: "Gross", value: 2, label: "Gross", desc: "Seeds with crude or disgusting words" },
-    { id: "Nsfw", value: 3, label: "NSFW", desc: "Seeds with adult content" },
-    { id: "Funny", value: 4, label: "Funny", desc: "Seeds that spell funny words" },
-    { id: "Balatro", value: 5, label: "Balatro", desc: "Seeds referencing the game itself" },
-];
-/**
- * Pill-toggle selector for seed aesthetic filters.
- * All styling via jimbo.css `.j-aesthetic-selector` / `.j-aesthetic-pill` — zero inline styles.
- */
-export function JamlAestheticSelector({ value, onChange, className, style }) {
-    return (_jsxs("div", { className: `j-aesthetic-selector ${className ?? ""}`, style: style, children: [_jsx(JimboText, { size: "xs", tone: "grey", children: "Seed Aesthetics" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 6, marginTop: 4 }, children: AESTHETICS.map((a) => {
-                    const isActive = value === a.id;
-                    return (_jsx(JimboButton, { tone: isActive ? "red" : "grey", size: "sm", onClick: () => onChange(isActive ? null : a.id, a.value), children: a.label }, a.id));
-                }) })] }));
-}

package/dist/components/JamlAnalyzerFullscreen.js

@@ -1,263 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef } from "react";
-import { JamlBoss, JamlGameCard, JamlTag, JamlVoucher, resolveAnalyzerShopItem } from "./GameCard.js";
-import { useMotelyStream } from "../hooks/useShopStream.js";
-import { useInfiniteScroll } from "../hooks/useIntersectionObserver.js";
-import { useAnteTracker } from "../ui/hooks.js";
-import { JimboText } from "../ui/jimboText.js";
-import { ANALYZER_STREAM_META, DEFAULT_ENABLED_STREAMS, buildStreamHandle, } from "../hooks/analyzerStreamRegistry.js";
-import { JimboColorOption, withAlpha } from "../ui/tokens.js";
-const C = JimboColorOption;
-const TONE_COLORS = {
-    gold: C.GOLD_TEXT,
-    purple: C.TAROT_BUTTON,
-    blue: C.PLANET_BUTTON,
-    spectral: C.SPECTRAL_BUTTON,
-    default: C.GOLD_TEXT,
-};
-import { JamlMapPreview } from "./JamlMapPreview.js";
-export function JamlAnalyzerFullscreen({ antes, live, jaml, tallyColumns, tallyLabels, enabledStreams, chunkSize = 12, className = "", topPage, }) {
-    const effectiveEnabled = enabledStreams ?? DEFAULT_ENABLED_STREAMS;
-    const { currentAnte, scrollRef, scrollToAnte, registerAnteRef } = useAnteTracker(antes);
-    return (_jsxs("div", { className: className, style: styles.root, children: [_jsxs("div", { ref: scrollRef, style: styles.scroller, children: [topPage ? topPage : jaml && (_jsxs("section", { style: { ...styles.section, scrollSnapAlign: "start", justifyContent: 'center' }, children: [_jsxs("div", { style: { marginBottom: 20 }, children: [_jsx("div", { style: styles.anteLabel, children: "JAML" }), _jsx("div", { style: styles.anteNumber, children: "MAP" })] }), _jsx(JamlMapPreview, { jaml: jaml, tallyColumns: tallyColumns, tallyLabels: tallyLabels }), _jsx("div", { style: { marginTop: 24, textAlign: 'center', opacity: 0.6 }, children: _jsx(JimboText, { size: "xs", tone: "grey", children: "Scroll down to explore seed details" }) })] })), antes.map((ante) => (_jsx(AnteSection, { ante: ante, live: live, enabledStreams: effectiveEnabled, chunkSize: chunkSize, registerRef: (el) => registerAnteRef(ante.ante, el) }, ante.ante)))] }), _jsx(SideRail, { antes: antes.map((a) => a.ante), currentAnte: currentAnte, onJump: scrollToAnte })] }));
-}
-function AnteSection({ ante, live, enabledStreams, chunkSize, registerRef }) {
-    return (_jsxs("section", { ref: registerRef, "data-ante": ante.ante, style: styles.section, children: [_jsxs("header", { style: styles.header, children: [_jsxs("div", { children: [_jsx("div", { style: styles.anteLabel, children: "Ante" }), _jsx("div", { style: styles.anteNumber, children: ante.ante })] }), ante.voucher && (_jsxs("div", { style: styles.voucherBlock, children: [_jsx(JamlVoucher, { voucherName: ante.voucher, scale: 0.85 }), _jsx("div", { style: styles.voucherCaption, children: ante.voucher })] }))] }), _jsxs("div", { style: styles.blindRow, children: [_jsx(BlindCell, { label: "Small", tag: ante.smallBlindTag }), _jsx(BlindCell, { label: "Big", tag: ante.bigBlindTag }), ante.boss && (_jsxs("div", { style: styles.bossCell, children: [_jsx("div", { style: styles.cellLabel, children: "Boss" }), _jsx(JamlBoss, { bossName: ante.boss, scale: 0.7 }), _jsx("div", { style: styles.cellCaption, children: ante.boss })] }))] }), ante.packs && ante.packs.length > 0 && (_jsxs("div", { style: styles.streamLane, children: [_jsx("div", { style: styles.streamLabel, children: "Packs" }), _jsx("div", { style: styles.packRow, children: ante.packs.map((pack, i) => (_jsx("div", { style: styles.packPill, children: pack }, `${ante.ante}-pack-${i}`))) })] })), enabledStreams.map((key) => {
-                const isShop = key === "shop";
-                const initialItems = isShop
-                    ? (ante.shop ?? []).map((item) => ({
-                        id: item.id,
-                        name: item.name,
-                        value: item.value,
-                    }))
-                    : [];
-                return (_jsx(StreamLane, { ante: ante.ante, streamKey: key, live: live, chunkSize: chunkSize, initialItems: initialItems }, `${ante.ante}-${key}`));
-            })] }));
-}
-function StreamLane({ ante, streamKey, live, chunkSize, initialItems }) {
-    const meta = ANALYZER_STREAM_META[streamKey];
-    const handle = useMemo(() => (live ? buildStreamHandle(live, ante, streamKey) : null), [live, ante, streamKey]);
-    const stream = useMotelyStream(handle?.initStream ?? null, handle?.nextItem ?? null, [ante, streamKey, live?.seed, live?.deck, live?.stake], initialItems);
-    const desired = live?.desiredNames ?? new Set();
-    const toneColor = TONE_COLORS[meta.tone] ?? TONE_COLORS.default;
-    return (_jsxs("div", { style: styles.streamLane, children: [_jsxs("div", { style: { ...styles.streamLabel, color: toneColor }, children: [meta.label, stream.items.length > 0 ? ` · ${stream.items.length}` : ""] }), _jsx(ShopRow, { items: stream.items, desired: desired, loadingMore: stream.loadingMore, ready: stream.ready, onPullMore: () => stream.pullMore(chunkSize) }), stream.error && _jsxs("div", { style: styles.errorLine, children: ["stream error: ", stream.error] })] }));
-}
-function BlindCell({ label, tag }) {
-    if (!tag)
-        return null;
-    return (_jsxs("div", { style: styles.blindCell, children: [_jsx("div", { style: styles.cellLabel, children: label }), _jsx(JamlTag, { tagName: tag, scale: 0.7 }), _jsx("div", { style: styles.cellCaption, children: tag })] }));
-}
-function ShopRow({ items, desired, loadingMore, ready, onPullMore }) {
-    const lastTriggerRef = useRef(0);
-    const throttlePull = useCallback(() => {
-        const now = Date.now();
-        if (now - lastTriggerRef.current < 200)
-            return;
-        lastTriggerRef.current = now;
-        onPullMore();
-    }, [onPullMore]);
-    const sentinelRef = useInfiniteScroll(throttlePull, {
-        threshold: 0.1,
-        rootMargin: "0px 200px 0px 0px",
-    }, ready && !loadingMore);
-    return (_jsxs("div", { style: styles.shopRow, children: [items.map((item) => (_jsx(ShopItem, { item: item, desired: desired.has(item.name.toLowerCase()) }, item.id))), _jsx("div", { ref: sentinelRef, style: styles.sentinel, children: loadingMore ? "…" : "" })] }));
-}
-function ShopItem({ item, desired }) {
-    const resolved = resolveAnalyzerShopItem({ id: item.id, name: item.name, value: item.value });
-    const wrapperStyle = {
-        flexShrink: 0,
-        position: "relative",
-        filter: desired ? `drop-shadow(0 0 6px ${C.GOLD})` : undefined,
-    };
-    const labelStyle = {
-        fontSize: 10,
-        color: desired ? C.GOLD : C.GREY,
-        textAlign: "center",
-        marginTop: 2,
-        maxWidth: 80,
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-    };
-    return (_jsxs("div", { style: wrapperStyle, children: [resolved.kind === "joker" || resolved.kind === "consumable" || resolved.kind === "playing" ? (_jsx(JamlGameCard, { card: resolved.card, type: resolved.type })) : resolved.kind === "voucher" ? (_jsx(JamlVoucher, { voucherName: resolved.voucherName, scale: 0.7 })) : (_jsx("div", { style: styles.unknownTile, children: ("label" in resolved ? resolved.label : item.name) || "?" })), _jsx("div", { style: labelStyle, children: item.name })] }));
-}
-function SideRail({ antes, currentAnte, onJump }) {
-    return (_jsx("div", { style: styles.sideRail, children: antes.map((ante) => {
-            const active = ante === currentAnte;
-            return (_jsx("button", { type: "button", onClick: () => onJump(ante), "aria-label": `Jump to ante ${ante}`, style: {
-                    ...styles.sideRailDot,
-                    background: active ? C.GOLD : withAlpha(C.WHITE, 0.25),
-                    transform: active ? "scale(1.4)" : "scale(1)",
-                    boxShadow: active ? `0 0 8px ${C.GOLD}` : "none",
-                } }, ante));
-        }) }));
-}
-const styles = {
-    root: {
-        position: "relative",
-        width: "100%",
-        height: "100svh",
-        background: C.DARKEST,
-        color: C.WHITE,
-        fontFamily: "var(--font-sans, m6x11plus), monospace",
-        overflow: "hidden",
-    },
-    scroller: {
-        width: "100%",
-        height: "100%",
-        overflowY: "scroll",
-        scrollSnapType: "y mandatory",
-        scrollBehavior: "smooth",
-        WebkitOverflowScrolling: "touch",
-    },
-    section: {
-        width: "100%",
-        minHeight: "100svh",
-        scrollSnapAlign: "start",
-        padding: "20px 16px 28px",
-        display: "flex",
-        flexDirection: "column",
-        gap: 12,
-        boxSizing: "border-box",
-        borderBottom: `1px solid ${withAlpha(C.WHITE, 0.05)}`,
-    },
-    header: {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "flex-start",
-        gap: 12,
-    },
-    anteLabel: {
-        fontSize: 12,
-        color: C.GREY,
-        letterSpacing: "0.16em",
-    },
-    anteNumber: {
-        fontSize: 72,
-        color: C.GOLD,
-        lineHeight: 0.9,
-        textShadow: `3px 3px 0 ${C.BLACK}`,
-    },
-    voucherBlock: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 4,
-    },
-    voucherCaption: {
-        fontSize: 10,
-        color: C.PURPLE,
-        letterSpacing: "0.1em",
-    },
-    blindRow: {
-        display: "flex",
-        gap: 16,
-        flexWrap: "wrap",
-    },
-    blindCell: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 4,
-    },
-    bossCell: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 4,
-    },
-    cellLabel: {
-        fontSize: 10,
-        color: C.GREY,
-        letterSpacing: "0.12em",
-    },
-    cellCaption: {
-        fontSize: 10,
-        color: C.WHITE,
-        maxWidth: 90,
-        textAlign: "center",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap",
-    },
-    streamLane: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 6,
-        minHeight: 0,
-    },
-    streamLabel: {
-        fontSize: 11,
-        color: C.GOLD_TEXT,
-        letterSpacing: "0.16em",
-    },
-    shopRow: {
-        display: "flex",
-        gap: 10,
-        overflowX: "auto",
-        overflowY: "hidden",
-        paddingBottom: 6,
-        scrollbarWidth: "thin",
-    },
-    packRow: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 6,
-    },
-    packPill: {
-        padding: "4px 10px",
-        background: withAlpha(C.PANEL_EDGE, 0.9),
-        border: `1px solid ${C.INNER_BORDER}`,
-        borderRadius: 4,
-        fontSize: 11,
-        color: C.WHITE,
-    },
-    sentinel: {
-        flexShrink: 0,
-        width: 28,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        color: C.GREY,
-        fontSize: 14,
-    },
-    unknownTile: {
-        width: 71,
-        height: 95,
-        border: `1px dashed ${C.GREY}`,
-        borderRadius: 4,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: 9,
-        color: C.GREY,
-        padding: 4,
-        textAlign: "center",
-    },
-    errorLine: {
-        fontSize: 10,
-        color: C.RED,
-    },
-    sideRail: {
-        position: "absolute",
-        top: "50%",
-        right: 6,
-        transform: "translateY(-50%)",
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-        zIndex: 5,
-        pointerEvents: "auto",
-    },
-    sideRailDot: {
-        width: 8,
-        height: 8,
-        borderRadius: "50%",
-        border: "none",
-        cursor: "pointer",
-        padding: 0,
-        transition: "transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease",
-    },
-};
-export { ANALYZER_STREAM_META } from "../hooks/analyzerStreamRegistry.js";