diff --git a/src/App.css b/src/App.css index 75719f0..1b41e78 100644 --- a/src/App.css +++ b/src/App.css @@ -478,16 +478,22 @@ body::-webkit-scrollbar { /* ── Paste section ── */ .paste-section { margin-top: 0; - padding: 0; + padding: 20px 24px 22px; } .paste-input-shell { width: 100%; box-sizing: border-box; padding: 0; - background: none; - border: none; - box-shadow: none; + border-radius: 12px; + background: rgba(255,255,255,0.07); + backdrop-filter: blur(24px) saturate(160%); + -webkit-backdrop-filter: blur(24px) saturate(160%); + border: 1px solid rgba(255,255,255,0.08); + border-top-color: rgba(255,255,255,0.2); + box-shadow: inset 0 0.5px 0 rgba(255,255,255,0.13); + overflow: hidden; + transition: all 0.2s; } .paste-input { @@ -496,14 +502,24 @@ body::-webkit-scrollbar { resize: none; overflow: hidden; line-height: 1.6; + background: transparent; + border: 0; + box-shadow: none; + backdrop-filter: none; + -webkit-backdrop-filter: none; +} + +.paste-input-shell:focus-within { + background: rgba(255,255,255,0.1); + border-top-color: rgba(255,255,255,0.3); } -.paste-input-shell.error .paste-input { +.paste-input-shell.error { border-color: rgba(255,120,120,0.18); border-top-color: rgba(255,120,120,0.36); } -.paste-input-shell.error .paste-input:focus { +.paste-input-shell.error:focus-within { border-top-color: rgba(255,140,140,0.48); } diff --git a/src/App.jsx b/src/App.jsx index 110351f..0b570bf 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -48,6 +48,135 @@ const STEP_COLORS = [ ]; const STEP_COUNT = STEP_TITLES.length; +const DEV_DEBUG_SETS_COMMAND = '/dev debug sets'; +const DEBUG_USER_SET = `Abomasnow (M) @ Occa Berry +Ability: Snow Warning +Hardy Nature +- Body Press +- Blizzard`; +const DEBUG_INCINEROAR_SET = `Incineroar @ Heavy-Duty Boots +Ability: Intimidate +Tera Type: Ghost +EVs: 252 HP / 96 Def / 160 SpD +Careful Nature +- Fake Out +- Flare Blitz +- Knock Off +- Parting Shot`; +const DEBUG_SINISTCHA_SET = `Sinistcha @ Sitrus Berry +Ability: Hospitality +Tera Type: Water +EVs: 252 HP / 252 Def / 4 SpA +Quiet Nature +IVs: 0 Atk / 0 Spe +- Matcha Gotcha +- Shadow Ball +- Trick Room +- Rage Powder`; +const DEFAULT_FIELD_SIDE = { + stealthRock: false, + spikes: 0, + toxicSpikes: 0, + reflect: false, + lightScreen: false, + auroraVeil: false, + protect: false, + leechSeed: false, + saltCure: false, + foresight: false, + helpingHand: false, + tailwind: false, + flowerGift: false, + powerTrick: false, + steelySpirit: false, + friendGuard: false, + battery: false, + powerSpot: false, + switchingOut: false, + justSwitchedIn: false, +}; + +const cloneValue = (value) => structuredClone(value); + +function createDebugFieldConditions() { + return { + field: { + format: 'singles', + level: 100, + terrain: null, + weather: 'snow', + magicRoom: false, + wonderRoom: false, + gravity: false, + }, + userSide: { ...DEFAULT_FIELD_SIDE, friendGuard: true }, + enemySide: { ...DEFAULT_FIELD_SIDE }, + }; +} + +function cloneFieldConditions(value) { + return { + field: { ...(value?.field ?? {}) }, + userSide: { ...(value?.userSide ?? {}) }, + enemySide: { ...(value?.enemySide ?? {}) }, + }; +} + +function findMoveIndex(fullState, moveName) { + return fullState?.moves?.findIndex((move) => move?.name === moveName) ?? -1; +} + +function createDebugShieldConstraint({ customThreat = null, moveIndex, survive, intimidateOn = false }) { + return { + id: crypto.randomUUID(), + type: 'shield', + opponentSource: customThreat ? 'custom' : 'existing', + customThreat, + enemyMoveIndex: moveIndex, + survive, + intimidateOn, + defiantOn: false, + userMoveIndex: 0, + achieve: '1hko', + intimidateEnemy: false, + defiantSword: false, + yourExtraStage: 0, + theirExtraStage: 0, + yourIcyWind: false, + theirIcyWind: false, + yourTailwind: false, + theirTailwind: false, + yourScarf: false, + theirScarf: false, + singleTargetDamage: false, + }; +} + +function createDebugSwordConstraint({ customThreat = null, moveIndex, achieve, singleTargetDamage = false }) { + return { + id: crypto.randomUUID(), + type: 'sword', + opponentSource: customThreat ? 'custom' : 'existing', + customThreat, + enemyMoveIndex: 0, + survive: '1hko', + intimidateOn: false, + defiantOn: false, + userMoveIndex: moveIndex, + achieve, + intimidateEnemy: false, + defiantSword: false, + yourExtraStage: 0, + theirExtraStage: 0, + yourIcyWind: false, + theirIcyWind: false, + yourTailwind: false, + theirTailwind: false, + yourScarf: false, + theirScarf: false, + singleTargetDamage, + }; +} const hexToRgb = (hex) => { const normalized = hex.replace('#', ''); @@ -364,6 +493,79 @@ export default function App() { const userSelectorRef = useRef(null); const enemySelectorRef = useRef(null); const pairRef = useRef(null); + const waitForDebugHydration = (ms = 100) => new Promise((resolve) => setTimeout(resolve, ms)); + + const loadSelectorSet = async (selectorRef, text, statePatch = null) => { + const result = selectorRef.current?.loadShowdownSet(text); + if (!result?.success) { + throw new Error(result?.error || 'Could not load debug set.'); + } + + await waitForDebugHydration(); + + if (statePatch) { + const currentState = selectorRef.current?.getFullState(); + if (!currentState) throw new Error('Could not read selector state after loading debug set.'); + selectorRef.current?.setFullState({ ...currentState, ...statePatch }); + await waitForDebugHydration(); + } + + const fullState = selectorRef.current?.getFullState(); + if (!fullState) throw new Error('Could not snapshot selector state for debug set.'); + + return { + pokemon: result.pokemon, + fullState: cloneValue(fullState), + }; + }; + + const seedDebugScenario = async () => { + const baseFieldConditions = createDebugFieldConditions(); + + const userSnapshot = await loadSelectorSet(userSelectorRef, DEBUG_USER_SET); + const incineroarSnapshot = await loadSelectorSet(enemySelectorRef, DEBUG_INCINEROAR_SET); + const sinistchaSnapshot = await loadSelectorSet(enemySelectorRef, DEBUG_SINISTCHA_SET); + + const incineroarMoveIndex = findMoveIndex(incineroarSnapshot.fullState, 'Flare Blitz'); + const abomasnowMoveIndex = findMoveIndex(userSnapshot.fullState, 'Blizzard'); + + if (incineroarMoveIndex < 0 || abomasnowMoveIndex < 0) { + throw new Error('Could not locate one or more required debug moves after loading the scenario.'); + } + + setEnemyPokemon(incineroarSnapshot.pokemon); + await waitForDebugHydration(); + enemySelectorRef.current?.setFullState(cloneValue(incineroarSnapshot.fullState)); + await waitForDebugHydration(); + + const sinistchaThreat = { + id: crypto.randomUUID(), + pokemon: sinistchaSnapshot.pokemon, + fullState: cloneValue(sinistchaSnapshot.fullState), + fieldConditions: cloneFieldConditions(baseFieldConditions), + }; + + setUserPokemon(userSnapshot.pokemon); + setEnemyPokemon(incineroarSnapshot.pokemon); + setUserLevel(100); + setEnemyLevel(100); + setUserFullState(cloneValue(userSnapshot.fullState)); + setEnemyFullState(cloneValue(incineroarSnapshot.fullState)); + setFieldConditions(baseFieldConditions); + setSavedThreats([sinistchaThreat]); + setConstraints([ + createDebugShieldConstraint({ moveIndex: incineroarMoveIndex, survive: '2hko', intimidateOn: true }), + createDebugSwordConstraint({ + customThreat: sinistchaThreat, + moveIndex: abomasnowMoveIndex, + achieve: '1hko', + }), + ]); + setStep7CalcToken(0); + setStep7IsCalculating(false); + setMaxUnlockedStep(STEP_COUNT); + setStep(STEP_COUNT); + }; // Snapshot full pokemon states from step 2 onwards (needed for Imposter/Transform display) useEffect(() => { @@ -433,7 +635,14 @@ export default function App() { const handleUserPaste = (text) => { setUserPasteText(text); setUserPasteError(null); - if (!text.trim()) return; + const trimmed = text.trim(); + if (!trimmed) return; + if (import.meta.env.DEV && trimmed === DEV_DEBUG_SETS_COMMAND) { + void seedDebugScenario().catch((error) => { + setUserPasteError(error.message || 'Could not seed debug scenario.'); + }); + return; + } const result = userSelectorRef.current?.loadShowdownSet(text); if (!result) return; if (!result.success) { setUserPasteError(result.error); return; } diff --git a/src/components/Constraints.jsx b/src/components/Constraints.jsx index 3aa6f92..e1700a5 100644 --- a/src/components/Constraints.jsx +++ b/src/components/Constraints.jsx @@ -166,27 +166,30 @@ function getAbilitySummary(fullState, fieldConditions, speedOnly = false) { const terrain = fieldConditions?.field?.terrain; const itemId = normId(fullState?.item?.name ?? ''); const status = fullState?.status ?? null; + const paradoxActive = + (ab === 'protosynthesis' && (weather === 'sun' || weather === 'harshSunshine' || itemId === 'boosterenergy')) || + (ab === 'quarkdrive' && (terrain === 'electric' || itemId === 'boosterenergy')); if (ab === 'guts' && status) return 'Guts active'; if (ab === 'quickfeet' && status) return 'Quick Feet active'; if (ab === 'poisonheal' && ['psn', 'tox'].includes(status)) return 'Poison Heal'; - if (ab === 'protosynthesis') { + if (ab === 'protosynthesis' && paradoxActive) { if (fullState?.boostedStat === 'atk') return 'Protosynthesis (Attack)'; if (fullState?.boostedStat === 'def') return 'Protosynthesis (Defense)'; if (fullState?.boostedStat === 'spa') return 'Protosynthesis (Sp. Atk)'; if (fullState?.boostedStat === 'spd') return 'Protosynthesis (Sp. Def)'; if (fullState?.boostedStat === 'spe') return 'Protosynthesis (Speed)'; - if (fullState?.boostedStat === 'auto' && (weather === 'sun' || weather === 'harshSunshine' || itemId === 'boosterenergy')) { + if (fullState?.boostedStat === 'auto') { return 'Protosynthesis'; } } - if (ab === 'quarkdrive') { + if (ab === 'quarkdrive' && paradoxActive) { if (fullState?.boostedStat === 'atk') return 'Quark Drive (Attack)'; if (fullState?.boostedStat === 'def') return 'Quark Drive (Defense)'; if (fullState?.boostedStat === 'spa') return 'Quark Drive (Sp. Atk)'; if (fullState?.boostedStat === 'spd') return 'Quark Drive (Sp. Def)'; if (fullState?.boostedStat === 'spe') return 'Quark Drive (Speed)'; - if (fullState?.boostedStat === 'auto' && (terrain === 'electric' || itemId === 'boosterenergy')) { + if (fullState?.boostedStat === 'auto') { return 'Quark Drive'; } } diff --git a/src/components/Results.jsx b/src/components/Results.jsx index 7fb1233..bd2a097 100644 --- a/src/components/Results.jsx +++ b/src/components/Results.jsx @@ -78,6 +78,24 @@ const STAGE_TAG_LABELS = { }; const EMPTY_EVS = { hp: 0, atk: 0, def: 0, spa: 0, spd: 0, spe: 0 }; const STAT_ORDER = ['hp', 'atk', 'def', 'spa', 'spd', 'spe']; +const TRACE_POOL_LIMIT = 96; +const TRACE_DEFENSE_PAIRS = [ + [0, 0], + [252, 252], + [244, 252], + [240, 252], + [224, 252], + [208, 252], + [192, 224], + [178, 168], + [176, 168], + [164, 168], + [128, 208], + [76, 244], + [32, 248], +]; +const TRACE_OFFENSE_VALUES = [0, 36, 76, 116, 164, 172, 208, 244, 252]; +const TRACE_STAT_LABELS = { hp: 'HP', atk: 'Atk', def: 'Def', spa: 'SpA', spd: 'SpD', spe: 'Spe' }; const NATURE_BOOST = { Lonely: 'atk', Brave: 'atk', Adamant: 'atk', Naughty: 'atk', Bold: 'def', Relaxed: 'def', Impish: 'def', Lax: 'def', @@ -216,27 +234,30 @@ function getAbilitySummary(fullState, fieldConditions, speedOnly = false) { const terrain = fieldConditions?.field?.terrain; const itemId = normId(fullState?.item?.name); const status = fullState?.status ?? null; + const paradoxActive = + (abilityId === 'protosynthesis' && (weather === 'sun' || weather === 'harshSunshine' || itemId === 'boosterenergy')) || + (abilityId === 'quarkdrive' && (terrain === 'electric' || itemId === 'boosterenergy')); if (abilityId === 'guts' && status) return 'Guts active'; if (abilityId === 'quickfeet' && status) return 'Quick Feet active'; if (abilityId === 'poisonheal' && ['psn', 'tox'].includes(status)) return 'Poison Heal'; - if (abilityId === 'protosynthesis') { + if (abilityId === 'protosynthesis' && paradoxActive) { if (fullState?.boostedStat === 'atk') return 'Protosynthesis (Attack)'; if (fullState?.boostedStat === 'def') return 'Protosynthesis (Defense)'; if (fullState?.boostedStat === 'spa') return 'Protosynthesis (Sp. Atk)'; if (fullState?.boostedStat === 'spd') return 'Protosynthesis (Sp. Def)'; if (fullState?.boostedStat === 'spe') return 'Protosynthesis (Speed)'; - if (fullState?.boostedStat === 'auto' && (weather === 'sun' || weather === 'harshSunshine' || itemId === 'boosterenergy')) { + if (fullState?.boostedStat === 'auto') { return 'Protosynthesis'; } } - if (abilityId === 'quarkdrive') { + if (abilityId === 'quarkdrive' && paradoxActive) { if (fullState?.boostedStat === 'atk') return 'Quark Drive (Attack)'; if (fullState?.boostedStat === 'def') return 'Quark Drive (Defense)'; if (fullState?.boostedStat === 'spa') return 'Quark Drive (Sp. Atk)'; if (fullState?.boostedStat === 'spd') return 'Quark Drive (Sp. Def)'; if (fullState?.boostedStat === 'spe') return 'Quark Drive (Speed)'; - if (fullState?.boostedStat === 'auto' && (terrain === 'electric' || itemId === 'boosterenergy')) { + if (fullState?.boostedStat === 'auto') { return 'Quark Drive'; } } @@ -344,6 +365,247 @@ function getSmartUnlockedStats(constraints, userFullState, enemyPokemon, enemyFu return next; } +function getTraceMoveStats(move) { + if (move?.category === 'Special') return { offense: 'spa', defense: 'spd' }; + return { offense: 'atk', defense: 'def' }; +} + +function withTraceEvs(baseEvs = EMPTY_EVS, updates = {}) { + return { ...EMPTY_EVS, ...baseEvs, ...updates }; +} + +function getTraceNatureMark(nature, statKey) { + if (NATURE_BOOST[nature] === statKey) return '+'; + if (NATURE_DROP[nature] === statKey) return '-'; + return ''; +} + +function formatTraceOffense(fullState, move, evs = fullState?.evs, stageOffset = 0) { + const { offense } = getTraceMoveStats(move); + const stage = (fullState?.stages?.[offense] ?? 0) + stageOffset; + const stageText = stage !== 0 ? `${stageLabel(stage)} ` : ''; + const evText = evs?.[offense] ?? 0; + const natureText = getTraceNatureMark(fullState?.nature, offense); + return `${stageText}${evText}${natureText} ${TRACE_STAT_LABELS[offense]}`; +} + +function formatTraceDefense(evs, defenseStat) { + return `${evs?.hp ?? 0} HP / ${evs?.[defenseStat] ?? 0} ${TRACE_STAT_LABELS[defenseStat]}`; +} + +function formatTracePokemon(pokemon, fullState, { includeItem = false } = {}) { + const name = pokemon?.name ?? 'Pokemon'; + const itemName = fullState?.item?.name; + return includeItem && itemName ? `${itemName} ${name}` : name; +} + +function getTraceFieldText(fieldConditions, defenderSideKey) { + const parts = []; + const weather = fieldConditions?.field?.weather; + const terrain = fieldConditions?.field?.terrain; + const side = fieldConditions?.[defenderSideKey] ?? {}; + + if (WEATHER_LABELS[weather]) parts.push(`in ${WEATHER_LABELS[weather]}`); + if (TERRAIN_LABELS[terrain]) parts.push(`on ${TERRAIN_LABELS[terrain]}`); + if (side.friendGuard) parts.push("with an ally's Friend Guard"); + if (side.reflect) parts.push('behind Reflect'); + if (side.lightScreen) parts.push('behind Light Screen'); + if (side.auroraVeil) parts.push('behind Aurora Veil'); + + return parts.join(' '); +} + +function getTraceThreatStageOffset(threatFullState, constraint, offenseStat) { + if (!constraint.intimidateOn || offenseStat !== 'atk') return 0; + const abilityId = normId(threatFullState?.ability); + + if (abilityId === 'defiant' || abilityId === 'contrary') return 1; + if (['clearbody', 'whitesmoke', 'fullmetalbody'].includes(abilityId)) return 0; + return -1; +} + +function getTraceUserStageOffset(userFullState, constraint, offenseStat) { + const abilityId = normId(userFullState?.ability); + let offset = 0; + + if (constraint.defiantSword) { + if (abilityId === 'defiant' && offenseStat === 'atk') offset += 2; + if (abilityId === 'competitive' && offenseStat === 'spa') offset += 2; + } + + if (constraint.intimidateEnemy && offenseStat === 'atk') { + if (abilityId === 'defiant') offset += 1; + else if (!['clearbody', 'whitesmoke', 'fullmetalbody'].includes(abilityId)) offset -= 1; + } + + return offset; +} + +function formatTraceDamageLine({ + attackerPokemon, + attackerFullState, + attackerEvs, + defenderPokemon, + defenderFullState, + defenderEvs, + move, + fieldConditions, + defenderSideKey, + stageOffset = 0, +}) { + const moveName = move?.name ?? 'selected move'; + const { defense } = getTraceMoveStats(move); + const fieldText = getTraceFieldText(fieldConditions, defenderSideKey); + const suffix = fieldText ? ` ${fieldText}` : ''; + + return `${formatTraceOffense(attackerFullState, move, attackerEvs, stageOffset)} ${formatTracePokemon(attackerPokemon, attackerFullState)} ${moveName} vs. ${formatTraceDefense(defenderEvs, defense)} ${formatTracePokemon(defenderPokemon, defenderFullState, { includeItem: true })}${suffix}: tracing rolls...`; +} + +function buildShieldTraceLines({ + constraint, + threat, + userPokemon, + userFullState, + fieldConditions, + unlockedStats, +}) { + const move = threat?.fullState?.moves?.[constraint.enemyMoveIndex]; + if (!move) return []; + + const effectiveField = threat?.source === 'custom' ? (threat.fieldConditions ?? fieldConditions) : fieldConditions; + const { offense, defense } = getTraceMoveStats(move); + const baseUserEvs = { ...EMPTY_EVS, ...(userFullState?.evs ?? EMPTY_EVS) }; + const stageOffset = getTraceThreatStageOffset(threat?.fullState, constraint, offense); + + return TRACE_DEFENSE_PAIRS.map(([hp, defensiveEv]) => { + const candidateEvs = withTraceEvs(baseUserEvs, { + hp: unlockedStats?.hp ? hp : baseUserEvs.hp, + [defense]: unlockedStats?.[defense] ? defensiveEv : baseUserEvs[defense], + }); + + return formatTraceDamageLine({ + attackerPokemon: threat?.pokemon, + attackerFullState: threat?.fullState, + attackerEvs: threat?.fullState?.evs, + defenderPokemon: userPokemon, + defenderFullState: userFullState, + defenderEvs: candidateEvs, + move, + fieldConditions: effectiveField, + defenderSideKey: 'userSide', + stageOffset, + }); + }); +} + +function buildSwordTraceLines({ + constraint, + userPokemon, + userFullState, + threat, + fieldConditions, + unlockedStats, +}) { + const move = userFullState?.moves?.[constraint.userMoveIndex]; + if (!move) return []; + + const effectiveField = threat?.source === 'custom' ? (threat.fieldConditions ?? fieldConditions) : fieldConditions; + const { offense } = getTraceMoveStats(move); + const baseUserEvs = { ...EMPTY_EVS, ...(userFullState?.evs ?? EMPTY_EVS) }; + const threatEvs = { ...EMPTY_EVS, ...(threat?.fullState?.evs ?? EMPTY_EVS) }; + const stageOffset = getTraceUserStageOffset(userFullState, constraint, offense); + + return TRACE_OFFENSE_VALUES.map((offensiveEv) => { + const attackerEvs = withTraceEvs(baseUserEvs, { + [offense]: unlockedStats?.[offense] ? offensiveEv : baseUserEvs[offense], + }); + + return formatTraceDamageLine({ + attackerPokemon: userPokemon, + attackerFullState: userFullState, + attackerEvs, + defenderPokemon: threat?.pokemon, + defenderFullState: threat?.fullState, + defenderEvs: threatEvs, + move, + fieldConditions: effectiveField, + defenderSideKey: 'enemySide', + stageOffset, + }); + }); +} + +function buildSpeedTraceLines({ constraint, userPokemon, userFullState, threat, unlockedStats }) { + const userName = userPokemon?.name ?? 'Pokemon'; + const threatName = threat?.pokemon?.name ?? 'target'; + const baseSpeed = userFullState?.evs?.spe ?? 0; + const speedValues = unlockedStats?.spe ? [0, 36, 76, 116, 156, 196, 236, 252] : [baseSpeed]; + const yourStage = (userFullState?.stages?.spe ?? 0) + (constraint.yourExtraStage ?? 0) + (constraint.yourIcyWind ? -1 : 0); + const theirStage = (threat?.fullState?.stages?.spe ?? 0) + (constraint.theirExtraStage ?? 0) + (constraint.theirIcyWind ? -1 : 0); + const theirEvs = threat?.fullState?.evs?.spe ?? 0; + + return speedValues.map((spe) => { + const yourStageText = yourStage !== 0 ? `${stageLabel(yourStage)} ` : ''; + const theirStageText = theirStage !== 0 ? `${stageLabel(theirStage)} ` : ''; + return `${userName} ${yourStageText}${spe} Spe${constraint.yourTailwind ? ' Tailwind' : ''}${constraint.yourScarf ? ' Choice Scarf' : ''} vs. ${threatName} ${theirStageText}${theirEvs} Spe${constraint.theirTailwind ? ' Tailwind' : ''}${constraint.theirScarf ? ' Choice Scarf' : ''}: comparing speed tiers...`; + }); +} + +function buildLoadingTraceLines({ + userPokemon, + userFullState, + enemyPokemon, + enemyFullState, + enemyLevel, + constraints, + fieldConditions, + unlockedStats, +}) { + const lines = []; + + constraints.forEach((constraint) => { + const threat = getThreatForConstraint(constraint, enemyPokemon, enemyFullState, enemyLevel); + if (!threat?.pokemon || !threat?.fullState) return; + + if (constraint.type === 'shield') { + lines.push(...buildShieldTraceLines({ + constraint, + threat, + userPokemon, + userFullState, + fieldConditions, + unlockedStats, + })); + } else if (constraint.type === 'sword') { + lines.push(...buildSwordTraceLines({ + constraint, + userPokemon, + userFullState, + threat, + fieldConditions, + unlockedStats, + })); + } else if (constraint.type === 'scarf') { + lines.push(...buildSpeedTraceLines({ + constraint, + userPokemon, + userFullState, + threat, + unlockedStats, + })); + } + }); + + const uniqueLines = [...new Set(lines)].filter(Boolean).slice(0, TRACE_POOL_LIMIT); + if (uniqueLines.length > 0) return uniqueLines; + + return [ + 'Preparing EV candidates: tracing rolls...', + 'Building legal spread window: comparing constraints...', + 'Filtering impossible rows: checking assumptions...', + ]; +} + function getConstraintAssumptions(constraint, userFullState, enemyPokemon, enemyFullState, enemyLevel, fieldConditions) { const threat = getThreatForConstraint(constraint, enemyPokemon, enemyFullState, enemyLevel); const effectiveField = threat?.source === 'custom' ? (threat.fieldConditions ?? fieldConditions) : fieldConditions; @@ -835,6 +1097,7 @@ export default function Results({ const [loading, setLoading] = useState(false); const [progressValue, setProgressValue] = useState(0); const [progressLabel, setProgressLabel] = useState('Preparing calculation...'); + const [traceLines, setTraceLines] = useState([]); const [error, setError] = useState(null); const [showAll, setShowAll] = useState(false); const smartUnlockedStats = getSmartUnlockedStats(constraints, userFullState, enemyPokemon, enemyFullState, enemyLevel); @@ -884,11 +1147,22 @@ export default function Results({ let progressInterval = null; let calcTimeout = null; let finishTimeout = null; + const tracePool = buildLoadingTraceLines({ + userPokemon, + userFullState, + enemyPokemon, + enemyFullState, + enemyLevel, + constraints, + fieldConditions, + unlockedStats, + }); const startedAt = performance.now(); setLoading(true); setProgressValue(8); setProgressLabel('Preparing brute force...'); + setTraceLines(tracePool); setError(null); setShowAll(false); onCalculatingChange?.(true); @@ -911,12 +1185,12 @@ export default function Results({ userLevel, enemyPokemon, enemyFullState, - enemyLevel, - constraints, - fieldConditions, - unlockedStats, - optimizeNature, - }); + enemyLevel, + constraints, + fieldConditions, + unlockedStats, + optimizeNature, + }); if (cancelled) return; const elapsed = performance.now() - startedAt; @@ -932,6 +1206,7 @@ export default function Results({ setResult(nextResult); setLoading(false); setProgressValue(0); + setTraceLines([]); onCalculatingChange?.(false); }, waitForMinimum + FINISH_ANIMATION_MS); } catch (calcError) { @@ -946,6 +1221,7 @@ export default function Results({ setError(calcError.message || 'Unknown error during calculation.'); setLoading(false); setProgressValue(0); + setTraceLines([]); onCalculatingChange?.(false); }, waitForMinimum + FINISH_ANIMATION_MS); } @@ -1010,9 +1286,19 @@ export default function Results({ setUnlockedStats(smartUnlockedStats); }; + const traceStreamLines = traceLines.length > 0 ? [...traceLines, ...traceLines] : []; const loadingOverlay = loading ? createPortal(
+
Step 7 diff --git a/src/solver/solver.js b/src/solver/solver.js index fd593ee..5d7ce74 100644 --- a/src/solver/solver.js +++ b/src/solver/solver.js @@ -61,6 +61,14 @@ const SPEED_WEATHER_ABILITIES = { const SPEED_TERRAIN_ABILITIES = { surgesurfer: ['electric'], }; +const DAMAGE_REDUCTION_BERRIES = new Set([ + 'babiriberry', 'chartiberry', 'chilanberry', 'chopleberry', 'cobaberry', + 'colburberry', 'habanberry', 'kasibberry', 'kebiaberry', 'occaberry', + 'passhoberry', 'payapaberry', 'rindoberry', 'roseliberry', 'shucaberry', + 'tangaberry', 'wacanberry', 'yacheberry', +]); +const CONFUSION_BERRIES = new Set(['aguavberry', 'figyberry', 'iapapaberry', 'magoberry', 'wikiberry']); +const GUARANTEED_SUCCESS_RATE = 1; function actualEvs(evs = EMPTY_EVS) { return { ...EMPTY_EVS, ...evs }; @@ -78,6 +86,27 @@ function hasItem(fullState, itemName) { return normId(fullState?.item?.name ?? '') === normId(itemName); } +function hasDamageReductionBerry(fullState) { + return DAMAGE_REDUCTION_BERRIES.has(normId(fullState?.item?.name ?? '')); +} + +function getItemId(fullState) { + return normId(fullState?.item?.name ?? ''); +} + +function hasType(pokemon, typeName) { + return (pokemon?.types ?? []).includes(typeName); +} + +function isGrounded(pokemon, fullState) { + const abilityId = normId(fullState?.ability ?? ''); + const itemId = getItemId(fullState); + if (itemId === 'ironball') return true; + if (itemId === 'airballoon') return false; + if (abilityId === 'levitate') return false; + return !hasType(pokemon, 'Flying'); +} + // ─── Stat formulas ─────────────────────────────────────────────────────────── function calcHp(base, iv, ev, level = 100) { return Math.floor(((2 * base + (iv ?? 31) + Math.floor((ev ?? 0) / 4)) * level) / 100) + level + 10; @@ -98,21 +127,31 @@ function getEffectiveHpForState(pokemon, fullState, evOverride, level = 100) { return { maxHp, currentHp }; } -function getParadoxBoostedStatForState(pokemon, fullState, fieldConditions = null, evOverrides = {}, level = 100) { +function isParadoxAbilityActiveForState(fullState, fieldConditions = null) { const abilityId = normId(fullState?.ability ?? ''); - if (abilityId !== 'protosynthesis' && abilityId !== 'quarkdrive') return null; + if (abilityId !== 'protosynthesis' && abilityId !== 'quarkdrive') return false; const boostedStat = fullState?.boostedStat ?? undefined; - if (!boostedStat) return null; - if (boostedStat !== 'auto') return boostedStat; + if (!boostedStat || boostedStat === 'disabled') return false; const itemId = normId(fullState?.item?.name ?? ''); const weather = fieldConditions?.field?.weather ?? null; const terrain = fieldConditions?.field?.terrain ?? null; - const active = + + return ( (abilityId === 'protosynthesis' && (weather === 'sun' || weather === 'harshSunshine' || itemId === 'boosterenergy')) || - (abilityId === 'quarkdrive' && (terrain === 'electric' || itemId === 'boosterenergy')); - if (!active) return null; + (abilityId === 'quarkdrive' && (terrain === 'electric' || itemId === 'boosterenergy')) + ); +} + +function getParadoxBoostedStatForState(pokemon, fullState, fieldConditions = null, evOverrides = {}, level = 100) { + const abilityId = normId(fullState?.ability ?? ''); + if (abilityId !== 'protosynthesis' && abilityId !== 'quarkdrive') return null; + + const boostedStat = fullState?.boostedStat ?? undefined; + if (!boostedStat) return null; + if (!isParadoxAbilityActiveForState(fullState, fieldConditions)) return null; + if (boostedStat !== 'auto') return boostedStat; const nature = fullState?.nature ?? 'Hardy'; const evs = { ...(fullState?.evs ?? {}), ...evOverrides }; @@ -128,6 +167,11 @@ function getParadoxBoostedStatForState(pokemon, fullState, fieldConditions = nul return bestStat; } +function getResolvedBoostedStatForCalc(speciesName, fullState, fieldConditions = null, evOverride = undefined, level = 100) { + const species = GEN.species.get(speciesName); + return getParadoxBoostedStatForState(species, fullState, fieldConditions, evOverride, level) ?? undefined; +} + function getAbilitySpeedMultiplier(fullState, fieldConditions) { const abilityId = normId(fullState?.ability ?? ''); const weather = fieldConditions?.field?.weather ?? null; @@ -243,14 +287,15 @@ function findMinActualEv(startEv, maxEv, pred) { // Returns {maxDmg, defMaxHp, result} for given defender testEvs function calcIncoming(threatSpeciesName, threatFullState, threatBoosts, userSpeciesName, userFullState, testEvs, - moveName, isCrit, fc, threatLevel = 100, userLevel = 100) { + moveName, isCrit, fc, threatLevel = 100, userLevel = 100, + moveOptions = {}) { const atk = new Pokemon(GEN, threatSpeciesName, { item: threatFullState.item?.name ?? undefined, nature: threatFullState.nature ?? 'Hardy', evs: threatFullState.evs ?? {}, ivs: threatFullState.ivs ?? {}, ability: threatFullState.ability ?? undefined, - boostedStat: threatFullState.boostedStat ?? undefined, + boostedStat: getResolvedBoostedStatForCalc(threatSpeciesName, threatFullState, fc, threatFullState.evs, threatLevel), boosts: threatBoosts, curHP: threatFullState.currentHp ?? undefined, level: threatLevel, @@ -261,13 +306,15 @@ function calcIncoming(threatSpeciesName, threatFullState, threatBoosts, evs: testEvs, ivs: userFullState.ivs ?? {}, ability: userFullState.ability ?? undefined, - boostedStat: userFullState.boostedStat ?? undefined, + boostedStat: getResolvedBoostedStatForCalc(userSpeciesName, userFullState, fc, testEvs, userLevel), status: STATUS_MAP[userFullState.status] ?? undefined, boosts: userFullState.stages ?? {}, curHP: userFullState.currentHp ?? undefined, level: userLevel, }); - const move = new Move(GEN, moveName, { isCrit: !!isCrit }); + const move = new Move(GEN, moveName, moveOptions.singleTarget + ? { isCrit: !!isCrit, overrides: { target: 'normal' } } + : { isCrit: !!isCrit }); const field = makeField(fc, 'enemySide', 'userSide'); return calculate(GEN, atk, def, move, field); } @@ -275,14 +322,15 @@ function calcIncoming(threatSpeciesName, threatFullState, threatBoosts, // ─── KO constraint check ───────────────────────────────────────────────────── function calcOutgoing(userSpeciesName, userFullState, userBoosts, testEvs, threatSpeciesName, threatFullState, - moveName, isCrit, fc, userLevel = 100, threatLevel = 100) { + moveName, isCrit, fc, userLevel = 100, threatLevel = 100, + moveOptions = {}) { const atk = new Pokemon(GEN, userSpeciesName, { item: userFullState.item?.name ?? undefined, nature: userFullState.nature ?? 'Hardy', evs: testEvs, ivs: userFullState.ivs ?? {}, ability: userFullState.ability ?? undefined, - boostedStat: userFullState.boostedStat ?? undefined, + boostedStat: getResolvedBoostedStatForCalc(userSpeciesName, userFullState, fc, testEvs, userLevel), status: STATUS_MAP[userFullState.status] ?? undefined, boosts: userBoosts, curHP: userFullState.currentHp ?? undefined, @@ -294,12 +342,14 @@ function calcOutgoing(userSpeciesName, userFullState, userBoosts, testEvs, evs: threatFullState.evs ?? {}, ivs: threatFullState.ivs ?? {}, ability: threatFullState.ability ?? undefined, - boostedStat: threatFullState.boostedStat ?? undefined, + boostedStat: getResolvedBoostedStatForCalc(threatSpeciesName, threatFullState, fc, threatFullState.evs, threatLevel), boosts: threatFullState.stages ?? {}, curHP: threatFullState.currentHp ?? undefined, level: threatLevel, }); - const move = new Move(GEN, moveName, { isCrit: !!isCrit }); + const move = new Move(GEN, moveName, moveOptions.singleTarget + ? { isCrit: !!isCrit, overrides: { target: 'normal' } } + : { isCrit: !!isCrit }); const field = makeField(fc, 'userSide', 'enemySide'); return calculate(GEN, atk, def, move, field); } @@ -333,18 +383,49 @@ function userBoostsForKO(userFullState, c) { return boosts; } -// Recovery per turn (for survive calculations) -function recoveryPerTurn(userFullState, maxHp) { - const itemName = (userFullState.item?.name ?? '').toLowerCase().replace(/[^a-z]/g, ''); - if (itemName === 'leftovers') return Math.floor(maxHp / 16); - if (itemName === 'blacksludge') { - // Only Poison types heal; others take damage — handled by calc, skip here - return Math.floor(maxHp / 16); +// Recurring end-of-turn recovery/residual between repeated-hit checks. +function recoveryPerTurn(pokemon, fullState, maxHp, fieldConditions = null, sideKey = null) { + const itemId = getItemId(fullState); + const abilityId = normId(fullState?.ability ?? ''); + const side = sideKey ? (fieldConditions?.[sideKey] ?? {}) : {}; + let recovery = 0; + if (itemId === 'leftovers') recovery += Math.floor(maxHp / 16); + if (itemId === 'blacksludge') { + recovery += hasType(pokemon, 'Poison') ? Math.floor(maxHp / 16) : -Math.floor(maxHp / 8); } - const ab = (userFullState.ability ?? '').toLowerCase().replace(/[^a-z]/g, ''); - if (ab === 'poisonheal' && ['psn','tox'].includes(userFullState.status)) - return Math.floor(maxHp / 8); - return 0; + const ab = abilityId; + if (ab === 'poisonheal' && ['psn', 'tox'].includes(fullState.status)) { + recovery += Math.floor(maxHp / 8); + } + if (fieldConditions?.field?.terrain === 'grassy' && isGrounded(pokemon, fullState)) { + recovery += Math.floor(maxHp / 16); + } + if (side.leechSeed) recovery -= Math.floor(maxHp / 8); + if (side.saltCure) { + recovery -= Math.floor(maxHp / (hasType(pokemon, 'Water') || hasType(pokemon, 'Steel') ? 4 : 8)); + } + + return recovery; +} + +function applyOneTimeHealingItem(hp, maxHp, fullState, healItemUsed) { + if (hp <= 0 || healItemUsed) return { hp, healItemUsed }; + + const itemId = getItemId(fullState); + if (itemId === 'sitrusberry' && hp <= Math.floor(maxHp / 2)) { + return { hp: Math.min(maxHp, hp + Math.floor(maxHp / 4)), healItemUsed: true }; + } + if (itemId === 'oranberry' && hp <= Math.floor(maxHp / 2)) { + return { hp: Math.min(maxHp, hp + 10), healItemUsed: true }; + } + if (itemId === 'berryjuice' && hp <= Math.floor(maxHp / 2)) { + return { hp: Math.min(maxHp, hp + 20), healItemUsed: true }; + } + if (CONFUSION_BERRIES.has(itemId) && hp <= Math.floor(maxHp / 4)) { + return { hp: Math.min(maxHp, hp + Math.floor(maxHp / 3)), healItemUsed: true }; + } + + return { hp, healItemUsed }; } function surviveHitsRequired(mode) { @@ -389,11 +470,19 @@ function getDamageRolls(damage) { } function getRepeatedHitDistribution(rolls, hits, recoveryPerTurn = 0) { + return getRepeatedHitDistributionForRollGroups( + Array.from({ length: hits }, () => rolls), + recoveryPerTurn + ); +} + +function getRepeatedHitDistributionForRollGroups(rollGroups, recoveryPerTurn = 0) { let distribution = new Map([[0, 1]]); - for (let hit = 0; hit < hits; hit += 1) { + for (let hit = 0; hit < rollGroups.length; hit += 1) { const next = new Map(); const recoveryBeforeHit = hit === 0 ? 0 : recoveryPerTurn; + const rolls = rollGroups[hit] ?? [0]; for (const [total, count] of distribution.entries()) { for (const roll of rolls) { @@ -408,6 +497,21 @@ function getRepeatedHitDistribution(rolls, hits, recoveryPerTurn = 0) { return distribution; } +function getDistributionRange(distribution) { + let min = Number.POSITIVE_INFINITY; + let max = Number.NEGATIVE_INFINITY; + + distribution.forEach((_, totalDamage) => { + if (totalDamage < min) min = totalDamage; + if (totalDamage > max) max = totalDamage; + }); + + return [ + min === Number.POSITIVE_INFINITY ? 0 : min, + max === Number.NEGATIVE_INFINITY ? 0 : max, + ]; +} + function getDistributionSuccessRate(distribution, predicate) { let successes = 0; let total = 0; @@ -441,11 +545,11 @@ function getKoSuccessRate(mode, damage, maxHp, recovery) { } export function passesGuaranteedKoRate(successRate) { - return successRate >= 1; + return successRate >= GUARANTEED_SUCCESS_RATE; } export function passesGuaranteedSurviveRate(successRate) { - return successRate >= 1; + return successRate >= GUARANTEED_SUCCESS_RATE; } export function passesOutspeedComparison(mySpe, theirSpe) { @@ -605,6 +709,7 @@ export function solveSpreads({ offKey: moveData.category === 'Special' ? 'spa' : 'atk', uBoosts: userBoostsForKO(userFullState, constraint), isCrit: userFullState.crits?.[constraint.userMoveIndex] || false, + singleTargetDamage: !!constraint.singleTargetDamage, }; } @@ -620,6 +725,7 @@ export function solveSpreads({ defKey: moveData.category === 'Special' ? 'spd' : 'def', tBoosts: threatBoostsAfterIntimidate(tState, constraint.intimidateOn), isCrit: tState.crits?.[constraint.enemyMoveIndex] || false, + singleTargetDamage: !!constraint.singleTargetDamage, }; } @@ -630,6 +736,87 @@ export function solveSpreads({ return base; } + function buildSurviveDistribution(prepared, evs, firstResult, recovery, currentHp, maxHp) { + const hits = surviveHitsRequired(prepared.c.survive); + const firstRolls = getDamageRolls(firstResult.damage); + const rollGroups = [firstRolls]; + + if (hits > 1) { + let laterRolls = firstRolls; + + if (hasDamageReductionBerry(userFullState)) { + const userStateAfterBerry = { ...userFullState, item: null }; + const laterResult = calcIncoming( + prepared.threat.name, + prepared.tState, + prepared.tBoosts, + userPokemon.name, + userStateAfterBerry, + evs, + prepared.moveName, + prepared.isCrit, + prepared.constraintFieldConditions, + prepared.threatLevel, + userLevel, + { singleTarget: prepared.singleTargetDamage } + ); + const candidateRolls = getDamageRolls(laterResult.damage); + const [, firstMax] = firstResult.range(); + const [, laterMax] = laterResult.range(); + if (laterMax > firstMax) laterRolls = candidateRolls; + } + + for (let hit = 1; hit < hits; hit += 1) { + rollGroups.push(laterRolls); + } + } + + const itemId = getItemId(userFullState); + let states = new Map([[`${currentHp}:0:0`, { hp: currentHp, sashUsed: false, healItemUsed: false, count: 1 }]]); + + for (let hit = 0; hit < rollGroups.length; hit += 1) { + const next = new Map(); + const rolls = rollGroups[hit] ?? [0]; + + for (const state of states.values()) { + for (const roll of rolls) { + let hp = state.hp; + if (hit > 0 && hp > 0) hp = Math.min(maxHp, hp + recovery); + let sashUsed = state.sashUsed; + let healItemUsed = state.healItemUsed; + + if (hp <= 0) { + // Already fainted on a previous hit; it cannot be recovered by later turn effects. + } else if (itemId === 'focussash' && !sashUsed && hp === maxHp && roll >= hp) { + hp = 1; + sashUsed = true; + } else { + hp -= roll; + } + + const healed = applyOneTimeHealingItem(hp, maxHp, userFullState, healItemUsed); + hp = healed.hp; + healItemUsed = healed.healItemUsed; + + const key = `${hp}:${sashUsed ? 1 : 0}:${healItemUsed ? 1 : 0}`; + const existing = next.get(key); + if (existing) existing.count += state.count; + else next.set(key, { hp, sashUsed, healItemUsed, count: state.count }); + } + } + + states = next; + } + + const distribution = new Map(); + for (const state of states.values()) { + const effectiveDamage = currentHp - state.hp; + distribution.set(effectiveDamage, (distribution.get(effectiveDamage) ?? 0) + state.count); + } + + return distribution; + } + function evaluatePreparedConstraint(prepared, evs) { const baseFailure = { c: prepared.c, @@ -657,26 +844,35 @@ export function solveSpreads({ prepared.isCrit, prepared.constraintFieldConditions, prepared.threatLevel, - userLevel + userLevel, + { singleTarget: prepared.singleTargetDamage } ); const [minDmg, maxDmg] = result.range(); const { maxHp: defMaxHp, currentHp: defCurrentHpRaw } = getEffectiveHpForState(userPokemon, userFullState, evs, userLevel); const defCurrentHp = Math.max(1, defCurrentHpRaw); - const recovery = recoveryPerTurn(userFullState, defMaxHp); - const rolls = getDamageRolls(result.damage); - const distribution = getRepeatedHitDistribution(rolls, surviveHitsRequired(prepared.c.survive), recovery); + const recovery = recoveryPerTurn( + userPokemon, + userFullState, + defMaxHp, + prepared.constraintFieldConditions, + 'userSide' + ); + const distribution = buildSurviveDistribution(prepared, evs, result, recovery, defCurrentHp, defMaxHp); const successRate = getDistributionSuccessRate(distribution, (totalDamage) => passesStrictSurviveTotalDamage(totalDamage, defCurrentHp)); const passed = passesGuaranteedSurviveRate(successRate); - let worstTotalDamage = Number.NEGATIVE_INFINITY; - distribution.forEach((_, totalDamage) => { - if (totalDamage > worstTotalDamage) worstTotalDamage = totalDamage; - }); - const pMin = (minDmg / defCurrentHp * 100).toFixed(1); - const pMax = (maxDmg / defCurrentHp * 100).toFixed(1); + const [minTotalDamage, worstTotalDamage] = getDistributionRange(distribution); + const displayMin = surviveHitsRequired(prepared.c.survive) > 1 ? minTotalDamage : minDmg; + const displayMax = surviveHitsRequired(prepared.c.survive) > 1 ? worstTotalDamage : maxDmg; + const pMin = (displayMin / defCurrentHp * 100).toFixed(1); + const pMax = (displayMax / defCurrentHp * 100).toFixed(1); + const hitCount = surviveHitsRequired(prepared.c.survive); + const desc = hitCount > 1 + ? `${result.desc()} | ${hitCount} hits total: ${displayMin}-${displayMax} (${pMin} - ${pMax}%)` + : result.desc(); return { c: prepared.c, passed, - desc: result.desc(), + desc, range: `${pMin}% - ${pMax}%`, threat: prepared.threat, successRate, @@ -697,12 +893,19 @@ export function solveSpreads({ prepared.isCrit, prepared.constraintFieldConditions, userLevel, - prepared.threatLevel + prepared.threatLevel, + { singleTarget: prepared.singleTargetDamage } ); const [minDmg, maxDmg] = result.range(); const { maxHp: defMaxHp, currentHp: defCurrentHpRaw } = getEffectiveHpForState(prepared.threat, prepared.tState, prepared.tState.evs, prepared.threatLevel); const defCurrentHp = Math.max(1, defCurrentHpRaw); - const recovery = recoveryPerTurn(prepared.tState, defMaxHp); + const recovery = recoveryPerTurn( + prepared.threat, + prepared.tState, + defMaxHp, + prepared.constraintFieldConditions, + 'enemySide' + ); const rolls = getDamageRolls(result.damage); const distribution = getRepeatedHitDistribution(rolls, koHitsRequired(prepared.c.achieve), recovery); const successRate = getDistributionSuccessRate(distribution, (totalDamage) => passesGuaranteedKoTotalDamage(totalDamage, defCurrentHp)); diff --git a/src/styles/Results.css b/src/styles/Results.css index 2c3b13b..0c464c9 100644 --- a/src/styles/Results.css +++ b/src/styles/Results.css @@ -26,9 +26,45 @@ -webkit-backdrop-filter: blur(18px) saturate(120%); } +.results-loading-trace { + position: absolute; + inset: clamp(20px, 5vw, 76px); + z-index: 1; + display: flex; + align-items: flex-end; + justify-content: stretch; + overflow: hidden; + pointer-events: none; + opacity: 0.58; + mask-image: linear-gradient(180deg, transparent 0%, black 18%, black 76%, transparent 100%); + -webkit-mask-image: linear-gradient(180deg, transparent 0%, black 18%, black 76%, transparent 100%); +} + +.results-loading-trace-scroll { + width: 100%; + display: flex; + flex-direction: column; + gap: 6px; + animation: loading-trace-scroll 7.5s linear infinite; + will-change: transform; +} + +.results-loading-trace-line { + width: max-content; + max-width: 100%; + color: rgba(235, 232, 255, 0.28); + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; + font-size: clamp(10px, 0.78vw, 13px); + line-height: 1.35; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-shadow: 0 0 14px rgba(202, 145, 255, 0.18); +} + .results-loading-panel { position: relative; - z-index: 1; + z-index: 2; width: min(560px, calc(100vw - 32px)); padding: 24px 24px 22px; border-radius: 20px; @@ -107,6 +143,27 @@ animation: spin 0.7s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } +@keyframes loading-trace-scroll { + from { transform: translateY(0); } + to { transform: translateY(-50%); } +} + +@media (prefers-reduced-motion: reduce) { + .results-loading-trace-scroll { + animation: none; + } +} + +@media (max-width: 720px) { + .results-loading-trace { + inset: 16px; + opacity: 0.4; + } + + .results-loading-trace-line { + font-size: 10px; + } +} /* Error */ .results-error { @@ -142,9 +199,52 @@ margin-bottom: 8px; } .results-impossible-row { + display: flex; + flex-direction: column; + gap: 4px; + padding: 8px 0; + border-top: 1px solid rgba(255, 255, 255, 0.05); +} + +.results-impossible-row:first-of-type { + border-top: none; + padding-top: 2px; +} + +.results-impossible-reason { font-size: 12px; + color: #f0e0a2; +} + +.results-impossible-calc { + font-size: 11px; color: #ccc; - padding: 2px 0; +} + +.results-impossible-meta { + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; +} + +.results-impossible-range { + font-size: 11px; + font-weight: 600; + color: #f8d030; + background: rgba(248, 208, 48, 0.08); + border: 1px solid rgba(248, 208, 48, 0.16); + padding: 1px 6px; + border-radius: 4px; +} + +.results-impossible-nature { + font-size: 11px; + color: #d8b8ff; + background: rgba(216, 184, 255, 0.08); + border: 1px solid rgba(216, 184, 255, 0.16); + padding: 1px 6px; + border-radius: 999px; } /* Banner */ diff --git a/src/styles/ThreatModal.css b/src/styles/ThreatModal.css index 9e2f524..3505220 100644 --- a/src/styles/ThreatModal.css +++ b/src/styles/ThreatModal.css @@ -224,6 +224,37 @@ margin-bottom: 8px; } +.threat-modal-paste-shell { + padding: 10px; + border-radius: 18px; + background: rgba(12, 14, 20, 0.38); + backdrop-filter: blur(22px) saturate(165%) brightness(0.96); + -webkit-backdrop-filter: blur(22px) saturate(165%) brightness(0.96); + border: 1px solid rgba(255, 255, 255, 0.07); + border-top-color: rgba(255, 255, 255, 0.16); + box-shadow: + inset 0 0.5px 0 rgba(255, 255, 255, 0.08), + 0 10px 24px rgba(0, 0, 0, 0.24); +} + +.threat-modal-paste-input { + min-height: 228px; + background: rgba(8, 10, 14, 0.72); + border-radius: 14px; + color: rgba(244, 243, 255, 0.92); + font-size: 14px; + line-height: 1.65; +} + +.threat-modal-paste-input::placeholder { + color: rgba(255, 255, 255, 0.28); +} + +.threat-modal-paste-shell.error { + border-color: rgba(255, 120, 120, 0.2); + border-top-color: rgba(255, 160, 160, 0.3); +} + @media (max-width: 720px) { .threat-editor-inline-shell { padding: 14px;