jaml-ui 0.14.2 → 0.14.4

package/assets/Balatro Seed Curator (DesignsV2)/src/AntePage.jsx

@@ -1,228 +0,0 @@
-// AntePage — one ante's worth of content, scrolled vertically.
-//   [voucher row + tags row]
-//   [SMALL BLIND section: boss chip + pack(s) + 6 shop items in 2×3]
-//   [BIG BLIND section: ditto]
-//   [BOSS BLIND section: ditto]
-//
-// Pack tap → fan-out of contents below the pack.
-// Tag tap → reveal of reward preview (same motion as pack tap).
-// Hit items display a corner stamp; a footer strip shows the per-clause
-// running tally across the seed.
-
-const { useState: uS, useMemo: uM } = React;
-
-// ── Small chrome: a pixel-border card (Balatro panels) ───────
-function BalatroPanel({ children, style = {}, color = '#2a3336' }) {
-  return (
-    <div
-      style={{
-        background: color,
-        border: '2px solid #1e2b2d',
-        borderRadius: 6,
-        boxShadow: 'inset 0 0 0 1px #3e4a4d, 0 2px 0 #0b1416',
-        padding: 10,
-        color: '#fff',
-        ...style,
-      }}
-    >
-      {children}
-    </div>
-  );
-}
-
-// ── Chunky Balatro section header pill ───────────────────────
-function BlindHeader({ kind, boss, onTap }) {
-  const label = kind === 'small' ? 'SMALL BLIND' : kind === 'big' ? 'BIG BLIND' : 'BOSS BLIND';
-  const color = kind === 'boss' ? '#6d2b2b' : '#2b3a5e';
-  return (
-    <div
-      onClick={onTap}
-      style={{
-        display: 'flex',
-        alignItems: 'center',
-        gap: 10,
-        background: color,
-        padding: '6px 12px 6px 8px',
-        border: '2px solid #1e2b2d',
-        borderRadius: 18,
-        boxShadow: 'inset 0 1px 0 rgba(255,255,255,0.15), 0 2px 0 #0b1416',
-        cursor: onTap ? 'pointer' : 'default',
-        alignSelf: 'flex-start',
-      }}
-    >
-      <BossChip name={boss || (kind === 'boss' ? 'TheOx' : kind === 'big' ? 'BigBlind' : 'SmallBlind')} size={32} />
-      <span style={{ fontFamily: 'm6x11plus, monospace', fontSize: 16, letterSpacing: 1, color: '#fff' }}>{label}</span>
-    </div>
-  );
-}
-
-// ── FanOut — used by tap-to-reveal (packs and tags). Renders row of
-//     children sliding + fading in from under the parent.
-function FanOut({ open, children }) {
-  return (
-    <div
-      style={{
-        overflow: 'hidden',
-        transition: 'max-height 260ms cubic-bezier(.33,1,.4,1), opacity 180ms',
-        maxHeight: open ? 180 : 0,
-        opacity: open ? 1 : 0,
-      }}
-    >
-      <div
-        style={{
-          display: 'flex',
-          gap: 8,
-          padding: '10px 0 4px',
-          transform: open ? 'translateY(0)' : 'translateY(-8px)',
-          transition: 'transform 260ms cubic-bezier(.33,1,.4,1)',
-        }}
-      >
-        {children}
-      </div>
-    </div>
-  );
-}
-
-// ── PackCluster — the pack sprite, plus an expanded fan-out of its cards
-function PackCluster({ pack }) {
-  const [open, setOpen] = uS(false);
-  const kind = pack.kind.toLowerCase();
-  const hitKinds = pack.contents?.flatMap((c) => c.hits || []) || [];
-  const firstHit = hitKinds.length ? 'should' : null;
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 4 }}>
-      <PackSprite kind={kind} size={56} onClick={() => setOpen((o) => !o)} open={open} hit={firstHit} />
-      {pack.contents?.length ? (
-        <FanOut open={open}>
-          {pack.contents.map((c, i) => (
-            <CardItem key={i} item={c} size={46} />
-          ))}
-        </FanOut>
-      ) : null}
-    </div>
-  );
-}
-
-// ── CardItem — renders a shop/pack item by kind.
-function CardItem({ item, size = 58 }) {
-  const hit = item.hits && item.hits.length ? (item.hits.some((h) => h.startsWith('m')) ? 'must' : 'should') : null;
-  if (item.kind === 'Joker') return <JokerMini name={item.name} size={size} hit={hit} edition={item.edition} />;
-  if (item.kind === 'Tarot') return <TarotMini name={item.name} size={size} hit={hit} />;
-  if (item.kind === 'Voucher') return <VoucherMini name={item.name} size={size} hit={hit} />;
-  return null;
-}
-
-// ── TagReveal — tap a tag, see its preview (mock)
-function TagCluster({ tag }) {
-  const [open, setOpen] = uS(false);
-  const preview = TAG_PREVIEWS[tag.name.toLowerCase()] || { label: tag.name, body: 'Tag reward preview' };
-  const hit = tag.hits && tag.hits.length ? 'should' : null;
-  return (
-    <div style={{ position: 'relative' }}>
-      <div onClick={() => setOpen((o) => !o)} style={{ cursor: 'pointer' }}>
-        <TagChip name={tag.name} size={30} hit={hit} />
-      </div>
-      {open && (
-        <div
-          style={{
-            position: 'absolute',
-            top: 'calc(100% + 6px)',
-            left: '50%',
-            transform: 'translateX(-50%)',
-            background: '#1e2b2d',
-            border: '2px solid #3e4a4d',
-            borderRadius: 6,
-            padding: '6px 10px',
-            fontFamily: 'm6x11plus, monospace',
-            fontSize: 12,
-            color: '#fff',
-            whiteSpace: 'nowrap',
-            zIndex: 10,
-            boxShadow: '0 6px 20px rgba(0,0,0,0.4)',
-          }}
-          onClick={() => setOpen(false)}
-        >
-          <div style={{ color: '#e4b643' }}>{preview.label}</div>
-          <div style={{ opacity: 0.75, fontSize: 10, marginTop: 2 }}>{preview.body}</div>
-        </div>
-      )}
-    </div>
-  );
-}
-
-const TAG_PREVIEWS = {
-  raretag: { label: 'RARE TAG', body: 'Next shop: Free Rare Joker' },
-  uncommontag: { label: 'UNCOMMON TAG', body: 'Next shop: Free Uncommon Joker' },
-  negativetag: { label: 'NEGATIVE TAG', body: 'Next base Joker becomes Negative' },
-  foiltag: { label: 'FOIL TAG', body: 'Next base Joker becomes Foil' },
-  holographictag: { label: 'HOLO TAG', body: 'Next base Joker becomes Holographic' },
-  polychrometag: { label: 'POLY TAG', body: 'Next base Joker becomes Polychrome' },
-  topuptag: { label: 'TOP-UP TAG', body: 'Create up to 2 Common Jokers' },
-  standardtag: { label: 'STANDARD TAG', body: 'Free Standard Booster Pack' },
-  charmtag: { label: 'CHARM TAG', body: 'Free Mega Arcana Pack' },
-  meteortag: { label: 'METEOR TAG', body: 'Free Mega Celestial Pack' },
-};
-
-// ── BlindSection — boss header + packs + shop 6 items in 2 rows of 3
-function BlindSection({ blind }) {
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 10, marginBottom: 18 }}>
-      <BlindHeader kind={blind.kind} boss={blind.boss} />
-      <div style={{ display: 'flex', gap: 14, alignItems: 'flex-start' }}>
-        <div style={{ flex: 1 }}>
-          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 6 }}>
-            {blind.shop.map((item, i) => (
-              <div key={i} style={{ display: 'flex', justifyContent: 'center' }}>
-                <CardItem item={item} size={58} />
-              </div>
-            ))}
-          </div>
-        </div>
-        {blind.packs && blind.packs.length > 0 && (
-          <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
-            {blind.packs.map((p, i) => <PackCluster key={i} pack={p} />)}
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}
-
-// ── AntePage — voucher + tags row, then all three blinds
-function AntePage({ ante }) {
-  if (ante.isPre) {
-    return (
-      <div style={{ padding: 20, color: '#b0c0c4', fontFamily: 'm6x11plus, monospace', fontSize: 14, textAlign: 'center' }}>
-        <div style={{ fontSize: 18, color: '#fff', marginBottom: 8 }}>RUN START</div>
-        <div style={{ opacity: 0.7 }}>Swipe up to Ante 1 →</div>
-      </div>
-    );
-  }
-  return (
-    <div style={{ padding: '16px 14px 40px' }}>
-      {/* Ante header */}
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 14 }}>
-        <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 22, color: '#fff', letterSpacing: 1 }}>ANTE {ante.ante}</div>
-        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-          {ante.tags.map((t, i) => <TagCluster key={i} tag={t} />)}
-        </div>
-      </div>
-
-      {/* Voucher strip */}
-      {ante.voucher ? (
-        <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 14, padding: '8px 10px', background: '#1a2529', border: '2px solid #0b1416', borderRadius: 6 }}>
-          <VoucherMini name={ante.voucher.name} size={50} hit={ante.voucher.hits?.length ? 'should' : null} />
-          <div>
-            <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 11, color: '#7e8e91', letterSpacing: 1 }}>VOUCHER</div>
-            <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 15, color: '#fff' }}>{ante.voucher.name}</div>
-          </div>
-        </div>
-      ) : null}
-
-      {ante.blinds.map((b) => <BlindSection key={b.kind} blind={b} />)}
-    </div>
-  );
-}
-
-window.AntePage = AntePage;
-window.BalatroPanel = BalatroPanel;

