From 11b75c76650e3b91f97836b065953ac0c0d03be7 Mon Sep 17 00:00:00 2001
From: Hop <hop@localhost>
Date: Sat, 11 Jul 2026 18:50:35 -0700
Subject: [PATCH] Add breathing room above proposal outcomes

Hop-State: A_06FN8179TDXZTARKNPVA7G0
Hop-Proposal: R_06FN8156P842QC1DFRA5T9G
Hop-Task: T_06FN80RZH5SJ34E1HRXCP30
Hop-Attempt: AT_06FN80RZH7NVH11C2518Q70
---
 .../prompts/P_06FN80RZH6H7NKBRW1CE7Q8.json      | 17 +++++++++++++++++
 deploy/gitea/public/assets/css/hop-prompts.css  |  4 ++++
 deploy/gitea/public/assets/js/hop-native.js     |  2 +-
 deploy/gitea/templates/custom/footer.tmpl       |  2 +-
 4 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 .hop/records/prompts/P_06FN80RZH6H7NKBRW1CE7Q8.json

diff --git a/.hop/records/prompts/P_06FN80RZH6H7NKBRW1CE7Q8.json b/.hop/records/prompts/P_06FN80RZH6H7NKBRW1CE7Q8.json
new file mode 100644
index 0000000..e8f58b0
--- /dev/null
+++ b/.hop/records/prompts/P_06FN80RZH6H7NKBRW1CE7Q8.json
@@ -0,0 +1,17 @@
+{
+  "id": "P_06FN80RZH6H7NKBRW1CE7Q8",
+  "task_id": "T_06FN80RZH5SJ34E1HRXCP30",
+  "attempt_id": "AT_06FN80RZH7NVH11C2518Q70",
+  "state_id": "P_06FN80RZH6H7NKBRW1CE7Q8",
+  "prompt": "there needs to be padding above proposed outcome\nAttachment: /var/folders/58/b6yn15tx3jb7_6lw9m67f89m0000gn/T/TemporaryItems/NSIRD_screencaptureui_buME62/Screenshot 2026-07-11 at 6.47.51 PM.png",
+  "agent_name": "codex",
+  "status": "proposed",
+  "response_summary": "Add breathing room above proposal outcomes",
+  "created_at": "2026-07-12T01:48:38.665883Z",
+  "metadata": {
+    "source_tree": "7e039d04c2df5cd49e7bc933107622eef4a8c22e",
+    "git_commit": "8001195185d93e6a7628b2357e00e86fbbae4109",
+    "attempt_head": "C_06FN813849CSWMSVM8464TR",
+    "attempt_head_kind": "checkpoint"
+  }
+}
diff --git a/deploy/gitea/public/assets/css/hop-prompts.css b/deploy/gitea/public/assets/css/hop-prompts.css
index 45fa9e7..f91da2c 100644
--- a/deploy/gitea/public/assets/css/hop-prompts.css
+++ b/deploy/gitea/public/assets/css/hop-prompts.css
@@ -144,6 +144,10 @@
 	text-transform: uppercase;
 }
 
+.hop-prompt h2.hop-prompt__outcome-heading {
+	margin-top: 1.25rem;
+}
+
 .hop-prompt pre,
 .hop-prompt__response {
 	background: var(--color-box-body);
diff --git a/deploy/gitea/public/assets/js/hop-native.js b/deploy/gitea/public/assets/js/hop-native.js
index 43fa0b7..0cdf841 100644
--- a/deploy/gitea/public/assets/js/hop-native.js
+++ b/deploy/gitea/public/assets/js/hop-native.js
@@ -217,7 +217,7 @@
     record.append(makeElement('h2', '', 'Captured request'));
     record.append(makeElement('pre', '', prompt.prompt));
     if (prompt.response_summary) {
-      record.append(makeElement('h2', '', 'Proposal outcome'));
+      record.append(makeElement('h2', 'hop-prompt__outcome-heading', 'Proposal outcome'));
       record.append(makeElement('div', 'hop-prompt__response', prompt.response_summary));
     }
 
diff --git a/deploy/gitea/templates/custom/footer.tmpl b/deploy/gitea/templates/custom/footer.tmpl
index 6f2adeb..90711ef 100644
--- a/deploy/gitea/templates/custom/footer.tmpl
+++ b/deploy/gitea/templates/custom/footer.tmpl
@@ -1,3 +1,3 @@
 <link rel="stylesheet" href="{{AssetUrlPrefix}}/css/hop-home.css?v=4">
-<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/hop-prompts.css?v=1">
+<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/hop-prompts.css?v=2">
 <script src="{{AssetUrlPrefix}}/js/hop-native-v13.js?v=1"></script>