demo preview: PR #2283 (9e039ab)

Author: github-actions[bot]

pr-2283-preview/architecture.html

@@ -2760,9 +2760,9 @@ <h1>How Copse fits together</h1>
                 h: 58,
                 kind: 'runtime',
                 title: 'Node bundles',
-                sub: 'CJS / Node 22.22.2+',
+                sub: 'CJS / Node 24+',
                 summary:
-                  'Main-side bundles target the pinned Node 22.22.2 floor and externalize Electron, node-pty, the sandbox runtime, native keyring access, browser parsing, shell-quote, and electron-updater.',
+                  'Main-side bundles target the pinned Node 24 floor and externalize Electron, node-pty, the sandbox runtime, native keyring access, browser parsing, shell-quote, and electron-updater.',
                 files: ['scripts/build.mts', 'src/main/index.ts'],
               },
               {

pr-2283/app.css

@@ -1535,9 +1535,37 @@ copse-ui-field input[type=password],
   flex: 1;
   display: flex;
   flex-direction: column;
+  overflow-x: hidden;
+  overflow-y: auto;
+  min-height: 0;
+}
+.terminal-rail-section {
+  flex: 1 1 33.333%;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
   min-height: 0;
 }
+.terminal-rail-resizer {
+  position: relative;
+  z-index: 2;
+  flex: 0 0 var(--pane-divider-width, 1px);
+  height: var(--pane-divider-width, 1px);
+  background: var(--border);
+  cursor: row-resize;
+  touch-action: none;
+}
+.terminal-rail-resizer::after {
+  content: "";
+  position: absolute;
+  inset: -3px 0;
+}
+.terminal-rail-resizer:hover,
+.terminal-rail-resizer:focus-visible,
+.terminal-rail-resizer.is-dragging {
+  background: var(--accent);
+  outline: none;
+}
 .terminals-list-header {
   display: flex;
   align-items: center;
@@ -2170,12 +2198,7 @@ copse-ui-field input[type=password],
   z-index: 10;
 }
 .agent-tasks-section {
-  flex-shrink: 0;
-  max-height: 50%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  border-top: 1px solid var(--border);
+  min-height: 0;
 }
 .agent-tasks-section-header {
   padding: var(--spacing-sm);
@@ -2246,13 +2269,12 @@ copse-ui-field input[type=password],
   font-family: var(--font-mono);
 }
 .supervised-tasks-section {
-  flex-shrink: 0;
-  max-height: 40%;
-  overflow: hidden;
-  border-top: 1px solid var(--border);
+  min-height: 0;
 }
 .supervised-tasks-list {
+  flex: 1;
   overflow-y: auto;
+  min-height: 0;
   padding: var(--spacing-xs) 0;
 }
 .supervised-task-row {
@@ -8398,6 +8420,12 @@ dialog.settings-overlay::backdrop {
   color: var(--text-secondary);
   white-space: pre-wrap;
 }
+.approval-advice-item {
+  display: inline-block;
+  max-width: 100%;
+  padding-left: 1.05em;
+  text-indent: -1.05em;
+}
 .approval-footer {
   margin-top: var(--spacing-sm);
   font-size: var(--font-size-sm);
@@ -9445,6 +9473,15 @@ dialog.settings-overlay::backdrop {
   flex: 1;
   min-width: 0;
 }
+.command-palette-pr {
+  flex-shrink: 0;
+  color: var(--text-muted);
+  font-size: var(--font-size-sm);
+  font-variant-numeric: tabular-nums;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 30%;
+}
 .command-palette-context {
   flex-shrink: 0;
   color: var(--text-muted);
@@ -10375,14 +10412,10 @@ dialog.settings-overlay::backdrop {
 
 /* src/renderer/styles/global/ports.css */
 .ports-section {
-  flex-shrink: 0;
-  max-height: 40%;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  border-top: 1px solid var(--border);
+  min-height: 0;
 }
 .ports-list {
+  flex: 1;
   overflow-y: auto;
   min-height: 0;
   padding: var(--spacing-xs) 0;