Remove seed tag and status text

Author: diegochine

AGENTS.md

@@ -31,7 +31,7 @@ client/
   help-content.html            # Help modal content
   config.json                  # Runtime configuration (dev default)
   src/                         # Modular ES modules
-    shell/                     # status/websocket/help/config
+    shell/                     # websocket/help/config
     shared/                    # math + format utilities
     probability-lab/           # domain/engine/state/ui
   design-system/               # CodeSignal Design System assets
@@ -105,19 +105,10 @@ Notes:
 
 ## Conventions
 
-### Status Messages
-
-Use these exact status messages:
-
-- Ready
-- Loading...
-- Failed to load config
-
 ### DOM Element IDs
 
 App shell:
 
-- status
 - btn-help
 - probability-lab
 

client/app.css

@@ -31,10 +31,6 @@
   margin: 0;
 }
 
-.bespoke .header .status {
-  color: var(--Colors-Text-Body-Medium);
-}
-
 /* Main Layout - base styles from template, overridden below */
 .bespoke .main-layout {
   display: block;
@@ -1013,12 +1009,6 @@
   animation: pl-flash 0.5s ease;
 }
 
-/* Running status pulse */
-.bespoke #status.running {
-  animation: pl-pulse 1.5s ease infinite;
-  color: var(--Colors-Alert-Warning-Default);
-}
-
 /* Color utility classes */
 .bespoke .pl-positive {
   color: var(--Colors-Alert-Success-Default);

client/app.js

@@ -1,7 +1,6 @@
 // CodeSignal Probability Lab
 // A convergence-focused probability simulator (coin / die / spinner).
 import Modal from './design-system/components/modal/modal.js';
-import { setStatus } from './src/shell/status.js';
 import { initializeWebSocket } from './src/shell/websocket.js';
 import { initializeHelpModal } from './src/shell/help.js';
 import { loadConfig } from './src/shell/config.js';
@@ -21,11 +20,8 @@ function $(id) {
 }
 
 const els = {
-  status: $('status'),
-
   setupDevice: $('pl-setup-device'),
   setupSampleSpace: $('pl-setup-sample-space'),
-  seedSummary: $('pl-seed-summary'),
   biasSummary: $('pl-bias-summary'),
   relationshipSummary: $('pl-relationship-summary'),
 
@@ -936,21 +932,18 @@ function initEventListeners() {
 
 async function init() {
   // Initialize help modal and WebSocket (non-blocking)
-  initializeHelpModal(Modal, setStatus);
+  initializeHelpModal(Modal);
   initializeWebSocket();
 
   // Initialize probability lab
   if (!els.singleConfig) return;
 
-  setStatus('Loading...');
-
   // Load configuration from config.json
   let config;
   try {
     config = await loadConfig();
   } catch (error) {
     console.error('Failed to load config:', error);
-    setStatus('Failed to load config');
     return;
   }
 
@@ -1012,7 +1005,6 @@ async function init() {
   // Defer initial render until after layout is complete
   requestAnimationFrame(() => {
     render(els, store.getState());
-    setStatus('Ready');
   });
 }
 

client/config.json

@@ -1,6 +1,6 @@
 {
   "mode": "single",
-  "device": "coin",
+  "device": "die",
   "sections": {
     "barChart": true,
     "convergence": true,

client/index.html

@@ -30,7 +30,6 @@
   <header class="header">
     <h1 class="heading-small">CodeSignal Probability Lab</h1>
     <div class="spacer"></div>
-    <div id="status" class="status body-xsmall">Ready</div>
     <button id="btn-help" class="button button-text">Help</button>
   </header>
 
@@ -60,7 +59,6 @@ <h2 class="heading-xsmall">Experiment Setup</h2>
 
           <div class="pl-setup-meta">
             <div class="pl-setup-tags" aria-label="Experiment settings summary">
-              <span id="pl-seed-summary" class="tag secondary">Seed: —</span>
               <span id="pl-bias-summary" class="tag secondary">Bias: —</span>
               <span id="pl-relationship-summary" class="tag secondary" hidden>Relationship: —</span>
             </div>

client/src/AGENTS.md

@@ -4,7 +4,7 @@ Scope: `client/src` ES modules (no framework, no bundler-specific globals).
 
 ## Directory Layout
 
-- `shell/`: status messaging, websocket, help modal, config loader.
+- `shell/`: websocket, help modal, config loader.
 - `shared/`: pure utilities (math, formatting).
 - `probability-lab/`: domain logic, simulation engine, state, and UI rendering.
 

client/src/probability-lab/ui/render.js

@@ -54,10 +54,6 @@ function setTag(tagEl, { text, variant }) {
 export function renderExperimentSetup(els, state) {
   if (!els.setupDevice || !els.setupSampleSpace) return;
 
-  const seed = (state.seedText ?? '').trim();
-  const seedText = seed ? `Seed: ${seed}` : 'Seed: Random';
-  setTag(els.seedSummary, { text: seedText, variant: seed ? 'info' : 'secondary' });
-
   if (state.mode === 'two') {
     // Two-event mode: show both devices and sample spaces
     const deviceA = state.two.deviceA || '—';

client/src/shell/help.js

@@ -3,7 +3,7 @@
 
 import helpContentHtml from '../../help-content.html?raw';
 
-export async function initializeHelpModal(Modal, setStatus) {
+export async function initializeHelpModal(Modal) {
   try {
     const helpContent = helpContentHtml;
 
@@ -21,9 +21,6 @@ export async function initializeHelpModal(Modal, setStatus) {
       });
     }
 
-    if (setStatus) {
-      setStatus('Ready');
-    }
   } catch (error) {
     console.error('Failed to load help content:', error);
     // Fallback to placeholder content
@@ -39,10 +36,6 @@ export async function initializeHelpModal(Modal, setStatus) {
         helpModal.open();
       });
     }
-
-    if (setStatus) {
-      setStatus('Ready');
-    }
   }
 }