From 7da9fb4d53536039f046abcf95e44765d632a5df Mon Sep 17 00:00:00 2001
From: Codeman maintainer <noreply@anthropic.com>
Date: Mon, 10 Aug 2026 11:58:06 +0200
Subject: [PATCH] fix(cases): give the collapsed Add Case blocks a disclosure
 chevron

`summary { display: flex }` in the Add Case adapter drops the browser's own
disclosure triangle, so Clone options, Container settings, Advanced SSH,
Discover existing sessions and Advanced container settings rendered as plain
uppercase headings with nothing to say they open. Reported as exactly that.

Each summary now carries an explicit chevron that rotates 180 degrees on
`[open]`, matching the Advanced group in App Settings, plus a hover state on
the row. The default marker is suppressed in both spellings (`list-style` and
`::-webkit-details-marker`) so a browser that would still paint one does not
end up with two.
---
 src/web/public/index.html | 10 +++++-----
 src/web/public/styles.css | 29 +++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/web/public/index.html b/src/web/public/index.html
index 5e9f17a7..a36975a9 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -2353,7 +2353,7 @@
               <span class="form-hint">Runs this case in a hardened, isolated container. The base image is built automatically on first use. Docker/Podman must be installed.</span>
             </div>
             <details class="advanced-options docker-quick-settings" id="dockerQuickSettings">
-              <summary>Container settings (optional, sensible defaults)</summary>
+              <summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Container settings (optional, sensible defaults)</span></summary>
               <div class="advanced-options-content">
                 <div class="form-row">
                   <label>Template</label>
@@ -2433,7 +2433,7 @@
               <span class="form-hint">Which CLI to point the Run button at once the clone finishes. Changeable any time from the Run dropdown.</span>
             </div>
             <details class="advanced-options">
-              <summary>Clone options</summary>
+              <summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Clone options</span></summary>
               <div class="advanced-options-content">
                 <div class="form-row">
                   <label class="checkbox-row"><input type="checkbox" id="cloneShallow"> Shallow clone (--depth 1)</label>
@@ -2507,7 +2507,7 @@
               <span class="form-hint">Optional. Leave blank to use exec codex on the remote host.</span>
             </div>
             <details class="advanced-options">
-              <summary>Advanced SSH</summary>
+              <summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Advanced SSH</span></summary>
               <div class="advanced-options-content">
                 <div class="form-row">
                   <label>Identity File</label>
@@ -2533,7 +2533,7 @@
             </details>
             <!-- COD-105 — discover + attach existing remote tmux sessions this Codeman didn't create. -->
             <details class="advanced-options" id="remoteDiscoverSection">
-              <summary>Discover existing sessions</summary>
+              <summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Discover existing sessions</span></summary>
               <div class="advanced-options-content">
                 <span class="form-hint">Find <code>codeman-*</code> tmux sessions already running on this host (started by the remote's own Codeman or another instance) and attach to one. Attaching shares the session; closing the tab detaches it — it is never killed.</span>
                 <div class="form-row" style="margin-top: 8px;">
@@ -2579,7 +2579,7 @@
               </select>
             </div>
             <details class="advanced-options">
-              <summary>Advanced container settings</summary>
+              <summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Advanced container settings</span></summary>
               <div class="advanced-options-content">
                 <div class="form-row">
                   <label>Memory</label>
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 356694d8..5bdb361b 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -15767,6 +15767,35 @@ html[data-skin="daylight-blue"] .welcome-btn-tunnel.active:hover {
   background: linear-gradient(90deg, var(--border), transparent);
 }
 
+/* `display: flex` above drops the browser's own disclosure triangle, so the
+   chevron is explicit markup. Without it these rows read as plain headings and
+   nobody thinks to click them (reported on Clone options / Container settings). */
+#createCaseModal .set-doc .advanced-options > summary {
+  list-style: none;
+}
+
+#createCaseModal .set-doc .advanced-options > summary::-webkit-details-marker {
+  display: none;
+}
+
+#createCaseModal .set-doc .advanced-options > summary .set-adv-chev {
+  flex-shrink: 0;
+  color: var(--text-dim);
+  transition: transform 0.18s, color 0.15s;
+}
+
+#createCaseModal .set-doc .advanced-options[open] > summary .set-adv-chev {
+  transform: rotate(180deg);
+}
+
+#createCaseModal .set-doc .advanced-options > summary:hover {
+  color: var(--text);
+}
+
+#createCaseModal .set-doc .advanced-options > summary:hover .set-adv-chev {
+  color: var(--accent);
+}
+
 #createCaseModal .set-doc .advanced-options-content {
   padding-top: 4px;
 }