The Workshop

The Workshop (/workshop) is your visual deck editor. Unlike the browse page where search is the main focus, the workshop puts your deck front and center with search as a complementary tool for finding specific cards.

Layout Overview

The workshop uses a 3-column layout on desktop:

Left Column
Right Column

Your Deck — Leader, Base, main deck grid, sideboard

Search & Filters — Format toggle, search bar, filter dropdowns, search results

On mobile, the search column becomes a slide-in drawer accessible via the search tab button.

Your Deck (Left Column)

Leader & Base Slots

At the top, two slots show your Leader and Base:

  • Empty slots — Click to filter the search column to that card type. Click "Select Leader" or "Select Base" to start browsing leaders or bases in the search panel.

  • Filled slots — Show the card image in landscape format. Click to remove the card from your deck.

Main Deck Grid

Below the leader/base row, your main deck cards display as a visual card grid, sorted by cost then type. A stats bar above the grid shows your Unit / Event / Upgrade counts.

Each card tile shows:

  • Card image

  • Count badge (diamond shape at the bottom)

  • On hover: SB button (move to sideboard), button (remove copy), + button (add copy)

  • Hover popover with a larger card preview

Sideboard

If you have sideboard cards, they appear below the main deck in a compact 6-column grid. Each tile has:

  • Count badge

  • MD button — move back to main deck

  • −/+ buttons — adjust quantity

Search & Filters (Right Column)

The search column works similarly to the browse page (see Browsing & Searching Cards) with a few workshop-specific behaviors:

Same Premier/Eternal toggle and natural language search. The search pipeline is identical — single-word matching, title search, then AI fallback.

Filter Dropdowns

Four filter dropdowns are available:

  • Sets — Premier/Eternal quick-select or individual set checkboxes

  • Types — Unit, Event, Upgrade

  • Aspects — Same Deck/Any/All modes. Deck mode auto-activates when both Leader and Base are selected.

  • Arenas — Ground, Space

Search Results

Results appear as a scrollable list below the filters. Each row shows the card with an Add button to put it in your deck. Cards already in your deck show a count badge.

Default Card Pool

When you have both a Leader and Base selected but haven't searched, the search column shows all playable cards for your deck's aspects, sorted by cost. This lets you browse and build without needing to search.

Deck Building Flow

A typical workflow in the workshop:

  1. Select a Leader — Click the empty Leader slot, browse leaders in the search panel, click one to add

  2. Select a Base — Click the empty Base slot, browse bases, click one to add

  3. Browse the card pool — With both selected, the search panel shows all playable cards filtered by your deck's aspects

  4. Add cards — Click cards in the search results to add them to your deck grid

  5. Fine-tune — Use search to find specific cards, adjust counts with +/− buttons, move cards to sideboard

  6. Save — Click Save in the header bar

Header Actions

The workshop header includes:

  • Deck name (or "New Deck")

  • Unsaved indicator — Shows when you have unsaved changes

  • Browse button — Switch to the browse page with your deck loaded in the side panel

  • View button — Go to your deck's public view page (only for saved decks)

  • Save button — Save your deck. New decks open a dialog for name and folder; existing decks save instantly.

  • Close button — Close the deck (confirms if you have unsaved changes)

Autosave & Recovery

The workshop autosaves your work to the browser every 500ms. If you accidentally close the tab and come back, a banner appears offering to Restore or Discard your unsaved changes.

Mobile Experience

On mobile devices (under 768px):

  • The deck grid fills the screen

  • A search tab button (bottom-right) opens the search drawer

  • The search drawer slides in from the right as an overlay

  • Tap the backdrop to close it

Workshop vs. Browse Page

Browse Page (/search)

Workshop (/workshop)

Primary focus

Card search & discovery

Visual deck layout

Deck display

Side panel (collapsible)

Main content area (always visible)

Search display

Main content area

Side column / drawer

Best for

Starting a new deck, exploring cards

Fine-tuning a deck, visual overview

More filters

Rarity, Ability, Keyword, Trait

Sets, Type, Aspect, Arena

Last updated