feat: add night shift focus panel and unified runtime

src/App.tsx

@@ -157,6 +157,15 @@ function App() {
     [appState.pulses, selectedPulseId],
   )
 
+  const selectedFeaturePulses = useMemo(() => {
+    if (!selectedFeature) return []
+
+    return [...appState.pulses]
+      .filter((pulse) => pulse.feature_id === selectedFeature.id)
+      .sort((a, b) => b.timestamp.localeCompare(a.timestamp))
+      .slice(0, 4)
+  }, [appState.pulses, selectedFeature])
+
   const filteredPulses = useMemo(() => {
     return [...appState.pulses]
       .filter((pulse) => (pulseTypeFilter === 'all' ? true : pulse.pulse_type === pulseTypeFilter))
@@ -624,6 +633,55 @@ function App() {
             </section>
           )}
 
+          {selectedFeature && (
+            <section className="card focus-card">
+              <div className="section-heading compact">
+                <div>
+                  <p className="eyebrow">Night Shift Focus</p>
+                  <h3>{selectedFeature.title}</h3>
+                  <p>The current build thread, stripped of excuses and fog.</p>
+                </div>
+                <div className="focus-badges">
+                  <span className={`pill ${selectedFeature.priority}`}>{selectedFeature.priority}</span>
+                  <span className="pill">{selectedFeature.status}</span>
+                  <span className="pill">{columnLabels[selectedFeature.column]}</span>
+                </div>
+              </div>
+              <div className="focus-grid">
+                <article className="focus-panel">
+                  <h4>Acceptance Criteria</h4>
+                  {selectedFeature.acceptance_criteria.length ? (
+                    <ul>
+                      {selectedFeature.acceptance_criteria.map((criterion) => (
+                        <li key={criterion}>{criterion}</li>
+                      ))}
+                    </ul>
+                  ) : (
+                    <p>No criteria yet. A dangerous little vacuum.</p>
+                  )}
+                </article>
+                <article className="focus-panel">
+                  <h4>Scope Notes</h4>
+                  <p>{selectedFeature.scope_notes || 'No scope notes yet. Add the edges before the feature sprawls.'}</p>
+                  <h4>Recent Pulse</h4>
+                  {selectedFeaturePulses.length ? (
+                    <div className="list-stack compact-stack">
+                      {selectedFeaturePulses.map((pulse) => (
+                        <div key={pulse.id} className="mini-pulse">
+                          <strong>{pulse.pulse_type}</strong>
+                          <span>{formatDateTime(pulse.timestamp)}</span>
+                          <p>{pulse.message}</p>
+                        </div>
+                      ))}
+                    </div>
+                  ) : (
+                    <p>No feature-linked pulses yet. Log intent before the night gets blurry.</p>
+                  )}
+                </article>
+              </div>
+            </section>
+          )}
+
           <div className="board-grid">
             {FEATURE_COLUMNS.map((column) => (
               <article key={column} className="column card">