fix(maestro): keep the draft first when the composer wraps

The attach button precedes the draft in the DOM, so under the ≤520px wrap rule it took a line of its own above the textarea. An explicit order puts the draft back on the first line and groups every control below it. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Merge remote-tracking branch 'origin/main' into balalaika
2026-09-07 10:27:46 +01:00 · 2026-09-07 10:25:40 +01:00 · 2026-09-07 10:23:15 +01:00 · 2026-09-07 10:16:56 +01:00
1 changed files with 32 additions and 23 deletions
@@ -3062,31 +3062,24 @@ input.leaf-rename:focus {
 }

 /* The composer is a sibling of the scrolling transcript, not part of it: it
-   stays reachable at the pane edge without changing transcript scroll math. */
+   stays reachable at the pane edge without changing transcript scroll math.
+   It is a flush band at the foot of the pane rather than a floating card: its
+   own `--surface` fill is what separates it from the transcript, over a
+   hairline that doubles as the focus indicator. Inner metrics line the draft
+   up with the transcript's own 12px gutter. */
 .structured-composer {
  flex: 0 0 auto;
-  margin: var(--sp-2) var(--sp-3) max(var(--sp-2), env(safe-area-inset-bottom));
-  padding: var(--sp-1);
-  border: 1px solid var(--border-strong);
-  border-radius: var(--r-3);
+  padding: var(--sp-1) var(--sp-1) max(var(--sp-1), env(safe-area-inset-bottom));
+  border-top: 1px solid var(--border);
  background: var(--surface);
  display: flex;
  align-items: flex-end;
  gap: var(--sp-1);
-  box-shadow:
-    inset 0 1px 0 color-mix(in oklab, var(--ink) 6%, transparent),
-    var(--shadow-1);
-  transition:
-    border-color var(--dur-fast) var(--ease-out),
-    box-shadow var(--dur-fast) var(--ease-out);
+  transition: border-color var(--dur-fast) var(--ease-out);
 }

 .structured-composer:focus-within {
-  border-color: var(--accent);
-  box-shadow:
-    inset 0 1px 0 color-mix(in oklab, var(--ink) 8%, transparent),
-    0 0 0 3px var(--accent-tint),
-    var(--shadow-1);
+  border-top-color: var(--accent);
 }

 .structured-input-wrap {
@@ -3151,6 +3144,10 @@ input.leaf-rename:focus {
  line-height: 20px;
 }

+.structured-input:focus-visible {
+  outline: none;
+}
+
 .structured-composer .structured-send,
 .structured-composer .structured-cancel {
  height: 40px;
@@ -3208,17 +3205,29 @@ input.leaf-rename:focus {
 }

@media (max-width: 520px) {
+  /* One row cannot hold a draft plus three controls at phone width — the
+     draft gets a line of its own and the controls drop below it. */
  .structured-composer {
-    margin: var(--sp-1) 0 0;
-    padding-bottom: calc(var(--sp-1) + env(safe-area-inset-bottom, 0px));
-    border-right: 0;
-    border-bottom: 0;
-    border-left: 0;
-    border-radius: var(--r-2) var(--r-2) 0 0;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    padding-left: var(--sp-2);
+    padding-right: var(--sp-2);
+  }
+
+  /* `order` keeps the draft on the first line: without it the attach button,
+     which precedes it in the DOM, wraps onto a line of its own. */
+  .structured-input-wrap {
+    flex: 1 1 100%;
+    order: -1;
+  }
+
+  .structured-composer .structured-config {
+    margin-right: auto;
  }

  .structured-config-menu {
-    right: calc(-1 * (var(--control-h) + var(--sp-2)));
+    left: 0;
+    right: auto;
  }
 }
Author	SHA1	Message	Date
Miguel PalhasandClaude Opus 5	a7d8b5e22f	fix(maestro): keep the draft first when the composer wraps ci / web (push) Successful in 28s Details ci / flake (push) Successful in 3m24s Details ci / rust (push) Successful in 6m8s Details The attach button precedes the draft in the DOM, so under the ≤520px wrap rule it took a line of its own above the textarea. An explicit order puts the draft back on the first line and groups every control below it. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-07 10:27:46 +01:00
Miguel Palhas	2f695e1354	Merge remote-tracking branch 'origin/main' into balalaika	2026-09-07 10:25:40 +01:00
Miguel PalhasandClaude Opus 5	b4d4b0712c	fix(maestro): keep the composer's one-row layout Reverts the stacked control strip from `f78aa13`. The floating card is still gone — flush band, one hairline against the transcript that doubles as the focus indicator — but the composer keeps its own `--surface` fill so it still reads as distinct from the pane, and the draft, gear and Send stay on one bottom-aligned row. At phone width that row cannot hold a draft plus three controls, so it wraps: the draft takes a full line and the controls drop below it. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-07 10:23:15 +01:00
Miguel PalhasandClaude Opus 5	f78aa13b36	fix(maestro): flatten structured composer The composer was a floating bordered card inset from the pane edge, and its send button was bottom-aligned beside the textarea, so it sank as the draft grew. It is now a flush band at the foot of the pane: one hairline rule against the transcript, which doubles as the focus indicator. The textarea spans the full width and the controls sit in a fixed strip below it, so the send button keeps its place however tall the draft grows. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-07 10:16:56 +01:00