ui-desktop: build the JavaFX market UI on top of the service

Replace the placeholder hello-world window with a working desktop
client for the guess market.

ServiceEngine wires the in-memory repositories, XML loader, risk,
matching, fulfillment and settlement contexts together, and AppState
exposes their results as observable JavaFX state for the views to bind
to. The FXML views have an events tab and a users tab. The events tab
lists events with mechanism and commission filters, and shows each
event's price chart, order book ladder, trade history and participants.
The users tab shows each user's ledger and positions, and lets them
place buy and sell orders. Dialogs cover loading an XML file (in a
background task), creating an event and resolving one.

Bundle a CSS theme and Nerd Font faces so the UI looks the same on
every machine. Teach build.sh to copy each module's src/main/resources
into its class output, since FXML, CSS and fonts are loaded from the
classpath at runtime.

65 files changed, 6426 insertions, 13 deletions

diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/App.java b/ui-desktop/src/main/java/market/guess/ui/desktop/App.java
index f0b2b7a..0d92c7d 100644
--- a/ui-desktop/src/main/java/market/guess/ui/desktop/App.java
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/App.java
@@ -1,22 +1,12 @@
 package market.guess.ui.desktop;
 
 import javafx.application.Application;
-import javafx.scene.Scene;
-import javafx.scene.control.Label;
-import javafx.scene.layout.StackPane;
 import javafx.stage.Stage;
 
