Refine TUI mock: drop AGENT STATUS box, add input row, gray left / amber right

- Left column is now just CONTEXT + ACTIVITY (no AGENT STATUS / banner).
- Context & activity text renders dim gray; right-side panels (SYSTEM LOAD,
  MCP, LSP, MODIFIED) and all panel labels render amber, matching the TUI.
- Add the bottom input row: [$_$] status face + prompt field with cursor.

Author: Yogthos

index.html

@@ -236,10 +236,10 @@
 .tui-bar .t{font-size:11px;color:#8b949e;letter-spacing:0.04em;font-family:var(--mono)}
 
 .tui{
-  --ph-bg:#04080c;--ph-line:#1c7a3f;--ph-label:#46d479;
+  --ph-bg:#04080c;--ph-line:#1c7a3f;--ph-label:#d8b24a;
   --ph-fg:#83e3a3;--ph-bright:#d6f9e3;--ph-dim:#4f7a60;
   --ph-add-bg:#0c3a1d;--ph-add:#74e58f;--ph-del-bg:#3a1416;--ph-del:#ef8e8e;
-  --ph-amber:#d8c45a;--ph-cyan:#5fd0d0;
+  --ph-amber:#d8b24a;--ph-cyan:#5fd0d0;--ph-gray:#7c858d;
   background:var(--ph-bg);color:var(--ph-fg);
   font-family:var(--mono);font-size:11px;line-height:1.5;padding:15px 14px 12px;
 }
@@ -252,12 +252,28 @@
   padding:0 5px;color:var(--ph-label);font-size:8.5px;letter-spacing:0.14em;white-space:nowrap;
 }
 .pnl p{margin:0;color:var(--ph-fg);line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+/* Left panels (context / activity) read in dim gray; right panels
+   (system / mcp / lsp / modified) read in amber — matching the TUI. */
+.lcol .pnl p{color:var(--ph-gray)}
+.rcol .pnl p{color:var(--ph-amber)}
 .dimt{color:var(--ph-dim)}
 .brt{color:var(--ph-bright)}
 .amb{color:var(--ph-amber)}
 .cy{color:var(--ph-cyan)}
 .ok{color:var(--ph-add)}
-.banner{color:var(--ph-bright);letter-spacing:0.42em;font-size:13px;text-align:center;padding:5px 0 3px}
+
+/* Bottom input row: status face + prompt field */
+.tui-input{display:grid;grid-template-columns:88px 1fr;gap:11px;margin-top:14px}
+.tui-face{
+  border:1px solid var(--ph-line);border-radius:3px;
+  display:flex;align-items:center;justify-content:center;
+  color:var(--ph-fg);font-size:12px;letter-spacing:0.08em;
+}
+.tui-field{
+  border:1px solid var(--ph-line);border-radius:3px;
+  padding:0 10px;color:var(--ph-fg);
+  display:flex;align-items:center;min-height:34px;
+}
 
 .log p{white-space:normal;margin-bottom:2px}
 .log .step{padding-left:12px;text-indent:-12px}
@@ -487,22 +503,18 @@ <h1><em>dirge</em> — The Minimal<br>Rust Coding Agent</h1>
       <div class="tui-grid">
 
         <!-- LEFT -->
-        <div class="tui-col side">
-          <div class="pnl">
-            <span class="pl">AGENT STATUS</span>
-            <div class="banner">D I R G E</div>
-          </div>
+        <div class="tui-col side lcol">
           <div class="pnl">
             <span class="pl">CONTEXT</span>
-            <p>ctx <span class="ok">▓▓░░░░░░░░</span> 1%</p>
-            <p class="dimt">11.5k / 1.0M · cmp:0</p>
+            <p>ctx [██░░░░░░░░] 1%</p>
+            <p>11.5k / 1.0M · cmp:0</p>
           </div>
           <div class="pnl">
             <span class="pl">ACTIVITY</span>
             <p>edit voxel.html</p>
             <p>read voxel.html</p>
             <p>skill paren-check</p>
-            <p class="dimt">bash cd …/scittle</p>
+            <p>bash cd …/scittle</p>
           </div>
         </div>
 
@@ -531,11 +543,11 @@ <h1><em>dirge</em> — The Minimal<br>Rust Coding Agent</h1>
         </div>
 
         <!-- RIGHT -->
-        <div class="tui-col side">
+        <div class="tui-col side rcol">
           <div class="pnl">
             <span class="pl">SYSTEM LOAD</span>
-            <p>CPU <span class="dimt">[##......]</span> 24%</p>
-            <p>MEM <span class="dimt">[####....]</span> 55%</p>
+            <p>CPU [██░░░░░░] 24%</p>
+            <p>MEM [████░░░░] 55%</p>
           </div>
           <div class="pnl">
             <span class="pl">MCP</span>
@@ -556,6 +568,11 @@ <h1><em>dirge</em> — The Minimal<br>Rust Coding Agent</h1>
 
       </div>
 
+      <div class="tui-input">
+        <div class="tui-face">[$_$]</div>
+        <div class="tui-field"><span class="tcur"></span></div>
+      </div>
+
       <div class="tui-status">
         <span>scittle-voxel</span><span class="dimt">·</span>
         <span>deepseek-v4-pro</span><span class="dimt">·</span>