GAME KIT: DON|DOFF equip system — portal tooltips, kit bag sync, btn-disabled fix

- DON/DOFF buttons on left edge of game kit applet portal tooltip (mirroring FLIP/FYI)
- equip-trinket/unequip-trinket/equip-deck/unequip-deck views + URLs
- Portal stays open after DON/DOFF; buttons swap state in-place (_setEquipState)
- _syncTokenButtons: updates all .tt DON/DOFF buttons after equip state change
- _syncKitBagDialog (DOFF): replaces card with grayed placeholder icon in-place
- _refreshKitDialog (DON): re-fetches kit content so newly-equipped card appears immediately
- kit-content-refreshed event: game-kit.js re-attaches card listeners after re-fetch
- Bounding box expanded 24px left so buttons at portal edge don't trigger close
- mini-portal pinned with right (not left) so text width changes grow/shrink leftward
- btn-disabled moved dead last in .btn block — wins by source order, no !important needed
- Kit bag panel: trinket + token sections always render (placeholder when empty)
- Backstage Pass in GameKitEquipTest setUp (is_staff, natural unequipped state)
- Portal padding 0.75rem / 1.5rem; tt-description/shoptalk smaller; tt-expiry --priRd
- Wallet tokens CSS hover rule for .tt removed (portal-only now)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/functional_tests/test_gameboard.py

@@ -4,6 +4,8 @@ from selenium.webdriver.common.by import By
 
 from .base import FunctionalTest
 from apps.applets.models import Applet
+from apps.epic.models import DeckVariant, Room
+from apps.lyric.models import Token, User
 
 
 class GameboardNavigationTest(FunctionalTest):
@@ -156,3 +158,139 @@ class GameboardAppletMenuTest(FunctionalTest):
         )
         # 7. Assert no full page reload occurred
         self.assertTrue(self.browser.execute_script("return window.__no_reload_marker === true"))