package/assets/Balatro Seed Curator (DesignsV2)/src/SeedDetail.jsx

@@ -1,222 +0,0 @@
-// SeedDetail — the full phone-sized screen.
-//   ┌──────────────────────────┐
-//   │  TOP BAR                 │   fixed
-//   │  seed · deck · score row │
-//   │  score column per clause │
-//   ├──────────────────────────┤
-//   │  ⟨ horizontal pager ⟩    │
-//   │  ┃  vertical ante snap   │   swipes L/R between seeds,
-//   │  ┃  ┃ page 0 (pre)       │   swipes up/down between antes
-//   │  ┃  ┃ page 1..N          │
-//   │  ┃                       │
-//   └──────────────────────────┘
-
-const { useState: sdUS, useRef: sdUR, useEffect: sdUE } = React;
-
-// ── Score column: one per should-clause + must-clause.
-function ScoreCol({ clause, hits, kind }) {
-  const hit = hits > 0;
-  const must = kind === 'must';
-  return (
-    <div
-      style={{
-        flex: 1,
-        background: hit ? '#1e2e2e' : '#161c1e',
-        border: `2px solid ${hit ? clause.color || '#3e4a4d' : '#0b1416'}`,
-        borderRadius: 4,
-        padding: '4px 6px',
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        gap: 2,
-        minWidth: 0,
-      }}
-    >
-      <div style={{ display: 'flex', alignItems: 'center', gap: 4, height: 22 }}>
-        {clause.kind === 'Joker' && <Sprite sheet="jokers" name={clause.target} width={18} height={24} />}
-        {clause.kind === 'Voucher' && <Sprite sheet="vouchers" name={clause.target} width={18} height={24} />}
-        {clause.kind === 'Tag' && <Sprite sheet="tags" name={clause.target} width={20} height={20} />}
-      </div>
-      <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 9, color: hit ? '#fff' : '#556265', letterSpacing: 0.5, lineHeight: 1, textTransform: 'uppercase', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: '100%' }}>
-        {clause.target}
-      </div>
-      <div
-        style={{
-          fontFamily: 'm6x11plus, monospace',
-          fontSize: 16,
-          color: must ? '#e4b643' : hit ? '#35bd86' : '#3e4a4d',
-          lineHeight: 1,
-        }}
-      >
-        ×{hits}
-      </div>
-    </div>
-  );
-}
-
-function TopBar({ seed, filter }) {
-  return (
-    <div style={{ background: '#0f1719', borderBottom: '2px solid #000', padding: '10px 12px 10px', position: 'sticky', top: 0, zIndex: 20 }}>
-      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 8 }}>
-        <button style={chromeBtn}>
-          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"><path d="M9 2L4 7l5 5"/></svg>
-        </button>
-        <div style={{ textAlign: 'center' }}>
-          <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 18, color: '#fff', letterSpacing: 2 }}>{seed.seed}</div>
-          <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 10, color: '#7e8e91', letterSpacing: 1 }}>{seed.deck} · {seed.stake}</div>
-        </div>
-        <button style={chromeBtn}>
-          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round"><circle cx="7" cy="7" r="1.2"/><circle cx="2" cy="7" r="1.2"/><circle cx="12" cy="7" r="1.2"/></svg>
-        </button>
-      </div>
-      <div style={{ fontFamily: 'm6x11plus, monospace', fontSize: 9, color: '#556265', letterSpacing: 1, marginBottom: 4 }}>
-        FILTER · {filter.name.toUpperCase()}
-      </div>
-      <div style={{ display: 'flex', gap: 4 }}>
-        {filter.shouldClauses.map((c) => (
-          <ScoreCol key={c.id} clause={c} hits={seed.score.perClause[c.id] || 0} kind="should" />
-        ))}
-        {filter.mustClauses.map((c) => (
-          <ScoreCol key={c.id} clause={{ ...c, color: '#e4b643' }} hits={seed.score.perClause[c.id] || 0} kind="must" />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-const chromeBtn = {
-  width: 30, height: 30, border: '2px solid #0b1416', borderRadius: 4, background: '#2a3336',
-  color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', cursor: 'pointer',
-  boxShadow: 'inset 0 1px 0 rgba(255,255,255,.1), 0 2px 0 #0b1416',
-};
-
-// ── Vertical snap scroller of AntePage; shows ante index indicator
-function SeedPager({ seed, filter }) {
-  const scrollRef = sdUR(null);
-  const [anteIdx, setAnteIdx] = sdUS(1);
-  const onScroll = (e) => {
-    const el = e.currentTarget;
-    const i = Math.round(el.scrollTop / el.clientHeight);
-    if (i !== anteIdx) setAnteIdx(i);
-  };
-
-  return (
-    <div style={{ position: 'relative', flex: 1, minHeight: 0, display: 'flex', overflow: 'hidden' }}>
-      <div
-        ref={scrollRef}
-        onScroll={onScroll}
-        style={{
-          flex: 1,
-          overflowY: 'auto',
-          overflowX: 'hidden',
-          scrollSnapType: 'y mandatory',
-          scrollbarWidth: 'none',
-        }}
-      >
-        {seed.antes.map((ante, i) => (
-          <div key={i} style={{ minHeight: '100%', scrollSnapAlign: 'start', scrollSnapStop: 'always' }}>
-            <AntePage ante={ante} />
-          </div>
-        ))}
-      </div>
-
-      {/* Right-edge ante rail */}
-      <div style={{ position: 'absolute', right: 4, top: 8, bottom: 8, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 4, pointerEvents: 'none' }}>
-        {seed.antes.map((a, i) => (
-          <div
-            key={i}
-            style={{
-              width: 3,
-              height: i === anteIdx ? 18 : 8,
-              borderRadius: 2,
-              background: i === anteIdx ? '#e4b643' : '#3e4a4d',
-              transition: 'all 200ms',
-            }}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-// ── Root: horizontal seed swiper wrapping the vertical pager
-function SeedDetail({ seeds, filter }) {
-  const [idx, setIdx] = sdUS(0);
-  const [drag, setDrag] = sdUS({ dx: 0, active: false });
-  const touch = sdUR({ x0: 0, y0: 0, locked: null });
-
-  const onDown = (e) => {
-    const t = e.touches ? e.touches[0] : e;
-    // only start tracking from top bar region (safe)
-    touch.current = { x0: t.clientX, y0: t.clientY, locked: null };
-  };
-  const onMove = (e) => {
-    if (!touch.current.x0) return;
-    const t = e.touches ? e.touches[0] : e;
-    const dx = t.clientX - touch.current.x0;
-    const dy = t.clientY - touch.current.y0;
-    if (touch.current.locked == null) {
-      if (Math.abs(dx) > 8 && Math.abs(dx) > Math.abs(dy) * 1.5) touch.current.locked = 'x';
-      else if (Math.abs(dy) > 8) touch.current.locked = 'y';
-    }
-    if (touch.current.locked === 'x') {
-      e.preventDefault?.();
-      setDrag({ dx, active: true });
-    }
-  };
-  const onUp = () => {
-    if (touch.current.locked === 'x') {
-      const dx = drag.dx;
-      if (dx < -70 && idx < seeds.length - 1) setIdx(idx + 1);
-      else if (dx > 70 && idx > 0) setIdx(idx - 1);
-    }
-    touch.current = { x0: 0, y0: 0, locked: null };
-    setDrag({ dx: 0, active: false });
-  };
-
-  const seed = seeds[idx];
-
-  return (
-    <div
-      style={{
-        width: '100%',
-        height: '100%',
-        background: '#0b1416',
-        display: 'flex',
-        flexDirection: 'column',
-        position: 'relative',
-        overflow: 'hidden',
-        fontFamily: 'm6x11plus, monospace',
-        color: '#fff',
-      }}
-    >
-      {/* Seed-swipe layer: only the top bar is draggable for horizontal
-          swipes (keeps vertical scroll natural inside the ante pager). */}
-      <div onPointerDown={onDown} onPointerMove={onMove} onPointerUp={onUp} onPointerCancel={onUp}
-        style={{ touchAction: 'pan-y' }}>
-        <TopBar seed={seed} filter={filter} />
-      </div>
-
-      <div
-        style={{
-          flex: 1,
-          minHeight: 0,
-          position: 'relative',
-          transform: drag.active ? `translateX(${drag.dx * 0.3}px) rotate(${drag.dx * 0.02}deg)` : 'none',
-          transition: drag.active ? 'none' : 'transform 260ms cubic-bezier(.33,1,.4,1)',
-        }}
-      >
-        <SeedPager key={seed.seed} seed={seed} filter={filter} />
-      </div>
-
-      {/* Seed dots */}
-      <div style={{ position: 'absolute', bottom: 6, left: '50%', transform: 'translateX(-50%)', display: 'flex', gap: 5 }}>
-        {seeds.map((_, i) => (
-          <div key={i} style={{ width: 6, height: 6, borderRadius: 3, background: i === idx ? '#e4b643' : '#3e4a4d' }} />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-window.SeedDetail = SeedDetail;

package/assets/Balatro Seed Curator (DesignsV2)/src/app.jsx

@@ -1,35 +0,0 @@
-// App shell — wraps SeedDetail in a design_canvas artboard at phone size.
-
-function App() {
-  const [mapsReady, setMapsReady] = React.useState(false);
-
-  React.useEffect(() => {
-    (async () => {
-      await Promise.all([
-        window.loadSpriteMap('jokers',   'assets/jokers.json'),
-        window.loadSpriteMap('tarots',   'assets/tarots.json'),
-        window.loadSpriteMap('vouchers', 'assets/vouchers.json'),
-        window.loadSpriteMap('tags',     'assets/tags.json'),
-        window.loadSpriteMap('boosters', 'assets/boosters.json'),
-        window.loadSpriteMap('blinds',   'assets/blinds.json'),
-      ]);
-      setMapsReady(true);
-    })();
-  }, []);
-
-  if (!mapsReady) {
-    return <div style={{ padding: 40, color: '#fff', fontFamily: 'm6x11plus, monospace' }}>Loading sprites…</div>;
-  }
-
-  return (
-    <DesignCanvas>
-      <DCSection id="seed-detail" title="Seed Detail" subtitle="Mobile seed view — swipe ↕ between antes, ↔ between seeds">
-        <DCArtboard id="hifi" label="Hi-fi · Balatro native" width={390} height={844}>
-          <SeedDetail seeds={window.MOCK_SEEDS} filter={window.MOCK_FILTER} />
-        </DCArtboard>
-      </DCSection>
-    </DesignCanvas>
-  );
-}
-
-ReactDOM.createRoot(document.getElementById('root')).render(<App />);

package/assets/Balatro Seed Curator (DesignsV2)/src/mockData.js

@@ -1,185 +0,0 @@
-// Mock data: a "Blueprint + Brainstorm + Telescope" filter + one seed.
-// Schema matches JAML should/must clauses. Each hit on the seed carries a
-// clauseId so the card can attribute per-clause score.
-
-window.MOCK_FILTER = {
-  name: 'Blueprint Parade',
-  mustClauses: [
-    { id: 'm1', kind: 'Joker', target: 'Blueprint', antes: [1, 2, 3, 4, 5, 6, 7, 8] },
-  ],
-  shouldClauses: [
-    { id: 's1', kind: 'Joker', target: 'Blueprint',  antes: [1, 2, 3, 4, 5, 6, 7, 8], color: '#ff4c40' },
-    { id: 's2', kind: 'Joker', target: 'Brainstorm', antes: [1, 2, 3, 4, 5, 6, 7, 8], color: '#0093ff' },
-    { id: 's3', kind: 'Voucher', target: 'Telescope', antes: [1, 2, 3, 4, 5, 6, 7, 8], color: '#e4b643' },
-  ],
-};
-
-// ── Helper for seed generation ────────────────────────────────
-// Each ante has: voucher (or null), tags [2], smallBlindPack,
-// bigBlindPack, boss, and 4 shops (small, big, boss — each has 6 items
-// in 2 rows of 3, but Balatro shops cycle, so we just show a few reroll
-// batches). For simplicity: one shop per blind, 4 items per shop slot row.
-
-// Each item: { kind:'Joker'|'Tarot'|'Voucher'|'Pack', name, edition?, hits?:[clauseId] }
-// hits = array of clauseIds this item satisfies. Renderer stamps a badge
-// per hit and builds the per-clause score by counting.
-
-const seed1 = {
-  seed: 'GR0XQVCF',
-  deck: 'Red Deck',
-  stake: 'Blue Stake',
-  score: { total: 7, perClause: { s1: 3, s2: 3, s3: 1, m1: 3 } },
-  antes: [
-    // Ante 0 is pre-game (just deck/stake summary)
-    { ante: 0, voucher: null, tags: [], blinds: [], isPre: true },
-
-    // Ante 1
-    {
-      ante: 1,
-      voucher: { name: 'Overstock', hits: [] },
-      tags: [{ name: 'RareTag', hits: [] }, { name: 'UncommonTag', hits: [] }],
-      blinds: [
-        { kind: 'small', boss: 'SmallBlind',
-          shop: [
-            { kind: 'Joker', name: 'Joker', hits: [] },
-            { kind: 'Joker', name: 'GreedyJoker', hits: [] },
-            { kind: 'Joker', name: 'Blueprint', edition: 'Foil', hits: ['m1', 's1'] },
-            { kind: 'Tarot', name: 'TheFool', hits: [] },
-            { kind: 'Tarot', name: 'TheEmpress', hits: [] },
-            { kind: 'Joker', name: 'JollyJoker', hits: [] },
-          ],
-          packs: [{ kind: 'ArcanaPack', contents: [
-            { kind: 'Tarot', name: 'TheMagician', hits: [] },
-            { kind: 'Tarot', name: 'TheHighPriestess', hits: [] },
-            { kind: 'Tarot', name: 'TheEmperor', hits: [] },
-          ] }],
-        },
-        { kind: 'big', boss: 'BigBlind',
-          shop: [
-            { kind: 'Joker', name: 'WrathfulJoker', hits: [] },
-            { kind: 'Joker', name: 'ZanyJoker', hits: [] },
-            { kind: 'Tarot', name: 'TheLovers', hits: [] },
-            { kind: 'Joker', name: 'GrosMichel', hits: [] },
-            { kind: 'Joker', name: 'EvenSteven', hits: [] },
-            { kind: 'Joker', name: 'OddTodd', hits: [] },
-          ],
-          packs: [{ kind: 'BuffoonPack', contents: [
-            { kind: 'Joker', name: 'Brainstorm', hits: ['s2'] },
-            { kind: 'Joker', name: 'Fibonacci', hits: [] },
-          ] }],
-        },
-        { kind: 'boss', boss: 'TheOx',
-          shop: [
-            { kind: 'Voucher', name: 'Telescope', hits: ['s3'] },
-            { kind: 'Joker', name: 'Scholar', hits: [] },
-            { kind: 'Joker', name: 'Supernova', hits: [] },
-            { kind: 'Tarot', name: 'TheHierophant', hits: [] },
-            { kind: 'Joker', name: 'Ceremonial', hits: [] },
-            { kind: 'Joker', name: 'Banner', hits: [] },
-          ],
-          packs: [{ kind: 'StandardPack', contents: [] }],
-        },
-      ],
-    },
-
-    // Ante 2
-    {
-      ante: 2,
-      voucher: { name: 'ClearanceSale', hits: [] },
-      tags: [{ name: 'TopUpTag', hits: [] }, { name: 'FoilTag', hits: [] }],
-      blinds: [
-        { kind: 'small', boss: 'SmallBlind',
-          shop: [
-            { kind: 'Joker', name: 'Joker', hits: [] },
-            { kind: 'Joker', name: 'MadJoker', hits: [] },
-            { kind: 'Joker', name: 'CrazyJoker', hits: [] },
-            { kind: 'Tarot', name: 'Strength', hits: [] },
-            { kind: 'Joker', name: 'DrollJoker', hits: [] },
-            { kind: 'Joker', name: 'HalfJoker', hits: [] },
-          ],
-          packs: [{ kind: 'CelestialPack', contents: [] }],
-        },
-        { kind: 'big', boss: 'BigBlind',
-          shop: [
-            { kind: 'Joker', name: 'Blueprint', edition: 'Holographic', hits: ['m1', 's1'] },
-            { kind: 'Joker', name: 'SlyJoker', hits: [] },
-            { kind: 'Tarot', name: 'TheHermit', hits: [] },
-            { kind: 'Joker', name: 'WilyJoker', hits: [] },
-            { kind: 'Joker', name: 'CleverJoker', hits: [] },
-            { kind: 'Joker', name: 'DeviousJoker', hits: [] },
-          ],
-          packs: [{ kind: 'MegaArcanaPack', contents: [
-            { kind: 'Tarot', name: 'Justice', hits: [] },
-            { kind: 'Tarot', name: 'Death', hits: [] },
-            { kind: 'Tarot', name: 'Temperance', hits: [] },
-            { kind: 'Tarot', name: 'TheDevil', hits: [] },
-            { kind: 'Tarot', name: 'TheTower', hits: [] },
-          ] }],
-        },
-        { kind: 'boss', boss: 'TheHouse',
-          shop: [
-            { kind: 'Joker', name: 'Brainstorm', edition: 'Polychrome', hits: ['s2'] },
-            { kind: 'Joker', name: 'Banner', hits: [] },
-            { kind: 'Joker', name: 'MysticSummit', hits: [] },
-            { kind: 'Joker', name: 'MarbleJoker', hits: [] },
-            { kind: 'Joker', name: 'LoyaltyCard', hits: [] },
-            { kind: 'Joker', name: 'EightBall', hits: [] },
-          ],
-          packs: [{ kind: 'SpectralPack', contents: [] }],
-        },
-      ],
-    },
-
-    // Ante 3
-    {
-      ante: 3,
-      voucher: null,
-      tags: [{ name: 'HolographicTag', hits: [] }, { name: 'NegativeTag', hits: [] }],
-      blinds: [
-        { kind: 'small', boss: 'SmallBlind',
-          shop: [
-            { kind: 'Joker', name: 'Brainstorm', edition: 'Foil', hits: ['s2'] },
-            { kind: 'Joker', name: 'Misprint', hits: [] },
-            { kind: 'Tarot', name: 'TheStar', hits: [] },
-            { kind: 'Joker', name: 'RaisedFist', hits: [] },
-            { kind: 'Joker', name: 'Chaos', hits: [] },
-            { kind: 'Joker', name: 'Fibonacci', hits: [] },
-          ],
-          packs: [{ kind: 'ArcanaPack', contents: [] }],
-        },
-        { kind: 'big', boss: 'BigBlind',
-          shop: [
-            { kind: 'Joker', name: 'SteelJoker', hits: [] },
-            { kind: 'Joker', name: 'ScaryFace', hits: [] },
-            { kind: 'Joker', name: 'AbstractJoker', hits: [] },
-            { kind: 'Joker', name: 'DelayedGratification', hits: [] },
-            { kind: 'Joker', name: 'Pareidolia', hits: [] },
-            { kind: 'Joker', name: 'Hack', hits: [] },
-          ],
-          packs: [{ kind: 'JumboBuffoonPack', contents: [
-            { kind: 'Joker', name: 'Blueprint', hits: ['m1', 's1'] },
-            { kind: 'Joker', name: 'Cartomancer', hits: [] },
-            { kind: 'Joker', name: 'Astronomer', hits: [] },
-          ] }],
-        },
-        { kind: 'boss', boss: 'TheClub',
-          shop: [
-            { kind: 'Joker', name: 'Gros Michel', hits: [] },
-            { kind: 'Joker', name: 'EvenSteven', hits: [] },
-            { kind: 'Joker', name: 'OddTodd', hits: [] },
-            { kind: 'Joker', name: 'Scholar', hits: [] },
-            { kind: 'Joker', name: 'BusinessCard', hits: [] },
-            { kind: 'Joker', name: 'Supernova', hits: [] },
-          ],
-          packs: [{ kind: 'StandardPack', contents: [] }],
-        },
-      ],
-    },
-  ],
-};
-
-// Two more placeholder seeds so the horizontal swipe has somewhere to go.
-const seed2 = { ...seed1, seed: 'ALEPH999', score: { total: 4, perClause: { s1: 2, s2: 1, s3: 1, m1: 2 } } };
-const seed3 = { ...seed1, seed: 'BETAZERO', score: { total: 6, perClause: { s1: 3, s2: 2, s3: 1, m1: 3 } } };
-
-window.MOCK_SEEDS = [seed1, seed2, seed3];