feat(ui): active-tasks strip bottom-left — active first, pending dimmed (#44)

components/mission-control.tsx

@@ -16,6 +16,7 @@ import { MissionPanel } from '@/components/missions'
 import { NextTurnButton } from '@/components/next-turn-button'
 import { ShipSystemsPanel } from '@/components/ship-systems'
 import { SkillTreePanel } from '@/components/skill-tree'
+import { TaskStrip } from '@/components/task-strip'
 import { WorldMapPanel } from '@/components/world-map'
 import { CREW_CAPACITY } from '@/lib/game/ship-costs'
 import type { CrewState, SystemState } from '@/lib/game/save'
@@ -562,6 +563,12 @@ export function MissionControl() {
           stays visible on every tab (Radix unmounts inactive tabs — the button only refreshes
           the snapshots this shell owns) */}
       <NextTurnButton turn={ship?.turn ?? null} onTicked={refreshAll} />
+
+      {/* #44 — the active-tasks strip: fixed bottom-left (same mount convention as the button —
+          outside the tab grid so it stays visible on every tab). Data: the shell's system
+          snapshot (JC-15) — refreshAll re-runs /api/system on every turn, so it updates on
+          every shell refresh with no fetch of its own. */}
+      <TaskStrip tasks={system?.tasks ?? []} />
     </div>
   )
 }