From 6a926054da193b4dcbad384dcd378320d2a165e9 Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Sun, 12 Apr 2026 10:34:06 -0600
Subject: [PATCH] agents: add interaction states to back and preview buttons

---
 apps/agents/workspace.html | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/apps/agents/workspace.html b/apps/agents/workspace.html
index 22f322dee..e415686a8 100644
--- a/apps/agents/workspace.html
+++ b/apps/agents/workspace.html
@@ -30,7 +30,7 @@
   align-items: center;
   gap: 0.5rem;
   color: #666;
-  transition: all 0.2s;
+  transition: background 0.2s, border-color 0.2s, color 0.2s;
 }
 
 .back-btn:hover {
@@ -39,6 +39,15 @@
   color: #333;
 }
 
+.back-btn:active {
+  background: #e0e0e0;
+}
+
+.back-btn:focus-visible {
+  outline: 2px solid var(--facet-color, #b06a1a);
+  outline-offset: 2px;
+}
+
 .view-title {
   margin: 0;
   font-size: 1.5rem;
@@ -238,7 +247,7 @@
   cursor: pointer;
   font-size: 0.85rem;
   color: #666;
-  transition: all 0.2s;
+  transition: background 0.2s, border-color 0.2s;
   margin-left: auto;
 }
 
@@ -247,6 +256,15 @@
   border-color: #ccc;
 }
 
+.preview-btn:active {
+  background: #dee2e6;
+}
+
+.preview-btn:focus-visible {
+  outline: 2px solid var(--facet-color, #b06a1a);
+  outline-offset: 2px;
+}
+
 .runs-table {
   width: 100%;
   border-collapse: collapse;
-- 
2.51.2