-public class App extends Application {
+public final class App extends Application {
   @Override
-  public void start(Stage stage) throws Exception {
-    var javaVersion = System.getProperty("java.version");
-    var openjfxVersion = System.getProperty("javafx.version");
-
-    var label =
-        new Label("Hello. JavaFX " + openjfxVersion + ", running on Java " + javaVersion + ".");
-    var scene = new Scene(new StackPane(label), 640, 480);
-
-    stage.setScene(scene);
+  public void start(Stage stage) {
+    new AppView(stage);
     stage.show();
   }
 }
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/AppState.java b/ui-desktop/src/main/java/market/guess/ui/desktop/AppState.java
new file mode 100644
index 0000000..80e472b
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/AppState.java
@@ -0,0 +1,760 @@
+package market.guess.ui.desktop;
+
+import java.math.BigDecimal;
+import java.time.Instant;
+import java.time.LocalDateTime;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+import javafx.beans.property.BooleanProperty;
+import javafx.beans.property.ObjectProperty;
+import javafx.beans.property.SimpleBooleanProperty;
+import javafx.beans.property.SimpleObjectProperty;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.beans.property.StringProperty;
+import javafx.collections.FXCollections;
+import javafx.collections.ListChangeListener;
+import javafx.collections.ObservableList;
+import market.guess.api.AccountContext;
+import market.guess.api.CatalogContext;
+import market.guess.api.GuessMarketContext;
+import market.guess.model.event.EventDetailDTO;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.EventSummaryDTO;
+import market.guess.model.event.MechanismType;
+import market.guess.model.ledger.LedgerDTO;
+import market.guess.ui.desktop.components.AppTab;
+import market.guess.ui.desktop.components.CommissionFilter;
+import market.guess.ui.desktop.components.MechanismFilter;
+import market.guess.ui.desktop.components.ModalDialog;
+import market.guess.ui.desktop.components.TradeSide;
+import market.guess.ui.desktop.model.BookRow;
+import market.guess.ui.desktop.model.ChartPoint;
+import market.guess.ui.desktop.model.EventData;
+import market.guess.ui.desktop.model.OrderBook;
+import market.guess.ui.desktop.model.ParticipantRow;
+import market.guess.ui.desktop.model.TradeRow;
+import market.guess.ui.desktop.model.UserData;
+import market.guess.ui.desktop.model.UserEventRow;
+import market.guess.ui.desktop.util.Format;
+
+/** Reactive UI state backed by JavaFX properties and observable collections. */
+public final class AppState {
+  private final CatalogContext catalogContext;
+  private final GuessMarketContext marketContext;
+  private final AccountContext accountContext;
+
+  private final StringProperty loadedFile = new SimpleStringProperty(null);
+
+  public final ObservableList<EventData> events = FXCollections.observableArrayList();
+  public final ObservableList<UserData> users = FXCollections.observableArrayList();
+
+  private final StringProperty selectedEventId = new SimpleStringProperty(null);
+  private final ObjectProperty<EventData> selectedEvent = new SimpleObjectProperty<>();
+
+  private final StringProperty actingUserName = new SimpleStringProperty(null);
+  private final ObjectProperty<UserData> actingUser = new SimpleObjectProperty<>();
+
+  private final StringProperty selectedUserEventId = new SimpleStringProperty("1");
+
+  private final ObjectProperty<MechanismFilter> filterMethod =
+      new SimpleObjectProperty<>(MechanismFilter.ALL);
+  private final ObjectProperty<EventStatus> filterStatus = new SimpleObjectProperty<>(null);
+  private final ObjectProperty<CommissionFilter> filterFee =
+      new SimpleObjectProperty<>(CommissionFilter.ALL);
+
+  private final ObjectProperty<TradeSide> tradeSide = new SimpleObjectProperty<>(TradeSide.BUY);
+  private final StringProperty tradeQty = new SimpleStringProperty("50");
+  private final StringProperty tradePrice = new SimpleStringProperty("0.62");
+  private final BooleanProperty tradeOptionYes = new SimpleBooleanProperty(true);
+
+  private final ObjectProperty<Skin> skin = new SimpleObjectProperty<>(Skin.ROSE_PINE_DAWN);
+  private final BooleanProperty animationsOn = new SimpleBooleanProperty(true);
+
+  private final ObjectProperty<AppTab> activeTab = new SimpleObjectProperty<>(AppTab.EVENTS);
+  private final ObjectProperty<ModalDialog> dialog = new SimpleObjectProperty<>(ModalDialog.NONE);
+
+  private final ObjectProperty<MechanismType> createType =
+      new SimpleObjectProperty<>(MechanismType.LMSR);
+  private final BooleanProperty createMintingOn = new SimpleBooleanProperty(true);
+  private final StringProperty resolveSelectedOption = new SimpleStringProperty(null);
+
+  private final StringProperty toast = new SimpleStringProperty(null);
+  private final StringProperty pendingFile = new SimpleStringProperty(null);
+
+  public AppState() {
+    this(new ServiceEngine());
+  }
+
+  public AppState(ServiceEngine engine) {
+    this(engine.getCatalogContext(), engine.getMarketContext(), engine.getAccountContext());
+  }
+
+  public AppState(
+      CatalogContext catalogContext,
+      GuessMarketContext marketContext,
+      AccountContext accountContext) {
+    this.catalogContext = catalogContext;
+    this.marketContext = marketContext;
+    this.accountContext = accountContext;
+
+    selectedEventId.addListener((obs, oldVal, newVal) -> updateSelectedEvent());
+    events.addListener((ListChangeListener<EventData>) c -> updateSelectedEvent());
+
+    actingUserName.addListener((obs, oldVal, newVal) -> updateActingUser());
+    users.addListener((ListChangeListener<UserData>) c -> updateActingUser());
+
+    refreshData();
+  }
+
+  public void refreshData() {
+    var allEventsRes = catalogContext.getAllEvents();
+    var allAccountsRes = accountContext.getAllAccounts();
+
+    var newEventList = new ArrayList<EventData>();
+    if (allEventsRes != null && allEventsRes.isSuccess() && allEventsRes.getData() != null) {
+      for (var summary : allEventsRes.getData()) {
+        var detailRes = catalogContext.getEvent(summary.key());
+        EventDetailDTO detail =
+            (detailRes != null && detailRes.isSuccess()) ? detailRes.getData() : null;
+        newEventList.add(toEventData(summary, detail));
+      }
+    }
+    this.events.setAll(newEventList);
+
+    var newUserList = new ArrayList<UserData>();
+    if (allAccountsRes != null && allAccountsRes.isSuccess() && allAccountsRes.getData() != null) {
+      for (var acc : allAccountsRes.getData()) {
+        newUserList.add(toUserData(acc, newEventList));
+      }
+    }
+    this.users.setAll(newUserList);
+    updateSelectedEvent();
+    updateActingUser();
+  }
+
+  private EventData toEventData(EventSummaryDTO summary, EventDetailDTO detail) {
+    double contractVal = 0.0;
+    try {
+      if (summary.accountBalance() != null) {
+        contractVal =
+            Double.parseDouble(summary.accountBalance().replace("$", "").replace(",", "").trim());
+      }
+    } catch (Exception ignored) {
+    }
+
+    EventData ev =
+        new EventData(
+            summary.key(),
+            summary.displayId(),
+            summary.name(),
+            summary.description(),
+            summary.mechanism(),
+            summary.status(),
+            summary.marketMaker(),
+            summary.commissionPercent(),
+            summary.commissionTiming(),
+            contractVal,
+            summary.mechanism() == MechanismType.LMSR ? 100 : null,
+            summary.mechanism() == MechanismType.ORDER_BOOK ? BigDecimal.ONE : null);
+
+    if (detail != null) {
+      if (detail.state() != null && detail.state().markets() != null) {
+        var markets = detail.state().markets();
+        if (markets.size() >= 1) {
+          try {
+            ev.yesPrice = new BigDecimal(markets.get(0).price());
+            ev.yesShares = (int) Double.parseDouble(markets.get(0).volume());
+          } catch (Exception ignored) {
+          }
+        }
+        if (markets.size() >= 2) {
+          try {
+            ev.noPrice = new BigDecimal(markets.get(1).price());
+            ev.noShares = (int) Double.parseDouble(markets.get(1).volume());
+          } catch (Exception ignored) {
+          }
+        }
+      }
+      if (detail.history() != null) {
+        int idx = 1;
+        for (var t : detail.history()) {
+          boolean isYes =
+              "YES".equalsIgnoreCase(t.optionName())
+                  || (summary.optionNames() != null
+                      && !summary.optionNames().isEmpty()
+                      && summary.optionNames().get(0).equalsIgnoreCase(t.optionName()));
+          int qty = 0;
+          try {
+            qty = (int) Long.parseLong(t.quantity());
+          } catch (Exception ignored) {
+          }
+          ev.trades.add(
+              new TradeRow(idx++, t.userName(), t.optionName(), isYes, qty, "$" + t.pricePaid()));
+        }
+      }
+      ev.resolvedOption = detail.settledMarket();
+    }
+
+    // Baseline and historical chart points
+    if (detail != null && detail.history() != null && !detail.history().isEmpty()) {
+      var historyChronological = new ArrayList<>(detail.history());
+      Collections.reverse(historyChronological);
+
+      long firstT = parseEpochSecond(historyChronological.get(0).at());
+      if (firstT == 0L) firstT = Instant.now().getEpochSecond();
+      ev.chart.add(new ChartPoint(firstT - 60, 0.50));
+
+      for (var t : historyChronological) {
+        long time = parseEpochSecond(t.at());
+        if (time == 0L) time = firstT;
+        boolean isYes =
+            "YES".equalsIgnoreCase(t.optionName())
+                || (summary.optionNames() != null
+                    && !summary.optionNames().isEmpty()
+                    && summary.optionNames().get(0).equalsIgnoreCase(t.optionName()));
+        double price = 0.50;
+        try {
+          double cost = Double.parseDouble(t.pricePaid().replace("$", "").replace(",", "").trim());
+          long qty = Long.parseLong(t.quantity());
+          if (qty > 0) {
+            double unitP = cost / qty;
+            price = isYes ? unitP : Math.max(0.0, 1.0 - unitP);
+          }
+        } catch (Exception ignored) {
+          price = (ev.yesPrice != null) ? ev.yesPrice.doubleValue() : 0.50;
+        }
+        ev.chart.add(new ChartPoint(time, Math.max(0.0, Math.min(1.0, price))));
+      }
+    } else {
+      long now = Instant.now().getEpochSecond();
+      double p = (ev.yesPrice != null) ? ev.yesPrice.doubleValue() : 0.50;
+      ev.chart.add(new ChartPoint(now - 60, p));
+      ev.chart.add(new ChartPoint(now, p));
+    }
+
+    // Order books for OB
+    if (ev.type == MechanismType.ORDER_BOOK) {
+      String yesLast = ev.yesPrice != null ? Format.money(ev.yesPrice) : "$0.50";
+      String noLast = ev.noPrice != null ? Format.money(ev.noPrice) : "$0.50";
+      ev.yesBook = new OrderBook("YES", true);
+      ev.yesBook.last = yesLast;
+      ev.yesBook.bid = "—";
+      ev.yesBook.ask = "—";
+      ev.yesBook.mid = yesLast;
+      ev.yesBook.spread = "—";
+
+      ev.noBook = new OrderBook("NO", false);
+      ev.noBook.last = noLast;
+      ev.noBook.bid = "—";
+      ev.noBook.ask = "—";
+      ev.noBook.mid = noLast;
+      ev.noBook.spread = "—";
+
+      if (detail != null && detail.orderBooks() != null && !detail.orderBooks().isEmpty()) {
+        for (var obDto : detail.orderBooks()) {
+          boolean isYes =
+              "YES".equalsIgnoreCase(obDto.optionKey())
+                  || "YES".equalsIgnoreCase(obDto.optionName())
+                  || obDto.optionKey().endsWith(":0")
+                  || obDto.optionKey().equals("0");
+          OrderBook target = isYes ? ev.yesBook : ev.noBook;
+          if (target != null) {
+            if (obDto.bestBid() != null) target.bid = obDto.bestBid();
+            if (obDto.bestAsk() != null) target.ask = obDto.bestAsk();
+            if (obDto.spread() != null) target.spread = obDto.spread();
+            target.mid = midOf(target.bid, target.ask);
+            target.rows.clear();
+            if (obDto.orders() != null) {
+              for (var rowDto : obDto.orders()) {
+                target.rows.add(
+                    new BookRow(
+                        rowDto.side(),
+                        rowDto.user(),
+                        (int) rowDto.quantity(),
+                        rowDto.price(),
+                        rowDto.isBid()));
+              }
+            }
+          }
+        }
+      }
+    }
+
+    // Participants
+    if (detail != null && detail.participants() != null && !detail.participants().isEmpty()) {
+      ev.participants.clear();
+      for (var p : detail.participants()) {
+        ev.participants.add(
+            new ParticipantRow(
+                p.user(), p.tag(), p.yes(), p.no(), p.value(), p.fees(), p.pnl()));
+      }
+    } else if (ev.participants.isEmpty() && ev.mm != null && !ev.mm.isBlank()) {
+      ev.participants.add(new ParticipantRow(ev.mm, "MM", 0, 0, "$0.00", "$0.00", "$0.00"));
+    }
+
+    return ev;
+  }
+
+  private UserData toUserData(LedgerDTO acc, List<EventData> allEvents) {
+    double bal = 0.0;
+    try {
+      if (acc.balance() != null) {
+        bal = Double.parseDouble(acc.balance().replace("$", "").replace(",", "").trim());
+      }
+    } catch (Exception ignored) {
+    }
+
+    boolean isMm =
+        allEvents.stream().anyMatch(e -> e.mm != null && acc.owner().equalsIgnoreCase(e.mm));
+    String role = isMm ? "Market Maker" : "Trader";
+
+    UserData u = new UserData(acc.owner(), role, bal, acc.blocked(), isMm);
+
+    if (acc.entries() != null && !acc.entries().isEmpty()) {
+      var entries = acc.entries();
+      long firstT = parseEpochSecond(entries.get(0).at());
+      if (firstT == 0L) firstT = Instant.now().getEpochSecond();
+
+      double firstAmount = 0.0;
+      double firstBalAfter = 0.0;
+      try {
+        firstAmount =
+            Double.parseDouble(entries.get(0).amount().replace("$", "").replace(",", "").trim());
+        firstBalAfter =
+            Double.parseDouble(
+                entries.get(0).balanceAfter().replace("$", "").replace(",", "").trim());
+      } catch (Exception ignored) {
+      }
+      double initialBal = firstBalAfter - firstAmount;
+      u.balanceHistory.add(new ChartPoint(firstT - 60, Math.max(0.0, initialBal)));
+
+      for (var entry : entries) {
+        long t = parseEpochSecond(entry.at());
+        if (t == 0L) t = firstT;
+        try {
+          double bAfter =
+              Double.parseDouble(entry.balanceAfter().replace("$", "").replace(",", "").trim());
+          u.balanceHistory.add(new ChartPoint(t, bAfter));
+        } catch (Exception ignored) {
+        }
+      }
+    } else {
+      long now = Instant.now().getEpochSecond();
+      u.balanceHistory.add(new ChartPoint(now - 60, bal));
+      u.balanceHistory.add(new ChartPoint(now, bal));
+    }
+
+    for (var ev : allEvents) {
+      String typeStr = ev.type == MechanismType.LMSR ? "LMSR" : "Order Book";
+      boolean isEvMm = ev.mm != null && acc.owner().equalsIgnoreCase(ev.mm);
+      long yesShares = 0;
+      long noShares = 0;
+      var pOpt =
+          ev.participants.stream().filter(p -> p.user().equalsIgnoreCase(acc.owner())).findFirst();
+      if (pOpt.isPresent()) {
+        yesShares = pOpt.get().yes();
+        noShares = pOpt.get().no();
+      } else {
+        if (isEvMm && ev.type == MechanismType.ORDER_BOOK) {
+          yesShares += 100;
+          noShares += 100;
+        }
+        for (var trade : ev.trades) {
+          if (acc.owner().equalsIgnoreCase(trade.user())) {
+            if (trade.yesOption()) yesShares += trade.shares();
+            else noShares += trade.shares();
+          }
+        }
+      }
+      // Spec: P/L is reported once the event is closed; until then there is no realised result.
+      String valStr =
+          ev.status != EventStatus.SETTLED ? "—" : pOpt.isPresent() ? pOpt.get().pnl() : "$0.00";
+      if (isEvMm) {
+        u.events.add(
+            new UserEventRow(
+                ev.id,
+                ev.name,
+                "Market Maker",
+                typeStr,
+                (int) Math.max(0, yesShares),
+                (int) Math.max(0, noShares),
+                valStr));
+      } else if (yesShares > 0 || noShares > 0) {
+        u.events.add(
+            new UserEventRow(
+                ev.id,
+                ev.name,
+                "Trader",
+                typeStr,
+                (int) Math.max(0, yesShares),
+                (int) Math.max(0, noShares),
+                valStr));
+      }
+    }
+
+    return u;
+  }
+
+  /** Mid price between best bid and best ask, or "—" when either side of the book is empty. */
+  static String midOf(String bid, String ask) {
+    try {
+      var b = new BigDecimal(bid.replace("$", "").trim());
+      var a = new BigDecimal(ask.replace("$", "").trim());
+      return Format.money(b.add(a).divide(BigDecimal.TWO));
+    } catch (RuntimeException e) {
+      return "—";
+    }
+  }
+
+  public static long parseEpochSecond(String timeStr) {
+    if (timeStr == null || timeStr.isBlank()) return 0L;
+    try {
+      return LocalDateTime.parse(timeStr, DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss"))
+          .atZone(ZoneId.systemDefault())
+          .toEpochSecond();
+    } catch (Exception e) {
+      try {
+        return Instant.parse(timeStr).getEpochSecond();
+      } catch (Exception ignored) {
+        return 0L;
+      }
+    }
+  }
+
+  private void updateSelectedEvent() {
+    String id = selectedEventId.get();
+    EventData ev = (id != null) ? event(id) : null;
+    if (ev == null && !events.isEmpty()) {
+      ev = events.get(0);
+      if (ev != null) {
+        selectedEventId.set(ev.id);
+      }
+    }
+    selectedEvent.set(null);
+    selectedEvent.set(ev);
+  }
+
+  private void updateActingUser() {
+    String name = actingUserName.get();
+    UserData u = (name != null) ? user(name) : null;
+    if (u == null && !users.isEmpty()) {
+      u = users.get(0);
+      if (u != null) {
+        actingUserName.set(u.name);
+      }
+    }
+    actingUser.set(null);
+    actingUser.set(u);
+  }
+
+  public CatalogContext getCatalogContext() {
+    return catalogContext;
+  }
+
+  public GuessMarketContext getMarketContext() {
+    return marketContext;
+  }
+
+  public AccountContext getAccountContext() {
+    return accountContext;
+  }
+
+  public ObservableList<EventData> getEvents() {
+    return events;
+  }
+
+  public ObservableList<UserData> getUsers() {
+    return users;
+  }
+
+  public StringProperty loadedFileProperty() {
+    return loadedFile;
+  }
+
+  public String getLoadedFile() {
+    return loadedFile.get();
+  }
+
+  public void setLoadedFile(String file) {
+    this.loadedFile.set(file);
+  }
+
+  public StringProperty selectedEventIdProperty() {
+    return selectedEventId;
+  }
+
+  public String getSelectedEventId() {
+    return selectedEventId.get();
+  }
+
+  public void setSelectedEventId(String id) {
+    this.selectedEventId.set(id);
+  }
+
+  public ObjectProperty<EventData> selectedEventProperty() {
+    return selectedEvent;
+  }
+
+  public EventData selectedEvent() {
+    return selectedEvent.get();
+  }
+
+  public EventData getSelectedEvent() {
+    return selectedEvent.get();
+  }
+
+  public void setSelectedEvent(EventData e) {
+    this.selectedEvent.set(e);
+    if (e != null) {
+      this.selectedEventId.set(e.id);
+    }
+  }
+
+  public StringProperty actingUserNameProperty() {
+    return actingUserName;
+  }
+
+  public String getActingUserName() {
+    return actingUserName.get();
+  }
+
+  public void setActingUserName(String name) {
+    this.actingUserName.set(name);
+  }
+
+  public ObjectProperty<UserData> actingUserProperty() {
+    return actingUser;
+  }
+
+  public UserData actingUser() {
+    return actingUser.get();
+  }
+
+  public UserData getActingUser() {
+    return actingUser.get();
+  }
+
+  public void setActingUser(UserData u) {
+    this.actingUser.set(u);
+    if (u != null) {
+      this.actingUserName.set(u.name);
+    }
+  }
+
+  public StringProperty selectedUserEventIdProperty() {
+    return selectedUserEventId;
+  }
+
+  public String getSelectedUserEventId() {
+    return selectedUserEventId.get();
+  }
+
+  public void setSelectedUserEventId(String id) {
+    this.selectedUserEventId.set(id);
+  }
+
+  public ObjectProperty<MechanismFilter> filterMethodProperty() {
+    return filterMethod;
+  }
+
+  public MechanismFilter getFilterMethod() {
+    return filterMethod.get();
+  }
+
+  public void setFilterMethod(MechanismFilter m) {
+    this.filterMethod.set(m);
+  }
+
+  public ObjectProperty<EventStatus> filterStatusProperty() {
+    return filterStatus;
+  }
+
+  public EventStatus getFilterStatus() {
+    return filterStatus.get();
+  }
+
+  public void setFilterStatus(EventStatus s) {
+    this.filterStatus.set(s);
+  }
+
+  public ObjectProperty<CommissionFilter> filterFeeProperty() {
+    return filterFee;
+  }
+
+  public CommissionFilter getFilterFee() {
+    return filterFee.get();
+  }
+
+  public void setFilterFee(CommissionFilter f) {
+    this.filterFee.set(f);
+  }
+
+  public ObjectProperty<TradeSide> tradeSideProperty() {
+    return tradeSide;
+  }
+
+  public TradeSide getTradeSide() {
+    return tradeSide.get();
+  }
+
+  public void setTradeSide(TradeSide s) {
+    this.tradeSide.set(s);
+  }
+
+  public StringProperty tradeQtyProperty() {
+    return tradeQty;
+  }
+
+  public String getTradeQty() {
+    return tradeQty.get();
+  }
+
+  public void setTradeQty(String q) {
+    this.tradeQty.set(q);
+  }
+
+  public StringProperty tradePriceProperty() {
+    return tradePrice;
+  }
+
+  public String getTradePrice() {
+    return tradePrice.get();
+  }
+
+  public void setTradePrice(String p) {
+    this.tradePrice.set(p);
+  }
+
+  public BooleanProperty tradeOptionYesProperty() {
+    return tradeOptionYes;
+  }
+
+  public boolean isTradeOptionYes() {
+    return tradeOptionYes.get();
+  }
+
+  public void setTradeOptionYes(boolean y) {
+    this.tradeOptionYes.set(y);
+  }
+
+  public ObjectProperty<Skin> skinProperty() {
+    return skin;
+  }
+
+  public Skin getSkin() {
+    return skin.get();
+  }
+
+  public void setSkin(Skin s) {
+    this.skin.set(s);
+  }
+
+  public BooleanProperty animationsOnProperty() {
+    return animationsOn;
+  }
+
+  public boolean isAnimationsOn() {
+    return animationsOn.get();
+  }
+
+  public void setAnimationsOn(boolean a) {
+    this.animationsOn.set(a);
+  }
+
+  public ObjectProperty<AppTab> activeTabProperty() {
+    return activeTab;
+  }
+
+  public AppTab getActiveTab() {
+    return activeTab.get();
+  }
+
+  public void setActiveTab(AppTab t) {
+    this.activeTab.set(t);
+  }
+
+  public ObjectProperty<ModalDialog> dialogProperty() {
+    return dialog;
+  }
+
+  public ModalDialog getDialog() {
+    return dialog.get();
+  }
+
+  public void setDialog(ModalDialog d) {
+    this.dialog.set(d);
+  }
+
+  public ObjectProperty<MechanismType> createTypeProperty() {
+    return createType;
+  }
+
+  public MechanismType getCreateType() {
+    return createType.get();
+  }
+
+  public void setCreateType(MechanismType t) {
+    this.createType.set(t);
+  }
+
+  public BooleanProperty createMintingOnProperty() {
+    return createMintingOn;
+  }
+
+  public boolean isCreateMintingOn() {
+    return createMintingOn.get();
+  }
+
+  public void setCreateMintingOn(boolean m) {
+    this.createMintingOn.set(m);
+  }
+
+  public StringProperty resolveSelectedOptionProperty() {
+    return resolveSelectedOption;
+  }
+
+  public String getResolveSelectedOption() {
+    return resolveSelectedOption.get();
+  }
+
+  public void setResolveSelectedOption(String o) {
+    this.resolveSelectedOption.set(o);
+  }
+
+  public StringProperty toastProperty() {
+    return toast;
+  }
+
+  public String getToast() {
+    return toast.get();
+  }
+
+  public void setToast(String t) {
+    this.toast.set(t);
+  }
+
+  public StringProperty pendingFileProperty() {
+    return pendingFile;
+  }
+
+  public String getPendingFile() {
+    return pendingFile.get();
+  }
+
+  public void setPendingFile(String f) {
+    this.pendingFile.set(f);
+  }
+
+  public EventData event(String id) {
+    if (id == null) return null;
+    return events.stream().filter(e -> e.getId().equals(id)).findFirst().orElse(null);
+  }
+
+  public UserData user(String name) {
+    if (name == null) return null;
+    return users.stream().filter(u -> u.getName().equals(name)).findFirst().orElse(null);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/AppView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/AppView.java
new file mode 100644
index 0000000..f5cf26f
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/AppView.java
@@ -0,0 +1,260 @@
+package market.guess.ui.desktop;
+
+import javafx.fxml.FXMLLoader;
+import javafx.geometry.Pos;
+import javafx.scene.Cursor;
+import javafx.scene.Scene;
+import javafx.scene.control.ScrollPane;
+import javafx.scene.layout.Region;
+import javafx.scene.layout.StackPane;
+import javafx.scene.paint.Color;
+import javafx.scene.shape.Rectangle;
+import javafx.stage.Stage;
+import javafx.stage.StageStyle;
+import market.guess.api.AccountContext;
+import market.guess.api.CatalogContext;
+import market.guess.api.GuessMarketContext;
+import market.guess.ui.desktop.controllers.AppController;
+
+public final class AppView {
+  private static final double CONTENT_MIN_WIDTH = 1040;
+  private static final double CONTENT_MIN_HEIGHT = 560;
+  private static final double WINDOW_MIN_WIDTH = 400;
+  private static final double WINDOW_MIN_HEIGHT = 300;
+
+  private final Stage stage;
+  private final CatalogContext catalogContext;
+  private final GuessMarketContext marketContext;
+  private final AccountContext accountContext;
+  private final AppState state;
+  private AppController controller;
+
+  public AppView(Stage stage) {
+    this(stage, new ServiceEngine());
+  }
+
+  public AppView(Stage stage, ServiceEngine engine) {
+    this(stage, engine.getCatalogContext(), engine.getMarketContext(), engine.getAccountContext());
+  }
+
+  public AppView(
+      Stage stage,
+      CatalogContext catalogContext,
+      GuessMarketContext marketContext,
+      AccountContext accountContext) {
+    this.stage = stage;
+    this.catalogContext = catalogContext;
+    this.marketContext = marketContext;
+    this.accountContext = accountContext;
+    this.state = new AppState(catalogContext, marketContext, accountContext);
+    stage.initStyle(StageStyle.TRANSPARENT);
+    initScene();
+  }
+
+  public CatalogContext getCatalogContext() {
+    return catalogContext;
+  }
+
+  public GuessMarketContext getMarketContext() {
+    return marketContext;
+  }
+
+  public AccountContext getAccountContext() {
+    return accountContext;
+  }
+
+  private void initScene() {
+    try {
+      var loader = new FXMLLoader(getClass().getResource("app_view.fxml"));
+      StackPane root = loader.load();
+      this.controller = loader.getController();
+      this.controller.init(this);
+
+      var clip = new Rectangle();
+      clip.setArcWidth(22);
+      clip.setArcHeight(22);
+      clip.widthProperty().bind(root.widthProperty());
+      clip.heightProperty().bind(root.heightProperty());
+      root.setClip(clip);
+
+      addResizeHandles(root);
+
+      var scene = new Scene(root, 1280, 800);
+      scene.setFill(Color.TRANSPARENT);
+      scene.getStylesheets().add(getClass().getResource("theme.css").toExternalForm());
+      stage.setScene(scene);
+      stage.setTitle("Guess Market");
+      stage.setMinWidth(WINDOW_MIN_WIDTH);
+      stage.setMinHeight(WINDOW_MIN_HEIGHT);
+      // lookup() can't see ScrollPane content until its skin exists, so go through getContent().
+      var appScroll = (ScrollPane) root.lookup(".gm-app-scroll");
+      ((Region) appScroll.getContent()).setMinSize(CONTENT_MIN_WIDTH, CONTENT_MIN_HEIGHT);
+
+      controller.refresh();
+    } catch (Exception e) {
+      throw new RuntimeException("Failed to load app_view.fxml", e);
+    }
+  }
+
+  public Stage getStage() {
+    return stage;
+  }
+
+  public AppState getState() {
+    return state;
+  }
+
+  public void show() {
+    stage.show();
+  }
+
+  private static final double RESIZE_MARGIN = 6;
+  private static final double RESIZE_CORNER = 12;
+
+  private void addResizeHandles(StackPane stack) {
+    stack
+        .getChildren()
+        .addAll(
+            resizeHandle(
+                stack,
+                Cursor.N_RESIZE,
+                Pos.TOP_CENTER,
+                -1,
+                RESIZE_MARGIN,
+                false,
+                false,
+                true,
+                false),
+            resizeHandle(
+                stack,
+                Cursor.S_RESIZE,
+                Pos.BOTTOM_CENTER,
+                -1,
+                RESIZE_MARGIN,
+                false,
+                false,
+                false,
+                true),
+            resizeHandle(
+                stack,
+                Cursor.W_RESIZE,
+                Pos.CENTER_LEFT,
+                RESIZE_MARGIN,
+                -1,
+                true,
+                false,
+                false,
+                false),
+            resizeHandle(
+                stack,
+                Cursor.E_RESIZE,
+                Pos.CENTER_RIGHT,
+                RESIZE_MARGIN,
+                -1,
+                false,
+                true,
+                false,
+                false),
+            resizeHandle(
+                stack,
+                Cursor.NW_RESIZE,
+                Pos.TOP_LEFT,
+                RESIZE_CORNER,
+                RESIZE_CORNER,
+                true,
+                false,
+                true,
+                false),
+            resizeHandle(
+                stack,
+                Cursor.NE_RESIZE,
+                Pos.TOP_RIGHT,
+                RESIZE_CORNER,
+                RESIZE_CORNER,
+                false,
+                true,
+                true,
+                false),
+            resizeHandle(
+                stack,
+                Cursor.SW_RESIZE,
+                Pos.BOTTOM_LEFT,
+                RESIZE_CORNER,
+                RESIZE_CORNER,
+                true,
+                false,
+                false,
+                true),
+            resizeHandle(
+                stack,
+                Cursor.SE_RESIZE,
+                Pos.BOTTOM_RIGHT,
+                RESIZE_CORNER,
+                RESIZE_CORNER,
+                false,
+                true,
+                false,
+                true));
+  }
+
+  private Region resizeHandle(
+      StackPane stack,
+      Cursor cursor,
+      Pos pos,
+      double w,
+      double h,
+      boolean left,
+      boolean right,
+      boolean top,
+      boolean bottom) {
+    var r = new Region();
+    r.setCursor(cursor);
+    r.setMouseTransparent(false);
+    if (w < 0) {
+      r.prefWidthProperty().bind(stack.widthProperty());
+    } else {
+      r.setPrefWidth(w);
+      r.setMaxWidth(w);
+    }
+    if (h < 0) {
+      r.prefHeightProperty().bind(stack.heightProperty());
+    } else {
+      r.setPrefHeight(h);
+      r.setMaxHeight(h);
+    }
+    StackPane.setAlignment(r, pos);
+
+    double[] start = new double[6];
+    r.setOnMousePressed(
+        e -> {
+          if (stage.isMaximized()) return;
+          start[0] = e.getScreenX();
+          start[1] = e.getScreenY();
+          start[2] = stage.getX();
+          start[3] = stage.getY();
+          start[4] = stage.getWidth();
+          start[5] = stage.getHeight();
+          e.consume();
+        });
+    r.setOnMouseDragged(
+        e -> {
+          if (stage.isMaximized()) return;
+          double dx = e.getScreenX() - start[0];
+          double dy = e.getScreenY() - start[1];
+          if (right) stage.setWidth(Math.max(stage.getMinWidth(), start[4] + dx));
+          if (bottom) stage.setHeight(Math.max(stage.getMinHeight(), start[5] + dy));
+          if (left) {
+            double newW = Math.max(stage.getMinWidth(), start[4] - dx);
+            stage.setX(start[2] + (start[4] - newW));
+            stage.setWidth(newW);
+          }
+          if (top) {
+            double newH = Math.max(stage.getMinHeight(), start[5] - dy);
+            stage.setY(start[3] + (start[5] - newH));
+            stage.setHeight(newH);
+          }
+          e.consume();
+        });
+    return r;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/ServiceEngine.java b/ui-desktop/src/main/java/market/guess/ui/desktop/ServiceEngine.java
new file mode 100644
index 0000000..549991e
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/ServiceEngine.java
@@ -0,0 +1,71 @@
+package market.guess.ui.desktop;
+
+import java.time.Clock;
+import market.guess.api.AccountContext;
+import market.guess.api.CatalogContext;
+import market.guess.api.GuessMarketContext;
+import market.guess.service.LocalGuessMarketContext;
+import market.guess.service.catalog.LocalCatalogContext;
+import market.guess.service.catalog.infrastructure.MarketContext;
+import market.guess.service.catalog.infrastructure.mapper.v2.EventMapperV2;
+import market.guess.service.catalog.infrastructure.provider.Loader;
+import market.guess.service.catalog.infrastructure.provider.v2.XMLLoaderV2;
+import market.guess.service.catalog.infrastructure.provider.v2.XMLValidatorV2;
+import market.guess.service.catalog.infrastructure.repository.EventRepository;
+import market.guess.service.catalog.infrastructure.repository.InMemoryEventRepository;
+import market.guess.service.catalog.infrastructure.repository.InMemoryUserRepository;
+import market.guess.service.catalog.infrastructure.repository.UserRepository;
+import market.guess.service.fulfillment.FulfillmentContext;
+import market.guess.service.fulfillment.LocalFulfillmentContext;
+import market.guess.service.ledger.LedgerContext;
+import market.guess.service.ledger.LocalAccountContext;
+import market.guess.service.matching.LocalMatchingEngine;
+import market.guess.service.matching.MatchingEngine;
+import market.guess.service.risk.LocalRiskEngine;
+import market.guess.service.risk.RiskEngine;
+import market.guess.service.settlement.LocalSettlementContext;
+import market.guess.service.settlement.SettlementContext;
+
+public final class ServiceEngine {
+  private final CatalogContext catalogContext;
+  private final GuessMarketContext marketContext;
+  private final AccountContext accountContext;
+
+  public ServiceEngine() {
+    this(Clock.systemUTC());
+  }
+
+  public ServiceEngine(Clock clock) {
+    EventRepository eventRepo = new InMemoryEventRepository();
+    UserRepository userRepo = new InMemoryUserRepository();
+    MarketContext marketContextInfrastructure = new MarketContext(eventRepo, userRepo);
+    EventMapperV2 mapper = new EventMapperV2();
+    XMLValidatorV2 validator = new XMLValidatorV2();
+    Loader loader = new XMLLoaderV2(eventRepo, userRepo, mapper, validator);
+
+    this.catalogContext = new LocalCatalogContext(loader, marketContextInfrastructure, eventRepo);
+    this.accountContext = new LocalAccountContext(userRepo);
+
+    LedgerContext ledgerContext = new LedgerContext(userRepo, clock);
+    RiskEngine risk = new LocalRiskEngine(eventRepo);
+    MatchingEngine matching = new LocalMatchingEngine(clock);
+    FulfillmentContext fulfillment = new LocalFulfillmentContext(ledgerContext);
+    SettlementContext settlement = new LocalSettlementContext(ledgerContext);
+
+    this.marketContext =
+        new LocalGuessMarketContext(
+            marketContextInfrastructure, risk, matching, fulfillment, settlement);
+  }
+
+  public CatalogContext getCatalogContext() {
+    return catalogContext;
+  }
+
+  public GuessMarketContext getMarketContext() {
+    return marketContext;
+  }
+
+  public AccountContext getAccountContext() {
+    return accountContext;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/Skin.java b/ui-desktop/src/main/java/market/guess/ui/desktop/Skin.java
new file mode 100644
index 0000000..b8e12d7
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/Skin.java
@@ -0,0 +1,23 @@
+package market.guess.ui.desktop;
+
+public enum Skin {
+  ROSE_PINE_DAWN("Rosé Pine Dawn", "CaskaydiaCove NF"),
+  CATPPUCCIN("Catppuccin", "JetBrainsMono NF"),
+  GRUVBOX("Gruvbox", "FiraCode Nerd Font");
+
+  private final String displayName;
+  private final String fontFamily;
+
+  Skin(String displayName, String fontFamily) {
+    this.displayName = displayName;
+    this.fontFamily = fontFamily;
+  }
+
+  public String getDisplayName() {
+    return displayName;
+  }
+
+  public String getFontFamily() {
+    return fontFamily;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/AppTab.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/AppTab.java
new file mode 100644
index 0000000..c17a0a6
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/AppTab.java
@@ -0,0 +1,6 @@
+package market.guess.ui.desktop.components;
+
+public enum AppTab {
+  EVENTS,
+  USERS
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/CommissionFilter.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/CommissionFilter.java
new file mode 100644
index 0000000..333a544
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/CommissionFilter.java
@@ -0,0 +1,7 @@
+package market.guess.ui.desktop.components;
+
+public enum CommissionFilter {
+  ALL,
+  PURCHASE,
+  CLOSE
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListCell.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListCell.java
new file mode 100644
index 0000000..4f5bb53
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListCell.java
@@ -0,0 +1,29 @@
+package market.guess.ui.desktop.components;
+
+import javafx.scene.control.ContentDisplay;
+import javafx.scene.control.ListCell;
+import market.guess.ui.desktop.model.EventData;
+
+public class EventListCell extends ListCell<EventData> {
+  private final EventListItemView view = new EventListItemView();
+
+  public EventListCell() {
+    setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
+    selectedProperty().addListener((obs, wasSelected, isNowSelected) -> {
+      if (getItem() != null) {
+        view.update(getItem(), isNowSelected);
+      }
+    });
+  }
+
+  @Override
+  protected void updateItem(EventData item, boolean empty) {
+    super.updateItem(item, empty);
+    if (empty || item == null) {
+      setGraphic(null);
+    } else {
+      view.update(item, isSelected());
+      setGraphic(view);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListItemView.java
new file mode 100644
index 0000000..892dbfc
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/EventListItemView.java
@@ -0,0 +1,51 @@
+package market.guess.ui.desktop.components;
+
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.VBox;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.MechanismType;
+import market.guess.ui.desktop.model.EventData;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class EventListItemView extends VBox {
+  private static final PseudoClass ACTIVE = PseudoClass.getPseudoClass("active");
+  private static final PseudoClass CLOSED = PseudoClass.getPseudoClass("closed");
+  private static final PseudoClass IDLE = PseudoClass.getPseudoClass("idle");
+
+  @FXML private Label numLabel;
+  @FXML private Label titleLabel;
+  @FXML private Label typeLabel;
+  @FXML private Label statusLabel;
+  @FXML private Label feeLabel;
+  @FXML private Label contractLabel;
+
+  public EventListItemView() {
+    Views.loadRoot(this, "event_list_item.fxml");
+  }
+
+  public EventListItemView(EventData e, boolean selected) {
+    this();
+    update(e, selected);
+  }
+
+  public void update(EventData e, boolean selected) {
+    numLabel.setText("#" + e.num);
+    titleLabel.setText(e.name);
+    typeLabel.setText(e.type == MechanismType.LMSR ? "LMSR" : "Order Book");
+
+    statusLabel.setText(
+        e.status == EventStatus.ACTIVE
+            ? "ACTIVE"
+            : e.status == EventStatus.SETTLED ? "CLOSED" : "IDLE");
+    statusLabel.pseudoClassStateChanged(ACTIVE, e.status == EventStatus.ACTIVE);
+    statusLabel.pseudoClassStateChanged(CLOSED, e.status == EventStatus.SETTLED);
+    statusLabel.pseudoClassStateChanged(IDLE, e.status == EventStatus.DRAFT);
+
+    feeLabel.setText(e.feeText());
+    contractLabel.setText(Format.money(e.contract));
+    Views.setSelected(this, selected);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/LadderItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/LadderItemView.java
new file mode 100644
index 0000000..e2ecfbd
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/LadderItemView.java
@@ -0,0 +1,37 @@
+package market.guess.ui.desktop.components;
+
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import market.guess.ui.desktop.model.BookRow;
+import market.guess.ui.desktop.util.Views;
+
+public class LadderItemView extends HBox {
+  private static final PseudoClass BID = PseudoClass.getPseudoClass("bid");
+  private static final PseudoClass ASK = PseudoClass.getPseudoClass("ask");
+
+  @FXML private Label priceLabel;
+  @FXML private Label sideLabel;
+  @FXML private Label qtyLabel;
+  @FXML private Label userLabel;
+
+  public LadderItemView() {
+    Views.loadRoot(this, "ladder_item.fxml");
+  }
+
+  public LadderItemView(BookRow row) {
+    this();
+    update(row);
+  }
+
+  public void update(BookRow r) {
+    priceLabel.setText(r.price());
+    sideLabel.setText(r.side());
+    qtyLabel.setText(String.valueOf(r.qty()));
+    userLabel.setText(r.user());
+
+    pseudoClassStateChanged(BID, r.isBid());
+    pseudoClassStateChanged(ASK, !r.isBid());
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/MechanismFilter.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/MechanismFilter.java
new file mode 100644
index 0000000..7a85304
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/MechanismFilter.java
@@ -0,0 +1,7 @@
+package market.guess.ui.desktop.components;
+
+public enum MechanismFilter {
+  ALL,
+  LMSR,
+  ORDER_BOOK
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/ModalDialog.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/ModalDialog.java
new file mode 100644
index 0000000..21865a5
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/ModalDialog.java
@@ -0,0 +1,8 @@
+package market.guess.ui.desktop.components;
+
+public enum ModalDialog {
+  NONE,
+  LOAD,
+  CREATE_EVENT,
+  RESOLVE
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/ParticipantItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/ParticipantItemView.java
new file mode 100644
index 0000000..2161cfe
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/ParticipantItemView.java
@@ -0,0 +1,32 @@
+package market.guess.ui.desktop.components;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import market.guess.ui.desktop.model.ParticipantRow;
+import market.guess.ui.desktop.util.Views;
+
+public class ParticipantItemView extends HBox {
+  @FXML private Label userLabel;
+  @FXML private Label yesLabel;
+  @FXML private Label noLabel;
+  @FXML private Label valueLabel;
+  @FXML private Label feesLabel;
+
+  public ParticipantItemView() {
+    Views.loadRoot(this, "participant_item.fxml");
+  }
+
+  public ParticipantItemView(ParticipantRow p) {
+    this();
+    update(p);
+  }
+
+  public void update(ParticipantRow p) {
+    userLabel.setText(p.user() + (p.tag().isEmpty() ? "" : " (" + p.tag() + ")"));
+    yesLabel.setText(String.valueOf(p.yes()));
+    noLabel.setText(String.valueOf(p.no()));
+    valueLabel.setText(p.value());
+    feesLabel.setText(p.fees());
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeHistoryItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeHistoryItemView.java
new file mode 100644
index 0000000..f00090c
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeHistoryItemView.java
@@ -0,0 +1,38 @@
+package market.guess.ui.desktop.components;
+
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import market.guess.ui.desktop.model.TradeRow;
+import market.guess.ui.desktop.util.Views;
+
+public class TradeHistoryItemView extends HBox {
+  private static final PseudoClass YES_STATE = PseudoClass.getPseudoClass("yes");
+  private static final PseudoClass NO_STATE = PseudoClass.getPseudoClass("no");
+
+  @FXML private Label numLabel;
+  @FXML private Label userLabel;
+  @FXML private Label optionLabel;
+  @FXML private Label sharesLabel;
+  @FXML private Label paidLabel;
+
+  public TradeHistoryItemView() {
+    Views.loadRoot(this, "trade_history_item.fxml");
+  }
+
+  public TradeHistoryItemView(TradeRow t) {
+    this();
+    update(t);
+  }
+
+  public void update(TradeRow t) {
+    numLabel.setText("#" + t.n());
+    userLabel.setText(t.user());
+    optionLabel.setText(t.option());
+    optionLabel.pseudoClassStateChanged(YES_STATE, t.yesOption());
+    optionLabel.pseudoClassStateChanged(NO_STATE, !t.yesOption());
+    sharesLabel.setText(t.shares() + " shares");
+    paidLabel.setText(t.paid());
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeSide.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeSide.java
new file mode 100644
index 0000000..bf4a5a0
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/TradeSide.java
@@ -0,0 +1,6 @@
+package market.guess.ui.desktop.components;
+
+public enum TradeSide {
+  BUY,
+  SELL
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserEventItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserEventItemView.java
new file mode 100644
index 0000000..0e1dea7
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserEventItemView.java
@@ -0,0 +1,38 @@
+package market.guess.ui.desktop.components;
+
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import market.guess.ui.desktop.model.UserEventRow;
+import market.guess.ui.desktop.util.Views;
+
+public class UserEventItemView extends HBox {
+  private static final PseudoClass NEGATIVE = PseudoClass.getPseudoClass("negative");
+
+  @FXML private Label nameLabel;
+  @FXML private Label roleLabel;
+  @FXML private Label typeLabel;
+  @FXML private Label yesLabel;
+  @FXML private Label noLabel;
+  @FXML private Label plLabel;
+
+  public UserEventItemView() {
+    Views.loadRoot(this, "user_event_item.fxml");
+  }
+
+  public UserEventItemView(UserEventRow ev) {
+    this();
+    update(ev);
+  }
+
+  public void update(UserEventRow ev) {
+    nameLabel.setText(ev.eventName());
+    roleLabel.setText(ev.role());
+    typeLabel.setText(ev.type());
+    yesLabel.setText(String.valueOf(ev.yes()));
+    noLabel.setText(String.valueOf(ev.no()));
+    plLabel.setText(ev.pl());
+    plLabel.pseudoClassStateChanged(NEGATIVE, ev.pl().startsWith("-"));
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListCell.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListCell.java
new file mode 100644
index 0000000..390cc77
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListCell.java
@@ -0,0 +1,29 @@
+package market.guess.ui.desktop.components;
+
+import javafx.scene.control.ContentDisplay;
+import javafx.scene.control.ListCell;
+import market.guess.ui.desktop.model.UserData;
+
+public class UserListCell extends ListCell<UserData> {
+  private final UserListItemView view = new UserListItemView();
+
+  public UserListCell() {
+    setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
+    selectedProperty().addListener((obs, wasSelected, isNowSelected) -> {
+      if (getItem() != null) {
+        view.update(getItem(), isNowSelected);
+      }
+    });
+  }
+
+  @Override
+  protected void updateItem(UserData item, boolean empty) {
+    super.updateItem(item, empty);
+    if (empty || item == null) {
+      setGraphic(null);
+    } else {
+      view.update(item, isSelected());
+      setGraphic(view);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListItemView.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListItemView.java
new file mode 100644
index 0000000..eb6e7a0
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/UserListItemView.java
@@ -0,0 +1,34 @@
+package market.guess.ui.desktop.components;
+
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import market.guess.ui.desktop.model.UserData;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class UserListItemView extends HBox {
+  private static final PseudoClass NEGATIVE = PseudoClass.getPseudoClass("negative");
+
+  @FXML private Label nameLabel;
+  @FXML private Label roleLabel;
+  @FXML private Label balanceLabel;
+
+  public UserListItemView() {
+    Views.loadRoot(this, "user_list_item.fxml");
+  }
+
+  public UserListItemView(UserData u, boolean selected) {
+    this();
+    update(u, selected);
+  }
+
+  public void update(UserData u, boolean selected) {
+    nameLabel.setText(u.name);
+    roleLabel.setText(u.role);
+    balanceLabel.setText(Format.money(u.balance));
+    balanceLabel.pseudoClassStateChanged(NEGATIVE, u.balance.signum() < 0);
+    Views.setSelected(this, selected);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/AnimationToggleGraphic.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/AnimationToggleGraphic.java
new file mode 100644
index 0000000..77059a9
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/AnimationToggleGraphic.java
@@ -0,0 +1,44 @@
+package market.guess.ui.desktop.components.graphic;
+
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.box;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.styled;
+
+import java.util.function.DoubleConsumer;
+import javafx.scene.Group;
+import javafx.scene.shape.Circle;
+import javafx.scene.shape.SVGPath;
+import javafx.util.Duration;
+
+/**
+ * Spinny graphic for the animation toggle button.
+ * Renders a kinetic 4-blade turbine / pinwheel that spins continuously when active,
+ * and rests stationary at 0 degrees when inactive.
+ */
+public final class AnimationToggleGraphic {
+  private static final Duration CYCLE = Duration.seconds(2.4);
+
+  private static final String BLADES_PATH =
+      "M 10 10 L 10 2 A 8 8 0 0 1 15.65 4.35 Q 12 8 10 10 Z "
+          + "M 10 10 L 18 10 A 8 8 0 0 1 15.65 15.65 Q 12 12 10 10 Z "
+          + "M 10 10 L 10 18 A 8 8 0 0 1 4.35 15.65 Q 8 12 10 10 Z "
+          + "M 10 10 L 2 10 A 8 8 0 0 1 4.35 4.35 Q 8 8 10 10 Z";
+
+  private AnimationToggleGraphic() {}
+
+  public static Graphic create() {
+    var blades = styled(new SVGPath(), "gm-anim-spinner");
+    blades.setContent(BLADES_PATH);
+
+    var hub = styled(new Circle(10, 10, 2.2), "gm-anim-spinner-hub");
+
+    var art = new Group(blades, hub);
+
+    DoubleConsumer render =
+        p -> {
+          // Seamless continuous 360-degree rotation when active; rests at 0 when stopped
+          art.setRotate(p >= 1.0 ? 0.0 : p * 360.0);
+        };
+
+    return new Graphic(box(art, 20, 20, "gm-anim-toggle-graphic"), render, CYCLE);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/EqualizerGraphic.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/EqualizerGraphic.java
new file mode 100644
index 0000000..16f8735
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/EqualizerGraphic.java
@@ -0,0 +1,42 @@
+package market.guess.ui.desktop.components.graphic;
+
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.at;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.box;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.styled;
+
+import java.util.function.DoubleConsumer;
+import javafx.scene.Group;
+import javafx.scene.shape.Rectangle;
+
+/**
+ * Events tab LIVE pill equalizer graphic.
+ */
+public final class EqualizerGraphic {
+  public static final double BAR_H = 12;
+
+  private EqualizerGraphic() {}
+
+  public static Graphic create() {
+    var bars = new Rectangle[3];
+    for (int i = 0; i < bars.length; i++) {
+      var bar = new Rectangle(i * 6, 0, 4, BAR_H);
+      bar.setArcWidth(2);
+      bar.setArcHeight(2);
+      bars[i] = styled(bar, "gm-anim-bar");
+    }
+    DoubleConsumer render =
+        p -> {
+          // Three offset loops: order flow arriving. The final frame leaves all three legible.
+          bar(bars[0], at(p, 0, .35, .30, 1, .60, .6, 1, .35));
+          bar(bars[1], at(p, 0, .8, .25, .3, .70, 1, 1, .8));
+          bar(bars[2], at(p, 0, .55, .45, 1, .80, .4, 1, .55));
+        };
+    return new Graphic(box(new Group(bars), 16, BAR_H, "gm-anim-equalizer"), render);
+  }
+
+  /** Grows the bar from a bottom origin — JavaFX scaleY would pivot at the centre. */
+  private static void bar(Rectangle r, double scale) {
+    r.setHeight(BAR_H * scale);
+    r.setY(BAR_H - BAR_H * scale);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Graphic.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Graphic.java
new file mode 100644
index 0000000..a337928
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Graphic.java
@@ -0,0 +1,65 @@
+package market.guess.ui.desktop.components.graphic;
+
+import java.util.function.DoubleConsumer;
+import javafx.animation.Animation;
+import javafx.animation.Interpolator;
+import javafx.animation.KeyFrame;
+import javafx.animation.KeyValue;
+import javafx.animation.Timeline;
+import javafx.beans.property.DoubleProperty;
+import javafx.beans.property.SimpleDoubleProperty;
+import javafx.scene.layout.Pane;
+import javafx.util.Duration;
+
+/**
+ * Runtime wrapper for an animated decorative graphic driven by a periodic timeline.
+ */
+public class Graphic {
+  public static final Duration CYCLE = Duration.seconds(3.6);
+
+  public final Pane node;
+
+  public Pane getNode() {
+    return node;
+  }
+
+  private final DoubleConsumer render;
+  private final DoubleProperty progress = new SimpleDoubleProperty(1);
+  private final Timeline timeline;
+
+  public Graphic(Pane node, DoubleConsumer render) {
+    this(node, render, CYCLE);
+  }
+
+  public Graphic(Pane node, DoubleConsumer render, Duration cycle) {
+    this.node = node;
+    this.render = render;
+    progress.addListener((obs, old, val) -> render.accept(val.doubleValue()));
+    timeline =
+        new Timeline(
+            new KeyFrame(Duration.ZERO, new KeyValue(progress, 0.0, Interpolator.LINEAR)),
+            new KeyFrame(cycle, new KeyValue(progress, 1.0, Interpolator.LINEAR)));
+    timeline.setCycleCount(Animation.INDEFINITE);
+    render.accept(1);
+  }
+
+  public void setPlaying(boolean playing) {
+    if (playing == (timeline.getStatus() == Animation.Status.RUNNING)) {
+      return;
+    }
+    timeline.stop();
+    if (playing) {
+      timeline.playFromStart();
+    } else {
+      render.accept(1);
+    }
+  }
+
+  public Timeline getTimeline() {
+    return timeline;
+  }
+
+  public DoubleProperty progressProperty() {
+    return progress;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/GraphicHelper.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/GraphicHelper.java
new file mode 100644
index 0000000..1dcf2ba
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/GraphicHelper.java
@@ -0,0 +1,64 @@
+package market.guess.ui.desktop.components.graphic;
+
+import javafx.animation.Interpolator;
+import javafx.scene.Node;
+import javafx.scene.layout.Pane;
+import javafx.scene.shape.Circle;
+import javafx.scene.shape.Shape;
+
+/**
+ * Shared utility functions for styling shapes, containers, and interpolation math.
+ */
+public final class GraphicHelper {
+  private GraphicHelper() {}
+
+  public static <T extends Shape> T styled(T shape, String styleClass) {
+    shape.getStyleClass().add(styleClass);
+    return shape;
+  }
+
+  public static Circle dot(double r, String styleClass) {
+    return styled(new Circle(r), styleClass);
+  }
+
+  public static void place(Circle dot, double[] xy) {
+    dot.setCenterX(xy[0]);
+    dot.setCenterY(xy[1]);
+  }
+
+  public static Pane initBox(Pane pane, Node art, double w, double h, String styleClass) {
+    pane.getChildren().setAll(art);
+    pane.getStyleClass().add(styleClass);
+    pane.setMinSize(w, h);
+    pane.setPrefSize(w, h);
+    pane.setMaxSize(w, h);
+    return pane;
+  }
+
+  public static Pane box(Node art, double w, double h, String styleClass) {
+    return initBox(new Pane(), art, w, h, styleClass);
+  }
+
+  public static double span(double p, double from, double to) {
+    return Math.max(0, Math.min(1, (p - from) / (to - from)));
+  }
+
+  public static double eased(double t) {
+    return Interpolator.EASE_BOTH.interpolate(0.0, 1.0, t);
+  }
+
+  public static double wrap(double p) {
+    return p < 0 ? p + 1 : p;
+  }
+
+  public static double at(double p, double... stops) {
+    for (int i = 2; i < stops.length; i += 2) {
+      if (p <= stops[i]) {
+        double width = stops[i] - stops[i - 2];
+        double t = width <= 0 ? 1 : (p - stops[i - 2]) / width;
+        return stops[i - 1] + t * (stops[i + 1] - stops[i - 1]);
+      }
+    }
+    return stops[stops.length - 1];
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChart.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChart.java
new file mode 100644
index 0000000..9de978c
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChart.java
@@ -0,0 +1,28 @@
+package market.guess.ui.desktop.components.graphic;
+
+import javafx.scene.layout.Pane;
+
+/**
+ * Custom declarative JavaFX component for the empty-state decorative animated market chart.
+ *
+ * <p>Can be declared directly in FXML:
+ *
+ * <pre>{@code
+ * <MarketChart fx:id="marketChart" />
+ * }</pre>
+ */
+public class MarketChart extends Pane {
+  private final Graphic graphic;
+
+  public MarketChart() {
+    this.graphic = MarketChartGraphic.build(this);
+  }
+
+  public void setPlaying(boolean playing) {
+    graphic.setPlaying(playing);
+  }
+
+  public Graphic getGraphic() {
+    return graphic;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChartGraphic.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChartGraphic.java
new file mode 100644
index 0000000..1626f25
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/MarketChartGraphic.java
@@ -0,0 +1,121 @@
+package market.guess.ui.desktop.components.graphic;
+
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.at;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.dot;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.eased;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.initBox;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.place;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.span;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.styled;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.wrap;
+
+import java.util.function.DoubleConsumer;
+import javafx.scene.Group;
+import javafx.scene.layout.Pane;
+import javafx.scene.shape.CubicCurveTo;
+import javafx.scene.shape.Line;
+import javafx.scene.shape.MoveTo;
+import javafx.scene.shape.Path;
+import javafx.scene.shape.StrokeLineCap;
+import javafx.scene.text.Text;
+import javafx.scene.transform.Scale;
+
+/**
+ * Empty-state market chart decorative graphic.
+ * Authored in 240x130 viewBox, then scaled to 300x162 display size.
+ */
+public final class MarketChartGraphic {
+  public static final double VIEW_SCALE = 1.25;
+
+  /** Cubic control net: p0, c1, c2, p3. Both curves leave the 0.50 midline together. */
+  public static final double[] YES_CURVE = {22, 66, 96, 64, 150, 22, 224, 22};
+  public static final double[] NO_CURVE = {22, 66, 96, 68, 150, 110, 224, 110};
+
+  private MarketChartGraphic() {}
+
+  public static Graphic create() {
+    return build(new Pane());
+  }
+
+  public static Graphic build(Pane pane) {
+    var yes = curve(YES_CURVE, "gm-anim-curve-yes");
+    var no = curve(NO_CURVE, "gm-anim-curve-no");
+    var yesDot = dot(4, "gm-anim-dot-yes");
+    var noDot = dot(4, "gm-anim-dot-no");
+    var tickHi = tickLabel("1.0", 24);
+    var tickLo = tickLabel("0.0", 114);
+
+    var art =
+        new Group(
+            rule(20, false),
+            rule(65, true),
+            rule(110, false),
+            styled(new Line(18, 14, 18, 116), "gm-anim-rule"),
+            tickHi,
+            tickLo,
+            yes,
+            no,
+            yesDot,
+            noDot);
+    art.getTransforms().add(new Scale(VIEW_SCALE, VIEW_SCALE));
+
+    DoubleConsumer render =
+        p -> {
+          double draw = eased(span(p, 0, .55));
+          yes.setStrokeDashOffset(300 * (1 - draw));
+          no.setStrokeDashOffset(300 * (1 - draw));
+          place(yesDot, rideCurve(YES_CURVE, draw));
+          place(noDot, rideCurve(NO_CURVE, draw));
+          double dotFade = at(p, 0, 0, .08, 1);
+          yesDot.setOpacity(dotFade);
+          noDot.setOpacity(dotFade);
+          tickHi.setOpacity(tickOpacity(p));
+          tickLo.setOpacity(tickOpacity(wrap(p - .11)));
+        };
+    initBox(pane, art, 300, 162, "gm-anim-market-chart");
+    return new Graphic(pane, render);
+  }
+
+  private static Path curve(double[] c, String styleClass) {
+    var path =
+        new Path(new MoveTo(c[0], c[1]), new CubicCurveTo(c[2], c[3], c[4], c[5], c[6], c[7]));
+    path.setFill(null);
+    path.setStrokeWidth(2.5);
+    path.setStrokeLineCap(StrokeLineCap.ROUND);
+    // Curve length is ~210, so a 300 dash covers the whole path with room to spare.
+    path.getStrokeDashArray().setAll(300.0, 300.0);
+    return styled(path, styleClass);
+  }
+
+  /**
+   * The cubic's {x, y} at parameter {@code t}.
+   */
+  public static double[] rideCurve(double[] c, double t) {
+    double u = 1 - t;
+    double b0 = u * u * u;
+    double b1 = 3 * u * u * t;
+    double b2 = 3 * u * t * t;
+    double b3 = t * t * t;
+    return new double[] {
+      b0 * c[0] + b1 * c[2] + b2 * c[4] + b3 * c[6], b0 * c[1] + b1 * c[3] + b2 * c[5] + b3 * c[7]
+    };
+  }
+
+  private static Line rule(double y, boolean dashed) {
+    var line = new Line(18, y, 228, y);
+    if (dashed) {
+      line.getStrokeDashArray().setAll(3.0, 4.0);
+    }
+    return styled(line, "gm-anim-rule");
+  }
+
+  private static Text tickLabel(String s, double baseline) {
+    var text = new Text(0, baseline, s);
+    return styled(text, "gm-anim-tick");
+  }
+
+  /** Axis labels breathe between 25% and 70% opacity. */
+  private static double tickOpacity(double p) {
+    return .25 + .45 * (1 - Math.abs(2 * p - 1));
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Motion.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Motion.java
new file mode 100644
index 0000000..4e8b6f2
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/Motion.java
@@ -0,0 +1,59 @@
+package market.guess.ui.desktop.components.graphic;
+
+import javafx.scene.layout.Pane;
+import javafx.util.Duration;
+
+/**
+ * Coordinating entry point and facade for decorative animated graphics.
+ */
+public final class Motion {
+  public static final Duration CYCLE = Graphic.CYCLE;
+
+  public static final double[] YES_CURVE = MarketChartGraphic.YES_CURVE;
+  public static final double[] NO_CURVE = MarketChartGraphic.NO_CURVE;
+  public static final double[] SPARK = SparklineGraphic.SPARK;
+
+  private Motion() {}
+
+  // ---- Market Chart ------------------------------------------------------
+
+  public static Graphic marketChart() {
+    return MarketChartGraphic.create();
+  }
+
+  public static Graphic buildMarketChart(Pane pane) {
+    return MarketChartGraphic.build(pane);
+  }
+
+  public static double[] rideCurve(double[] c, double t) {
+    return MarketChartGraphic.rideCurve(c, t);
+  }
+
+  // ---- Equalizer ---------------------------------------------------------
+
+  public static Graphic equalizer() {
+    return EqualizerGraphic.create();
+  }
+
+  // ---- Sparkline ---------------------------------------------------------
+
+  public static Graphic sparkline() {
+    return SparklineGraphic.create();
+  }
+
+  public static double[] ridePolyline(double[] pts, double t) {
+    return SparklineGraphic.ridePolyline(pts, t);
+  }
+
+  // ---- Animation Toggle --------------------------------------------------
+
+  public static Graphic animationToggle() {
+    return AnimationToggleGraphic.create();
+  }
+
+  // ---- Interpolation -----------------------------------------------------
+
+  public static double at(double p, double... stops) {
+    return GraphicHelper.at(p, stops);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/SparklineGraphic.java b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/SparklineGraphic.java
new file mode 100644
index 0000000..8816b54
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/components/graphic/SparklineGraphic.java
@@ -0,0 +1,65 @@
+package market.guess.ui.desktop.components.graphic;
+
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.at;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.box;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.dot;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.eased;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.place;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.span;
+import static market.guess.ui.desktop.components.graphic.GraphicHelper.styled;
+
+import java.util.function.DoubleConsumer;
+import javafx.scene.Group;
+import javafx.scene.shape.Polyline;
+import javafx.scene.shape.StrokeLineCap;
+import javafx.scene.shape.StrokeLineJoin;
+
+/**
+ * Users tab balance sparkline graphic.
+ */
+public final class SparklineGraphic {
+  public static final double[] SPARK = {2, 20, 14, 16, 26, 22, 38, 11, 50, 14, 62, 5};
+
+  private SparklineGraphic() {}
+
+  public static Graphic create() {
+    var line = new Polyline(SPARK);
+    line.setFill(null);
+    line.setStrokeWidth(2);
+    line.setStrokeLineCap(StrokeLineCap.ROUND);
+    line.setStrokeLineJoin(StrokeLineJoin.ROUND);
+    line.getStrokeDashArray().setAll(120.0, 120.0);
+    styled(line, "gm-anim-spark");
+
+    var dot = dot(2.8, "gm-anim-spark-dot");
+
+    DoubleConsumer render =
+        p -> {
+          double draw = eased(span(p, 0, .70));
+          line.setStrokeDashOffset(120 * (1 - draw));
+          dot.setOpacity(at(p, 0, 0, .07, 1));
+          place(dot, ridePolyline(SPARK, draw));
+        };
+    return new Graphic(box(new Group(line, dot), 64, 28, "gm-anim-sparkline"), render);
+  }
+
+  /** The polyline's {x, y} at arc-length fraction {@code t}, so the dot sits on the drawn tip. */
+  public static double[] ridePolyline(double[] pts, double t) {
+    double total = 0;
+    for (int i = 2; i < pts.length; i += 2) {
+      total += Math.hypot(pts[i] - pts[i - 2], pts[i + 1] - pts[i - 1]);
+    }
+    double target = total * t;
+    for (int i = 2; i < pts.length; i += 2) {
+      double seg = Math.hypot(pts[i] - pts[i - 2], pts[i + 1] - pts[i - 1]);
+      if (target <= seg || i == pts.length - 2) {
+        double f = seg <= 0 ? 1 : Math.min(target / seg, 1);
+        return new double[] {
+          pts[i - 2] + f * (pts[i] - pts[i - 2]), pts[i - 1] + f * (pts[i + 1] - pts[i - 1])
+        };
+      }
+      target -= seg;
+    }
+    return new double[] {pts[0], pts[1]};
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/AppController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/AppController.java
new file mode 100644
index 0000000..c582051
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/AppController.java
@@ -0,0 +1,592 @@
+package market.guess.ui.desktop.controllers;
+
+import java.math.BigDecimal;
+import java.nio.file.Paths;
+import javafx.animation.FadeTransition;
+import javafx.animation.PauseTransition;
+import javafx.beans.binding.Bindings;
+import javafx.collections.ListChangeListener;
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.Node;
+import javafx.scene.control.Button;
+import javafx.scene.control.ComboBox;
+import javafx.scene.control.Label;
+import javafx.scene.control.TabPane;
+import javafx.scene.layout.BorderPane;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Region;
+import javafx.scene.layout.StackPane;
+import javafx.stage.FileChooser;
+import javafx.stage.FileChooser.ExtensionFilter;
+import javafx.util.Duration;
+import market.guess.model.event.CreateEventRequest;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.MechanismType;
+import market.guess.ui.desktop.AppState;
+import market.guess.ui.desktop.AppView;
+import market.guess.ui.desktop.Skin;
+import market.guess.ui.desktop.components.AppTab;
+import market.guess.ui.desktop.components.ModalDialog;
+import market.guess.ui.desktop.components.graphic.AnimationToggleGraphic;
+import market.guess.ui.desktop.components.graphic.Graphic;
+import market.guess.ui.desktop.model.EventData;
+import market.guess.ui.desktop.model.UserData;
+import market.guess.ui.desktop.task.InitialLoadTask;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class AppController {
+  private static final PseudoClass SKIN_ROSE_PINE =
+      PseudoClass.getPseudoClass("skin-rose-pine-dawn");
+  private static final PseudoClass SKIN_CATPPUCCIN = PseudoClass.getPseudoClass("skin-catppuccin");
+  private static final PseudoClass SKIN_GRUVBOX = PseudoClass.getPseudoClass("skin-gruvbox");
+
+  private static final Duration TOAST_DURATION = Duration.millis(2500);
+  private static final Duration FADE_AWAY_DURATION = Duration.millis(500);
+  private AppView appView;
+  private double dragOffsetX;
+  private double dragOffsetY;
+  private InitialLoadTask currentLoadTask;
+  private Graphic animationsGraphic;
+
+  @FXML private StackPane rootStack;
+  @FXML private BorderPane chrome;
+  @FXML private HBox windowBar;
+  @FXML private TabPane tabPane;
+  @FXML private HBox tabInfo;
+  @FXML private Label loadedFilePathLabel;
+  @FXML private ComboBox<String> skinComboBox;
+  @FXML private Button animationsButton;
+  @FXML private Label balanceValueLabel;
+  @FXML private Label actingAsLabel;
+  @FXML private StackPane centerContainer;
+  @FXML private Label statusBarLabel;
+  @FXML private Button ejectButton;
+  @FXML private StackPane dialogContainer;
+  @FXML private StackPane toastContainer;
+  @FXML private Label toastLabel;
+
+  // Injected by FXMLLoader from app_view.fxml via <fx:include>
+  @FXML private Node emptyState;
+  @FXML private EmptyStateController emptyStateController;
+  @FXML private Node eventsTab;
+  @FXML private EventsTabController eventsTabController;
+  @FXML private Node usersTab;
+  @FXML private UsersTabController usersTabController;
+  @FXML private Node loadDialog;
+  @FXML private LoadDialogController loadDialogController;
+  @FXML private Node createEventDialog;
+  @FXML private CreateEventDialogController createEventDialogController;
+  @FXML private Node resolveDialog;
+  @FXML private ResolveDialogController resolveDialogController;
+
+  private Node currentlyActiveContent;
+
+  @FXML
+  private void initialize() {
+    loadDialogController.setOnCancel(this::cancelLoad);
+    createEventDialogController.setOnCancel(this::closeDialog);
+    createEventDialogController.setOnCreate((CreateEventRequest req) -> createEvent(req));
+    resolveDialogController.setOnCancel(this::closeDialog);
+    resolveDialogController.setOnConfirm(this::resolveEvent);
+  }
+
+  public void init(AppView appView) {
+    this.appView = appView;
+    setupWindowDrag();
+    setupSkinComboBox();
+    setupAnimationsButton();
+    initSubViews();
+    setupStateBindings();
+    applyInitialState();
+  }
+
+  private void setupAnimationsButton() {
+    animationsGraphic = AnimationToggleGraphic.create();
+    if (animationsButton != null) {
+      animationsButton.setGraphic(animationsGraphic.getNode());
+    }
+  }
+
+  private void setupWindowDrag() {
+    windowBar.setOnMousePressed(
+        e -> {
+          dragOffsetX = e.getSceneX();
+          dragOffsetY = e.getSceneY();
+        });
+    windowBar.setOnMouseDragged(
+        e -> {
+          appView.getStage().setX(e.getScreenX() - dragOffsetX);
+          appView.getStage().setY(e.getScreenY() - dragOffsetY);
+        });
+    windowBar.setOnMouseClicked(
+        e -> {
+          if (e.getClickCount() == 2) {
+            var stage = appView.getStage();
+            stage.setMaximized(!stage.isMaximized());
+          }
+        });
+  }
+
+  private void setupSkinComboBox() {
+    skinComboBox.getItems().setAll("Rosé Pine Dawn", "Catppuccin", "Gruvbox");
+    skinComboBox.setValue("Rosé Pine Dawn");
+  }
+
+  private void initSubViews() {
+    var state = getState();
+    eventsTabController.init(state);
+    eventsTabController.setOnNewEvent(this::openCreateEventDialog);
+    eventsTabController.setOnOpenEvent(this::openEvent);
+    eventsTabController.setOnCloseEvent(this::openResolveDialog);
+
+    usersTabController.init(state);
+    usersTabController.setOnCreateNewEvent(this::openCreateEventDialog);
+    usersTabController.setOnToast(this::toast);
+    usersTabController.setOnPlaceOrder(this::placeOrder);
+  }
+
+  private void setupStateBindings() {
+    var state = appView.getState();
+
+    // Declarative property bindings
+    loadedFilePathLabel
+        .textProperty()
+        .bind(
+            Bindings.when(
+                    state.loadedFileProperty().isNull().or(state.loadedFileProperty().isEmpty()))
+                .then("")
+                .otherwise(state.loadedFileProperty()));
+
+    ejectButton.visibleProperty().bind(state.loadedFileProperty().isNotNull());
+    ejectButton.managedProperty().bind(ejectButton.visibleProperty());
+
+    tabInfo.visibleProperty().bind(tabPane.visibleProperty());
+    // The header area only exists once the skin is installed; match its height so the
+    // overlaid acting-as/balance labels stay vertically centred in it.
+    tabPane
+        .skinProperty()
+        .addListener(
+            (obs, oldV, newV) -> {
+              var header = (Region) tabPane.lookup(".tab-header-area");
+              tabInfo.prefHeightProperty().bind(header.heightProperty());
+            });
+    tabPane
+        .getSelectionModel()
+        .selectedIndexProperty()
+        .addListener((obs, oldV, newV) -> state.setActiveTab(AppTab.values()[newV.intValue()]));
+
+    // Granular reactive listeners
+    state.skinProperty().addListener((obs, oldV, newV) -> updateSkin(newV));
+    state
+        .loadedFileProperty()
+        .addListener(
+            (obs, oldV, newV) -> {
+              updateCenterContent();
+              updateStatusBar();
+            });
+    state.activeTabProperty().addListener((obs, oldV, newV) -> updateTabs(newV));
+    state.dialogProperty().addListener((obs, oldV, newV) -> updateDialogOverlay());
+    state.toastProperty().addListener((obs, oldV, newV) -> updateToastOverlay());
+    state.animationsOnProperty().addListener((obs, oldV, newV) -> updateAnimations(newV));
+    state.actingUserProperty().addListener((obs, oldV, newV) -> updateActingUserDisplay());
+    state.actingUserNameProperty().addListener((obs, oldV, newV) -> updateActingUserDisplay());
+
+    state.getEvents().addListener((ListChangeListener<EventData>) c -> updateStatusBar());
+    state.getUsers().addListener((ListChangeListener<UserData>) c -> updateStatusBar());
+  }
+
+  public AppState getState() {
+    return appView != null ? appView.getState() : null;
+  }
+
+  /**
+   * Refreshes UI state across all components. Kept for lifecycle compatibility; delegates to
+   * targeted update methods.
+   */
+  public void refresh() {
+    applyInitialState();
+  }
+
+  private void applyInitialState() {
+    var state = getState();
+    if (state == null) return;
+
+    updateSkin(state.getSkin());
+    updateAnimations(state.isAnimationsOn());
+    updateTabs(state.getActiveTab());
+    updateActingUserDisplay();
+    updateCenterContent();
+    updateStatusBar();
+    updateDialogOverlay();
+    updateToastOverlay();
+  }
+
+  private void updateSkin(Skin skin) {
+    if (skin == null) return;
+    rootStack.pseudoClassStateChanged(SKIN_ROSE_PINE, skin == Skin.ROSE_PINE_DAWN);
+    rootStack.pseudoClassStateChanged(SKIN_CATPPUCCIN, skin == Skin.CATPPUCCIN);
+    rootStack.pseudoClassStateChanged(SKIN_GRUVBOX, skin == Skin.GRUVBOX);
+
+    String comboVal =
+        switch (skin) {
+          case CATPPUCCIN -> "Catppuccin";
+          case GRUVBOX -> "Gruvbox";
+          default -> "Rosé Pine Dawn";
+        };
+    if (!comboVal.equals(skinComboBox.getValue())) {
+      skinComboBox.setValue(comboVal);
+    }
+  }
+
+  private void updateAnimations(boolean animOn) {
+    Views.setSelected(animationsButton, animOn);
+    if (animationsGraphic != null) {
+      animationsGraphic.setPlaying(animOn);
+    }
+    if (emptyStateController != null) {
+      emptyStateController.setAnimating(animOn);
+    }
+  }
+
+  private void updateTabs(AppTab tab) {
+    // ponytail: tab order in app_view.fxml must match AppTab declaration order
+    tabPane.getSelectionModel().select(tab.ordinal());
+    updateCenterContent();
+  }
+
+  private void updateActingUserDisplay() {
+    var state = getState();
+    if (state == null) return;
+    var actor = state.getActingUser();
+    if (actor == null) return;
+    balanceValueLabel.setText(Format.money(actor.balance));
+    actingAsLabel.setText(
+        "acting as " + (state.getActingUserName() == null ? "" : state.getActingUserName()));
+  }
+
+  private void updateCenterContent() {
+    var state = getState();
+    if (state == null) return;
+
+    boolean showEmpty = (state.getLoadedFile() == null);
+    boolean showEvents = !showEmpty && (state.getActiveTab() == AppTab.EVENTS);
+    boolean showUsers = !showEmpty && (state.getActiveTab() == AppTab.USERS);
+
+    Node activeContent = showEmpty ? emptyState : (showEvents ? eventsTab : usersTab);
+
+    emptyState.setVisible(showEmpty);
+    emptyState.setManaged(showEmpty);
+
+    tabPane.setVisible(!showEmpty);
+    tabPane.setManaged(!showEmpty);
+
+    if (showEvents && eventsTabController != null) {
+      eventsTabController.refresh();
+    }
+    if (showUsers && usersTabController != null) {
+      usersTabController.refresh();
+    }
+
+    if (currentlyActiveContent != activeContent) {
+      Node prev = currentlyActiveContent;
+      currentlyActiveContent = activeContent;
+      if (state.isAnimationsOn() && state.getLoadedFile() != null && prev != null) {
+        var fade = new FadeTransition(FADE_AWAY_DURATION, activeContent);
+        fade.setFromValue(0);
+        fade.setToValue(1);
+        fade.play();
+      }
+    }
+  }
+
+  private void updateStatusBar() {
+    var state = getState();
+    if (state == null || statusBarLabel == null) return;
+
+    if (state.getLoadedFile() == null) {
+      statusBarLabel.setText(" IDLE   ");
+    } else {
+      String fileName = Paths.get(state.getLoadedFile()).getFileName().toString();
+      statusBarLabel.setText(
+          "   "
+              + fileName
+              + "    "
+              + state.getEvents().size()
+              + " events     "
+              + state.getUsers().size()
+              + " users");
+    }
+  }
+
+  private void updateDialogOverlay() {
+    var state = getState();
+    if (state == null) return;
+
+    boolean showDialog = (state.getDialog() != ModalDialog.NONE);
+    dialogContainer.setVisible(showDialog);
+    dialogContainer.setMouseTransparent(!showDialog);
+
+    boolean isLoad = (state.getDialog() == ModalDialog.LOAD);
+    loadDialog.setVisible(isLoad);
+    loadDialog.setManaged(isLoad);
+
+    boolean isCreate = (state.getDialog() == ModalDialog.CREATE_EVENT);
+    createEventDialog.setVisible(isCreate);
+    createEventDialog.setManaged(isCreate);
+
+    boolean isResolve = (state.getDialog() == ModalDialog.RESOLVE);
+    resolveDialog.setVisible(isResolve);
+    resolveDialog.setManaged(isResolve);
+  }
+
+  private void updateToastOverlay() {
+    var state = getState();
+    if (state == null) return;
+
+    if (state.getToast() != null) {
+      toastLabel.setText(state.getToast());
+      toastLabel.setVisible(true);
+    } else {
+      toastLabel.setVisible(false);
+    }
+  }
+
+  // ---- FXML action handlers ----------------------------------------------
+
+  @FXML
+  private void handleClose() {
+    appView.getStage().close();
+  }
+
+  @FXML
+  private void handleMinimize() {
+    appView.getStage().setIconified(true);
+  }
+
+  @FXML
+  private void handleMaximize() {
+    var stage = appView.getStage();
+    stage.setMaximized(!stage.isMaximized());
+  }
+
+  @FXML
+  private void handleSkinChanged() {
+    String val = skinComboBox.getValue();
+    if (val == null) return;
+    Skin skin =
+        switch (val) {
+          case "Catppuccin" -> Skin.CATPPUCCIN;
+          case "Gruvbox" -> Skin.GRUVBOX;
+          default -> Skin.ROSE_PINE_DAWN;
+        };
+    var state = appView.getState();
+    if (state != null && state.getSkin() != skin) {
+      state.setSkin(skin);
+    }
+  }
+
+  @FXML
+  private void handleAnimationsToggled() {
+    appView.getState().setAnimationsOn(!appView.getState().isAnimationsOn());
+  }
+
+  @FXML
+  private void handleLoadFile() {
+    startLoad();
+  }
+
+  @FXML
+  private void handleEjectFile() {
+    appView.getState().setLoadedFile(null);
+  }
+
+  // ---- Public Actions ---------------------------------------------------
+
+  public void toast(String msg) {
+    appView.getState().setToast(msg);
+    var pause = new PauseTransition(TOAST_DURATION);
+    pause.setOnFinished(e -> appView.getState().setToast(null));
+    pause.play();
+  }
+
+  public void startLoad() {
+    var stage = appView.getStage();
+    var fc = new FileChooser();
+    fc.setTitle("Load events file");
+    fc.getExtensionFilters().add(new ExtensionFilter("GuessMarket Files", "*.xml"));
+    var picked = stage.getScene() == null ? null : fc.showOpenDialog(stage);
+    if (picked == null) {
+      return;
+    }
+    var state = appView.getState();
+    state.setPendingFile(picked.getAbsolutePath());
+
+    var loadTask =
+        new InitialLoadTask(appView.getCatalogContext(), Paths.get(state.getPendingFile()));
+    this.currentLoadTask = loadTask;
+
+    loadTask.setOnRunning(
+        e -> {
+          state.setDialog(ModalDialog.LOAD);
+          loadDialogController.show(loadTask, state.getPendingFile());
+        });
+
+    loadTask.setOnCancelled(
+        e -> {
+          this.currentLoadTask = null;
+          loadDialogController.reset();
+          state.setDialog(ModalDialog.NONE);
+        });
+
+    loadTask.setOnFailed(
+        e -> {
+          this.currentLoadTask = null;
+          loadDialogController.reset();
+          cancelLoad();
+          Throwable ex = loadTask.getException();
+          String msg =
+              (ex != null && ex.getMessage() != null && !ex.getMessage().isBlank())
+                  ? ex.getMessage()
+                  : "Failed to load file.";
+          toast(msg);
+        });
+
+    loadTask.setOnSucceeded(
+        e -> {
+          this.currentLoadTask = null;
+          loadDialogController.reset();
+          if (state.getDialog() != ModalDialog.LOAD) return;
+          var loadResult = loadTask.getValue();
+          state.setLoadedFile(loadResult.source());
+          state.refreshData();
+          state.setDialog(ModalDialog.NONE);
+          toast(
+              "File loaded  "
+                  + loadResult.eventsLoaded()
+                  + " events, "
+                  + state.getUsers().size()
+                  + " users");
+        });
+
+    var thread = new Thread(loadTask);
+    thread.setDaemon(true);
+    thread.start();
+  }
+
+  public void cancelLoad() {
+    if (currentLoadTask != null) {
+      currentLoadTask.cancel();
+      currentLoadTask = null;
+    }
+    loadDialogController.reset();
+    appView.getState().setDialog(ModalDialog.NONE);
+  }
+
+  public void openCreateEventDialog() {
+    var state = appView.getState();
+    state.setCreateType(MechanismType.LMSR);
+    createEventDialogController.reset();
+    state.setDialog(ModalDialog.CREATE_EVENT);
+  }
+
+  public void closeDialog() {
+    appView.getState().setDialog(ModalDialog.NONE);
+  }
+
+  public void openResolveDialog() {
+    var state = appView.getState();
+    state.setResolveSelectedOption(null);
+    resolveDialogController.reset();
+    state.setDialog(ModalDialog.RESOLVE);
+  }
+
+  public void createEvent(CreateEventRequest req) {
+    var state = appView.getState();
+    state.setCreateType(req.mechanism());
+    var requestWithMM =
+        new CreateEventRequest(
+            req.name(),
+            req.description(),
+            req.mechanism(),
+            req.commissionPercent(),
+            req.commissionTiming(),
+            req.mmUserName() != null ? req.mmUserName() : state.getActingUserName(),
+            req.liquidityB(),
+            req.baseValueD(),
+            req.options(),
+            req.allowMinting());
+    var res = appView.getCatalogContext().createEvent(requestWithMM);
+    if (res.isSuccess()) {
+      state.refreshData();
+      state.setDialog(ModalDialog.NONE);
+      state.setSelectedEventId(res.getData().summary().key());
+      toast("Event created — you are its market maker");
+    } else {
+      toast("Failed to create event: " + res.getMessage());
+    }
+  }
+
+  public void resolveEvent(String option) {
+    var state = appView.getState();
+    var e = state.getSelectedEvent();
+    if (e == null) return;
+    var res = appView.getMarketContext().settleEvent(state.getActingUserName(), e.id, option);
+    if (res.isSuccess()) {
+      state.refreshData();
+      state.setDialog(ModalDialog.NONE);
+      toast("Event resolved as " + option);
+    } else {
+      toast("Failed to resolve event: " + res.getMessage());
+    }
+  }
+
+  public void openEvent(EventData e) {
+    var state = appView.getState();
+    if (e.status == EventStatus.DRAFT) {
+      var res = appView.getCatalogContext().openEvent(e.id);
+      if (!res.isSuccess()) {
+        toast("Failed to open event: " + res.getMessage());
+        return;
+      }
+      state.refreshData();
+    }
+    // The trade panel lives on the Users tab and follows the selected event.
+    state.setSelectedEventId(e.id);
+    state.setActiveTab(AppTab.USERS);
+    toast("Trading " + e.name + " as " + state.getActingUserName());
+  }
+
+  public void placeOrder(String eventKey, String optionKey, BigDecimal price, long quantity) {
+    placeOrder(eventKey, optionKey, "BUY", price, quantity);
+  }
+
+  public void placeOrder(
+      String eventKey, String optionKey, String side, BigDecimal price, long quantity) {
+    var state = appView.getState();
+    var res =
+        appView
+            .getMarketContext()
+            .placeOrder(state.getActingUserName(), eventKey, optionKey, side, price, quantity);
+    if (res.isSuccess()) {
+      state.refreshData();
+      var receipt = res.getData();
+      boolean isBuy = "BUY".equalsIgnoreCase(side);
+      if (receipt.trades() == null || receipt.trades().isEmpty()) {
+        toast("Resting " + side + " order placed: " + quantity + " @ " + Format.money(price));
+      } else {
+        toast(
+            "Order placed  "
+                + (isBuy ? "Paid " : "Received ")
+                + Format.money(new BigDecimal(receipt.totalPaid()))
+                + " for "
+                + quantity
+                + " "
+                + optionKey);
+      }
+    } else {
+      toast("Trade failed: " + res.getMessage());
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/CreateEventDialogController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/CreateEventDialogController.java
new file mode 100644
index 0000000..5649145
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/CreateEventDialogController.java
@@ -0,0 +1,163 @@
+package market.guess.ui.desktop.controllers;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.function.BiConsumer;
+import java.util.function.Consumer;
+import javafx.fxml.FXML;
+import javafx.scene.control.Button;
+import javafx.scene.control.CheckBox;
+import javafx.scene.control.ComboBox;
+import javafx.scene.control.Label;
+import javafx.scene.control.TextArea;
+import javafx.scene.control.TextField;
+import market.guess.model.event.CommissionTiming;
+import market.guess.model.event.CreateEventRequest;
+import market.guess.model.event.MechanismType;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class CreateEventDialogController {
+  private Runnable onCancel;
+  private Consumer<CreateEventRequest> onCreateRequest;
+  private BiConsumer<String, MechanismType> onCreate;
+  private MechanismType selectedType = MechanismType.LMSR;
+
+  @FXML private TextField nameField;
+  @FXML private TextArea descArea;
+  @FXML private Button lmsrBtn;
+  @FXML private Button orderBookBtn;
+  @FXML private ComboBox<String> feeCollectionCombo;
+  @FXML private TextField feePercentField;
+  @FXML private Label paramLabel;
+  @FXML private TextField paramField;
+  @FXML private TextField opt1Field;
+  @FXML private TextField opt2Field;
+  @FXML private CheckBox mintingCheckBox;
+  @FXML private Label infoNoteLabel;
+
+  @FXML
+  private void initialize() {
+    feeCollectionCombo.getItems().setAll("On purchase", "On close");
+    feeCollectionCombo.setValue("On purchase");
+    updateTypeSelection();
+  }
+
+  public void setOnCancel(Runnable onCancel) {
+    this.onCancel = onCancel;
+  }
+
+  public void setOnCreate(Consumer<CreateEventRequest> onCreateRequest) {
+    this.onCreateRequest = onCreateRequest;
+  }
+
+  public void setOnCreate(BiConsumer<String, MechanismType> onCreate) {
+    this.onCreate = onCreate;
+  }
+
+  public void reset() {
+    nameField.setText("Will the summit happen before Q4?");
+    descArea.setText(
+        "Resolves YES if a joint summit is publicly confirmed and held before October 1st.");
+    feeCollectionCombo.setValue("On purchase");
+    feePercentField.setText("5");
+    opt1Field.setText("YES");
+    opt2Field.setText("NO");
+    selectedType = MechanismType.LMSR;
+    updateTypeSelection();
+  }
+
+  private void updateTypeSelection() {
+    Views.setSelected(lmsrBtn, selectedType == MechanismType.LMSR);
+    Views.setSelected(orderBookBtn, selectedType == MechanismType.ORDER_BOOK);
+
+    boolean isLmsr = selectedType == MechanismType.LMSR;
+    paramLabel.setText(isLmsr ? "Liquidity b (integer)" : "Base value d ($)");
+    paramField.setText(isLmsr ? "100" : "1.00");
+    mintingCheckBox.setVisible(!isLmsr);
+
+    String infoText =
+        isLmsr
+            ? "Opening this event will move "
+                + Format.money(BigDecimal.valueOf(100 * Math.log(2)))
+                + " of subsidy from your account into the contract account (b  ln 2)."
+            : "Opening this event will buy the initial share inventory from your account into the"
+                + " contract account.";
+    infoNoteLabel.setText(infoText);
+  }
+
+  @FXML
+  private void handleSelectLmsr() {
+    selectedType = MechanismType.LMSR;
+    updateTypeSelection();
+  }
+
+  @FXML
+  private void handleSelectOrderBook() {
+    selectedType = MechanismType.ORDER_BOOK;
+    updateTypeSelection();
+  }
+
+  @FXML
+  private void handleCancel() {
+    if (onCancel != null) {
+      onCancel.run();
+    }
+  }
+
+  @FXML
+  private void handleCreate() {
+    String name = nameField.getText() != null ? nameField.getText().trim() : "";
+    String desc = descArea.getText() != null ? descArea.getText().trim() : "";
+    MechanismType type = selectedType;
+    CommissionTiming timing = "On close".equalsIgnoreCase(feeCollectionCombo.getValue())
+        ? CommissionTiming.ON_CLOSE
+        : CommissionTiming.ON_PURCHASE;
+
+    int fee = 5;
+    try {
+      fee = Integer.parseInt(feePercentField.getText().trim());
+      if (fee < 0) fee = 0;
+      if (fee > 90) fee = 90;
+    } catch (Exception ignored) {
+    }
+
+    Integer b = null;
+    BigDecimal d = null;
+    if (type == MechanismType.LMSR) {
+      try {
+        b = Integer.parseInt(paramField.getText().trim());
+      } catch (Exception ignored) {
+        b = 100;
+      }
+    } else {
+      try {
+        d = new BigDecimal(paramField.getText().trim());
+      } catch (Exception ignored) {
+        d = BigDecimal.ONE;
+      }
+    }
+
+    String opt1 = opt1Field.getText() != null && !opt1Field.getText().isBlank() ? opt1Field.getText().trim() : "YES";
+    String opt2 = opt2Field.getText() != null && !opt2Field.getText().isBlank() ? opt2Field.getText().trim() : "NO";
+    boolean minting = mintingCheckBox.isSelected();
+
+    var request = new CreateEventRequest(
+        name,
+        desc,
+        type,
+        fee,
+        timing,
+        null,
+        b,
+        d,
+        List.of(opt1, opt2),
+        minting);
+
+    if (onCreateRequest != null) {
+      onCreateRequest.accept(request);
+    } else if (onCreate != null) {
+      onCreate.accept(name, type);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EmptyStateController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EmptyStateController.java
new file mode 100644
index 0000000..9b01095
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EmptyStateController.java
@@ -0,0 +1,14 @@
+package market.guess.ui.desktop.controllers;
+
+import javafx.fxml.FXML;
+import market.guess.ui.desktop.components.graphic.MarketChart;
+
+public class EmptyStateController {
+  @FXML private MarketChart marketChart;
+
+  public void setAnimating(boolean animating) {
+    if (marketChart != null) {
+      marketChart.setPlaying(animating);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EventsTabController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EventsTabController.java
new file mode 100644
index 0000000..e71be40
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/EventsTabController.java
@@ -0,0 +1,496 @@
+package market.guess.ui.desktop.controllers;
+
+import java.util.ArrayList;
+import java.util.function.Consumer;
+import javafx.collections.ListChangeListener;
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.Node;
+import javafx.scene.chart.LineChart;
+import javafx.scene.control.Button;
+import javafx.scene.control.Label;
+import javafx.scene.control.ListView;
+import javafx.scene.control.ProgressBar;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.StackPane;
+import javafx.scene.layout.VBox;
+import market.guess.model.event.CommissionTiming;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.MechanismType;
+import market.guess.ui.desktop.AppState;
+import market.guess.ui.desktop.components.CommissionFilter;
+import market.guess.ui.desktop.components.EventListCell;
+import market.guess.ui.desktop.components.LadderItemView;
+import market.guess.ui.desktop.components.MechanismFilter;
+import market.guess.ui.desktop.components.ParticipantItemView;
+import market.guess.ui.desktop.components.TradeHistoryItemView;
+import market.guess.ui.desktop.components.graphic.EqualizerGraphic;
+import market.guess.ui.desktop.components.graphic.Graphic;
+import market.guess.ui.desktop.model.ChartPoint;
+import market.guess.ui.desktop.model.EventData;
+import market.guess.ui.desktop.model.OrderBook;
+import market.guess.ui.desktop.model.ParticipantRow;
+import market.guess.ui.desktop.model.TradeRow;
+import market.guess.ui.desktop.util.Charts;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class EventsTabController {
+  private static final PseudoClass ACTIVE = PseudoClass.getPseudoClass("active");
+  private static final PseudoClass CLOSED = PseudoClass.getPseudoClass("closed");
+  private static final PseudoClass IDLE = PseudoClass.getPseudoClass("idle");
+
+  private AppState state;
+  private Runnable onNewEvent;
+  private Consumer<EventData> onOpenEvent;
+  private Runnable onCloseEvent;
+  private Graphic equalizer;
+  private boolean updatingSelection = false;
+
+  @FXML private Button methodFilterAllBtn;
+  @FXML private Button methodFilterLmsrBtn;
+  @FXML private Button methodFilterObBtn;
+  @FXML private Button statusFilterAllBtn;
+  @FXML private Button statusFilterNotStartedBtn;
+  @FXML private Button statusFilterActiveBtn;
+  @FXML private Button statusFilterClosedBtn;
+  @FXML private Button feeFilterAllBtn;
+  @FXML private Button feeFilterPurchaseBtn;
+  @FXML private Button feeFilterCloseBtn;
+
+  @FXML private ListView<EventData> eventListContainer;
+  @FXML private Label eventCountLabel;
+
+  @FXML private VBox eventDetailCard;
+  @FXML private Label eventNameLabel;
+  @FXML private Label eventDescLabel;
+  @FXML private Button openEventBtn;
+  @FXML private Button closeEventBtn;
+
+  @FXML private Label metaMethodLabel;
+  @FXML private Label metaStatusLabel;
+  @FXML private HBox livePill;
+  @FXML private StackPane liveBarsBox;
+  @FXML private Label liveLabel;
+  @FXML private Label metaMmLabel;
+  @FXML private Label metaFeeLabel;
+  @FXML private Label metaContractLabel;
+
+  @FXML private VBox lmsrSection;
+  @FXML private Label lmsrYesPriceLabel;
+  @FXML private ProgressBar lmsrYesProgressBar;
+  @FXML private Label lmsrYesSharesLabel;
+  @FXML private Label lmsrNoPriceLabel;
+  @FXML private ProgressBar lmsrNoProgressBar;
+  @FXML private Label lmsrNoSharesLabel;
+  @FXML private Label lmsrChartSubLabel;
+  @FXML private LineChart<Number, Number> lmsrChart;
+  @FXML private VBox tradeHistoryRowsContainer;
+
+  @FXML private VBox orderBookSection;
+  @FXML private Label yesBookCountLabel;
+  @FXML private Label yesLastLabel;
+  @FXML private Label yesMidLabel;
+  @FXML private Label yesBestBidLabel;
+  @FXML private Label yesBestAskLabel;
+  @FXML private Label yesSpreadLabel;
+  @FXML private VBox yesBookLadderList;
+
+  @FXML private Label noBookCountLabel;
+  @FXML private Label noLastLabel;
+  @FXML private Label noMidLabel;
+  @FXML private Label noBestBidLabel;
+  @FXML private Label noBestAskLabel;
+  @FXML private Label noSpreadLabel;
+  @FXML private VBox noBookLadderList;
+
+  @FXML private Label obChartSubLabel;
+  @FXML private LineChart<Number, Number> obChart;
+
+  @FXML private VBox participantsRowsContainer;
+  @FXML private HBox resolvedBanner;
+  @FXML private Label resolvedBannerText;
+
+  public void init(AppState state) {
+    this.state = state;
+    equalizer = EqualizerGraphic.create();
+    liveBarsBox.getChildren().setAll(equalizer.getNode());
+
+    eventListContainer.setCellFactory(lv -> new EventListCell());
+    eventListContainer
+        .getSelectionModel()
+        .selectedItemProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              if (updatingSelection) return;
+              if (newVal != null && state != null) {
+                state.setSelectedEvent(newVal);
+              }
+            });
+
+    state
+        .selectedEventProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              if (newVal != null) {
+                if (!newVal.equals(eventListContainer.getSelectionModel().getSelectedItem())) {
+                  updatingSelection = true;
+                  try {
+                    eventListContainer.getSelectionModel().select(newVal);
+                  } finally {
+                    updatingSelection = false;
+                  }
+                }
+              }
+              refreshDetailCard(newVal);
+            });
+
+    state.filterMethodProperty().addListener((obs, oldVal, newVal) -> refreshListAndFilters());
+    state.filterStatusProperty().addListener((obs, oldVal, newVal) -> refreshListAndFilters());
+    state.filterFeeProperty().addListener((obs, oldVal, newVal) -> refreshListAndFilters());
+    state
+        .getEvents()
+        .addListener(
+            (ListChangeListener<EventData>)
+                c -> {
+                  refreshListAndFilters();
+                  refreshDetailCard(state.selectedEvent());
+                });
+    state
+        .animationsOnProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              var sel = state.selectedEvent();
+              boolean isActive = sel != null && sel.status == EventStatus.ACTIVE;
+              equalizer.setPlaying(newVal && isActive);
+            });
+  }
+
+  public void setOnNewEvent(Runnable onNewEvent) {
+    this.onNewEvent = onNewEvent;
+  }
+
+  public void setOnOpenEvent(Consumer<EventData> onOpenEvent) {
+    this.onOpenEvent = onOpenEvent;
+  }
+
+  public void setOnCloseEvent(Runnable onCloseEvent) {
+    this.onCloseEvent = onCloseEvent;
+  }
+
+  public void refresh() {
+    if (state == null) return;
+    refreshListAndFilters();
+    refreshDetailCard(state.selectedEvent());
+  }
+
+  private void refreshListAndFilters() {
+    if (state == null) return;
+
+    // 1. Update filter button selections
+    Views.setSelected(methodFilterAllBtn, state.getFilterMethod() == MechanismFilter.ALL);
+    Views.setSelected(methodFilterLmsrBtn, state.getFilterMethod() == MechanismFilter.LMSR);
+    Views.setSelected(methodFilterObBtn, state.getFilterMethod() == MechanismFilter.ORDER_BOOK);
+
+    Views.setSelected(statusFilterAllBtn, state.getFilterStatus() == null);
+    Views.setSelected(statusFilterNotStartedBtn, state.getFilterStatus() == EventStatus.DRAFT);
+    Views.setSelected(statusFilterActiveBtn, state.getFilterStatus() == EventStatus.ACTIVE);
+    Views.setSelected(statusFilterClosedBtn, state.getFilterStatus() == EventStatus.SETTLED);
+
+    Views.setSelected(feeFilterAllBtn, state.getFilterFee() == CommissionFilter.ALL);
+    Views.setSelected(feeFilterPurchaseBtn, state.getFilterFee() == CommissionFilter.PURCHASE);
+    Views.setSelected(feeFilterCloseBtn, state.getFilterFee() == CommissionFilter.CLOSE);
+
+    // 2. Update list
+    var filtered =
+        state.getEvents().stream()
+            .filter(
+                e ->
+                    state.getFilterMethod() == MechanismFilter.ALL
+                        || (state.getFilterMethod() == MechanismFilter.LMSR
+                            && e.type == MechanismType.LMSR)
+                        || (state.getFilterMethod() == MechanismFilter.ORDER_BOOK
+                            && e.type == MechanismType.ORDER_BOOK))
+            .filter(e -> state.getFilterStatus() == null || e.status == state.getFilterStatus())
+            .filter(
+                e ->
+                    state.getFilterFee() == CommissionFilter.ALL
+                        || (state.getFilterFee() == CommissionFilter.PURCHASE
+                            && e.feeMode == CommissionTiming.ON_PURCHASE)
+                        || (state.getFilterFee() == CommissionFilter.CLOSE
+                            && e.feeMode == CommissionTiming.ON_CLOSE))
+            .toList();
+
+    updatingSelection = true;
+    try {
+      eventListContainer.getItems().setAll(filtered);
+      eventCountLabel.setText(
+          filtered.size() + " of " + state.getEvents().size() + " events shown");
+
+      var sel = state.selectedEvent();
+      EventData match = null;
+      if (sel != null) {
+        for (var e : filtered) {
+          if (e.id.equals(sel.id)) {
+            match = e;
+            break;
+          }
+        }
+      }
+      if (match != null) {
+        eventListContainer.getSelectionModel().select(match);
+      } else if (!filtered.isEmpty()) {
+        eventListContainer.getSelectionModel().select(0);
+      }
+    } finally {
+      updatingSelection = false;
+    }
+  }
+
+  private void refreshDetailCard(EventData selected) {
+    if (selected == null) {
+      eventDetailCard.setVisible(false);
+      return;
+    }
+    eventDetailCard.setVisible(true);
+
+    eventNameLabel.setText(selected.num + ". " + selected.name);
+    eventDescLabel.setText(selected.desc);
+
+    // Open = go trade: any unblocked user on an ACTIVE event, or the MM activating their DRAFT.
+    var actor = state.getActingUser();
+    boolean isMm = selected.mm.equals(state.getActingUserName());
+    boolean canOpen =
+        actor != null
+            && !actor.blocked
+            && (selected.status == EventStatus.ACTIVE
+                || (selected.status == EventStatus.DRAFT && isMm));
+    boolean canClose =
+        selected.status == EventStatus.ACTIVE && selected.mm.equals(state.getActingUserName());
+
+    openEventBtn.setText(selected.status == EventStatus.DRAFT ? "Start Event" : "Trade");
+    openEventBtn.setVisible(canOpen);
+    openEventBtn.setManaged(canOpen);
+    closeEventBtn.setVisible(canClose);
+    closeEventBtn.setManaged(canClose);
+
+    // Meta fields
+    metaMethodLabel.setText(selected.type == MechanismType.LMSR ? "LMSR" : "Order Book");
+    metaStatusLabel.setText(selected.status.name());
+
+    // LIVE pill: only an ACTIVE market needs to look like order flow is arriving.
+    boolean isActive = selected.status == EventStatus.ACTIVE;
+    boolean isEnded = selected.status == EventStatus.SETTLED;
+    liveLabel.setText(isActive ? "LIVE" : isEnded ? "ENDED" : "IDLE");
+    livePill.pseudoClassStateChanged(ACTIVE, isActive);
+    livePill.pseudoClassStateChanged(CLOSED, isEnded);
+    livePill.pseudoClassStateChanged(IDLE, !isActive && !isEnded);
+    equalizer.setPlaying(state.isAnimationsOn() && isActive);
+    metaMmLabel.setText(selected.mm);
+    metaFeeLabel.setText(selected.feeText());
+    metaContractLabel.setText(Format.money(selected.contract));
+
+    // Sections
+    boolean isLmsr = selected.type == MechanismType.LMSR;
+    lmsrSection.setVisible(isLmsr);
+    lmsrSection.setManaged(isLmsr);
+    orderBookSection.setVisible(!isLmsr);
+    orderBookSection.setManaged(!isLmsr);
+
+    if (isLmsr) {
+      refreshLmsr(selected);
+    } else {
+      refreshOrderBook(selected);
+    }
+
+    // Trade history table
+    var tRows = new ArrayList<Node>(selected.trades.size());
+    for (var t : selected.trades) {
+      tRows.add(buildTradeHistoryRow(t));
+    }
+    tradeHistoryRowsContainer.getChildren().setAll(tRows);
+
+    // Participants table
+    var pRows = new ArrayList<Node>(selected.participants.size());
+    for (var p : selected.participants) {
+      pRows.add(buildParticipantRow(p));
+    }
+    participantsRowsContainer.getChildren().setAll(pRows);
+
+    // Resolved banner
+    boolean isClosed = selected.status == EventStatus.SETTLED;
+    resolvedBanner.setVisible(isClosed);
+    resolvedBanner.setManaged(isClosed);
+    if (isClosed) {
+      resolvedBannerText.setText(
+          "Winning option: "
+              + selected.resolvedOption
+              + "  "
+              + selected.yesShares
+              + " YES / "
+              + selected.noShares
+              + " NO shares bought  contract emptied to holders, "
+              + selected.feePercent
+              + "% fee moved to "
+              + selected.mm
+              + ".");
+    }
+  }
+
+  private void refreshLmsr(EventData e) {
+    lmsrYesPriceLabel.setText(Format.money(e.yesPrice));
+    lmsrYesProgressBar.setProgress(e.yesPrice.doubleValue());
+    lmsrYesSharesLabel.setText(
+        e.yesShares + " shares  p = " + Format.prob(e.yesPrice.doubleValue()));
+
+    lmsrNoPriceLabel.setText(Format.money(e.noPrice));
+    lmsrNoProgressBar.setProgress(e.noPrice.doubleValue());
+    lmsrNoSharesLabel.setText(e.noShares + " shares  p = " + Format.prob(e.noPrice.doubleValue()));
+
+    lmsrChartSubLabel.setText("YES / NO  LMSR b = " + e.liquidityB);
+    var noPts = new ArrayList<ChartPoint>();
+    for (var p : e.chart) noPts.add(new ChartPoint(p.x(), 1.0 - p.y()));
+    Charts.setDualSeries(lmsrChart, "YES", e.chart, "NO", noPts);
+  }
+
+  private void refreshOrderBook(EventData e) {
+    obChartSubLabel.setText(
+        "last trade YES  base d = " + (e.baseValueD != null ? Format.money(e.baseValueD) : "—"));
+    Charts.setSingleSeries(obChart, "value", e.chart);
+
+    populateBookSide(
+        e.yesBook,
+        yesBookCountLabel,
+        yesLastLabel,
+        yesBestBidLabel,
+        yesBestAskLabel,
+        yesMidLabel,
+        yesSpreadLabel,
+        yesBookLadderList);
+    populateBookSide(
+        e.noBook,
+        noBookCountLabel,
+        noLastLabel,
+        noBestBidLabel,
+        noBestAskLabel,
+        noMidLabel,
+        noSpreadLabel,
+        noBookLadderList);
+  }
+
+  private void populateBookSide(
+      OrderBook book,
+      Label countLabel,
+      Label lastLabel,
+      Label bestBidLabel,
+      Label bestAskLabel,
+      Label midLabel,
+      Label spreadLabel,
+      VBox ladderList) {
+    if (book == null) {
+      ladderList.getChildren().clear();
+      countLabel.setText("0 orders");
+      for (var l : new Label[] {lastLabel, bestBidLabel, bestAskLabel, midLabel, spreadLabel}) {
+        l.setText("—");
+      }
+      return;
+    }
+
+    countLabel.setText(book.rows.size() + " orders");
+    lastLabel.setText(book.last != null ? book.last : "—");
+    bestBidLabel.setText(book.bid != null ? book.bid : "—");
+    bestAskLabel.setText(book.ask != null ? book.ask : "—");
+    midLabel.setText(book.mid != null ? book.mid : "—");
+    spreadLabel.setText(book.spread != null ? book.spread : "—");
+
+    var rows = new ArrayList<Node>(book.rows.size());
+    for (var r : book.rows) {
+      rows.add(new LadderItemView(r));
+    }
+    ladderList.getChildren().setAll(rows);
+  }
+
+  private Node buildTradeHistoryRow(TradeRow t) {
+    return new TradeHistoryItemView(t);
+  }
+
+  private Node buildParticipantRow(ParticipantRow p) {
+    return new ParticipantItemView(p);
+  }
+
+  // ---- FXML Handlers ----------------------------------------------------
+
+  @FXML
+  private void handleMethodAll() {
+    if (state != null) state.setFilterMethod(MechanismFilter.ALL);
+  }
+
+  @FXML
+  private void handleMethodLmsr() {
+    if (state != null) state.setFilterMethod(MechanismFilter.LMSR);
+  }
+
+  @FXML
+  private void handleMethodOb() {
+    if (state != null) state.setFilterMethod(MechanismFilter.ORDER_BOOK);
+  }
+
+  @FXML
+  private void handleStatusAll() {
+    if (state != null) state.setFilterStatus(null);
+  }
+
+  @FXML
+  private void handleStatusNotStarted() {
+    if (state != null) state.setFilterStatus(EventStatus.DRAFT);
+  }
+
+  @FXML
+  private void handleStatusActive() {
+    if (state != null) state.setFilterStatus(EventStatus.ACTIVE);
+  }
+
+  @FXML
+  private void handleStatusClosed() {
+    if (state != null) state.setFilterStatus(EventStatus.SETTLED);
+  }
+
+  @FXML
+  private void handleFeeAll() {
+    if (state != null) state.setFilterFee(CommissionFilter.ALL);
+  }
+
+  @FXML
+  private void handleFeePurchase() {
+    if (state != null) state.setFilterFee(CommissionFilter.PURCHASE);
+  }
+
+  @FXML
+  private void handleFeeClose() {
+    if (state != null) state.setFilterFee(CommissionFilter.CLOSE);
+  }
+
+  @FXML
+  private void handleNewEvent() {
+    if (onNewEvent != null) {
+      onNewEvent.run();
+    }
+  }
+
+  @FXML
+  private void handleOpenEvent() {
+    if (state != null) {
+      var e = state.selectedEvent();
+      if (e != null && onOpenEvent != null) {
+        onOpenEvent.accept(e);
+      }
+    }
+  }
+
+  @FXML
+  private void handleCloseEvent() {
+    if (onCloseEvent != null) {
+      onCloseEvent.run();
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/LoadDialogController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/LoadDialogController.java
new file mode 100644
index 0000000..e23cd9e
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/LoadDialogController.java
@@ -0,0 +1,70 @@
+package market.guess.ui.desktop.controllers;
+
+import javafx.animation.KeyFrame;
+import javafx.animation.KeyValue;
+import javafx.animation.Timeline;
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.control.ProgressBar;
+import javafx.util.Duration;
+import market.guess.ui.desktop.task.InitialLoadTask;
+
+public final class LoadDialogController {
+  private Runnable onCancel;
+  private Timeline currentFillAnimation;
+
+  @FXML private Label pathLabel;
+  @FXML private ProgressBar progressBar;
+
+  public void setOnCancel(Runnable onCancel) {
+    this.onCancel = onCancel;
+  }
+
+  public void reset() {
+    if (currentFillAnimation != null) {
+      currentFillAnimation.stop();
+      currentFillAnimation = null;
+    }
+    if (progressBar != null) {
+      progressBar.setProgress(0.0);
+    }
+  }
+
+  public void show(InitialLoadTask task, String pendingFile) {
+    reset();
+    if (pathLabel != null) {
+      pathLabel.setText(pendingFile);
+    }
+    task.progressProperty()
+        .addListener(
+            (observable, oldValue, newValue) -> {
+              if (newValue == null) return;
+              double val = newValue.doubleValue();
+              if (val < 0) {
+                if (progressBar != null) {
+                  progressBar.setProgress(0.0);
+                }
+                return;
+              }
+              if (progressBar != null) {
+                if (currentFillAnimation != null) {
+                  currentFillAnimation.stop();
+                }
+                currentFillAnimation =
+                    new Timeline(
+                        new KeyFrame(
+                            Duration.millis(100),
+                            new KeyValue(progressBar.progressProperty(), val)));
+                currentFillAnimation.play();
+              }
+            });
+  }
+
+  @FXML
+  private void handleCancel() {
+    reset();
+    if (onCancel != null) {
+      onCancel.run();
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/ResolveDialogController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/ResolveDialogController.java
new file mode 100644
index 0000000..4183f7f
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/ResolveDialogController.java
@@ -0,0 +1,68 @@
+package market.guess.ui.desktop.controllers;
+
+import java.util.function.Consumer;
+import javafx.fxml.FXML;
+import javafx.scene.control.Button;
+import market.guess.ui.desktop.util.Views;
+
+public class ResolveDialogController {
+  private Runnable onCancel;
+  private Consumer<String> onConfirm;
+  private String selectedOption = null;
+
+  @FXML private Button resolveYesBtn;
+  @FXML private Button resolveNoBtn;
+  @FXML private Button confirmBtn;
+
+  @FXML
+  private void initialize() {
+    updateSelection();
+  }
+
+  public void setOnCancel(Runnable onCancel) {
+    this.onCancel = onCancel;
+  }
+
+  public void setOnConfirm(Consumer<String> onConfirm) {
+    this.onConfirm = onConfirm;
+  }
+
+  public void reset() {
+    selectedOption = null;
+    updateSelection();
+  }
+
+  private void updateSelection() {
+    Views.setSelected(resolveYesBtn, "YES".equals(selectedOption));
+    Views.setSelected(resolveNoBtn, "NO".equals(selectedOption));
+    boolean hasChoice = selectedOption != null;
+    confirmBtn.setDisable(!hasChoice);
+    confirmBtn.setText("Resolve as " + (hasChoice ? selectedOption : "…"));
+  }
+
+  @FXML
+  private void handleSelectYes() {
+    selectedOption = "YES";
+    updateSelection();
+  }
+
+  @FXML
+  private void handleSelectNo() {
+    selectedOption = "NO";
+    updateSelection();
+  }
+
+  @FXML
+  private void handleCancel() {
+    if (onCancel != null) {
+      onCancel.run();
+    }
+  }
+
+  @FXML
+  private void handleConfirm() {
+    if (onConfirm != null && selectedOption != null) {
+      onConfirm.accept(selectedOption);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/UsersTabController.java b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/UsersTabController.java
new file mode 100644
index 0000000..6211337
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/controllers/UsersTabController.java
@@ -0,0 +1,476 @@
+package market.guess.ui.desktop.controllers;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.function.Consumer;
+import javafx.collections.ListChangeListener;
+import javafx.css.PseudoClass;
+import javafx.fxml.FXML;
+import javafx.scene.Node;
+import javafx.scene.chart.LineChart;
+import javafx.scene.chart.NumberAxis;
+import javafx.scene.control.Button;
+import javafx.scene.control.Label;
+import javafx.scene.control.ListView;
+import javafx.scene.control.TextField;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.StackPane;
+import javafx.scene.layout.VBox;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.MechanismType;
+import market.guess.ui.desktop.AppState;
+import market.guess.ui.desktop.components.TradeSide;
+import market.guess.ui.desktop.components.UserEventItemView;
+import market.guess.ui.desktop.components.UserListCell;
+import market.guess.ui.desktop.components.graphic.Graphic;
+import market.guess.ui.desktop.components.graphic.SparklineGraphic;
+import market.guess.ui.desktop.model.UserData;
+import market.guess.ui.desktop.model.UserEventRow;
+import market.guess.ui.desktop.util.Charts;
+import market.guess.ui.desktop.util.Format;
+import market.guess.ui.desktop.util.Views;
+
+public class UsersTabController {
+  private static final PseudoClass BLOCKED = PseudoClass.getPseudoClass("blocked");
+  private static final PseudoClass MM = PseudoClass.getPseudoClass("mm");
+  private static final PseudoClass TRADER = PseudoClass.getPseudoClass("trader");
+  private static final PseudoClass NEGATIVE = PseudoClass.getPseudoClass("negative");
+  private static final PseudoClass ERROR = PseudoClass.getPseudoClass("error");
+
+  @FunctionalInterface
+  public interface OrderPlacer {
+    void placeOrder(
+        String eventKey, String optionKey, String side, BigDecimal price, long quantity);
+  }
+
+  private AppState state;
+  private Runnable onCreateNewEvent;
+  private Consumer<String> onToast;
+  private OrderPlacer onPlaceOrder;
+  private Graphic sparkline;
+  private boolean updatingSelection = false;
+
+  @FXML private StackPane sparklineBox;
+  @FXML private ListView<UserData> userListContainer;
+  @FXML private VBox userDetailCard;
+  @FXML private Label userNameLabel;
+  @FXML private Label userRolePill;
+  @FXML private Label userSubLabel;
+  @FXML private Label userBalanceLabel;
+
+  @FXML private HBox blockedBanner;
+  @FXML private LineChart<Number, Number> balanceChart;
+  @FXML private VBox participationRowsContainer;
+
+  @FXML private VBox tradePanel;
+  @FXML private Label noTradeEventLabel;
+  @FXML private VBox tradeContentBox;
+  @FXML private Label tradeEventTitle;
+  @FXML private Label tradeEventSub;
+  @FXML private VBox tradeYesOptCard;
+  @FXML private Label tradeYesPriceLabel;
+  @FXML private Label tradeYesHeldLabel;
+  @FXML private VBox tradeNoOptCard;
+  @FXML private Label tradeNoPriceLabel;
+  @FXML private Label tradeNoHeldLabel;
+  @FXML private Button tradeBuyBtn;
+  @FXML private Button tradeSellBtn;
+  @FXML private TextField tradeQtyField;
+  @FXML private TextField tradePriceField;
+  @FXML private Label tradeCostLabel;
+  @FXML private Button tradeSubmitBtn;
+  @FXML private Label tradeHintLabel;
+
+  public void init(AppState state) {
+    this.state = state;
+    sparkline = SparklineGraphic.create();
+    sparklineBox.getChildren().setAll(sparkline.node);
+
+    userListContainer.setCellFactory(lv -> new UserListCell());
+    userListContainer
+        .getSelectionModel()
+        .selectedItemProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              if (updatingSelection) return;
+              if (newVal != null && state != null) {
+                state.setActingUser(newVal);
+              }
+            });
+
+    state
+        .actingUserProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              if (newVal != null) {
+                if (!newVal.equals(userListContainer.getSelectionModel().getSelectedItem())) {
+                  updatingSelection = true;
+                  try {
+                    userListContainer.getSelectionModel().select(newVal);
+                  } finally {
+                    updatingSelection = false;
+                  }
+                }
+              }
+              refreshUserDetail(newVal);
+            });
+
+    state
+        .selectedEventProperty()
+        .addListener(
+            (obs, oldVal, newVal) -> {
+              refreshTradePanel(state.actingUser());
+            });
+
+    state
+        .tradeOptionYesProperty()
+        .addListener((obs, oldVal, newVal) -> refreshTradePanel(state.actingUser()));
+
+    state
+        .tradeSideProperty()
+        .addListener((obs, oldVal, newVal) -> refreshTradePanel(state.actingUser()));
+
+    state
+        .getUsers()
+        .addListener(
+            (ListChangeListener<UserData>)
+                c -> {
+                  refreshUserList();
+                  refreshUserDetail(state.actingUser());
+                });
+    state.animationsOnProperty().addListener((obs, oldVal, newVal) -> sparkline.setPlaying(newVal));
+
+    tradeQtyField
+        .textProperty()
+        .addListener(
+            (obs, o, n) -> {
+              if (state != null) state.setTradeQty(n);
+              validateTradeInputs();
+            });
+
+    tradePriceField
+        .textProperty()
+        .addListener(
+            (obs, o, n) -> {
+              if (state != null) state.setTradePrice(n);
+              validateTradeInputs();
+            });
+  }
+
+  public void setOnCreateNewEvent(Runnable onCreateNewEvent) {
+    this.onCreateNewEvent = onCreateNewEvent;
+  }
+
+  public void setOnToast(Consumer<String> onToast) {
+    this.onToast = onToast;
+  }
+
+  public void setOnPlaceOrder(OrderPlacer onPlaceOrder) {
+    this.onPlaceOrder = onPlaceOrder;
+  }
+
+  public void refresh() {
+    if (state == null) return;
+    refreshUserList();
+    refreshUserDetail(state.actingUser());
+  }
+
+  private void refreshUserList() {
+    if (state == null) return;
+    updatingSelection = true;
+    try {
+      userListContainer.getItems().setAll(state.getUsers());
+      var actor = state.actingUser();
+      UserData match = null;
+      if (actor != null) {
+        for (var u : state.getUsers()) {
+          if (u.name.equals(actor.name)) {
+            match = u;
+            break;
+          }
+        }
+      }
+      if (match != null) {
+        userListContainer.getSelectionModel().select(match);
+      } else if (!state.getUsers().isEmpty()) {
+        userListContainer.getSelectionModel().select(0);
+      }
+    } finally {
+      updatingSelection = false;
+    }
+  }
+
+  private void refreshUserDetail(UserData actor) {
+    if (actor == null) {
+      userDetailCard.setVisible(false);
+      return;
+    }
+    userDetailCard.setVisible(true);
+
+    userNameLabel.setText(actor.name);
+    userRolePill.setText(actor.blocked ? "BLOCKED" : actor.isMm ? "MARKET MAKER" : "TRADER");
+    userRolePill.pseudoClassStateChanged(BLOCKED, actor.blocked);
+    userRolePill.pseudoClassStateChanged(MM, !actor.blocked && actor.isMm);
+    userRolePill.pseudoClassStateChanged(TRADER, !actor.blocked && !actor.isMm);
+
+    userSubLabel.setText("Active in " + actor.events.size() + " events");
+    userBalanceLabel.setText(Format.money(actor.balance));
+    userBalanceLabel.pseudoClassStateChanged(NEGATIVE, actor.balance.signum() < 0);
+    sparkline.node.pseudoClassStateChanged(NEGATIVE, actor.balance.signum() < 0);
+    sparkline.setPlaying(state.isAnimationsOn());
+
+    // Blocked Banner
+    blockedBanner.setVisible(actor.blocked);
+    blockedBanner.setManaged(actor.blocked);
+
+    // Balance Chart
+    Charts.setSingleSeries(balanceChart, "balance", actor.balanceHistory);
+    if (balanceChart.getYAxis() instanceof NumberAxis yAxis) {
+      Charts.scaleYAxis(yAxis, actor.balanceHistory, actor.balance.doubleValue());
+    }
+
+    // Participation Table
+    var evRows = new ArrayList<Node>(actor.events.size());
+    for (var ev : actor.events) {
+      evRows.add(buildParticipationRow(ev));
+    }
+    participationRowsContainer.getChildren().setAll(evRows);
+
+    // Trade Panel
+    refreshTradePanel(actor);
+  }
+
+  private void refreshTradePanel(UserData actor) {
+    if (state == null) return;
+    var e = state.selectedEvent();
+
+    if (e == null) {
+      noTradeEventLabel.setVisible(true);
+      noTradeEventLabel.setManaged(true);
+      tradeContentBox.setVisible(false);
+      tradeContentBox.setManaged(false);
+      return;
+    }
+
+    noTradeEventLabel.setVisible(false);
+    noTradeEventLabel.setManaged(false);
+    tradeContentBox.setVisible(true);
+    tradeContentBox.setManaged(true);
+
+    tradeEventTitle.setText(e.num + ". " + e.name);
+    tradeEventSub.setText(
+        (e.type == MechanismType.LMSR ? "LMSR" : "Order Book")
+            + "  Status: "
+            + e.status
+            + "  Fee: "
+            + e.feeText());
+
+    int yesHeld = 0, noHeld = 0;
+    if (actor != null && actor.events != null) {
+      for (var ev : actor.events) {
+        if (ev.eventId().equals(e.id)) {
+          yesHeld = ev.yes();
+          noHeld = ev.no();
+          break;
+        }
+      }
+    }
+
+    tradeYesPriceLabel.setText(Format.money(e.yesPrice));
+    tradeYesHeldLabel.setText("You hold " + yesHeld + " shares");
+
+    tradeNoPriceLabel.setText(Format.money(e.noPrice));
+    tradeNoHeldLabel.setText("You hold " + noHeld + " shares");
+
+    Views.setSelected(tradeYesOptCard, state.isTradeOptionYes());
+    Views.setSelected(tradeNoOptCard, !state.isTradeOptionYes());
+
+    Views.setSelected(tradeBuyBtn, state.getTradeSide() == TradeSide.BUY);
+    Views.setSelected(tradeSellBtn, state.getTradeSide() == TradeSide.SELL);
+
+    if (tradeQtyField.getText().isEmpty()) tradeQtyField.setText(state.getTradeQty());
+    if (tradePriceField.getText().isEmpty()) tradePriceField.setText(state.getTradePrice());
+
+    tradePriceField.setVisible(e.type == MechanismType.ORDER_BOOK);
+    tradePriceField.setManaged(e.type == MechanismType.ORDER_BOOK);
+
+    tradeSubmitBtn.setText(
+        state.getTradeSide() == TradeSide.BUY ? "Place Buy Order" : "Place Sell Order");
+
+    validateTradeInputs();
+  }
+
+  private boolean validateTradeInputs() {
+    if (state == null) return false;
+    var e = state.selectedEvent();
+    var actor = state.actingUser();
+    if (e == null || actor == null) return false;
+
+    boolean valid = true;
+    String qtyText = tradeQtyField.getText() != null ? tradeQtyField.getText().trim() : "";
+    long qty = 0;
+    if (qtyText.isEmpty()) {
+      valid = false;
+      tradeQtyField.pseudoClassStateChanged(ERROR, true);
+      tradeHintLabel.setText("Please enter the number of shares.");
+    } else {
+      try {
+        qty = Long.parseLong(qtyText);
+        if (qty <= 0) {
+          valid = false;
+          tradeQtyField.pseudoClassStateChanged(ERROR, true);
+          tradeHintLabel.setText("Shares must be a positive number.");
+        } else {
+          tradeQtyField.pseudoClassStateChanged(ERROR, false);
+        }
+      } catch (NumberFormatException nfe) {
+        valid = false;
+        tradeQtyField.pseudoClassStateChanged(ERROR, true);
+        tradeHintLabel.setText("Shares must be a valid integer.");
+      }
+    }
+
+    BigDecimal price = null;
+    if (e.type == MechanismType.ORDER_BOOK) {
+      String priceText = tradePriceField.getText() != null ? tradePriceField.getText().trim() : "";
+      if (priceText.isEmpty()) {
+        valid = false;
+        tradePriceField.pseudoClassStateChanged(ERROR, true);
+        if (valid) {
+          tradeHintLabel.setText("Please enter a price per share.");
+        }
+      } else {
+        try {
+          price = new BigDecimal(priceText);
+          if (price.compareTo(BigDecimal.ZERO) <= 0) {
+            valid = false;
+            tradePriceField.pseudoClassStateChanged(ERROR, true);
+            tradeHintLabel.setText("Price per share must be positive.");
+          } else {
+            tradePriceField.pseudoClassStateChanged(ERROR, false);
+          }
+        } catch (Exception nfe) {
+          valid = false;
+          tradePriceField.pseudoClassStateChanged(ERROR, true);
+          tradeHintLabel.setText("Price must be a valid decimal number.");
+        }
+      }
+    } else {
+      tradePriceField.pseudoClassStateChanged(ERROR, false);
+      price = state.isTradeOptionYes() ? e.yesPrice : e.noPrice;
+    }
+
+    if (valid && qty > 0 && price != null) {
+      BigDecimal cost = price.multiply(BigDecimal.valueOf(qty));
+      tradeCostLabel.setText(Format.money(cost));
+      if (actor.blocked) {
+        tradeHintLabel.setText("Trading is disabled because this account is blocked.");
+        tradeSubmitBtn.setDisable(true);
+      } else if (e.status != EventStatus.ACTIVE) {
+        tradeHintLabel.setText("Trading is only available for ACTIVE events.");
+        tradeSubmitBtn.setDisable(true);
+      } else if (state.getTradeSide() == TradeSide.SELL) {
+        int held = 0;
+        if (actor.events != null) {
+          for (var evRow : actor.events) {
+            if (evRow.eventId().equals(e.id)) {
+              held = state.isTradeOptionYes() ? evRow.yes() : evRow.no();
+              break;
+            }
+          }
+        }
+        if (!actor.isMm && qty > held) {
+          tradeHintLabel.setText("Cannot sell " + qty + " shares; you only hold " + held + ".");
+          tradeSubmitBtn.setDisable(true);
+        } else {
+          tradeHintLabel.setText("Sell order will match existing bids or rest as an ask.");
+          tradeSubmitBtn.setDisable(false);
+        }
+      } else {
+        if (actor.balance.compareTo(cost) < 0) {
+          tradeHintLabel.setText(
+              "Insufficient balance. Required: "
+                  + Format.money(cost)
+                  + ", available: "
+                  + Format.money(actor.balance));
+          tradeSubmitBtn.setDisable(true);
+        } else {
+          tradeHintLabel.setText(
+              e.type == MechanismType.ORDER_BOOK
+                  ? "Buy order will match existing asks or rest as a bid."
+                  : "Orders execute immediately against the market maker.");
+          tradeSubmitBtn.setDisable(false);
+        }
+      }
+    } else {
+      tradeCostLabel.setText("—");
+      tradeSubmitBtn.setDisable(true);
+    }
+
+    return valid;
+  }
+
+  private Node buildParticipationRow(UserEventRow ev) {
+    var row = new UserEventItemView(ev);
+    row.setOnMouseClicked(
+        e -> {
+          if (state != null) {
+            state.setSelectedEventId(ev.eventId());
+          }
+        });
+    return row;
+  }
+
+  // ---- FXML Handlers ----------------------------------------------------
+
+  @FXML
+  private void handleCreateNewEvent() {
+    if (onCreateNewEvent != null) {
+      onCreateNewEvent.run();
+    }
+  }
+
+  @FXML
+  private void handleSelectTradeYes() {
+    if (state != null) state.setTradeOptionYes(true);
+  }
+
+  @FXML
+  private void handleSelectTradeNo() {
+    if (state != null) state.setTradeOptionYes(false);
+  }
+
+  @FXML
+  private void handleTradeBuy() {
+    if (state != null) state.setTradeSide(TradeSide.BUY);
+  }
+
+  @FXML
+  private void handleTradeSell() {
+    if (state != null) state.setTradeSide(TradeSide.SELL);
+  }
+
+  @FXML
+  private void handleTradeSubmit() {
+    if (state == null) return;
+    var e = state.selectedEvent();
+    var u = state.actingUser();
+    if (e == null || u == null) return;
+    if (!validateTradeInputs()) return;
+
+    long qty = Long.parseLong(tradeQtyField.getText().trim());
+    BigDecimal price =
+        (e.type == MechanismType.ORDER_BOOK)
+            ? new BigDecimal(tradePriceField.getText().trim())
+            : (state.isTradeOptionYes() ? e.yesPrice : e.noPrice);
+
+    String optionKey = state.isTradeOptionYes() ? "YES" : "NO";
+    String side = state.getTradeSide() == TradeSide.SELL ? "SELL" : "BUY";
+
+    if (onPlaceOrder != null) {
+      onPlaceOrder.placeOrder(e.id, optionKey, side, price, qty);
+    } else if (onToast != null) {
+      onToast.accept("Order placed: " + side + " " + qty + " " + optionKey + " on #" + e.num);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/BookRow.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/BookRow.java
new file mode 100644
index 0000000..8162419
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/BookRow.java
@@ -0,0 +1,3 @@
+package market.guess.ui.desktop.model;
+
+public record BookRow(String side, String user, int qty, String price, boolean isBid) {}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/ChartPoint.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/ChartPoint.java
new file mode 100644
index 0000000..9dd845c
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/ChartPoint.java
@@ -0,0 +1,3 @@
+package market.guess.ui.desktop.model;
+
+public record ChartPoint(double x, double y) {}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/EventData.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/EventData.java
new file mode 100644
index 0000000..f3d0bc4
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/EventData.java
@@ -0,0 +1,81 @@
+package market.guess.ui.desktop.model;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.List;
+import market.guess.model.event.CommissionTiming;
+import market.guess.model.event.EventStatus;
+import market.guess.model.event.MechanismType;
+
+public final class EventData {
+  public final String id;
+
+  public final int num;
+
+  public final String name;
+  public final String desc;
+  public final MechanismType type;
+  public EventStatus status;
+  public final String mm;
+  public final int feePercent;
+  public final CommissionTiming feeMode;
+  public BigDecimal contract;
+  public final Integer liquidityB; // LMSR only
+  public final BigDecimal baseValueD; // Order Book only
+  public BigDecimal yesPrice = new BigDecimal(0.5);
+  public BigDecimal noPrice = new BigDecimal(0.5);
+  public int yesShares, noShares;
+  public final List<TradeRow> trades = new ArrayList<>();
+  public final List<ChartPoint> chart = new ArrayList<>();
+  public OrderBook yesBook, noBook;
+  public final List<ParticipantRow> participants = new ArrayList<>();
+  public String resolvedOption; // null unless CLOSED
+
+  public EventData(
+      final String id,
+      final int num,
+      final String name,
+      final String desc,
+      final MechanismType type,
+      final EventStatus status,
+      final String mm,
+      final int feePercent,
+      final CommissionTiming feeMode,
+      final double contract,
+      final Integer liquidityB,
+      final BigDecimal baseValueD) {
+    this.id = id;
+    this.num = num;
+    this.name = name;
+    this.desc = desc;
+    this.type = type;
+    this.status = status;
+    this.mm = mm;
+    this.feePercent = feePercent;
+    this.feeMode = feeMode;
+    this.contract = BigDecimal.valueOf(contract);
+    this.liquidityB = liquidityB;
+    this.baseValueD = baseValueD;
+  }
+
+  public String getId() {
+    return id;
+  }
+
+  public String feeText() {
+    return feePercent + "% on " + (feeMode == CommissionTiming.ON_PURCHASE ? "purchase" : "close");
+  }
+
+  @Override
+  public boolean equals(Object o) {
+    if (this == o) return true;
+    if (o == null || getClass() != o.getClass()) return false;
+    EventData eventData = (EventData) o;
+    return id != null && id.equals(eventData.id);
+  }
+
+  @Override
+  public int hashCode() {
+    return id != null ? id.hashCode() : 0;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/OrderBook.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/OrderBook.java
new file mode 100644
index 0000000..230798d
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/OrderBook.java
@@ -0,0 +1,16 @@
+package market.guess.ui.desktop.model;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public final class OrderBook {
+  public final String optionName;
+  public final boolean yesOption;
+  public String last, bid, ask, mid, spread;
+  public final List<BookRow> rows = new ArrayList<>();
+
+  public OrderBook(String optionName, boolean yesOption) {
+    this.optionName = optionName;
+    this.yesOption = yesOption;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/ParticipantRow.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/ParticipantRow.java
new file mode 100644
index 0000000..256a974
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/ParticipantRow.java
@@ -0,0 +1,4 @@
+package market.guess.ui.desktop.model;
+
+public record ParticipantRow(
+    String user, String tag, int yes, int no, String value, String fees, String pnl) {}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/TradeRow.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/TradeRow.java
new file mode 100644
index 0000000..d95b2d6
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/TradeRow.java
@@ -0,0 +1,4 @@
+package market.guess.ui.desktop.model;
+
+public record TradeRow(
+    int n, String user, String option, boolean yesOption, int shares, String paid) {}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserData.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserData.java
new file mode 100644
index 0000000..62ad526
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserData.java
@@ -0,0 +1,41 @@
+package market.guess.ui.desktop.model;
+
+import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.List;
+
+public final class UserData {
+  public final String name;
+
+  public String getName() {
+    return name;
+  }
+
+  public String role;
+  public BigDecimal balance;
+  public final boolean blocked;
+  public final boolean isMm;
+  public final List<ChartPoint> balanceHistory = new ArrayList<>();
+  public final List<UserEventRow> events = new ArrayList<>();
+
+  public UserData(String name, String role, double balance, boolean blocked, boolean isMm) {
+    this.name = name;
+    this.role = role;
+    this.balance = BigDecimal.valueOf(balance);
+    this.blocked = blocked;
+    this.isMm = isMm;
+  }
+
+  @Override
+  public boolean equals(Object o) {
+    if (this == o) return true;
+    if (o == null || getClass() != o.getClass()) return false;
+    UserData userData = (UserData) o;
+    return name != null && name.equalsIgnoreCase(userData.name);
+  }
+
+  @Override
+  public int hashCode() {
+    return name != null ? name.toLowerCase().hashCode() : 0;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserEventRow.java b/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserEventRow.java
new file mode 100644
index 0000000..7c15530
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/model/UserEventRow.java
@@ -0,0 +1,4 @@
+package market.guess.ui.desktop.model;
+
+public record UserEventRow(
+    String eventId, String eventName, String role, String type, int yes, int no, String pl) {}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/task/InitialLoadTask.java b/ui-desktop/src/main/java/market/guess/ui/desktop/task/InitialLoadTask.java
new file mode 100644
index 0000000..e49b0c4
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/task/InitialLoadTask.java
@@ -0,0 +1,57 @@
+package market.guess.ui.desktop.task;
+
+import java.nio.file.Path;
+import javafx.concurrent.Task;
+import market.guess.api.CatalogContext;
+import market.guess.api.LoadResult;
+
+public final class InitialLoadTask extends Task<LoadResult> {
+  private final CatalogContext catalog;
+  private final Path path;
+
+  public InitialLoadTask(CatalogContext catalog, Path path) {
+    this.catalog = catalog;
+    this.path = path;
+  }
+
+  @Override
+  protected LoadResult call() throws Exception {
+    updateProgress(0, 100);
+    if (isCancelled()) {
+      return null;
+    }
+
+    for (int i = 0; i < 20; i++) {
+      if (isCancelled()) {
+        return null;
+      }
+      try {
+        Thread.sleep(100);
+      } catch (InterruptedException e) {
+        if (isCancelled()) {
+          return null;
+        }
+        Thread.currentThread().interrupt();
+        break;
+      }
+      updateProgress((i + 1) * 5, 100);
+    }
+
+    if (isCancelled()) {
+      return null;
+    }
+
+    var result = catalog.loadEvents(path);
+
+    if (isCancelled()) {
+      return null;
+    }
+
+    if (!result.isSuccess()) {
+      throw new RuntimeException(result.getDetails());
+    }
+
+    updateProgress(100, 100);
+    return result.getData();
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/util/Charts.java b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Charts.java
new file mode 100644
index 0000000..54f67ce
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Charts.java
@@ -0,0 +1,202 @@
+package market.guess.ui.desktop.util;
+
+import java.time.Instant;
+import java.time.LocalDate;
+import java.time.ZoneId;
+import java.time.format.DateTimeFormatter;
+import java.util.List;
+import javafx.scene.chart.LineChart;
+import javafx.scene.chart.NumberAxis;
+import javafx.scene.chart.XYChart;
+import javafx.util.StringConverter;
+import market.guess.ui.desktop.model.ChartPoint;
+
+/** Utilities for populating LineChart series and formatting time/value axes. */
+public final class Charts {
+  private Charts() {}
+
+  public static final long BASE_TIME =
+      LocalDate.of(2026, 9, 12).atTime(9, 0).atZone(ZoneId.systemDefault()).toEpochSecond();
+
+  public static double toEpochSecond(double x) {
+    if (x >= 1_000_000_000) {
+      return x;
+    }
+    return BASE_TIME + (long) (x * 1800);
+  }
+
+  public static void setSingleSeries(
+      LineChart<Number, Number> chart, String name, List<ChartPoint> pts) {
+    configureTimeXAxis(chart, pts);
+    chart.getData().setAll(List.of(series(name, pts)));
+  }
+
+  public static void setDualSeries(
+      LineChart<Number, Number> chart,
+      String name1,
+      List<ChartPoint> pts1,
+      String name2,
+      List<ChartPoint> pts2) {
+    configureTimeXAxis(chart, (pts1 != null && !pts1.isEmpty()) ? pts1 : pts2);
+    chart.getData().setAll(List.of(series(name1, pts1), series(name2, pts2)));
+  }
+
+  public static void configureTimeXAxis(LineChart<Number, Number> chart, List<ChartPoint> pts) {
+    if (!(chart.getXAxis() instanceof NumberAxis xAxis)) return;
+
+    xAxis.setTickMarkVisible(true);
+    xAxis.setTickLabelsVisible(true);
+    xAxis.setMinorTickVisible(false);
+    xAxis.setForceZeroInRange(false);
+
+    if (pts == null || pts.isEmpty()) {
+      xAxis.setAutoRanging(true);
+      return;
+    }
+
+    double min = pts.stream().mapToDouble(p -> toEpochSecond(p.x())).min().orElse(BASE_TIME);
+    double max = pts.stream().mapToDouble(p -> toEpochSecond(p.x())).max().orElse(BASE_TIME + 3600);
+
+    if (min == max) {
+      min -= 60;
+      max += 60;
+    }
+
+    double range = max - min;
+    double targetInterval = range / 5.5;
+
+    double[] cleanIntervals = {
+      1, 5, 10, 15, 30, 60, 300, 600, 900, 1800, 3600, 7200, 14400, 21600, 43200, 86400
+    };
+    double tickUnit = cleanIntervals[cleanIntervals.length - 1];
+    for (double unit : cleanIntervals) {
+      if (unit >= targetInterval) {
+        tickUnit = unit;
+        break;
+      }
+    }
+
+    double lower = Math.floor(min / tickUnit) * tickUnit;
+    double upper = Math.ceil(max / tickUnit) * tickUnit;
+    if (upper <= max) {
+      upper += tickUnit;
+    }
+
+    xAxis.setAutoRanging(false);
+    xAxis.setLowerBound(lower);
+    xAxis.setUpperBound(upper);
+    xAxis.setTickUnit(tickUnit);
+
+    DateTimeFormatter fmt =
+        (range > 86400)
+            ? DateTimeFormatter.ofPattern("MM-dd HH:mm").withZone(ZoneId.systemDefault())
+            : (range < 300)
+                ? DateTimeFormatter.ofPattern("HH:mm:ss").withZone(ZoneId.systemDefault())
+                : DateTimeFormatter.ofPattern("HH:mm").withZone(ZoneId.systemDefault());
+
+    xAxis.setTickLabelFormatter(
+        new StringConverter<Number>() {
+          @Override
+          public String toString(Number n) {
+            if (n == null) return "";
+            try {
+              return fmt.format(Instant.ofEpochSecond(n.longValue()));
+            } catch (Exception e) {
+              return n.toString();
+            }
+          }
+
+          @Override
+          public Number fromString(String s) {
+            return 0;
+          }
+        });
+  }
+
+  /**
+   * Scales the Y axis dynamically with sensible headroom and round tick marks so values (like
+   * balances > $1,500) never get cut off at the top or bottom.
+   */
+  public static void scaleYAxis(NumberAxis yAxis, List<ChartPoint> pts, Double currentVal) {
+    if (yAxis == null) return;
+    if ((pts == null || pts.isEmpty()) && currentVal == null) {
+      yAxis.setAutoRanging(true);
+      return;
+    }
+
+    double min =
+        (pts != null && !pts.isEmpty())
+            ? pts.stream().mapToDouble(ChartPoint::y).min().orElse(0.0)
+            : (currentVal != null ? currentVal : 0.0);
+    double max =
+        (pts != null && !pts.isEmpty())
+            ? pts.stream().mapToDouble(ChartPoint::y).max().orElse(100.0)
+            : (currentVal != null ? currentVal : 100.0);
+
+    if (currentVal != null) {
+      min = Math.min(min, currentVal);
+      max = Math.max(max, currentVal);
+    }
+
+    if (max <= 0 && min <= 0) {
+      double absMax = Math.abs(min);
+      double unit = niceNum(absMax / 4.0, true);
+      if (unit <= 0) unit = 50;
+      double lower = Math.floor(min / unit) * unit - unit;
+      yAxis.setAutoRanging(false);
+      yAxis.setLowerBound(lower);
+      yAxis.setUpperBound(0.0);
+      yAxis.setTickUnit(unit);
+      return;
+    }
+
+    double targetMax = max > 0 ? max * 1.15 : 100.0;
+    double targetMin = min < 0 ? min * 1.20 : 0.0;
+    double range = targetMax - targetMin;
+    double unit = niceNum(range / 5.0, true);
+    if (unit <= 0) unit = 50;
+
+    double lower = targetMin < 0 ? Math.floor(targetMin / unit) * unit : 0.0;
+    double upper = Math.ceil(targetMax / unit) * unit;
+    if (upper <= max) {
+      upper += unit;
+    }
+
+    yAxis.setAutoRanging(false);
+    yAxis.setLowerBound(lower);
+    yAxis.setUpperBound(upper);
+    yAxis.setTickUnit(unit);
+  }
+
+  private static double niceNum(double range, boolean round) {
+    if (range <= 0) return 1.0;
+    double exponent = Math.floor(Math.log10(range));
+    double fraction = range / Math.pow(10, exponent);
+    double niceFraction;
+
+    if (round) {
+      if (fraction < 1.5) niceFraction = 1.0;
+      else if (fraction < 3.0) niceFraction = 2.0;
+      else if (fraction < 7.0) niceFraction = 5.0;
+      else niceFraction = 10.0;
+    } else {
+      if (fraction <= 1.0) niceFraction = 1.0;
+      else if (fraction <= 2.0) niceFraction = 2.0;
+      else if (fraction <= 5.0) niceFraction = 5.0;
+      else niceFraction = 10.0;
+    }
+
+    return niceFraction * Math.pow(10, exponent);
+  }
+
+  private static XYChart.Series<Number, Number> series(String name, List<ChartPoint> pts) {
+    var s = new XYChart.Series<Number, Number>();
+    s.setName(name);
+    if (pts != null) {
+      for (var p : pts) {
+        s.getData().add(new XYChart.Data<>(toEpochSecond(p.x()), p.y()));
+      }
+    }
+    return s;
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/util/Format.java b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Format.java
new file mode 100644
index 0000000..02380bc
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Format.java
@@ -0,0 +1,21 @@
+package market.guess.ui.desktop.util;
+
+import java.math.BigDecimal;
+
+/** Pure formatting helpers for monetary amounts and probabilities. */
+public final class Format {
+  private Format() {}
+
+  public static String money(BigDecimal n) {
+    if (n == null) return "$0.00";
+    return (n.signum() < 0 ? "-$" : "$") + String.format("%.2f", n.abs());
+  }
+
+  public static String money(double n) {
+    return money(BigDecimal.valueOf(n));
+  }
+
+  public static String prob(double n) {
+    return String.format("%.2f", n);
+  }
+}
diff --git a/ui-desktop/src/main/java/market/guess/ui/desktop/util/Views.java b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Views.java
new file mode 100644
index 0000000..50d9c36
--- /dev/null
+++ b/ui-desktop/src/main/java/market/guess/ui/desktop/util/Views.java
@@ -0,0 +1,41 @@
+package market.guess.ui.desktop.util;
+
+import java.io.IOException;
+import java.io.UncheckedIOException;
+import java.net.URL;
+import javafx.css.PseudoClass;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Node;
+import javafx.scene.Parent;
+import market.guess.ui.desktop.AppView;
+
+/** Shared JavaFX view mechanics, pseudo-class management, and FXML root loading. */
+public final class Views {
+  private Views() {}
+
+  public static final PseudoClass SELECTED = PseudoClass.getPseudoClass("selected");
+
+  public static void setSelected(Node node, boolean selected) {
+    if (node != null) {
+      node.pseudoClassStateChanged(SELECTED, selected);
+    }
+  }
+
+  public static void loadRoot(Parent root, String fxmlName) {
+    URL res = AppView.class.getResource(fxmlName);
+    if (res == null) {
+      res = AppView.class.getResource("/market/guess/ui/desktop/" + fxmlName);
+    }
+    if (res == null) {
+      throw new IllegalArgumentException("Cannot find FXML resource: " + fxmlName);
+    }
+    FXMLLoader loader = new FXMLLoader(res);
+    loader.setRoot(root);
+    loader.setController(root);
+    try {
+      loader.load();
+    } catch (IOException e) {
+      throw new UncheckedIOException("Failed to load " + fxmlName, e);
+    }
+  }
+}
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml
new file mode 100644
index 0000000..855b787
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/app_view.fxml
@@ -0,0 +1,158 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.Tab?>
+<?import javafx.scene.control.TabPane?>
+<?import javafx.scene.control.Tooltip?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.shape.SVGPath?>
+
+<StackPane fx:id="rootStack" styleClass="gm-root" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.AppController">
+   <children>
+      <!-- Safety net: scrolls only if the viewport gets smaller than AppView.MIN_WIDTH x MIN_HEIGHT. -->
+      <ScrollPane fitToHeight="true" fitToWidth="true" styleClass="gm-app-scroll">
+         <content>
+            <BorderPane fx:id="chrome" styleClass="gm-chrome">
+               <top>
+                  <VBox>
+                     <children>
+                        <!-- Window Bar -->
+                        <HBox fx:id="windowBar" alignment="CENTER_LEFT" prefHeight="32.0" spacing="10.0" styleClass="gm-bg-panel2, gm-divider-bottom">
+                           <padding>
+                              <Insets left="14.0" right="14.0" />
+                           </padding>
+                           <children>
+                              <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-traffic-lights">
+                                 <children>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleClose" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-no">
+                                       <children>
+                                          <SVGPath content="M 0 0 L 5 5 M 5 0 L 0 5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleMinimize" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-accent">
+                                       <children>
+                                          <SVGPath content="M 0 2.5 L 6 2.5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                    <StackPane maxHeight="12.0" maxWidth="12.0" minHeight="12.0" minWidth="12.0" onMouseClicked="#handleMaximize" prefHeight="12.0" prefWidth="12.0" styleClass="gm-traffic-dot, gm-traffic-dot-yes">
+                                       <children>
+                                          <SVGPath content="M 0 2.5 L 5 2.5 M 2.5 0 L 2.5 5" styleClass="gm-traffic-icon" />
+                                       </children>
+                                    </StackPane>
+                                 </children>
+                              </HBox>
+                              <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink2" text="Guess Market" />
+                           </children>
+                        </HBox>
+                        <!-- Toolbar -->
+                        <HBox alignment="CENTER_LEFT" spacing="12.0" styleClass="gm-bg-panel, gm-divider-bottom">
+                           <padding>
+                              <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+                           </padding>
+                           <children>
+                              <Button minWidth="-Infinity" onAction="#handleLoadFile" styleClass="gm-btn, gm-btn-primary" text="Load File…" />
+                              <HBox alignment="CENTER_LEFT" spacing="10.0" styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                 <padding>
+                                    <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                 </padding>
+                                 <children>
+                                    <Label minWidth="-Infinity" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="" />
+                                    <Label fx:id="loadedFilePathLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-base, gm-font-mono, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                 </children>
+                              </HBox>
+                              <HBox alignment="CENTER_RIGHT" minWidth="-Infinity" spacing="12.0">
+                                 <children>
+                                    <Button fx:id="animationsButton" onAction="#handleAnimationsToggled" styleClass="gm-btn, gm-btn-secondary, gm-btn-icon">
+                                       <tooltip>
+                                          <Tooltip text="Toggle animations" />
+                                       </tooltip>
+                                    </Button>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0">
+                                       <children>
+                                          <ComboBox fx:id="skinComboBox" onAction="#handleSkinChanged" styleClass="gm-select-base, gm-select-btn-bg" />
+                                       </children>
+                                    </HBox>
+                                 </children>
+                              </HBox>
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+               </top>
+               <center>
+                  <StackPane fx:id="centerContainer">
+                     <children>
+                        <fx:include fx:id="emptyState" source="controllers/empty_state.fxml" />
+                        <TabPane fx:id="tabPane" managed="false" styleClass="gm-tabs" tabClosingPolicy="UNAVAILABLE" visible="false">
+                           <tabs>
+                              <Tab text="Events">
+                                 <content>
+                                    <fx:include fx:id="eventsTab" source="controllers/events_tab.fxml" />
+                                 </content>
+                              </Tab>
+                              <Tab text="Users">
+                                 <content>
+                                    <fx:include fx:id="usersTab" source="controllers/users_tab.fxml" />
+                                 </content>
+                              </Tab>
+                           </tabs>
+                        </TabPane>
+                        <!-- Overlaid on the right of the tab header; height is bound to the header in AppController -->
+                        <HBox fx:id="tabInfo" alignment="CENTER_RIGHT" maxHeight="-Infinity" pickOnBounds="false" spacing="8.0" visible="false" StackPane.alignment="TOP_RIGHT">
+                           <padding>
+                              <Insets left="4.0" right="20.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="actingAsLabel" styleClass="gm-text-base, gm-font-medium, gm-text-ink2">
+                                 <padding>
+                                    <Insets right="12.0" />
+                                 </padding>
+                              </Label>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="ACCOUNT BALANCE" />
+                              <Label fx:id="balanceValueLabel" styleClass="gm-font-mono, gm-text-lg, gm-font-semibold, gm-text-accent" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </StackPane>
+               </center>
+               <bottom>
+                  <HBox alignment="CENTER_LEFT" prefHeight="30.0" spacing="12.0" styleClass="gm-bg-panel2, gm-divider-top">
+                     <padding>
+                        <Insets left="14.0" right="14.0" />
+                     </padding>
+                     <children>
+                        <Label fx:id="statusBarLabel" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+                        <Region HBox.hgrow="ALWAYS" />
+                        <Button fx:id="ejectButton" onAction="#handleEjectFile" styleClass="gm-link-button" text="󰮑" visible="false" />
+                     </children>
+                  </HBox>
+               </bottom>
+            </BorderPane>
+         </content>
+      </ScrollPane>
+      <StackPane fx:id="dialogContainer" mouseTransparent="true" visible="false">
+         <children>
+            <fx:include fx:id="loadDialog" managed="false" source="controllers/dialog_load.fxml" visible="false" />
+            <fx:include fx:id="createEventDialog" managed="false" source="controllers/dialog_create_event.fxml" visible="false" />
+            <fx:include fx:id="resolveDialog" managed="false" source="controllers/dialog_resolve.fxml" visible="false" />
+         </children>
+      </StackPane>
+      <StackPane fx:id="toastContainer" mouseTransparent="true" pickOnBounds="false">
+         <children>
+            <Label fx:id="toastLabel" styleClass="gm-toast" visible="false" StackPane.alignment="BOTTOM_CENTER">
+               <StackPane.margin>
+                  <Insets bottom="44.0" />
+               </StackPane.margin>
+            </Label>
+         </children>
+      </StackPane>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml
new file mode 100644
index 0000000..c8f092f
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_create_event.fxml
@@ -0,0 +1,137 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.CheckBox?>
+<?import javafx.scene.control.ComboBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextArea?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.CreateEventDialogController">
+   <children>
+      <ScrollPane fitToWidth="true" maxHeight="640.0" maxWidth="620.0" prefWidth="620.0" styleClass="gm-modal-card" StackPane.alignment="CENTER">
+         <content>
+            <VBox>
+               <children>
+                  <!-- Header -->
+                  <HBox alignment="BASELINE_LEFT" styleClass="gm-divider-bottom">
+                     <padding>
+                        <Insets bottom="16.0" left="20.0" right="20.0" top="16.0" />
+                     </padding>
+                     <children>
+                        <Label styleClass="gm-text-xl, gm-font-bold, gm-text-ink" text="Create new event" />
+                        <Region HBox.hgrow="ALWAYS" />
+                     </children>
+                  </HBox>
+                  <!-- Body Form -->
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="18.0" left="20.0" right="20.0" top="18.0" />
+                     </padding>
+                     <children>
+                        <!-- Name Field -->
+                        <VBox spacing="5.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Event name" />
+                              <TextField fx:id="nameField" maxWidth="1.7976931348623157E308" promptText="Will the summit happen before Q4?" styleClass="gm-textfield" />
+                           </children>
+                        </VBox>
+                        <!-- Description Field -->
+                        <VBox spacing="5.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Description &amp; termination condition" />
+                              <TextArea fx:id="descArea" prefRowCount="2" promptText="Resolves YES if a joint summit is publicly confirmed and held before October 1st." styleClass="gm-textarea" wrapText="true" />
+                           </children>
+                        </VBox>
+                        <!-- Row 1: Trading Method & Fee Collection -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Trading method" />
+                                    <HBox>
+                                       <children>
+                                          <Button fx:id="lmsrBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectLmsr" styleClass="gm-seg, gm-seg-left, gm-seg-pad-tight" text="LMSR" HBox.hgrow="ALWAYS" />
+                                          <Button fx:id="orderBookBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectOrderBook" styleClass="gm-seg, gm-seg-right, gm-seg-pad-tight" text="Order Book" HBox.hgrow="ALWAYS" />
+                                       </children>
+                                    </HBox>
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee collection" />
+                                    <ComboBox fx:id="feeCollectionCombo" maxWidth="1.7976931348623157E308" styleClass="gm-select-base, gm-select-panel2-bg" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Row 2: Fee Percent & Parameter -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee percent (0–90)" />
+                                    <TextField fx:id="feePercentField" maxWidth="1.7976931348623157E308" promptText="5" styleClass="gm-textfield, gm-textfield-mono" />
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label fx:id="paramLabel" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Liquidity b (integer)" />
+                                    <TextField fx:id="paramField" maxWidth="1.7976931348623157E308" promptText="100" styleClass="gm-textfield, gm-textfield-mono" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Option Names -->
+                        <HBox spacing="12.0">
+                           <children>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Option 1" />
+                                    <TextField fx:id="opt1Field" maxWidth="1.7976931348623157E308" promptText="YES" styleClass="gm-textfield" />
+                                 </children>
+                              </VBox>
+                              <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Option 2" />
+                                    <TextField fx:id="opt2Field" maxWidth="1.7976931348623157E308" promptText="NO" styleClass="gm-textfield" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </HBox>
+                        <!-- Minting CheckBox (Order Book only) -->
+                        <CheckBox fx:id="mintingCheckBox" selected="true" styleClass="gm-checkbox-strong" text="Allow minting new share pairs when bid + ask exceeds d" visible="false" />
+                        <!-- Info Box -->
+                        <HBox styleClass="gm-card-panel2">
+                           <padding>
+                              <Insets bottom="11.0" left="13.0" right="13.0" top="11.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="infoNoteLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" wrapText="true" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+                  <!-- Footer -->
+                  <HBox alignment="CENTER_LEFT" spacing="9.0" styleClass="gm-divider-top">
+                     <padding>
+                        <Insets bottom="14.0" left="20.0" right="20.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <Region HBox.hgrow="ALWAYS" />
+                        <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+                        <Button onAction="#handleCreate" styleClass="gm-btn, gm-btn-primary" text="Create event" />
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+         </content>
+      </ScrollPane>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml
new file mode 100644
index 0000000..d93ac9e
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_load.fxml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ProgressBar?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.LoadDialogController">
+   <children>
+      <VBox maxHeight="-Infinity" maxWidth="-Infinity" prefWidth="430.0" spacing="12.0" styleClass="gm-card" StackPane.alignment="CENTER">
+         <padding>
+            <Insets bottom="20.0" left="22.0" right="22.0" top="20.0" />
+         </padding>
+         <children>
+            <Label styleClass="gm-text-lg, gm-font-bold, gm-text-ink" text="Loading events file…" />
+            <Label fx:id="pathLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-mono, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" />
+            <ProgressBar fx:id="progressBar" maxWidth="1.7976931348623157E308" prefHeight="9.0" progress="0.06" styleClass="gm-progress, gm-progress-accent" />
+            <HBox alignment="CENTER_LEFT">
+               <children>
+                  <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Validating users, market makers and fees…" />
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml
new file mode 100644
index 0000000..b5a9634
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/dialog_resolve.fxml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<StackPane styleClass="gm-modal-scrim" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.ResolveDialogController">
+   <children>
+      <VBox maxHeight="-Infinity" maxWidth="-Infinity" prefWidth="470.0" styleClass="gm-card" StackPane.alignment="CENTER">
+         <children>
+            <!-- Title -->
+            <HBox alignment="CENTER_LEFT" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="16.0" left="20.0" right="20.0" top="16.0" />
+               </padding>
+               <children>
+                  <Label styleClass="gm-text-lg, gm-font-bold, gm-text-ink" text="Close &amp; resolve event" />
+               </children>
+            </HBox>
+            <!-- Body -->
+            <VBox spacing="13.0">
+               <padding>
+                  <Insets bottom="18.0" left="20.0" right="20.0" top="18.0" />
+               </padding>
+               <children>
+                  <Label styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="Pick the option the event ended with. The contract account is emptied to holders of the winning option; a close-time fee is moved to the market maker. This cannot be undone." wrapText="true" />
+                  <HBox spacing="10.0">
+                     <children>
+                        <Button fx:id="resolveYesBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectYes" styleClass="gm-resolve-option, gm-resolve-option-yes" text="YES" HBox.hgrow="ALWAYS" />
+                        <Button fx:id="resolveNoBtn" maxWidth="1.7976931348623157E308" onAction="#handleSelectNo" styleClass="gm-resolve-option, gm-resolve-option-no" text="NO" HBox.hgrow="ALWAYS" />
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+            <!-- Footer -->
+            <HBox alignment="CENTER_LEFT" spacing="9.0" styleClass="gm-divider-top">
+               <padding>
+                  <Insets bottom="14.0" left="20.0" right="20.0" top="14.0" />
+               </padding>
+               <children>
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleCancel" styleClass="gm-btn, gm-btn-secondary" text="Cancel" />
+                  <Button fx:id="confirmBtn" disable="true" onAction="#handleConfirm" styleClass="gm-btn, gm-btn-destructive" text="Resolve as …" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml
new file mode 100644
index 0000000..0385759
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/empty_state.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+<?import market.guess.ui.desktop.components.graphic.MarketChart?>
+
+<StackPane styleClass="gm-chrome" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.EmptyStateController">
+   <children>
+      <VBox alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" spacing="14.0">
+         <children>
+            <MarketChart fx:id="marketChart" />
+            <Label styleClass="gm-text-xl, gm-font-semibold, gm-text-ink" text="No file loaded" />
+            <Label alignment="CENTER" maxWidth="420.0" styleClass="gm-text-md, gm-font-regular, gm-text-ink2" text="Load an XML file to populate events and users" textAlignment="CENTER" wrapText="true" />
+         </children>
+      </VBox>
+   </children>
+</StackPane>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml
new file mode 100644
index 0000000..4e2c1d4
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/events_tab.fxml
@@ -0,0 +1,448 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.layout.FlowPane?>
+<?import javafx.scene.chart.LineChart?>
+<?import javafx.scene.chart.NumberAxis?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.ProgressBar?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<HBox spacing="12.0" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.EventsTabController">
+   <padding>
+      <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+   </padding>
+   <children>
+      <!-- Left Card: Filters + List -->
+      <VBox maxWidth="498.0" minWidth="498.0" prefWidth="498.0" spacing="10.0" styleClass="gm-card">
+         <padding>
+            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+         </padding>
+         <children>
+            <!-- Method Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Method" />
+                  <Button fx:id="methodFilterAllBtn" onAction="#handleMethodAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="methodFilterLmsrBtn" onAction="#handleMethodLmsr" styleClass="gm-toggle" text="LMSR" />
+                  <Button fx:id="methodFilterObBtn" onAction="#handleMethodOb" styleClass="gm-toggle" text="Order Book" />
+               </children>
+            </HBox>
+            <!-- Status Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Status" />
+                  <Button fx:id="statusFilterAllBtn" onAction="#handleStatusAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="statusFilterNotStartedBtn" onAction="#handleStatusNotStarted" styleClass="gm-toggle" text="Not started" />
+                  <Button fx:id="statusFilterActiveBtn" onAction="#handleStatusActive" styleClass="gm-toggle" text="Active" />
+                  <Button fx:id="statusFilterClosedBtn" onAction="#handleStatusClosed" styleClass="gm-toggle" text="Closed" />
+               </children>
+            </HBox>
+            <!-- Fee Filter -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label minWidth="74.0" prefWidth="74.0" styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Fee" />
+                  <Button fx:id="feeFilterAllBtn" onAction="#handleFeeAll" styleClass="gm-toggle" text="All" />
+                  <Button fx:id="feeFilterPurchaseBtn" onAction="#handleFeePurchase" styleClass="gm-toggle" text="On purchase" />
+                  <Button fx:id="feeFilterCloseBtn" onAction="#handleFeeClose" styleClass="gm-toggle" text="On close" />
+               </children>
+            </HBox>
+            <!-- Virtualized Event List -->
+            <ListView fx:id="eventListContainer" styleClass="gm-scroll-transparent, gm-list-view" VBox.vgrow="ALWAYS" />
+            <!-- Footer -->
+            <HBox alignment="CENTER_LEFT">
+               <children>
+                  <Label fx:id="eventCountLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="0 of 0 events shown" />
+                  <Region HBox.hgrow="ALWAYS" />
+                  <Button onAction="#handleNewEvent" styleClass="gm-btn, gm-btn-secondary" text="+ New Event" />
+               </children>
+            </HBox>
+         </children>
+      </VBox>
+      <!-- Right Card: Event Details -->
+      <VBox fx:id="eventDetailCard" styleClass="gm-card" HBox.hgrow="ALWAYS">
+         <children>
+            <!-- Detail Header -->
+            <VBox fx:id="detailHeaderBox" spacing="9.0" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+               </padding>
+               <children>
+                  <HBox alignment="TOP_LEFT" spacing="12.0">
+                     <children>
+                        <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                           <children>
+                              <Label fx:id="eventNameLabel" styleClass="gm-text-xl, gm-font-bold, gm-text-ink" />
+                              <Label fx:id="eventDescLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" wrapText="true" />
+                           </children>
+                        </VBox>
+                        <HBox spacing="7.0">
+                           <children>
+                              <Button fx:id="openEventBtn" onAction="#handleOpenEvent" styleClass="gm-btn, gm-btn-primary" text="Open Event" />
+                              <Button fx:id="closeEventBtn" onAction="#handleCloseEvent" styleClass="gm-btn, gm-btn-secondary" text="Close &amp; Resolve…" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </HBox>
+                  <HBox fx:id="metaFieldsBox" alignment="CENTER_LEFT" spacing="16.0">
+                     <children>
+                        <HBox fx:id="livePill" alignment="CENTER_LEFT" spacing="7.0" styleClass="gm-pill, gm-live-pill">
+                           <children>
+                              <StackPane fx:id="liveBarsBox" />
+                              <Label fx:id="liveLabel" styleClass="gm-live-label" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Method" />
+                              <Label fx:id="metaMethodLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Status" />
+                              <Label fx:id="metaStatusLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Market Maker" />
+                              <Label fx:id="metaMmLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Fee" />
+                              <Label fx:id="metaFeeLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                        <HBox alignment="CENTER_LEFT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Contract" />
+                              <Label fx:id="metaContractLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </HBox>
+               </children>
+            </VBox>
+            <!-- Detail Scrollable Body -->
+            <ScrollPane fitToWidth="true" styleClass="gm-scroll-transparent" VBox.vgrow="ALWAYS">
+               <content>
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <!-- LMSR Section -->
+                        <VBox fx:id="lmsrSection" spacing="14.0">
+                           <children>
+                              <!-- YES / NO Option Cards -->
+                              <HBox spacing="10.0">
+                                 <children>
+                                    <VBox spacing="9.0" styleClass="gm-card-soft-yes" HBox.hgrow="ALWAYS">
+                                       <padding>
+                                          <Insets bottom="12.0" left="13.0" right="13.0" top="12.0" />
+                                       </padding>
+                                       <children>
+                                          <HBox alignment="BASELINE_LEFT">
+                                             <children>
+                                                <Label styleClass="gm-text-lg, gm-font-bold, gm-text-yes" text="YES" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="lmsrYesPriceLabel" styleClass="gm-text-2xl, gm-font-semibold, gm-font-mono, gm-text-yes" />
+                                             </children>
+                                          </HBox>
+                                          <ProgressBar fx:id="lmsrYesProgressBar" maxHeight="6.0" maxWidth="1.7976931348623157E308" minHeight="6.0" prefHeight="6.0" styleClass="gm-progress, gm-progress-yes" />
+                                          <Label fx:id="lmsrYesSharesLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </VBox>
+                                    <VBox spacing="9.0" styleClass="gm-card-soft-no" HBox.hgrow="ALWAYS">
+                                       <padding>
+                                          <Insets bottom="12.0" left="13.0" right="13.0" top="12.0" />
+                                       </padding>
+                                       <children>
+                                          <HBox alignment="BASELINE_LEFT">
+                                             <children>
+                                                <Label styleClass="gm-text-lg, gm-font-bold, gm-text-no" text="NO" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="lmsrNoPriceLabel" styleClass="gm-text-2xl, gm-font-semibold, gm-font-mono, gm-text-no" />
+                                             </children>
+                                          </HBox>
+                                          <ProgressBar fx:id="lmsrNoProgressBar" maxHeight="6.0" maxWidth="1.7976931348623157E308" minHeight="6.0" prefHeight="6.0" styleClass="gm-progress, gm-progress-no" />
+                                          <Label fx:id="lmsrNoSharesLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </HBox>
+                              <!-- LMSR Chart Block -->
+                              <VBox spacing="8.0">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT">
+                                       <children>
+                                          <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Share price over time" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="lmsrChartSubLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <VBox styleClass="gm-card-panel2">
+                                       <padding>
+                                          <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                       </padding>
+                                       <children>
+                                          <LineChart fx:id="lmsrChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="170.0" styleClass="gm-chart, gm-chart-dual" verticalGridLinesVisible="false">
+                                             <xAxis>
+                                                <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                             </xAxis>
+                                             <yAxis>
+                                                <NumberAxis autoRanging="false" lowerBound="0.0" minorTickVisible="false" styleClass="gm-chart-axis" tickUnit="0.25" upperBound="1.0" />
+                                             </yAxis>
+                                          </LineChart>
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Order Book Section -->
+                        <VBox fx:id="orderBookSection" spacing="14.0">
+                           <children>
+                              <HBox spacing="12.0">
+                                 <children>
+                                    <!-- YES Order Book -->
+                                    <VBox styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                       <children>
+                                          <HBox alignment="CENTER_LEFT" styleClass="gm-card-soft-yes">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-bold, gm-text-yes" text="YES Order Book" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="yesBookCountLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </HBox>
+                                          <FlowPane hgap="12.0" vgap="4.0" styleClass="gm-divider-bottom">
+                                             <padding>
+                                                <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Last" />
+                                                      <Label fx:id="yesLastLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best bid" />
+                                                      <Label fx:id="yesBestBidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best ask" />
+                                                      <Label fx:id="yesBestAskLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Mid" />
+                                                      <Label fx:id="yesMidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Spread" />
+                                                      <Label fx:id="yesSpreadLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </FlowPane>
+                                          <HBox spacing="8.0" styleClass="gm-bg-panel3">
+                                             <padding>
+                                                <Insets bottom="6.0" left="12.0" right="12.0" top="6.0" />
+                                             </padding>
+                                             <children>
+                                                <Label alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Price" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Side" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Qty" />
+                                                <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                             </children>
+                                          </HBox>
+                                          <VBox fx:id="yesBookLadderList" />
+                                       </children>
+                                    </VBox>
+                                    <!-- NO Order Book -->
+                                    <VBox styleClass="gm-card-panel2" HBox.hgrow="ALWAYS">
+                                       <children>
+                                          <HBox alignment="CENTER_LEFT" styleClass="gm-card-soft-no">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-bold, gm-text-no" text="NO Order Book" />
+                                                <Region HBox.hgrow="ALWAYS" />
+                                                <Label fx:id="noBookCountLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </HBox>
+                                          <FlowPane hgap="12.0" vgap="4.0" styleClass="gm-divider-bottom">
+                                             <padding>
+                                                <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Last" />
+                                                      <Label fx:id="noLastLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best bid" />
+                                                      <Label fx:id="noBestBidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Best ask" />
+                                                      <Label fx:id="noBestAskLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Mid" />
+                                                      <Label fx:id="noMidLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                                <HBox spacing="4.0">
+                                                   <children>
+                                                      <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="Spread" />
+                                                      <Label fx:id="noSpreadLabel" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </FlowPane>
+                                          <HBox spacing="8.0" styleClass="gm-bg-panel3">
+                                             <padding>
+                                                <Insets bottom="6.0" left="12.0" right="12.0" top="6.0" />
+                                             </padding>
+                                             <children>
+                                                <Label alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Price" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Side" />
+                                                <Label alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Qty" />
+                                                <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                             </children>
+                                          </HBox>
+                                          <VBox fx:id="noBookLadderList" />
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </HBox>
+                              <VBox spacing="8.0">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT">
+                                       <children>
+                                          <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Last trade price over time" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="obChartSubLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <VBox styleClass="gm-card-panel2">
+                                       <padding>
+                                          <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                       </padding>
+                                       <children>
+                                          <LineChart fx:id="obChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="160.0" styleClass="gm-chart, gm-chart-single" verticalGridLinesVisible="false">
+                                             <xAxis>
+                                                <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                             </xAxis>
+                                             <yAxis>
+                                                <NumberAxis autoRanging="false" lowerBound="0.0" minorTickVisible="false" styleClass="gm-chart-axis" tickUnit="0.25" upperBound="1.0" />
+                                             </yAxis>
+                                          </LineChart>
+                                       </children>
+                                    </VBox>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Trade History Block -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <HBox alignment="CENTER_LEFT" spacing="6.0">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Trade history" />
+                                    <Label styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="newest first" />
+                                 </children>
+                              </HBox>
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label minWidth="66.0" prefWidth="66.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="#" />
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label minWidth="76.0" prefWidth="76.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Option" />
+                                          <Label minWidth="92.0" prefWidth="92.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Shares" />
+                                          <Label minWidth="88.0" prefWidth="88.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Paid" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="tradeHistoryRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Participants Section -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Participants">
+                                       <padding>
+                                          <Insets bottom="4.0" />
+                                       </padding>
+                                    </Label>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="YES" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="NO" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Value" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Fees paid" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="participantsRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Resolved Banner Section -->
+                        <HBox fx:id="resolvedBanner" alignment="CENTER_LEFT" spacing="12.0" styleClass="gm-banner-resolved">
+                           <padding>
+                              <Insets bottom="12.0" left="14.0" right="14.0" top="12.0" />
+                           </padding>
+                           <children>
+                              <Label styleClass="gm-pill, gm-pill-resolved" text="RESOLVED" />
+                              <Label fx:id="resolvedBannerText" maxWidth="1.7976931348623157E308" styleClass="gm-text-md, gm-font-medium, gm-text-ink" wrapText="true" HBox.hgrow="ALWAYS" />
+                           </children>
+                        </HBox>
+                     </children>
+                  </VBox>
+               </content>
+            </ScrollPane>
+         </children>
+      </VBox>
+   </children>
+</HBox>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml
new file mode 100644
index 0000000..0a8ee3b
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/controllers/users_tab.fxml
@@ -0,0 +1,240 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.chart.LineChart?>
+<?import javafx.scene.chart.NumberAxis?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.ScrollPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.FlowPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.VBox?>
+
+<HBox spacing="12.0" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1" fx:controller="market.guess.ui.desktop.controllers.UsersTabController">
+   <padding>
+      <Insets bottom="12.0" left="16.0" right="16.0" top="12.0" />
+   </padding>
+   <children>
+      <!-- Left Card: Users List -->
+      <VBox maxWidth="274.0" minWidth="274.0" prefWidth="274.0" spacing="6.0" styleClass="gm-card">
+         <padding>
+            <Insets bottom="12.0" left="12.0" right="12.0" top="12.0" />
+         </padding>
+         <children>
+            <!-- Header -->
+            <HBox alignment="CENTER_LEFT" spacing="8.0">
+               <children>
+                  <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="User" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                  <Label alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Balance" />
+               </children>
+            </HBox>
+            <!-- Virtualized Users List -->
+            <ListView fx:id="userListContainer" styleClass="gm-scroll-transparent, gm-list-view" VBox.vgrow="ALWAYS" />
+            <!-- Create Event Button -->
+            <Button maxWidth="1.7976931348623157E308" onAction="#handleCreateNewEvent" styleClass="gm-btn, gm-btn-primary" text="+ Create New Event" />
+         </children>
+      </VBox>
+      <!-- Right Card: User Details -->
+      <VBox fx:id="userDetailCard" styleClass="gm-card" HBox.hgrow="ALWAYS">
+         <children>
+            <!-- Header Section -->
+            <HBox alignment="CENTER_LEFT" spacing="14.0" styleClass="gm-divider-bottom">
+               <padding>
+                  <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+               </padding>
+               <children>
+                  <VBox spacing="5.0" HBox.hgrow="ALWAYS">
+                     <children>
+                        <HBox alignment="CENTER_LEFT" spacing="9.0">
+                           <children>
+                              <Label fx:id="userNameLabel" styleClass="gm-text-xl, gm-font-bold, gm-text-ink" />
+                              <Label fx:id="userRolePill" styleClass="gm-pill" />
+                           </children>
+                        </HBox>
+                        <Label fx:id="userSubLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" />
+                     </children>
+                  </VBox>
+                  <HBox alignment="CENTER_RIGHT" spacing="12.0">
+                     <children>
+                        <StackPane fx:id="sparklineBox" />
+                        <VBox alignment="CENTER_RIGHT" spacing="4.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Balance" />
+                              <Label fx:id="userBalanceLabel" styleClass="gm-user-balance" />
+                           </children>
+                        </VBox>
+                     </children>
+                  </HBox>
+               </children>
+            </HBox>
+            <!-- Body Content (Scrollable) -->
+            <ScrollPane fitToWidth="true" styleClass="gm-scroll-transparent" VBox.vgrow="ALWAYS">
+               <content>
+                  <VBox spacing="14.0">
+                     <padding>
+                        <Insets bottom="14.0" left="16.0" right="16.0" top="14.0" />
+                     </padding>
+                     <children>
+                        <!-- Blocked Banner -->
+                        <HBox fx:id="blockedBanner" alignment="CENTER_LEFT" spacing="11.0" styleClass="gm-banner-blocked">
+                           <padding>
+                              <Insets bottom="11.0" left="13.0" right="13.0" top="11.0" />
+                           </padding>
+                           <children>
+                              <Label styleClass="gm-pill, gm-pill-blocked" text="BLOCKED" />
+                              <Label maxWidth="1.7976931348623157E308" styleClass="gm-text-base, gm-font-medium, gm-text-ink" text="This account reached a negative balance. All trading actions are disabled and cannot be re-enabled — accounts cannot be topped up in Ex 2." wrapText="true" HBox.hgrow="ALWAYS" />
+                           </children>
+                        </HBox>
+                        <!-- Balance Chart Block -->
+                        <VBox spacing="8.0">
+                           <children>
+                              <HBox alignment="CENTER_LEFT">
+                                 <children>
+                                    <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Account balance over time" />
+                                    <Region HBox.hgrow="ALWAYS" />
+                                    <Label styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" text="every trade, fee and payout" />
+                                 </children>
+                              </HBox>
+                              <VBox styleClass="gm-card-panel2">
+                                 <padding>
+                                    <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                                 </padding>
+                                 <children>
+                                    <LineChart fx:id="balanceChart" animated="false" createSymbols="false" horizontalGridLinesVisible="true" legendVisible="false" prefHeight="170.0" styleClass="gm-chart, gm-chart-single" verticalGridLinesVisible="false">
+                                       <xAxis>
+                                          <NumberAxis autoRanging="false" forceZeroInRange="false" minorTickVisible="false" styleClass="gm-chart-axis" tickLabelsVisible="true" tickMarkVisible="true" />
+                                       </xAxis>
+                                       <yAxis>
+                                          <NumberAxis autoRanging="true" minorTickVisible="false" styleClass="gm-chart-axis" />
+                                       </yAxis>
+                                    </LineChart>
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Participation Table Block -->
+                        <VBox spacing="7.0">
+                           <children>
+                              <Label styleClass="gm-text-base, gm-font-semibold, gm-text-ink" text="Events participation / owner" />
+                              <VBox styleClass="gm-card-panel">
+                                 <children>
+                                    <HBox alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-bg-panel3">
+                                       <padding>
+                                          <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+                                       </padding>
+                                       <children>
+                                          <Label maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Event" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+                                          <Label minWidth="-Infinity" prefWidth="92.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Role" />
+                                          <Label minWidth="-Infinity" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="Type" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="YES" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="NO" />
+                                          <Label alignment="CENTER_RIGHT" minWidth="90.0" prefWidth="90.0" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" text="P/L" />
+                                       </children>
+                                    </HBox>
+                                    <VBox fx:id="participationRowsContainer" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                        <!-- Trade Panel Block -->
+                        <VBox fx:id="tradePanel" spacing="9.0" styleClass="gm-card-panel2">
+                           <padding>
+                              <Insets bottom="13.0" left="14.0" right="14.0" top="13.0" />
+                           </padding>
+                           <children>
+                              <Label fx:id="noTradeEventLabel" styleClass="gm-text-base, gm-font-regular, gm-text-ink2" text="Select an event above to trade." visible="false" />
+                              <VBox fx:id="tradeContentBox" spacing="9.0">
+                                 <children>
+                                    <HBox alignment="BASELINE_LEFT">
+                                       <children>
+                                          <Label fx:id="tradeEventTitle" styleClass="gm-text-lg, gm-font-bold, gm-text-ink" />
+                                          <Region HBox.hgrow="ALWAYS" />
+                                          <Label fx:id="tradeEventSub" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                       </children>
+                                    </HBox>
+                                    <HBox spacing="10.0">
+                                       <children>
+                                          <VBox fx:id="tradeYesOptCard" onMouseClicked="#handleSelectTradeYes" spacing="6.0" styleClass="gm-option-card, gm-option-card-yes" HBox.hgrow="ALWAYS">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox alignment="CENTER_LEFT">
+                                                   <children>
+                                                      <Label styleClass="gm-text-md, gm-font-bold, gm-text-yes" text="YES" />
+                                                      <Region HBox.hgrow="ALWAYS" />
+                                                      <Label fx:id="tradeYesPriceLabel" styleClass="gm-text-xl, gm-font-semibold, gm-font-mono, gm-text-yes" />
+                                                   </children>
+                                                </HBox>
+                                                <Label fx:id="tradeYesHeldLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </VBox>
+                                          <VBox fx:id="tradeNoOptCard" onMouseClicked="#handleSelectTradeNo" spacing="6.0" styleClass="gm-option-card, gm-option-card-no" HBox.hgrow="ALWAYS">
+                                             <padding>
+                                                <Insets bottom="10.0" left="12.0" right="12.0" top="10.0" />
+                                             </padding>
+                                             <children>
+                                                <HBox alignment="CENTER_LEFT">
+                                                   <children>
+                                                      <Label styleClass="gm-text-md, gm-font-bold, gm-text-no" text="NO" />
+                                                      <Region HBox.hgrow="ALWAYS" />
+                                                      <Label fx:id="tradeNoPriceLabel" styleClass="gm-text-xl, gm-font-semibold, gm-font-mono, gm-text-no" />
+                                                   </children>
+                                                </HBox>
+                                                <Label fx:id="tradeNoHeldLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+                                             </children>
+                                          </VBox>
+                                       </children>
+                                    </HBox>
+                                    <FlowPane alignment="BOTTOM_LEFT" hgap="10.0" vgap="10.0">
+                                       <children>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Action" />
+                                                <HBox>
+                                                   <children>
+                                                      <Button fx:id="tradeBuyBtn" onAction="#handleTradeBuy" styleClass="gm-seg, gm-seg-left, gm-seg-pad-wide" text="Buy" />
+                                                      <Button fx:id="tradeSellBtn" onAction="#handleTradeSell" styleClass="gm-seg, gm-seg-right, gm-seg-pad-wide" text="Sell" />
+                                                   </children>
+                                                </HBox>
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Shares" />
+                                                <TextField fx:id="tradeQtyField" prefWidth="96.0" styleClass="gm-textfield, gm-textfield-mono" />
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Price / share" />
+                                                <TextField fx:id="tradePriceField" prefWidth="96.0" styleClass="gm-textfield, gm-textfield-mono" />
+                                             </children>
+                                          </VBox>
+                                          <VBox spacing="5.0">
+                                             <children>
+                                                <Label styleClass="gm-text-base, gm-font-medium, gm-text-ink2" text="Estimated cost" />
+                                                <Label fx:id="tradeCostLabel" styleClass="gm-text-lg, gm-font-semibold, gm-font-mono, gm-text-ink" />
+                                             </children>
+                                          </VBox>
+                                          <Button fx:id="tradeSubmitBtn" onAction="#handleTradeSubmit" styleClass="gm-btn, gm-btn-primary" />
+                                       </children>
+                                    </FlowPane>
+                                    <Label fx:id="tradeHintLabel" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" wrapText="true" />
+                                 </children>
+                              </VBox>
+                           </children>
+                        </VBox>
+                     </children>
+                  </VBox>
+               </content>
+            </ScrollPane>
+         </children>
+      </VBox>
+   </children>
+</HBox>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml
new file mode 100644
index 0000000..9d82c4a
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/event_list_item.fxml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.VBox?>
+
+<fx:root type="javafx.scene.layout.VBox" spacing="5.0" styleClass="gm-list-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="9.0" left="11.0" right="11.0" top="9.0" />
+   </padding>
+   <children>
+      <HBox alignment="CENTER_LEFT" spacing="6.0">
+         <children>
+            <Label fx:id="numLabel" styleClass="gm-text-xs, gm-font-semibold, gm-text-ink2, gm-font-mono" />
+            <Label fx:id="titleLabel" maxWidth="1.7976931348623157E308" styleClass="gm-text-md, gm-font-semibold, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+         </children>
+      </HBox>
+      <HBox alignment="CENTER_LEFT" spacing="8.0">
+         <children>
+            <Label fx:id="typeLabel" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" />
+            <Label fx:id="statusLabel" styleClass="gm-pill" />
+            <Label fx:id="feeLabel" minWidth="0.0" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" />
+            <Region HBox.hgrow="ALWAYS" />
+            <Label fx:id="contractLabel" alignment="CENTER_RIGHT" styleClass="gm-text-xs, gm-font-semibold, gm-font-mono, gm-text-accent" />
+         </children>
+      </HBox>
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf
new file mode 100644
index 0000000..be823bf
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Bold.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf
new file mode 100644
index 0000000..013a15b
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/CaskaydiaCoveNerdFont-Regular.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf
new file mode 100644
index 0000000..ed37330
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Bold.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf
new file mode 100644
index 0000000..3fd04ba
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/FiraCodeNerdFont-Regular.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf
new file mode 100644
index 0000000..de2d3b3
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Bold.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf
new file mode 100644
index 0000000..235a07a
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/fonts/JetBrainsMonoNerdFont-Regular.ttf
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml
new file mode 100644
index 0000000..7516d5b
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/ladder_item.fxml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-ladder-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="3.0" left="12.0" right="12.0" top="3.0" />
+   </padding>
+   <children>
+      <Label fx:id="priceLabel" alignment="CENTER_RIGHT" minWidth="54.0" prefWidth="54.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="sideLabel" alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="qtyLabel" alignment="CENTER_RIGHT" minWidth="50.0" prefWidth="50.0" styleClass="gm-text-xs, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-xs, gm-font-medium, gm-text-ink2" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml
new file mode 100644
index 0000000..840bacb
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/participant_item.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-divider-top" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="7.0" left="11.0" right="11.0" top="7.0" />
+   </padding>
+   <children>
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <Label fx:id="yesLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="noLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="valueLabel" alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+      <Label fx:id="feesLabel" alignment="CENTER_RIGHT" minWidth="96.0" prefWidth="96.0" styleClass="gm-text-sm, gm-font-mono, gm-text-ink2" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css b/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css
new file mode 100644
index 0000000..f2616a3
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/theme.css
@@ -0,0 +1,926 @@
+/* Guess Market desktop UI stylesheet.
+ *
+ * PALETTES & TYPOGRAPHY:
+ * Each skin class (.gm-skin-*) defines its own looked-up color variables (-gm-*)
+ * and root font-family. AppView puts exactly one skin class on the scene root,
+ * allowing all child rules to automatically cascade and re-resolve without
+ * requiring any inline CSS or manual style-string construction in Java.
+ *
+ * BUNDLED NERD FONTS:
+ * - Rosé Pine Dawn -> CaskaydiaCove Nerd Font (CaskaydiaCove NF)
+ * - Catppuccin     -> JetBrainsMono Nerd Font (JetBrainsMono NF)
+ * - Gruvbox        -> FiraCode Nerd Font (FiraCode Nerd Font)
+ */
+
+@font-face {
+  font-family: 'CaskaydiaCove NF';
+  src: url('fonts/CaskaydiaCoveNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'CaskaydiaCove NF';
+  font-weight: bold;
+  src: url('fonts/CaskaydiaCoveNerdFont-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'JetBrainsMono NF';
+  src: url('fonts/JetBrainsMonoNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'JetBrainsMono NF';
+  font-weight: bold;
+  src: url('fonts/JetBrainsMonoNerdFont-Bold.ttf');
+}
+
+@font-face {
+  font-family: 'FiraCode Nerd Font';
+  src: url('fonts/FiraCodeNerdFont-Regular.ttf');
+}
+@font-face {
+  font-family: 'FiraCode Nerd Font';
+  font-weight: bold;
+  src: url('fonts/FiraCodeNerdFont-Bold.ttf');
+}
+
+/* rose-pine.dev/palette/#dawn — base/surface/overlay/highlight, iris accent, pine/love for yes/no */
+.gm-root,
+.gm-root:skin-rose-pine-dawn,
+.gm-skin-rose-pine-dawn {
+  -fx-font-family: "CaskaydiaCove NF", "CaskaydiaCove Nerd Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  -fx-font-size: 13px;
+  -gm-bg: #faf4ed;
+  -gm-panel: #fffaf3;
+  -gm-panel2: #f2e9e1;
+  -gm-panel3: #dfdad9;
+  -gm-line: #cecacd;
+  -gm-ink: #575279;
+  -gm-ink2: #797593;
+  -gm-accent: #907aa9;
+  -gm-accent-fg: #fffaf3;
+  -gm-btn: #f2e9e1;
+  -gm-btn-line: #cecacd;
+  -gm-yes: #286983;
+  -gm-no: #b4637a;
+  -gm-yes-soft: #e3edf0;
+  -gm-no-soft: #f5e6ea;
+}
+
+/* catppuccin.com Mocha — mantle/base/surface, mauve accent, green/red for yes/no */
+.gm-root:skin-catppuccin,
+.gm-skin-catppuccin {
+  -fx-font-family: "JetBrainsMono NF", "JetBrainsMono Nerd Font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  -fx-font-size: 13px;
+  -gm-bg: #181825;
+  -gm-panel: #1e1e2e;
+  -gm-panel2: #313244;
+  -gm-panel3: #45475a;
+  -gm-line: #585b70;
+  -gm-ink: #cdd6f4;
+  -gm-ink2: #a6adc8;
+  -gm-accent: #cba6f7;
+  -gm-accent-fg: #1e1e2e;
+  -gm-btn: #313244;
+  -gm-btn-line: #585b70;
+  -gm-yes: #a6e3a1;
+  -gm-no: #f38ba8;
+  -gm-yes-soft: #23312a;
+  -gm-no-soft: #34232c;
+}
+
+/* gruvbox dark (hard) — bg0_h/bg0/bg1/bg2, bright orange accent, bright green/red */
+.gm-root:skin-gruvbox,
+.gm-skin-gruvbox {
+  -fx-font-family: "FiraCode Nerd Font", "FiraCode NF", Consolas, "Liberation Mono", Menlo, monospace;
+  -fx-font-size: 13.5px;
+  -gm-bg: #1d2021;
+  -gm-panel: #282828;
+  -gm-panel2: #3c3836;
+  -gm-panel3: #504945;
+  -gm-line: #665c54;
+  -gm-ink: #ebdbb2;
+  -gm-ink2: #a89984;
+  -gm-accent: #fe8019;
+  -gm-accent-fg: #1d2021;
+  -gm-btn: #3c3836;
+  -gm-btn-line: #665c54;
+  -gm-yes: #b8bb26;
+  -gm-no: #fb4934;
+  -gm-yes-soft: #2b3021;
+  -gm-no-soft: #3b2320;
+}
+
+/* ---- typography & text fills ------------------------------------------ */
+
+.root {
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-text-ink       { -fx-text-fill: -gm-ink; }
+.gm-text-ink2      { -fx-text-fill: -gm-ink2; }
+.gm-text-accent    { -fx-text-fill: -gm-accent; }
+.gm-text-accent-fg { -fx-text-fill: -gm-accent-fg; }
+.gm-text-yes       { -fx-text-fill: -gm-yes; }
+.gm-text-no        { -fx-text-fill: -gm-no; }
+
+.gm-font-mono,
+.gm-textfield-mono,
+.gm-pill,
+.gm-user-balance,
+.gm-balance-cell,
+.gm-pnl-cell,
+.gm-chart-axis,
+.gm-anim-tick {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+}
+
+.gm-root:skin-rose-pine-dawn .gm-font-mono,
+.gm-skin-rose-pine-dawn .gm-font-mono,
+.gm-root:skin-rose-pine-dawn .gm-textfield-mono,
+.gm-skin-rose-pine-dawn .gm-textfield-mono,
+.gm-root:skin-rose-pine-dawn .gm-pill,
+.gm-skin-rose-pine-dawn .gm-pill,
+.gm-root:skin-rose-pine-dawn .gm-user-balance,
+.gm-skin-rose-pine-dawn .gm-user-balance,
+.gm-root:skin-rose-pine-dawn .gm-balance-cell,
+.gm-skin-rose-pine-dawn .gm-balance-cell,
+.gm-root:skin-rose-pine-dawn .gm-pnl-cell,
+.gm-skin-rose-pine-dawn .gm-pnl-cell,
+.gm-root:skin-rose-pine-dawn .gm-chart-axis,
+.gm-skin-rose-pine-dawn .gm-chart-axis,
+.gm-root:skin-rose-pine-dawn .gm-anim-tick,
+.gm-skin-rose-pine-dawn .gm-anim-tick {
+  -fx-font-family: "CaskaydiaCove NF", "CaskaydiaCove Nerd Font", monospace;
+}
+
+.gm-root:skin-catppuccin .gm-font-mono,
+.gm-skin-catppuccin .gm-font-mono,
+.gm-root:skin-catppuccin .gm-textfield-mono,
+.gm-skin-catppuccin .gm-textfield-mono,
+.gm-root:skin-catppuccin .gm-pill,
+.gm-skin-catppuccin .gm-pill,
+.gm-root:skin-catppuccin .gm-user-balance,
+.gm-skin-catppuccin .gm-user-balance,
+.gm-root:skin-catppuccin .gm-balance-cell,
+.gm-skin-catppuccin .gm-balance-cell,
+.gm-root:skin-catppuccin .gm-pnl-cell,
+.gm-skin-catppuccin .gm-pnl-cell,
+.gm-root:skin-catppuccin .gm-chart-axis,
+.gm-skin-catppuccin .gm-chart-axis,
+.gm-root:skin-catppuccin .gm-anim-tick,
+.gm-skin-catppuccin .gm-anim-tick {
+  -fx-font-family: "JetBrainsMono NF", "JetBrainsMono Nerd Font", monospace;
+}
+
+.gm-root:skin-gruvbox .gm-font-mono,
+.gm-skin-gruvbox .gm-font-mono,
+.gm-root:skin-gruvbox .gm-textfield-mono,
+.gm-skin-gruvbox .gm-textfield-mono,
+.gm-root:skin-gruvbox .gm-pill,
+.gm-skin-gruvbox .gm-pill,
+.gm-root:skin-gruvbox .gm-user-balance,
+.gm-skin-gruvbox .gm-user-balance,
+.gm-root:skin-gruvbox .gm-balance-cell,
+.gm-skin-gruvbox .gm-balance-cell,
+.gm-root:skin-gruvbox .gm-pnl-cell,
+.gm-skin-gruvbox .gm-pnl-cell,
+.gm-root:skin-gruvbox .gm-chart-axis,
+.gm-skin-gruvbox .gm-chart-axis,
+.gm-root:skin-gruvbox .gm-anim-tick,
+.gm-skin-gruvbox .gm-anim-tick {
+  -fx-font-family: "FiraCode Nerd Font", "FiraCode NF", monospace;
+}
+.gm-font-bold      { -fx-font-weight: 700; }
+.gm-font-semibold  { -fx-font-weight: 600; }
+.gm-font-medium    { -fx-font-weight: 500; }
+.gm-font-regular   { -fx-font-weight: 400; }
+
+.gm-text-xs        { -fx-font-size: 10.5px; }
+.gm-text-sm        { -fx-font-size: 11.5px; }
+.gm-text-base      { -fx-font-size: 12.5px; }
+.gm-text-md        { -fx-font-size: 13px; }
+.gm-text-lg        { -fx-font-size: 14px; }
+.gm-text-xl        { -fx-font-size: 17px; }
+.gm-text-2xl       { -fx-font-size: 22px; }
+
+/* ---- window chrome & containers --------------------------------------- */
+
+.gm-chrome {
+  -fx-background-color: -gm-bg;
+}
+
+.gm-bg-panel {
+  -fx-background-color: -gm-panel;
+}
+
+.gm-bg-panel2 {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-bg-panel3 {
+  -fx-background-color: -gm-panel3;
+}
+
+.gm-card {
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 7;
+  -fx-border-radius: 7;
+}
+
+.gm-card-panel2 {
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-panel {
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-soft-yes {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-card-soft-no {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-banner-blocked {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-banner-resolved {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+}
+
+.gm-divider-bottom {
+  -fx-border-color: transparent transparent -gm-line transparent;
+  -fx-border-width: 0 0 1 0;
+}
+
+.gm-divider-top {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+}
+
+.gm-hline {
+  -fx-background-color: -gm-line;
+  -fx-pref-height: 1;
+  -fx-min-height: 1;
+}
+
+/* ---- buttons & interactive controls ----------------------------------- */
+
+.gm-btn {
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+  -fx-padding: 8 15;
+  -fx-cursor: hand;
+}
+
+.gm-btn:hover {
+  -fx-opacity: 0.92;
+}
+
+.gm-btn:disabled {
+  -fx-opacity: 0.45;
+  -fx-cursor: default;
+}
+
+.gm-btn-primary {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-btn-secondary {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink;
+  -fx-border-color: -gm-btn-line;
+}
+
+.gm-btn-destructive {
+  -fx-background-color: -gm-no;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 12.5px;
+  -fx-font-weight: 600;
+  -fx-padding: 9 17;
+  -fx-cursor: hand;
+}
+
+.gm-btn-destructive:disabled {
+  -fx-opacity: 0.5;
+  -fx-cursor: default;
+}
+
+.gm-app-scroll,
+.gm-app-scroll > .viewport {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 0;
+}
+
+.gm-tabs > .tab-header-area {
+  -fx-padding: 6 16 0 16;
+}
+
+.gm-tabs > .tab-header-area > .tab-header-background {
+  -fx-background-color: -gm-line, -gm-panel;
+  -fx-background-insets: 0, 0 0 1 0;
+}
+
+.gm-tabs > .tab-content-area {
+  -fx-background-color: transparent;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab {
+  -fx-background-color: -gm-panel2;
+  -fx-background-insets: 0 1 0 1;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1 1 0 1;
+  -fx-border-insets: 0 1 0 1;
+  -fx-background-radius: 6 6 0 0;
+  -fx-border-radius: 6 6 0 0;
+  -fx-padding: 9 20;
+  -fx-cursor: hand;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected {
+  -fx-background-color: -gm-bg;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab .tab-label {
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected .tab-label {
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-tabs > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
+  -fx-border-color: transparent;
+}
+
+.gm-toggle {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 4;
+  -fx-border-radius: 4;
+  -fx-font-size: 12px;
+  -fx-font-weight: 500;
+  -fx-padding: 5 11;
+  -fx-cursor: hand;
+}
+
+.gm-toggle:selected {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-seg {
+  -fx-background-color: -gm-btn;
+  -fx-text-fill: -gm-ink;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-font-size: 12px;
+  -fx-font-weight: 600;
+  -fx-cursor: hand;
+}
+
+.gm-seg:selected {
+  -fx-background-color: -gm-accent;
+  -fx-text-fill: -gm-accent-fg;
+}
+
+.gm-seg:disabled {
+  -fx-opacity: 0.45;
+  -fx-cursor: default;
+}
+
+.gm-seg-left {
+  -fx-background-radius: 5 0 0 5;
+  -fx-border-radius: 5 0 0 5;
+}
+
+.gm-seg-right {
+  -fx-background-radius: 0 5 5 0;
+  -fx-border-radius: 0 5 5 0;
+}
+
+.gm-seg-pad-tight {
+  -fx-padding: 8 0;
+}
+
+.gm-seg-pad-wide {
+  -fx-padding: 8 15;
+}
+
+.gm-textfield {
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-width: 1;
+  -fx-background-radius: 5;
+  -fx-border-radius: 5;
+  -fx-font-size: 13px;
+  -fx-text-fill: -gm-ink;
+  -fx-padding: 8 10;
+}
+
+.gm-textfield:disabled {
+  -fx-opacity: 0.45;
+}
+
+.gm-textfield:error,
+.gm-textfield.error {
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+.gm-textfield-mono {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+}
+
+.gm-textarea {
+  -fx-control-inner-background: -gm-panel2;
+  -fx-border-color: -gm-btn-line;
+  -fx-border-radius: 5;
+  -fx-background-radius: 5;
+  -fx-font-size: 13px;
+  -fx-text-fill: -gm-ink;
+}
+
+.gm-select-base {
+  -fx-border-color: -gm-btn-line;
+  -fx-border-radius: 5;
+  -fx-background-radius: 5;
+  -fx-font-size: 12.5px;
+  -fx-text-base-color: -gm-ink;
+}
+
+.gm-select-btn-bg {
+  -fx-background-color: -gm-btn;
+}
+
+.gm-select-panel2-bg {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-checkbox {
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 12.5px;
+}
+
+.gm-checkbox-strong {
+  -fx-text-fill: -gm-ink;
+  -fx-font-size: 12.5px;
+}
+
+.gm-link-button {
+  -fx-background-color: transparent;
+  -fx-text-fill: -gm-ink2;
+  -fx-font-size: 14.5px;
+  -fx-underline: false;
+  -fx-cursor: hand;
+  -fx-border-width: 0;
+}
+
+.gm-toast {
+  -fx-background-color: -gm-ink;
+  -fx-text-fill: -gm-bg;
+  -fx-background-radius: 6;
+  -fx-padding: 10 16;
+  -fx-font-size: 12.5px;
+  -fx-font-weight: 600;
+}
+
+.gm-scroll-transparent {
+  -fx-background-color: transparent;
+  -fx-background: transparent;
+}
+
+.gm-scroll-transparent > .viewport {
+  -fx-background-color: transparent;
+}
+
+/* ---- badges, pills, traffic lights ------------------------------------ */
+
+.gm-pill {
+  -fx-background-radius: 3;
+  -fx-padding: 3 6;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 10px;
+  -fx-font-weight: 600;
+  -fx-background-color: -gm-panel3;
+  -fx-text-fill: -gm-ink2;
+}
+
+/* Pseudo-class states for pills */
+.gm-pill:active   { -fx-background-color: -gm-yes-soft; -fx-text-fill: -gm-yes; }
+.gm-pill:closed   { -fx-background-color: -gm-no-soft;  -fx-text-fill: -gm-no; }
+.gm-pill:idle     { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill:blocked  { -fx-background-color: -gm-no;       -fx-text-fill: -gm-accent-fg; }
+.gm-pill:mm       { -fx-background-color: -gm-accent;   -fx-text-fill: -gm-accent-fg; }
+.gm-pill:trader   { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill:resolved { -fx-background-color: -gm-yes;      -fx-text-fill: -gm-accent-fg; }
+
+.gm-pill-active   { -fx-background-color: -gm-yes-soft; -fx-text-fill: -gm-yes; }
+.gm-pill-closed   { -fx-background-color: -gm-no-soft;  -fx-text-fill: -gm-no; }
+.gm-pill-idle     { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill-blocked  { -fx-background-color: -gm-no;       -fx-text-fill: -gm-accent-fg; }
+.gm-pill-mm       { -fx-background-color: -gm-accent;   -fx-text-fill: -gm-accent-fg; }
+.gm-pill-trader   { -fx-background-color: -gm-panel3;   -fx-text-fill: -gm-ink2; }
+.gm-pill-resolved { -fx-background-color: -gm-yes;      -fx-text-fill: -gm-accent-fg; }
+
+/* ---- user balance ---------------------------------------------------- */
+.gm-user-balance {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 22px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-accent;
+}
+
+.gm-user-balance:negative {
+  -fx-text-fill: -gm-no;
+}
+
+/* ---- traffic lights with macOS on-hover symbols ---------------------- */
+
+.gm-traffic-lights {
+  -fx-alignment: center-left;
+}
+
+.gm-traffic-dot {
+  -fx-min-width: 12px;
+  -fx-min-height: 12px;
+  -fx-pref-width: 12px;
+  -fx-pref-height: 12px;
+  -fx-max-width: 12px;
+  -fx-max-height: 12px;
+  -fx-background-radius: 999px;
+  -fx-alignment: center;
+  -fx-cursor: hand;
+}
+
+.gm-traffic-icon {
+  -fx-fill: transparent;
+  -fx-stroke: transparent;
+  -fx-stroke-width: 1.1;
+  -fx-stroke-line-cap: round;
+}
+
+/* Reveal glyphs on traffic lights cluster hover */
+.gm-traffic-lights:hover .gm-traffic-icon {
+  -fx-stroke: rgba(0, 0, 0, 0.68);
+}
+
+.gm-traffic-dot:hover   { -fx-opacity: 0.85; }
+.gm-traffic-dot:pressed { -fx-opacity: 0.70; }
+
+.gm-traffic-dot-no     { -fx-background-color: -gm-no; }
+.gm-traffic-dot-accent { -fx-background-color: -gm-accent; }
+.gm-traffic-dot-yes    { -fx-background-color: -gm-yes; }
+
+/* ---- list rows, tables & option cards --------------------------------- */
+
+.gm-balance-cell {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 13px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-accent;
+}
+.gm-balance-cell:negative {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-pnl-cell {
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 12px;
+  -fx-font-weight: 600;
+  -fx-text-fill: -gm-yes;
+}
+.gm-pnl-cell:negative {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-list-view {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 0;
+  -fx-border-color: transparent;
+  -fx-border-width: 0;
+}
+
+.gm-list-view .list-cell {
+  -fx-background-color: transparent;
+  -fx-background-insets: 0;
+  -fx-padding: 1 0;
+}
+
+.gm-list-view .list-cell:empty {
+  -fx-background-color: transparent;
+}
+
+.gm-list-view .list-cell:filled:selected {
+  -fx-background-color: transparent;
+}
+
+.gm-list-view:focused .list-cell:filled:focused:selected {
+  -fx-background-color: transparent;
+}
+
+.gm-list-row {
+  -fx-background-color: transparent;
+  -fx-border-color: transparent;
+  -fx-border-width: 0 0 0 3;
+  -fx-background-radius: 5;
+  -fx-cursor: hand;
+}
+
+.gm-list-row:hover {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-list-row:selected {
+  -fx-background-color: -gm-panel3;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-ladder-row {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+}
+
+.gm-ladder-row:bid,
+.gm-ladder-row-bid {
+  -fx-background-color: -gm-yes-soft;
+}
+
+.gm-ladder-row:ask,
+.gm-ladder-row-ask {
+  -fx-background-color: -gm-no-soft;
+}
+
+.gm-participation-row {
+  -fx-border-color: -gm-line transparent transparent transparent;
+  -fx-border-width: 1 0 0 0;
+  -fx-cursor: hand;
+}
+
+.gm-participation-row:hover {
+  -fx-background-color: -gm-panel2;
+}
+
+.gm-participation-row:selected {
+  -fx-background-color: -gm-panel3;
+}
+
+.gm-option-card {
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+  -fx-cursor: hand;
+  -fx-background-color: -gm-panel;
+  -fx-border-color: -gm-line;
+  -fx-border-width: 1;
+}
+
+.gm-option-card-yes:selected {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-yes;
+  -fx-border-width: 1.5;
+}
+
+.gm-option-card-no:selected {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+/* ---- modals & dialogs ------------------------------------------------- */
+
+.gm-modal-scrim {
+  -fx-background-color: rgba(10, 10, 10, 0.42);
+}
+
+.gm-modal-card {
+  -fx-background-color: -gm-panel;
+  -fx-background: -gm-panel;
+  -fx-background-radius: 8;
+  -fx-border-radius: 8;
+  -fx-border-color: -gm-line;
+}
+
+.gm-resolve-option {
+  -fx-border-width: 1;
+  -fx-background-radius: 6;
+  -fx-border-radius: 6;
+  -fx-font-size: 14px;
+  -fx-font-weight: 700;
+  -fx-padding: 14 0;
+  -fx-cursor: hand;
+  -fx-background-color: -gm-panel2;
+  -fx-border-color: -gm-line;
+}
+
+.gm-resolve-option-yes {
+  -fx-text-fill: -gm-yes;
+}
+
+.gm-resolve-option-yes:selected {
+  -fx-background-color: -gm-yes-soft;
+  -fx-border-color: -gm-yes;
+  -fx-border-width: 1.5;
+}
+
+.gm-resolve-option-no {
+  -fx-text-fill: -gm-no;
+}
+
+.gm-resolve-option-no:selected {
+  -fx-background-color: -gm-no-soft;
+  -fx-border-color: -gm-no;
+  -fx-border-width: 1.5;
+}
+
+/* ---- progress bars ---------------------------------------------------- */
+
+.gm-progress {
+  -fx-control-inner-background: -gm-panel3;
+}
+
+.gm-progress > .track {
+  -fx-background-color: -gm-panel3;
+  -fx-background-insets: 0;
+  -fx-background-radius: 3px;
+  -fx-padding: 0;
+}
+
+.gm-progress > .bar {
+  -fx-background-insets: 0;
+  -fx-background-radius: 3px;
+  -fx-padding: 0;
+}
+
+.gm-progress-accent > .bar {
+  -fx-background-color: -gm-accent;
+}
+
+.gm-progress-yes > .bar {
+  -fx-background-color: -gm-yes;
+}
+
+.gm-progress-no > .bar {
+  -fx-background-color: -gm-no;
+}
+
+/* ---- charts ----------------------------------------------------------- */
+
+.gm-chart {
+  -fx-background-color: transparent;
+}
+
+.gm-chart-axis {
+  -fx-tick-label-fill: -gm-ink2;
+  -fx-tick-mark-stroke: -gm-ink2;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 10px;
+}
+
+.gm-chart-axis .axis-tick-mark,
+.gm-chart-axis .axis-minor-tick-mark {
+  -fx-fill: null;
+  -fx-stroke: -gm-ink2;
+}
+
+.gm-chart-axis:bottom {
+  -fx-border-color: -gm-line transparent transparent transparent;
+}
+
+.gm-chart-axis:left {
+  -fx-border-color: transparent -gm-line transparent transparent;
+}
+
+.gm-chart .chart-line-symbol {
+  -fx-background-color: transparent, transparent;
+  -fx-background-radius: 0;
+  -fx-padding: 0;
+}
+
+.gm-chart .chart-series-line {
+  -fx-stroke-width: 2.5px;
+}
+
+.gm-chart-single .series0.chart-series-line {
+  -fx-stroke: -gm-accent;
+}
+
+.gm-chart-dual .series0.chart-series-line {
+  -fx-stroke: -gm-yes;
+}
+
+.gm-chart-dual .series1.chart-series-line {
+  -fx-stroke: -gm-no;
+}
+
+
+/* ---- decorative animations (see Anim.java) ---------------------------- */
+
+.gm-anim-rule { -fx-stroke: -gm-line; }
+
+.gm-anim-tick {
+  -fx-fill: -gm-ink2;
+  -fx-font-family: "CaskaydiaCove NF", "JetBrainsMono NF", "FiraCode Nerd Font", monospace;
+  -fx-font-size: 9px;
+}
+
+.gm-anim-curve-yes { -fx-stroke: -gm-yes; }
+.gm-anim-curve-no  { -fx-stroke: -gm-no; }
+.gm-anim-dot-yes   { -fx-fill: -gm-yes; }
+.gm-anim-dot-no    { -fx-fill: -gm-no; }
+
+/* LIVE pill: bars and label take the pill's status colour */
+.gm-live-pill { -fx-padding: 3 7; }
+
+.gm-anim-bar   { -fx-fill: -gm-ink2; }
+.gm-live-label { -fx-text-fill: -gm-ink2; }
+
+.gm-pill:active .gm-anim-bar   { -fx-fill: -gm-yes; }
+.gm-pill:active .gm-live-label { -fx-text-fill: -gm-yes; }
+.gm-pill:closed .gm-anim-bar   { -fx-fill: -gm-no; }
+.gm-pill:closed .gm-live-label { -fx-text-fill: -gm-no; }
+
+/* Balance sparkline: stroke follows the sign of the balance */
+.gm-anim-spark     { -fx-stroke: -gm-accent; }
+.gm-anim-spark-dot { -fx-fill: -gm-accent; }
+
+.gm-anim-sparkline:negative .gm-anim-spark     { -fx-stroke: -gm-no; }
+.gm-anim-sparkline:negative .gm-anim-spark-dot { -fx-fill: -gm-no; }
+
+/* Animation toggle button & spinner */
+.gm-btn-icon {
+  -fx-padding: 4 8;
+  -fx-min-width: 34px;
+  -fx-min-height: 30px;
+  -fx-pref-height: 30px;
+  -fx-alignment: center;
+}
+
+.gm-btn-icon:selected {
+  -fx-background-color: -gm-panel3;
+  -fx-border-color: -gm-accent;
+}
+
+.gm-anim-spinner {
+  -fx-fill: -gm-ink2;
+}
+
+.gm-anim-spinner-hub {
+  -fx-fill: -gm-panel;
+  -fx-stroke: -gm-ink2;
+  -fx-stroke-width: 1;
+}
+
+.gm-btn-icon:selected .gm-anim-spinner {
+  -fx-fill: -gm-accent;
+}
+
+.gm-btn-icon:selected .gm-anim-spinner-hub {
+  -fx-fill: -gm-panel;
+  -fx-stroke: -gm-accent;
+  -fx-stroke-width: 1;
+}
+
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml
new file mode 100644
index 0000000..2a2bf92
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/trade_history_item.fxml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-divider-top" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="7.0" left="11.0" right="11.0" top="7.0" />
+   </padding>
+   <children>
+      <Label fx:id="numLabel" minWidth="66.0" prefWidth="66.0" styleClass="gm-text-sm, gm-font-semibold, gm-text-ink2, gm-font-mono" />
+      <Label fx:id="userLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <Label fx:id="optionLabel" minWidth="76.0" prefWidth="76.0" styleClass="gm-text-sm, gm-font-bold" />
+      <Label fx:id="sharesLabel" alignment="CENTER_RIGHT" minWidth="92.0" prefWidth="92.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="paidLabel" alignment="CENTER_RIGHT" minWidth="88.0" prefWidth="88.0" styleClass="gm-text-sm, gm-font-semibold, gm-font-mono, gm-text-accent" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml
new file mode 100644
index 0000000..93631a1
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_event_item.fxml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-participation-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="8.0" left="11.0" right="11.0" top="8.0" />
+   </padding>
+   <children>
+      <Label fx:id="nameLabel" maxWidth="1.7976931348623157E308" minWidth="0.0" styleClass="gm-text-sm, gm-font-medium, gm-text-ink" textOverrun="ELLIPSIS" HBox.hgrow="ALWAYS" />
+      <!-- Sized for the longest values ("Market Maker", "Order Book") in every skin's mono font; never shrinks. -->
+      <Label fx:id="roleLabel" minWidth="-Infinity" prefWidth="92.0" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+      <Label fx:id="typeLabel" minWidth="-Infinity" prefWidth="78.0" styleClass="gm-text-sm, gm-font-regular, gm-text-ink2" />
+      <Label fx:id="yesLabel" alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="noLabel" alignment="CENTER_RIGHT" minWidth="78.0" prefWidth="78.0" styleClass="gm-text-sm, gm-font-mono" />
+      <Label fx:id="plLabel" alignment="CENTER_RIGHT" minWidth="90.0" prefWidth="90.0" styleClass="gm-pnl-cell" />
+   </children>
+</fx:root>
diff --git a/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml
new file mode 100644
index 0000000..dec7706
--- /dev/null
+++ b/ui-desktop/src/main/resources/market/guess/ui/desktop/user_list_item.fxml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.VBox?>
+
+<fx:root type="javafx.scene.layout.HBox" alignment="CENTER_LEFT" spacing="8.0" styleClass="gm-list-row" xmlns="http://javafx.com/javafx/21" xmlns:fx="http://javafx.com/fxml/1">
+   <padding>
+      <Insets bottom="9.0" left="11.0" right="11.0" top="9.0" />
+   </padding>
+   <children>
+      <VBox maxWidth="1.7976931348623157E308" minWidth="0.0" spacing="3.0" HBox.hgrow="ALWAYS">
+         <children>
+            <Label fx:id="nameLabel" styleClass="gm-text-md, gm-font-semibold, gm-text-ink" />
+            <Label fx:id="roleLabel" styleClass="gm-text-xs, gm-font-regular, gm-text-ink2" />
+         </children>
+      </VBox>
+      <Label fx:id="balanceLabel" alignment="CENTER_RIGHT" minWidth="84.0" prefWidth="84.0" styleClass="gm-balance-cell" />
+   </children>
+</fx:root>