feat(console): minimise instead of close, and a Clear button that resets the console

Refs #39

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: Maxaubert

docs/mockups/console/shots/impl-idle.png

@@ -54,8 +54,8 @@ toggle in the heads of Completed, Settings, Tools and Generate (Ctrl+` works the
   `.chead`, `.hib`, `.stopbtn`, `.cbody`, `.ln`, `.blk`, `.cmd`, `.pline`, `.comp`) into a new
   `theme/console.css`.
 - **Head (owner feedback 2026-10-06, "just an open and close, keep it simple"):** a slim 28px row, right-aligned:
-  the red **Stop** (only while a command runs) and an icon-only close X (`aria-label="Close console"`).
-  Nothing else: no label, folder button, note, Open in terminal or Clear. The folder shows in the prompt and
+  the red **Stop** (only while a command runs), an icon-only Clear (circle with a slash, `aria-label="Clear console"`, disabled while running; clears the output and the input) and an icon-only Minimise (a bar, `aria-label="Minimise console"`) that hides the panel (owner, 2026-10-06).
+  Nothing else: no label, folder button, note or Open in terminal. The folder shows in the prompt and
   changes with `cd`; `clear`/`cls` and Ctrl+L clear.
 - **Body:** scrollback then the prompt line. The body scrolls (`.scroll-thin`), the output is selectable
   (`.select-text`; `body` is `user-select:none`).

docs/mockups/console/shots/impl-running.png

@@ -89,7 +89,7 @@ async function type(line: string): Promise<void> {
   await prompt().press('Enter')
 }
 
-const closeBtn = () => panel().getByRole('button', { name: 'Close console' })
+const closeBtn = () => panel().getByRole('button', { name: 'Minimise console' })
 const headNames = () =>
   panel()
     .locator('.chead')
@@ -145,14 +145,13 @@ test('closed, the strip holds only the Console button; open, the panel replaces
   await expect(panel()).toBeVisible()
 })
 
-test('the panel head holds only the close X, slim and on the right', async () => {
-  expect(await headNames()).toEqual(['Close console'])
+test('the panel head holds Clear and Minimise, slim and on the right', async () => {
+  expect(await headNames()).toEqual(['Clear console', 'Minimise console'])
   const head = (await panel().locator('.chead').boundingBox())!
   expect(Math.round(head.height)).toBeLessThanOrEqual(28)
   const x = (await closeBtn().boundingBox())!
   expect(Math.round(x.x + x.width)).toBe(Math.round(head.x + head.width))
   await expect(panel().getByRole('button', { name: 'Open in terminal' })).toHaveCount(0)
-  await expect(panel().getByRole('button', { name: 'Clear console' })).toHaveCount(0)
 })
 
 test('typing in the console never changes the view size or zooms the page', async () => {
@@ -232,7 +231,7 @@ test('console completion follows typing while the list is open', async () => {
   await prompt().fill('')
 })
 
-test('clear and Ctrl+L empty the scrollback', async () => {
+test('clear, Ctrl+L and the Clear button empty the scrollback', async () => {
   await type('help')
   await expect(panel().locator('.blk')).not.toHaveCount(0)
   await prompt().press('Control+l')
@@ -241,6 +240,10 @@ test('clear and Ctrl+L empty the scrollback', async () => {
   await expect(panel().locator('.blk')).not.toHaveCount(0)
   await type('clear')
   await expect(panel().locator('.blk')).toHaveCount(0)
+  await type('help')
+  await expect(panel().locator('.blk')).not.toHaveCount(0)
+  await panel().getByRole('button', { name: 'Clear console' }).click()
+  await expect(panel().locator('.blk')).toHaveCount(0)
 })
 
 test('Stop cancels a running convert with exit 130', async () => {
@@ -249,7 +252,7 @@ test('Stop cancels a running convert with exit 130', async () => {
   await expect(stop).toBeVisible()
   // The running footer keeps its key hints; the head is Stop and the close X only.
   await expect(panel().locator('.pline .keys')).toBeVisible()
-  expect(await headNames()).toEqual(['StopCtrl+C', 'Close console'])
+  expect(await headNames()).toEqual(['StopCtrl+C', 'Clear console', 'Minimise console'])
   await stop.click()
   await expect(panel().getByText('exit 130', { exact: false })).toBeVisible({ timeout: 15_000 })
   await expect(stop).toBeHidden()

docs/superpowers/specs/2026-10-06-console-design.md

@@ -91,8 +91,8 @@ test('an empty workspace offers Add files and a disabled Run', async () => {
   await strip.getByRole('button', { name: /^Console/ }).click()
   await expect(panel).toBeVisible()
   await expect(strip).toBeHidden()
-  await expect(panel.locator('.chead').getByRole('button')).toHaveCount(1)
-  await panel.getByRole('button', { name: 'Close console' }).click()
+  await expect(panel.locator('.chead').getByRole('button')).toHaveCount(2)
+  await panel.getByRole('button', { name: 'Minimise console' }).click()
   await expect(panel).toBeHidden()
   await expect(strip).toBeVisible()
 })

e2e/console.spec.ts

@@ -354,7 +354,7 @@ export function ConsolePanel(p: {
         onPointerUp={onSashUp}
         onKeyDown={onSashKey}
       />
-      {/* Only close, and Stop while a command runs (owner feedback, 2026-10-06). */}
+      {/* Stop while a command runs, then Clear and Minimise (owner feedback, 2026-10-06). */}
       <div className="chead">
         {runId && (
           <button type="button" className="stopbtn" onClick={stop}>
@@ -365,11 +365,24 @@ export function ConsolePanel(p: {
         <button
           type="button"
           className="hib"
-          title="Close console"
-          aria-label="Close console"
+          title="Clear console"
+          aria-label="Clear console"
+          disabled={!!runId}
+          onClick={() => {
+            dispatch({ type: 'clear' })
+            setInput('')
+          }}
+        >
+          <Icon name="reset" />
+        </button>
+        <button
+          type="button"
+          className="hib"
+          title="Minimise console"
+          aria-label="Minimise console"
           onClick={p.onClose}
         >
-          <Icon name="close" />
+          <Icon name="minimize" />
         </button>
       </div>
       <div

e2e/ui.spec.ts

@@ -49,6 +49,13 @@ export const ICON_SHAPES: Record<IconName, Prim[]> = {
   'chev-r': [['path', 'M6 4l4 4-4 4']],
   'chev-d': [['path', 'M4 6l4 4 4-4']],
   cleardone: [['path', 'M2 4.5l1.25 1.25L5.5 3.5M2 10.5l1.25 1.25L5.5 9.5M7.5 4.5H14M7.5 10.5H14']],
+  // A bar at the bottom: hide the panel, like a window's minimise.
+  minimize: [['path', 'M3.5 11.5h9']],
+  // Circle with a slash: clear the console back to an empty prompt.
+  reset: [
+    ['circle', 8, 8, 5.5],
+    ['path', 'M4.1 11.9l7.8-7.8']
+  ],
   trash: [['path', 'M3 4.5h10M6 4.5V2.5h4v2M4.5 4.5l.5 9h6l.5-9']],
   eye: [
     ['path', 'M1.5 8s2.5-4.5 6.5-4.5S14.5 8 14.5 8s-2.5 4.5-6.5 4.5S1.5 8 1.5 8z'],

src/renderer/src/components/console/ConsolePanel.tsx

@@ -23,6 +23,8 @@ export const ICON_NAMES = [
   'chev-r',
   'chev-d',
   'trash',
+  'minimize',
+  'reset',
   'cleardone',
   'eye',
   'info',