Android build v1.0.31

2026-06-19 23:14:56 -04:00
parent fd6a1ce3c7
commit 207fcd1a15
10 changed files with 333 additions and 163 deletions
@@ -283,6 +283,19 @@ function App() {
  const raid = raidOptions.find((candidate) => candidate.id === selectedRaidId)
    ?? raidOptions[0]
  const activityOptions = screen === 'raids' ? raidOptions : dungeonOptions
+  const startPveRoguelike = () => {
+    const baseDungeon = dungeonOptions[0]
+    const baseRaid = raidOptions[0]
+    if (roguelikeKind === 'raid') {
+      setCombatContentId(-2)
+      setSelectedDifficultyId(baseRaid?.difficulties[0]?.id ?? 101)
+    } else {
+      setCombatContentId(-1)
+      setSelectedDifficultyId(baseDungeon?.difficulties[0]?.id ?? 1)
+    }
+    setSelectedPart(1)
+    setScreen('combat')
+  }
  const tierOptions = activityOptions
    .flatMap((option) => option.difficulties)
    .filter((difficulty, index, all) => (
@@ -425,84 +438,90 @@ function App() {
          </div>
          {roguelikeVariant === 'pve' && (
            <>
-          <div className="roguelike-option-panel">
-            <div>
-              <p className="eyebrow">Upgrade Timing</p>
-              <h2>Buff Drafts</h2>
-            </div>
-            <div className="roguelike-timing-row">
-              <button
-                className={`text-button ${roguelikeUpgradeTiming === 'encounter' ? 'active' : ''}`}
-                onClick={() => setRoguelikeUpgradeTiming('encounter')}
-                type="button"
-              >
-                Every Encounter
-              </button>
-              <button
-                className={`text-button ${roguelikeUpgradeTiming === 'boss' ? 'active' : ''}`}
-                onClick={() => setRoguelikeUpgradeTiming('boss')}
-                type="button"
-              >
-                Boss Only
-              </button>
-            </div>
-          </div>
-          <div className="roguelike-option-panel">
-            <div>
-              <p className="eyebrow">Upgrade Labels</p>
-              <h2>Display Mode</h2>
-            </div>
-            <div className="roguelike-timing-row">
-              <button
-                className={`text-button ${roguelikeAbilityLabelMode === 'ability' ? 'active' : ''}`}
-                onClick={() => setRoguelikeAbilityLabelMode('ability')}
-                type="button"
-              >
-                Ability Names
-              </button>
-              <button
-                className={`text-button ${roguelikeAbilityLabelMode === 'slot' ? 'active' : ''}`}
-                onClick={() => setRoguelikeAbilityLabelMode('slot')}
-                type="button"
-              >
-                Slot Names
-              </button>
-            </div>
-          </div>
-          <div className="roguelike-mode-grid">
-            <button
-              className="menu-card"
-              onClick={() => {
-                const baseDungeon = dungeonOptions[0]
-                setRoguelikeKind('dungeon')
-                setCombatContentId(-1)
-                setSelectedDifficultyId(baseDungeon.difficulties[0]?.id ?? 1)
-                setSelectedPart(1)
-                setScreen('combat')
-              }}
-              type="button"
-            >
-              <span>D</span>
-              <strong>Dungeon Roguelike</strong>
-              <small>Five-player party. Two random trash enemies and a boss with a lighter early ramp.</small>
-            </button>
-            <button
-              className="menu-card"
-              onClick={() => {
-                const baseRaid = raidOptions[0]
-                setRoguelikeKind('raid')
-                setCombatContentId(-2)
-                setSelectedDifficultyId(baseRaid?.difficulties[0]?.id ?? 101)
-                setSelectedPart(1)
-                setScreen('combat')
-              }}
-              type="button"
-            >
-              <span>R</span>
-              <strong>Raid Roguelike</strong>
-              <small>Ten-player party. Raid pools, lighter early scaling, and the same upgrade draft.</small>
-            </button>
-          </div>
+              <div className="roguelike-option-panel">
+                <div>
+                  <p className="eyebrow">Run Type</p>
+                  <h2>PvE Roguelike</h2>
+                </div>
+                <div className="roguelike-timing-row">
+                  <button
+                    className={`text-button ${roguelikeKind === 'dungeon' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeKind('dungeon')}
+                    type="button"
+                  >
+                    Dungeon
+                  </button>
+                  <button
+                    className={`text-button ${roguelikeKind === 'raid' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeKind('raid')}
+                    type="button"
+                  >
+                    Raid
+                  </button>
+                </div>
+              </div>
+              <div className="roguelike-option-panel">
+                <div>
+                  <p className="eyebrow">Upgrade Timing</p>
+                  <h2>Buff Drafts</h2>
+                </div>
+                <div className="roguelike-timing-row">
+                  <button
+                    className={`text-button ${roguelikeUpgradeTiming === 'encounter' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeUpgradeTiming('encounter')}
+                    type="button"
+                  >
+                    Every Encounter
+                  </button>
+                  <button
+                    className={`text-button ${roguelikeUpgradeTiming === 'boss' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeUpgradeTiming('boss')}
+                    type="button"
+                  >
+                    Boss Only
+                  </button>
+                </div>
+              </div>
+              <div className="roguelike-option-panel">
+                <div>
+                  <p className="eyebrow">Upgrade Labels</p>
+                  <h2>Display Mode</h2>
+                </div>
+                <div className="roguelike-timing-row">
+                  <button
+                    className={`text-button ${roguelikeAbilityLabelMode === 'ability' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeAbilityLabelMode('ability')}
+                    type="button"
+                  >
+                    Ability Names
+                  </button>
+                  <button
+                    className={`text-button ${roguelikeAbilityLabelMode === 'slot' ? 'active' : ''}`}
+                    onClick={() => setRoguelikeAbilityLabelMode('slot')}
+                    type="button"
+                  >
+                    Slot Names
+                  </button>
+                </div>
+              </div>
+              <div className="menu-card pvp-queue-panel">
+                <span>{roguelikeKind === 'raid' ? 'R' : 'D'}</span>
+                <div>
+                  <strong>{roguelikeKind === 'raid' ? 'Raid Roguelike' : 'Dungeon Roguelike'}</strong>
+                  <small>
+                    {roguelikeKind === 'raid'
+                      ? 'Ten-player party. Raid pools, lighter early scaling, and the same upgrade draft.'
+                      : 'Five-player party. Two random trash enemies and a boss with a lighter early ramp.'}
+                  </small>
+                </div>
+                <button
+                  className="text-button"
+                  onClick={startPveRoguelike}
+                  type="button"
+                >
+                  Start Run
+                </button>
+              </div>
            </>
          )}
          {roguelikeVariant === 'pvp' && (