Evolution Complete: Soma is now an Autonomous Cognitive Architecture.

app/services/vitals.py

@@ -36,8 +36,21 @@ def get_brain_vitals(user_id: str = "default_user"):
             
     # 3. Working Memory (SQLite)
     try:
-        vitals["working"] = get_message_count(user_id)
+        count = get_message_count(user_id)
+        vitals["working"] = count
+        
+        # 4. Cognitive State (Mood)
+        if count > 12:
+            vitals["state"] = "OVERLOADED"
+        elif count > 7:
+            vitals["state"] = "FOCUSED"
+        elif count > 0:
+            vitals["state"] = "ACTIVE"
+        else:
+            vitals["state"] = "IDLE"
+            
     except Exception as e:
         print(f"Vitals: Working fetch failed: {e}")
+        vitals["state"] = "UNKNOWN"
         
     return vitals

frontend/src/App.jsx

@@ -15,6 +15,7 @@ function App() {
     reflection: "",
     highlightedNodes: [],
     sparks: [],
+    cognitiveState: "IDLE",
     traces: []
   })
   const [currentView, setCurrentView] = useState('chat') // 'chat' or 'graph'
@@ -30,6 +31,7 @@ function App() {
           sensoryDocuments: data.sensory,
           graphRelations: data.semantic.nodes + data.semantic.edges,
           workingMemory: data.working,
+          cognitiveState: data.state || 'IDLE'
         }));
       } catch (err) {
         console.error("Failed to fetch brain vitals:", err);
@@ -59,17 +61,15 @@ function App() {
   }, []);
 
   return (
-    <div className="app-container">
+    <div className={`app-container state-${brainState.cognitiveState.toLowerCase()}`}>
       <header className="app-header">
         <div className="logo-section">
           <h1 style={{ fontSize: '1.2rem' }}>SOMA AI CORE</h1>
         </div>
         
-
-
         <div className="status-indicator">
           <span className={`dot ${brainState.isLoading ? 'thinking' : 'idle'}`}></span>
-          <span className="label-mono">System Optimal</span>
+          <span className="label-mono">System {brainState.cognitiveState}</span>
           <span className="label-mono ephemeral-pill">Ephemeral Mode</span>
         </div>
       </header>

frontend/src/index.css

@@ -277,3 +277,30 @@ button:disabled {
   from { top: 0%; }
   to   { top: 100%; }
 }
+
+/* ── Cognitive State Themes ── */
+.state-overloaded {
+  --accent-primary: #ff3e3e;
+  --accent-secondary: #ff8e3e;
+  --accent-glow: rgba(255, 62, 62, 0.3);
+  --border-active: rgba(255, 62, 62, 0.5);
+}
+
+.state-overloaded .pulse-active {
+  animation: overloaded-glow 0.8s infinite alternate;
+}
+
+@keyframes overloaded-glow {
+  from { border-color: #ff3e3e; box-shadow: 0 0 5px rgba(255, 62, 62, 0.2); }
+  to   { border-color: #ff8e3e; box-shadow: 0 0 20px rgba(255, 62, 62, 0.5); }
+}
+
+.state-focused {
+  --accent-primary: #7effa8;
+  --accent-secondary: #3d7a46;
+  --accent-glow: rgba(126, 255, 168, 0.3);
+}
+
+.state-idle {
+  --accent-secondary: #1a2e20;
+}