farming-code 2.2.18 → 2.2.20

package/frontend/skins/crt/index.html

@@ -977,22 +977,15 @@
             margin-bottom: 20px;
         }
 
-        .empty-state p {
-            margin-bottom: 16px;
-        }
-
-        .empty-start-agent {
-            padding: 8px 20px;
-            border: 1px solid #00ff00;
-            background: #1a1a1a;
-            color: #00ff00;
-            cursor: pointer;
-            font: inherit;
+        .empty-state-shortcuts {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 10px;
         }
 
-        .empty-start-agent:hover,
-        .empty-start-agent:focus-visible {
-            background: #3a3a3a;
+        .empty-state-shortcuts p {
+            margin: 0;
         }
 
         .modal.active {
@@ -1482,7 +1475,7 @@
     <div class="top-bar">
         <div class="top-bar-item">AGENTS: <span id="active-agents">0</span>/<span id="total-agents">0</span></div>
         <div class="top-bar-item" id="agent-page-item" hidden>PAGE: <span id="agent-page-status">1/1</span></div>
-        <div class="top-bar-item" title="Estimated terminal output tokens per minute over the last 5 minutes">TOK/MIN: <span id="tokens-per-minute">--</span></div>
+        <div class="top-bar-item" title="Provider-reported tokens per minute over the last 5 minutes">TOK/MIN: <span id="tokens-per-minute">--</span></div>
         <div class="top-bar-item">CPU: <span id="cpu-usage">--</span>%</div>
         <div class="top-bar-item">MEM: <span id="mem-percentage">--</span>%</div>
         <div class="top-bar-item" id="focus-region" style="display: none;">Focus: <span id="focus-region-name">--</span></div>
@@ -1495,15 +1488,10 @@
         <div class="map-area" id="map-area">
             <div class="empty-state" id="empty-state">
                 <h2>No Agents Running</h2>
-                <p>Press <strong>N</strong> to start a new agent</p>
-                <button
-                    type="button"
-                    class="empty-start-agent"
-                    data-crt-nav-key="empty:new-agent"
-                    data-crt-nav-default="true"
-                    tabindex="-1"
-                    onclick="showInputDialog()"
-                >[N] New Agent</button>
+                <div class="empty-state-shortcuts">
+                    <p>Press <strong>[N]</strong> to start a new agent</p>
+                    <p>Press <strong>[H]</strong> to continue from history</p>
+                </div>
             </div>
         </div>
 
@@ -1557,8 +1545,8 @@
                 <h2>Billing</h2>
                 <div class="billing-header-actions">
                     <div class="billing-view-switch" role="tablist" aria-label="Billing view">
-                        <button type="button" id="billing-days-tab" class="active" role="tab" aria-selected="true" data-crt-nav-key="billing:days" tabindex="-1" onclick="setCrtBillingMode('days')">[D] DAYS</button>
-                        <button type="button" id="billing-live-tab" role="tab" aria-selected="false" data-crt-nav-key="billing:live" tabindex="-1" onclick="setCrtBillingMode('live')">[L] LIVE</button>
+                        <button type="button" id="billing-days-tab" class="active" role="tab" aria-selected="true" data-crt-nav-key="billing:days" tabindex="-1" onclick="selectCrtBillingMode('days')">[D] DAYS</button>
+                        <button type="button" id="billing-live-tab" role="tab" aria-selected="false" data-crt-nav-key="billing:live" tabindex="-1" onclick="selectCrtBillingMode('live')">[L] LIVE</button>
                     </div>
                     <span class="billing-status" id="billing-status">STANDBY</span>
                 </div>
@@ -1678,12 +1666,12 @@
                         <div class="billing-meter">
                             <span>INTEGRAL</span>
                             <strong id="billing-window-total">--</strong>
-                            <small>TOKENS · 60M</small>
+                            <small id="billing-window-label">TOKENS · WINDOW</small>
                         </div>
                         <div class="billing-meter">
                             <span>PEAK</span>
                             <strong id="billing-peak-rate">--</strong>
-                            <small>TOK/MIN · 60M</small>
+                            <small id="billing-peak-label">TOK/MIN · WINDOW</small>
                         </div>
                         <div class="billing-meter">
                             <span>DUTY</span>
@@ -1694,16 +1682,16 @@
 
                     <section class="billing-scope-panel" aria-label="Token burn oscilloscope">
                         <div class="billing-panel-heading">
-                            <h3>TOKEN BURN // 60 MINUTES</h3>
+                            <h3 id="billing-scope-title">TOKEN BURN // WINDOW</h3>
                             <span id="billing-scope-scale">-- TOK/MIN PEAK</span>
                         </div>
                         <div class="billing-scope-screen">
-                            <canvas id="billing-scope" role="img" aria-label="Token burn rate over the last 60 minutes"></canvas>
+                            <canvas id="billing-scope" role="img" aria-label="Token burn rate for the reported window"></canvas>
                             <div class="billing-scope-sweep" aria-hidden="true"></div>
                             <div class="billing-scope-empty" id="billing-scope-empty">AWAITING SIGNAL</div>
                         </div>
                         <div class="billing-scope-axis" aria-hidden="true">
-                            <span>-60M</span><span>-30M</span><span>NOW</span>
+                            <span id="billing-scope-start">-WINDOW</span><span id="billing-scope-midpoint">-MID</span><span>NOW</span>
                         </div>
                     </section>
                 </div>
@@ -1972,13 +1960,8 @@
                     </div>
                 </div>
 
-                <h3 style="margin: 30px 0 15px; color: #00ff00;">Session Engine</h3>
-                <div id="session-engine-settings">
-                    <div class="settings-panel">
-                        <label style="display: block; color: #00ff00; margin-bottom: 10px;">Coding Agent Engine</label>
-                        <div class="settings-static-value">built-in</div>
-                        <div style="color: #888; font-size: 12px; margin-top: 8px;">Uses Farming's built-in local session runtime.</div>
-                    </div>
+                <h3 style="margin: 30px 0 15px; color: #00ff00;">Agent Permissions</h3>
+                <div id="agent-permission-settings">
                     <div class="settings-panel">
                         <label class="crt-checkbox-label" tabindex="-1" data-crt-nav-key="settings:skip-permissions">
                             <input type="checkbox" id="skip-permission-check-by-default" class="crt-checkbox danger">

package/frontend/skins/crt/styles/billing.css

@@ -50,7 +50,12 @@
 
 #farming-crt .billing-view-switch button:hover,
 #farming-crt .billing-view-switch button:focus-visible,
-#farming-crt .billing-view-switch button.crt-nav-selected,
+#farming-crt .billing-view-switch button.crt-nav-selected {
+    color: var(--crt-phosphor-bright);
+    border-color: rgba(85, 245, 155, 0.72);
+    outline: none;
+}
+
 #farming-crt .billing-view-switch button.active {
     color: var(--crt-background);
     background: var(--crt-phosphor-bright);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "farming-code",
-  "version": "2.2.18",
+  "version": "2.2.20",
   "description": "Remote browser workspace for supervising AI coding agents",
   "main": "backend/server.js",
   "bin": {