+
+
+class GameKitEquipTest(FunctionalTest):
+    """DON|DOFF equip buttons in the game kit applet portal tooltip."""
+
+    def setUp(self):
+        super().setUp()
+        self.earthman, _ = DeckVariant.objects.get_or_create(
+            slug="earthman",
+            defaults={"name": "Earthman Deck", "card_count": 108, "is_default": True},
+        )
+        Applet.objects.get_or_create(slug="game-kit", defaults={"name": "Game Kit", "context": "gameboard"})
+        self.create_pre_authenticated_session("gamer@equip.io")
+        self.gamer = User.objects.get(email="gamer@equip.io")
+        # Promote to staff so the pass_token appears in the game kit applet.
+        self.gamer.is_staff = True
+        self.gamer.save(update_fields=["is_staff"])
+        self.gamer.unlocked_decks.add(self.earthman)
+        self.coin = self.gamer.tokens.filter(token_type=Token.COIN).first()
+        # Create a PASS token manually — starts unequipped (coin is auto-equipped).
+        self.pass_token = Token.objects.create(user=self.gamer, token_type=Token.PASS)
+        self.browser.set_window_size(1200, 900)
+        self.browser.get(self.live_server_url + "/gameboard/")
+
+    def _hover_game_kit_token(self, token_el):
+        """Hover token, wait for portal, return portal element."""
+        ActionChains(self.browser).move_to_element(token_el).perform()
+        self.wait_for(
+            lambda: self.assertTrue(
+                self.browser.find_element(By.ID, "id_tooltip_portal").is_displayed()
+            )
+        )
+        return self.browser.find_element(By.ID, "id_tooltip_portal")
+
+    def test_unequipped_token_shows_don_active_doff_disabled(self):
+        """Backstage Pass — naturally unequipped (coin is auto-equipped): DON active, DOFF is ×."""
+        pass_el = self.wait_for(
+            lambda: self.browser.find_element(By.ID, "id_kit_pass")
+        )
+        portal = self._hover_game_kit_token(pass_el)
+        don = portal.find_element(By.CSS_SELECTOR, ".btn-equip")
+        doff = portal.find_element(By.CSS_SELECTOR, ".btn-unequip")
+        self.assertNotIn("btn-disabled", don.get_attribute("class"))
+        self.assertIn("btn-disabled", doff.get_attribute("class"))
+        self.assertEqual(doff.text, "×")
+
+    def test_equipped_token_shows_doff_active_don_disabled(self):
+        """Auto-equipped coin: DOFF active, DON is ×; mini-portal says Equipped."""
+        coin = self.wait_for(
+            lambda: self.browser.find_element(By.ID, "id_kit_coin_on_a_string")
+        )
+        portal = self._hover_game_kit_token(coin)
+        don = portal.find_element(By.CSS_SELECTOR, ".btn-equip")
+        doff = portal.find_element(By.CSS_SELECTOR, ".btn-unequip")
+        self.assertIn("btn-disabled", don.get_attribute("class"))
+        self.assertEqual(don.text, "×")
+        self.assertNotIn("btn-disabled", doff.get_attribute("class"))
+        mini = self.browser.find_element(By.ID, "id_mini_tooltip_portal")
+        self.assertEqual(mini.text, "Equipped")
+        self.assertEqual(len(mini.find_elements(By.CSS_SELECTOR, "button")), 0)
+
+    def test_doff_then_don_roundtrip(self):
+        """Full roundtrip: DOFF unequips (portal stays open, buttons swap, mini updates);
+        DON re-equips (buttons swap back, mini updates back, DB confirms)."""
+        coin = self.wait_for(
+            lambda: self.browser.find_element(By.ID, "id_kit_coin_on_a_string")
+        )
+        portal = self._hover_game_kit_token(coin)
+
+        # — DOFF —
+        portal.find_element(By.CSS_SELECTOR, ".btn-unequip").click()
+        self.wait_for(
+            lambda: self.assertIn(
+                "btn-disabled",
+                portal.find_element(By.CSS_SELECTOR, ".btn-unequip").get_attribute("class"),
+            )
+        )
+        self.assertEqual(portal.find_element(By.CSS_SELECTOR, ".btn-unequip").text, "×")
+        self.assertNotIn(
+            "btn-disabled",
+            portal.find_element(By.CSS_SELECTOR, ".btn-equip").get_attribute("class"),
+        )
+        self.assertEqual(
+            self.browser.find_element(By.ID, "id_mini_tooltip_portal").text, "Not Equipped"
+        )
+        self.gamer.refresh_from_db()
+        self.assertIsNone(self.gamer.equipped_trinket)
+
+        # — DON —
+        portal.find_element(By.CSS_SELECTOR, ".btn-equip").click()
+        self.wait_for(
+            lambda: self.assertIn(
+                "btn-disabled",
+                portal.find_element(By.CSS_SELECTOR, ".btn-equip").get_attribute("class"),
+            )
+        )
+        self.assertEqual(portal.find_element(By.CSS_SELECTOR, ".btn-equip").text, "×")
+        self.assertNotIn(
+            "btn-disabled",
+            portal.find_element(By.CSS_SELECTOR, ".btn-unequip").get_attribute("class"),
+        )
+        self.assertEqual(
+            self.browser.find_element(By.ID, "id_mini_tooltip_portal").text, "Equipped"
+        )
+        self.gamer.refresh_from_db()
+        self.assertEqual(self.gamer.equipped_trinket, self.coin)
+
+    def test_doff_updates_open_kit_bag_dialog(self):
+        """DOFF from game kit applet replaces trinket card in currently-open kit bag dialog."""
+        self.gamer.equipped_trinket = self.coin
+        self.gamer.save(update_fields=["equipped_trinket"])
+        self.browser.refresh()
+        # Open kit bag dialog
+        self.browser.find_element(By.ID, "id_kit_btn").click()
+        self.wait_for(
+            lambda: self.browser.find_element(
+                By.CSS_SELECTOR,
+                f'#id_kit_bag_dialog [data-token-id="{self.coin.id}"]',
+            )
+        )
+        # While dialog is open, hover coin and DOFF from game kit
+        coin = self.wait_for(
+            lambda: self.browser.find_element(By.ID, "id_kit_coin_on_a_string")
+        )
+        portal = self._hover_game_kit_token(coin)
+        portal.find_element(By.CSS_SELECTOR, ".btn-unequip").click()
+        # Dialog updates: trinket card replaced with placeholder
+        self.wait_for(
+            lambda: self.assertEqual(
+                len(self.browser.find_elements(
+                    By.CSS_SELECTOR,
+                    f'#id_kit_bag_dialog [data-token-id="{self.coin.id}"]',
+                )), 0
+            )
+        )
+        self.browser.find_element(By.CSS_SELECTOR, "#id_kit_bag_dialog .kit-bag-placeholder")