Spaces:

anonymousDevil
/

cognitive-load-manager

Sleeping

App Files Files Community

AE-Shree commited on Apr 26

Commit

0b1db59

1 Parent(s): ae81ce5

Final Change

Browse files

Files changed (2) hide show

frontend/dist/index.html +1 -1
frontend/src/components/Dashboard.jsx +6 -4

frontend/dist/index.html CHANGED Viewed

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CLM Dashboard</title>
-    <script type="module" crossorigin src="/assets/index-D8328XGk.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DHB-7DK0.css">
   </head>
   <body style="margin:0;background:#f1f5f9">

     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CLM Dashboard</title>
+    <script type="module" crossorigin src="/assets/index-DPHOn9DW.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DHB-7DK0.css">
   </head>
   <body style="margin:0;background:#f1f5f9">

frontend/src/components/Dashboard.jsx CHANGED Viewed

@@ -253,7 +253,7 @@ export default function Dashboard() {
   // ── SSE streaming ─────────────────────────────────────────────────────────
   const startStream = useCallback((diff) => {
-    const d = diff || diffRef.current
     if (esRef.current)   { esRef.current.close(); esRef.current = null }
     if (replayTimer.current) { clearTimeout(replayTimer.current); replayTimer.current = null }
@@ -439,7 +439,7 @@ export default function Dashboard() {
                   borderRadius: 8, padding: '8px 20px', fontWeight: 700,
                   fontSize: 13, cursor: 'pointer' }}>⏹ Stop</button>
             : !streamDone && (
-                <button onClick={startStream}
                   style={{ background: '#6366f1', color: '#fff', border: 'none',
                     borderRadius: 8, padding: '8px 20px', fontWeight: 700,
                     fontSize: 13, cursor: 'pointer' }}>
@@ -648,14 +648,16 @@ export default function Dashboard() {
                       const sc = typeof h.score === 'number' ? h.score : null
                       const col = sc == null ? '#64748b'
                         : sc >= 0.5 ? '#16a34a' : sc >= 0.3 ? '#f59e0b' : '#ef4444'
                       return (
                         <div key={h.ep} style={{ display: 'flex', gap: 8,
                           padding: '3px 0', borderBottom: '1px solid #f8fafc', color: col }}>
                           <span style={{ color: '#94a3b8', minWidth: 24 }}>#{h.ep}</span>
                           <span style={{ textTransform: 'capitalize', minWidth: 52,
-                            color: '#475569' }}>{h.difficulty}</span>
                           <span style={{ fontWeight: 700 }}>{sc != null ? sc.toFixed(4) : '—'}</span>
-                          <span style={{ color: '#94a3b8' }}>{h.steps ?? 0}s</span>
                         </div>
                       )
                     })}

   // ── SSE streaming ─────────────────────────────────────────────────────────
   const startStream = useCallback((diff) => {
+    const d = (typeof diff === 'string' && diff) ? diff : diffRef.current
     if (esRef.current)   { esRef.current.close(); esRef.current = null }
     if (replayTimer.current) { clearTimeout(replayTimer.current); replayTimer.current = null }
                   borderRadius: 8, padding: '8px 20px', fontWeight: 700,
                   fontSize: 13, cursor: 'pointer' }}>⏹ Stop</button>
             : !streamDone && (
+                <button onClick={() => startStream()}
                   style={{ background: '#6366f1', color: '#fff', border: 'none',
                     borderRadius: 8, padding: '8px 20px', fontWeight: 700,
                     fontSize: 13, cursor: 'pointer' }}>
                       const sc = typeof h.score === 'number' ? h.score : null
                       const col = sc == null ? '#64748b'
                         : sc >= 0.5 ? '#16a34a' : sc >= 0.3 ? '#f59e0b' : '#ef4444'
+                      const diff = typeof h.difficulty === 'string' ? h.difficulty : '—'
+                      const steps = typeof h.steps === 'number' ? h.steps : 0
                       return (
                         <div key={h.ep} style={{ display: 'flex', gap: 8,
                           padding: '3px 0', borderBottom: '1px solid #f8fafc', color: col }}>
                           <span style={{ color: '#94a3b8', minWidth: 24 }}>#{h.ep}</span>
                           <span style={{ textTransform: 'capitalize', minWidth: 52,
+                            color: '#475569' }}>{diff}</span>
                           <span style={{ fontWeight: 700 }}>{sc != null ? sc.toFixed(4) : '—'}</span>
+                          <span style={{ color: '#94a3b8' }}>{steps}s</span>
                         </div>
                       )
                     })}