commit 7231839efcb072bf6e256d56fee7d2d9b4510583
author Philip Zeyliger <philip@bold.dev> Wed May 14 02:56:07 2025 +0000
committer Philip Zeyliger <philip@bold.dev> Tue May 13 20:05:05 2025 -0700
tree 93231c027a5bd66d58513a65327aec37016270d1
parent eab12def4e6aacfd50bf8a460c714d20300706b7

webui: add agent state and status banner

Co-Authored-By: sketch <hello@sketch.dev>
Change-ID: s9f1c332aad2630dfk

webui/src/web-components/sketch-container-status.ts

diff --git a/webui/src/web-components/sketch-container-status.ts b/webui/src/web-components/sketch-container-status.ts
index a0db867..0d2b4f6 100644
--- a/webui/src/web-components/sketch-container-status.ts
+++ b/webui/src/web-components/sketch-container-status.ts
@@ -568,7 +568,7 @@
             </div>
           </div>
 
-          <!-- Second column: git repo and cost -->
+          <!-- Second column: git repo, agent state, and cost -->
           <div class="info-column">
             ${this.state?.git_origin
               ? html`
@@ -600,6 +600,7 @@
                   </div>
                 `
               : ""}
+
             <div class="info-item">
               <span id="totalCost" class="info-value cost"
                 >$${(this.state?.total_usage?.total_cost_usd || 0).toFixed(
@@ -667,6 +668,16 @@
                 >${this.state?.session_id || "N/A"}</span
               >
             </div>
+            ${this.state?.agent_state
+              ? html`
+                  <div class="info-item">
+                    <span class="info-label">Agent State:</span>
+                    <span id="agentState" class="info-value"
+                      >${this.state?.agent_state}</span
+                    >
+                  </div>
+                `
+              : ""}
             <div class="info-item">
               <span class="info-label">Input tokens:</span>
               <span id="inputTokens" class="info-value"