cli-jaw 2.17.62 → 2.17.63

package/public/manager/src/code/code-workbench.css

@@ -145,7 +145,12 @@
 .code-tool-summary:hover .code-tool-chevron,
 .code-tool-summary:focus-visible .code-tool-chevron { opacity: 1; }
 .code-tool-card[open] > .code-tool-summary .code-tool-chevron { transform: rotate(90deg); opacity: 1; }
+.code-tool-summary-text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
 .code-tool-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 650; line-height: 1.15; }
+.code-tool-desc {
+    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    color: var(--text-dim); font-weight: 400; font-size: 11px;
+}
 /* A call in flight reads as in-flight. The verb already says so; this keeps the
    row alive while it streams, and stopping is what marks completion -- no chip
    that says "Done" on every successful row. */
@@ -200,11 +205,41 @@
     border-radius: 4px;
     padding: 6px 8px;
     overflow-x: auto;
-    max-height: 200px;
+    max-height: min(18rem, 50dvh);
     overflow-y: auto;
     white-space: pre-wrap;
     margin: 4px 0;
+    user-select: text;
+}
+.code-tool-body > .code-tool-text { margin: 4px 10px 0; }
+.code-tool-body[data-expanded="true"] .code-tool-text,
+.code-tool-body[data-expanded="true"] .code-tool-output,
+.code-tool-body[data-expanded="true"] .code-tool-json,
+.code-tool-body[data-expanded="true"] .code-tool-args,
+.code-tool-body[data-expanded="true"] .code-tool-error { max-height: none; }
+.code-tool-section-head { display: flex; align-items: center; gap: 6px; }
+.code-tool-section-head .code-tool-section-label { flex: 1; min-width: 0; }
+.code-tool-copy {
+    flex-shrink: 0; padding: 0 6px; border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-sm); background: var(--bg-panel);
+    color: var(--text-secondary); font: inherit; font-size: 10px; line-height: 16px;
+    cursor: pointer;
+}
+.code-tool-copy:hover { background: var(--bg-raised); color: var(--text-primary); }
+.code-tool-copy.copied {
+    color: var(--status-success);
+    border-color: color-mix(in srgb, var(--status-success) 40%, var(--border-subtle));
+}
+.code-tool-copy:focus-visible, .code-tool-toggle:focus-visible {
+    outline: 2px solid var(--ring); outline-offset: 2px;
+}
+.code-tool-waiting { margin: 4px 10px 0; color: var(--text-dim); font-size: 11px; }
+.code-tool-toggle {
+    align-self: flex-start; margin: 2px 10px 0; padding: 0; border: 0;
+    background: none; color: var(--accent); font: inherit; font-size: 11px;
+    text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
 }
+.code-tool-toggle:hover { background: none; }
 .code-tool-section {
     margin: 8px 10px 0;
 }

package/public/manager/src/code/code.css

@@ -1,5 +1,6 @@
 @import './code-workbench.css';
 @import './code-composer.css';
+@import './code-session-sidebar.css';
 
 /* Code mode — uses Manager token system (manager-tokens.css) for dark/light parity */
 /* Boundary (slice 211): monitor panel CSS (goal-status/background-tasks/workers) is
@@ -66,15 +67,54 @@
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }
-.code-session-new-btn {
-    width: 20px; height: 20px;
-    border: none; border-radius: 4px;
+/* The new-session entry point is the one control every visit to this list
+   starts from, so it gets a full-width primary button rather than a row in
+   the list it creates. */
+.code-session-new-primary {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    width: 100%;
+    margin: 0 0 8px;
+    padding: 7px 10px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 6px;
     background: var(--accent-soft);
     color: var(--accent);
-    font-size: 14px; cursor: pointer;
-    display: flex; align-items: center; justify-content: center;
+    font: inherit;
+    font-size: 12px;
+    font-weight: 600;
+    cursor: pointer;
+    text-align: left;
     min-height: auto;
 }
+.code-session-new-primary:hover { border-color: var(--accent); }
+.code-session-new-primary.active { border-color: var(--accent); }
+.code-session-new-label { flex: 0 0 auto; }
+.code-session-new-hint {
+    margin-left: auto;
+    padding: 1px 5px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 4px;
+    background: var(--bg-base);
+    color: var(--text-dim);
+    font-family: inherit;
+    font-size: 9px;
+    font-weight: 600;
+    line-height: 1.4;
+    white-space: nowrap;
+}
+.code-session-draft-badge {
+    flex: 0 0 auto;
+    padding: 1px 6px;
+    border-radius: 999px;
+    background: color-mix(in srgb, var(--status-warn) 16%, var(--bg-base));
+    color: var(--status-warn);
+    font-size: 9px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.4px;
+}
 .code-session-view-toggle {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -171,9 +211,30 @@
     white-space: nowrap;
 }
 .code-session-group-title span {
-    flex: 0 0 auto;
+    flex: 0 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
     color: var(--text-secondary);
 }
+.code-session-group-new {
+    flex: 0 0 auto;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: transparent;
+    color: var(--text-dim);
+    font-size: 13px;
+    line-height: 1;
+    cursor: pointer;
+    min-height: auto;
+}
+.code-session-group-new:hover {
+    background: var(--accent-soft);
+    color: var(--accent);
+}
 .code-session-list-empty, .code-session-list-loading {
     font-size: 11px; color: var(--text-dim); padding: 12px 4px;
 }
@@ -447,6 +508,102 @@
     font-size: 13px; text-align: center;
 }
 .code-transcript-cwd { font-size: 11px; margin-top: 8px; font-family: monospace; color: var(--text-secondary); }
+
+/* Draft empty state: the workspace is the one decision that gates a new
+   session, so it owns the prominent control; everything else is secondary. */
+.code-draft-empty {
+    flex: 1 1 0;
+    min-height: 0;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    /* `safe` keeps the first line reachable when the draft content is taller
+       than the pane; plain `center` clips it out of scroll range. */
+    justify-content: safe center;
+    gap: 14px;
+    padding: 32px 24px;
+    text-align: center;
+}
+.code-draft-empty-title {
+    margin: 0;
+    font-size: 22px;
+    font-weight: 650;
+    color: var(--text-primary);
+}
+.code-draft-empty-picker {
+    max-width: min(72vw, 520px);
+    height: 34px;
+    padding: 0 14px;
+    font-size: 14px;
+}
+.code-draft-empty-selection {
+    margin: 0;
+    font-size: 12px;
+    color: var(--text-secondary);
+}
+.code-draft-recents {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 6px;
+    max-width: min(72vw, 520px);
+}
+.code-draft-recents-label {
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--text-dim);
+}
+.code-draft-recent {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 5px 12px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 6px;
+    background: var(--bg-panel);
+    color: var(--text-secondary);
+    font: inherit;
+    font-size: 12px;
+    font-family: monospace;
+    cursor: pointer;
+}
+.code-draft-recent:hover {
+    border-color: var(--accent);
+    color: var(--text-primary);
+}
+.code-draft-recent:focus-visible,
+.code-draft-prompt:focus-visible {
+    outline: 2px solid var(--ring);
+    outline-offset: 1px;
+}
+.code-draft-recent:disabled,
+.code-draft-prompt:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}
+.code-draft-prompts {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 8px;
+    max-width: min(78vw, 560px);
+}
+.code-draft-prompt {
+    padding: 6px 12px;
+    border: 1px solid var(--border-subtle);
+    border-radius: 999px;
+    background: var(--bg-base);
+    color: var(--text-secondary);
+    font: inherit;
+    font-size: 12px;
+    cursor: pointer;
+}
+.code-draft-prompt:hover {
+    border-color: var(--accent);
+    color: var(--text-primary);
+}
 .code-message { margin-bottom: 16px; }
 .code-message-tool { margin-bottom: 1px; }
 .code-transcript-virtual-spacer {
@@ -485,6 +642,14 @@
     border-radius: 12px 12px 4px 12px;
     background: var(--bg-raised);
 }
+/* A quiet text action under the prompt it rolls back to; the confirm carries the weight. */
+.code-message-rollback {
+    margin-top: 4px; padding: 0; border: 0; background: none;
+    color: var(--text-dim); font: inherit; font-size: 11px; cursor: pointer;
+    text-decoration: underline; text-underline-offset: 2px;
+}
+.code-message-rollback:hover { color: var(--text-primary); }
+.code-message-rollback:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
 /* A prompt the server has not echoed yet is dimmed, never hidden. */
 .code-message-user.is-unsent .code-message-text { opacity: 0.72; border-style: dashed; }
 .code-message-text {
@@ -615,7 +780,6 @@
 .code-session-actions > div, .code-session-rename { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0; }
 .code-session-rename input { min-width: 0; width: 100%; padding: 5px; border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); background: var(--bg-base); color: var(--text-primary); font: inherit; }
 .code-session-archive-filter { display: flex; align-items: center; gap: 5px; margin: 4px 8px 8px; color: var(--text-secondary); font-size: 11px; }
-.code-session-new-btn { min-width: 24px; min-height: 24px; }
 .code-session-search { box-sizing: border-box; }
 .code-session-status-failed { color: var(--status-error); }
 .code-session-status-stopping { color: var(--status-warn); }

package/public/manager/src/code/session-order.ts

@@ -10,6 +10,8 @@ import type { CodeSessionInfo } from '../../../../src/code-mode/wire';
  * actually changes about it, so the list moves when a session is created or
  * archived and not merely because it is busy. Which session is running is
  * carried by the row's own status, which is where a changing fact belongs.
+ * The one exception is the Activity view the reader switches to on purpose,
+ * which is ordered by last activity with unread sessions on top.
  */
 export type CodeSessionSection = 'active' | 'archived';
 
@@ -67,3 +69,81 @@ export function codeSessionAttentionLabel(attention: CodeSessionAttention): stri
     return `${attention.count} pending approval${attention.count === 1 ? '' : 's'}`;
 }
 
+
+/**
+ * t3code's hasUnseenCompletion: a finished turn the reader has not opened since.
+ * A session never opened, or one archived, is never unread — an update must not
+ * light up every historical row.
+ */
+export function codeSessionUnread(session: CodeSessionInfo): boolean {
+    if (session.archivedAt !== null) return false;
+    const completed = session.lastTurnCompletedAt;
+    const visited = session.lastVisitedAt;
+    if (completed === null || visited === null) return false;
+    return completed > visited;
+}
+
+export type CodeWorkspaceGroup = { cwd: string; sessions: CodeSessionInfo[] };
+
+/**
+ * Projects view. Rows keep creation order inside their workspace, and a workspace
+ * is placed by its newest session: creating a session brings its workspace up,
+ * a busy session moves nothing.
+ */
+export function groupCodeSessionsByWorkspace(sessions: readonly CodeSessionInfo[]): CodeWorkspaceGroup[] {
+    const map = new Map<string, CodeSessionInfo[]>();
+    for (const session of [...sessions].sort(compareCodeSessions)) {
+        const rows = map.get(session.cwd) ?? [];
+        rows.push(session);
+        map.set(session.cwd, rows);
+    }
+    return [...map].map(([cwd, rows]) => ({ cwd, sessions: rows }));
+}
+
+export type CodeActivityBucket = 'priority' | 'today' | 'yesterday' | 'earlier';
+export type CodeActivityGroup = { bucket: CodeActivityBucket; sessions: CodeSessionInfo[] };
+
+const ACTIVITY_BUCKET_ORDER: CodeActivityBucket[] = ['priority', 'today', 'yesterday', 'earlier'];
+
+export const CODE_ACTIVITY_BUCKET_LABELS: Record<CodeActivityBucket, string> = {
+    priority: 'Priority', today: 'Today', yesterday: 'Yesterday', earlier: 'Earlier',
+};
+
+function startOfLocalDay(ms: number): number {
+    const day = new Date(ms);
+    day.setHours(0, 0, 0, 0);
+    return day.getTime();
+}
+
+/**
+ * Activity view, which the reader opts into: unread sessions first (newest
+ * completion first), then the rest by last activity in local-day buckets. The
+ * open session is never in Priority, even before its read receipt lands.
+ */
+export function groupCodeSessionsByActivity(sessions: readonly CodeSessionInfo[], now = Date.now(),
+    openSessionId: string | null = null): CodeActivityGroup[] {
+    const today = startOfLocalDay(now);
+    const yesterday = startOfLocalDay(today - 1);
+    const byBucket = new Map<CodeActivityBucket, CodeSessionInfo[]>();
+    for (const session of sessions) {
+        const bucket: CodeActivityBucket = session.sessionId !== openSessionId && codeSessionUnread(session) ? 'priority'
+            : session.lastUsedAt >= today ? 'today'
+                : session.lastUsedAt >= yesterday ? 'yesterday' : 'earlier';
+        const rows = byBucket.get(bucket) ?? [];
+        rows.push(session);
+        byBucket.set(bucket, rows);
+    }
+    const key = (bucket: CodeActivityBucket, session: CodeSessionInfo) =>
+        bucket === 'priority' ? (session.lastTurnCompletedAt ?? session.lastUsedAt) : session.lastUsedAt;
+    return ACTIVITY_BUCKET_ORDER.filter(bucket => byBucket.has(bucket)).map(bucket => ({
+        bucket,
+        sessions: byBucket.get(bucket)!.sort((left, right) =>
+            key(bucket, right) - key(bucket, left) || left.sessionId.localeCompare(right.sessionId)),
+    }));
+}
+
+/** Last path segment for labels; callers keep the full path in a title attribute. */
+export function codeWorkspaceName(cwd: string): string {
+    const trimmed = cwd.replace(/[\\/]+$/, '');
+    return trimmed.split(/[\\/]/).pop() || cwd;
+}

package/public/manager/src/code/tool-summary.ts

@@ -1,4 +1,5 @@
 import type { CodeItem } from '../../../../src/code-mode/wire';
+import { firstInputLine, firstToolField, parseToolArguments, parseToolInput, prettyToolInput, TOOL_DESCRIPTION_KEYS, TOOL_INPUT_KEY_ORDER, TOOL_INPUT_KEYS } from '../../../../src/shared/tool-input.js';
 
 /**
  * One line that says what a tool call did, in the user's terms.
@@ -58,22 +59,55 @@ export function summariseToolInput(input: string | undefined, workingDir: string
     if (!input) return '';
     const raw = input.trim();
     if (!raw) return '';
-    if (raw.startsWith('{')) {
-        try {
-            const parsed = JSON.parse(raw) as Record<string, unknown>;
-            for (const key of ['command', 'cmd', 'path', 'file_path', 'file', 'url', 'query', 'pattern']) {
-                const value = parsed[key];
-                if (typeof value === 'string' && value.trim()) {
-                    return key === 'path' || key === 'file' || key === 'file_path'
-                        ? shortenPath(value, workingDir) : firstLine(value);
-                }
+    const parsed = parseToolArguments(raw);
+    if (parsed) {
+        for (const key of TOOL_INPUT_KEY_ORDER) {
+            const value = firstToolField(parsed, [key]);
+            if (value !== null) {
+                return key === 'path' || key === 'file' || key === 'file_path'
+                    ? shortenPath(value, workingDir) : firstLine(value);
             }
-            return '';
-        } catch { /* not JSON after all; fall through to the raw text */ }
+        }
+        return '';
     }
     return raw.includes('/') && !raw.includes(' ') ? shortenPath(raw, workingDir) : firstLine(raw);
 }
 
+/**
+ * The call's own description, shown as muted secondary text under the row
+ * label. It is the runtime's reason for the call, not the label itself.
+ */
+export function toolInputDescription(input: string | undefined): string {
+    const description = parseToolInput(input).description;
+    return description === null ? '' : firstInputLine(description);
+}
+
+/**
+ * What the expanded call shows. A shell call prints its decoded command with
+ * real newlines, never the {"command": ...} envelope; every other tool
+ * pretty-prints its arguments, and a non-JSON argument stays as sent (a
+ * retention-truncated envelope still decodes its recognised field).
+ *
+ * `parameters` keeps the rest of a command envelope (timeout, cwd…) visible so
+ * nothing the call sent is hidden; `description` is the call's own description
+ * in full — the summary row only ever borrows its first line.
+ */
+export function toolInputDisplay(input: string | undefined): { content: string; command: boolean; parameters: string | null; description: string | null } | null {
+    if (input === undefined) return null;
+    const parsed = parseToolInput(input);
+    let parameters: string | null = null;
+    if (parsed.object && parsed.field === 'command') {
+        const hidden = new Set([...TOOL_INPUT_KEYS.command, ...TOOL_DESCRIPTION_KEYS]);
+        const rest = Object.fromEntries(Object.entries(parsed.object).filter(([key]) => !hidden.has(key)));
+        if (Object.keys(rest).length) parameters = JSON.stringify(rest, null, 2);
+    }
+    const command = parsed.field === 'command' && parsed.value !== null;
+    const content = command ? parsed.value!
+        : parsed.object ? prettyToolInput(input)
+            : parsed.value ?? input;
+    return { content, command, parameters, description: parsed.description };
+}
+
 export function toolSummary(item: CodeItem, workingDir: string): string {
     const active = isActive(item.status);
     if (item.kind === 'file_change') {

package/public/manager/src/folder-panel/folder-shortcuts.ts

@@ -1,3 +1,5 @@
+import { currentClientPlatform, isMacLikePlatform } from '../client-platform';
+
 export type FolderShortcutAction = 'copy-path' | 'copy-relative-path' | 'reveal-path' | 'start-chord' | 'cancel-chord';
 
 type KeyboardLike = {
@@ -20,14 +22,8 @@ export type FolderClickModifierLike = {
     ctrlKey: boolean;
 };
 
-function platformLooksMac(platform: string): boolean {
-    return /mac|iphone|ipad|ipod/i.test(platform);
-}
-
 export function currentFolderShortcutPlatform(): string {
-    if (typeof navigator === 'undefined') return '';
-    const nav = navigator as Navigator & { userAgentData?: { platform?: string } };
-    return nav.userAgentData?.platform || navigator.platform || navigator.userAgent || '';
+    return currentClientPlatform();
 }
 
 export function isEditableShortcutTarget(target: EventTarget | null): boolean {
@@ -40,14 +36,14 @@ export function isEditableShortcutTarget(target: EventTarget | null): boolean {
 }
 
 export function isPlatformToggleClick(event: FolderClickModifierLike, platform = currentFolderShortcutPlatform()): boolean {
-    return platformLooksMac(platform) ? event.metaKey : event.ctrlKey;
+    return isMacLikePlatform(platform) ? event.metaKey : event.ctrlKey;
 }
 
 export function folderShortcutAction(event: KeyboardLike, options: FolderShortcutOptions): FolderShortcutAction | null {
     if (isEditableShortcutTarget(event.target ?? null)) return null;
     const key = event.key.toLowerCase();
     const code = event.code ?? '';
-    const isMac = platformLooksMac(options.platform ?? currentFolderShortcutPlatform());
+    const isMac = isMacLikePlatform(options.platform ?? currentFolderShortcutPlatform());
     const primary = isMac ? event.metaKey : event.ctrlKey;
     const quickModifier = primary && event.altKey && !event.shiftKey;
 

package/public/manager/src/hooks/useCommandPalette.ts

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
+import { currentClientPlatform, isMacLikePlatform } from '../client-platform';
 
 /* 10.6.10 — Cmd/Ctrl+K opens the command palette.
  * Only one global key listener; coexists with InstanceDrawer's Esc handler
@@ -12,14 +13,9 @@ export type CommandPaletteApi = {
     close: () => void;
 };
 
-function isMacLike(): boolean {
-    if (typeof navigator === 'undefined') return false;
-    return /Mac|iPod|iPhone|iPad/.test(navigator.platform || '');
-}
-
-export function isPaletteShortcut(event: KeyboardEvent): boolean {
+export function isPaletteShortcut(event: KeyboardEvent, platform: string = currentClientPlatform()): boolean {
     if (event.key !== 'k' && event.key !== 'K') return false;
-    return isMacLike() ? event.metaKey : event.ctrlKey;
+    return isMacLikePlatform(platform) ? event.metaKey : event.ctrlKey;
 }
 
 export function useCommandPalette(): CommandPaletteApi {

package/public/manager/src/main.tsx

@@ -31,6 +31,7 @@ import './workers/worker-runs.css';
 import './settings-shell.css';
 import './settings-controls.css';
 import './settings-agent.css';
+import './settings-surface.css';
 import './settings-embedding.css';
 import './jaw-ceo/jaw-ceo.css';
 import './jaw-ceo/jaw-ceo-console.css';

package/public/manager/src/manager-components.css

@@ -10,8 +10,8 @@
 .rail-button.is-active {
     background: var(--sidebar-row-active, var(--bg-raised));
     border-color: transparent;
-    color: var(--text-primary);
-    box-shadow: inset 2px 0 0 var(--accent);
+    color: var(--accent);
+    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
 }
 .rail-collapse-button { margin-left: auto; }
 .manager-shell.is-sidebar-collapsed .rail-collapse-button { margin-left: 0; }
@@ -340,6 +340,7 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     border-radius: var(--radius-md);
     background: transparent;
     padding: 10px;
+    transition: background var(--motion-fast) ease, border-color var(--motion-fast) ease;
 }
 .instance-row.density-compact {
     min-height: 36px;
@@ -429,16 +430,10 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     outline: var(--focus-ring);
     outline-offset: 2px;
 }
-.instance-row.priority-active.is-selected { border-color: transparent; background: var(--sidebar-row-selected); }
+.instance-row.priority-active.is-selected,
 .instance-row:not(.priority-active).is-selected {
-    border-color: color-mix(in srgb, var(--accent) 42%, transparent);
-    background: color-mix(in srgb, var(--accent) 6%, transparent);
-    box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 62%, transparent);
-}
-.instance-row.priority-active.is-selected::before {
-    content: ""; position: absolute; left: 0; top: 7px; bottom: 7px;
-    z-index: 1; width: 3px; border-radius: 3px; background: var(--accent);
-    pointer-events: none;
+    border-color: color-mix(in srgb, var(--accent) 45%, transparent);
+    background: var(--accent-soft);
 }
 .instance-row-main {
     width: 100%;
@@ -533,14 +528,6 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     from { opacity: 0; transform: translateY(-2px); }
     to { opacity: 1; transform: none; }
 }
-@media (prefers-reduced-motion: reduce) {
-    .instance-session-list { animation: none; }
-    .instance-group-chevron,
-    .instance-row .instance-row-quick .quick-btn,
-    .quick-btn {
-        transition: none;
-    }
-}
 .instance-session-row {
     display: flex;
     align-items: center;
@@ -558,14 +545,27 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     line-height: 16px;
     text-align: left;
     cursor: pointer;
+    transition: background var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
+}
+/* After the session-row rule: equal specificity, so source order decides. */
+@media (prefers-reduced-motion: reduce) {
+    .instance-session-list { animation: none; }
+    .instance-row,
+    .instance-session-row,
+    .instance-group-chevron,
+    .instance-row .instance-row-quick .quick-btn,
+    .quick-btn {
+        transition: none;
+    }
 }
 .instance-session-row:hover:not(:disabled) { background: var(--row-bg-hover); color: var(--text-primary); }
 .instance-session-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
 .instance-session-row:disabled { cursor: default; opacity: 0.6; }
-.instance-session-row.is-active {
+.instance-session-row.is-active,
+.instance-session-row.is-active:hover:not(:disabled) {
     color: var(--text-primary);
-    box-shadow: inset 3px 0 0 var(--accent);
-    background: color-mix(in srgb, var(--accent) 5%, transparent);
+    background: var(--accent-soft);
+    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
 }
 .instance-session-title {
     min-width: 0;
@@ -755,8 +755,10 @@ button.instance-group-header[aria-expanded="false"] .instance-group-chevron {
     grid-template-columns: minmax(0, 1fr) auto;
     gap: 10px;
     align-items: center;
+    box-sizing: border-box;
+    height: var(--workspace-topbar-height);
     border-bottom: 1px solid var(--border-subtle);
-    padding: 8px 12px;
+    padding: 0 12px;
 }
 .workbench-mode-tabs {
     display: inline-flex; flex-wrap: nowrap; align-items: center;

package/public/manager/src/manager-dashboard-reminders.css

@@ -85,9 +85,9 @@
 }
 
 .dashboard-reminders-sidebar-item.is-active {
-    background: color-mix(in srgb, var(--accent) 12%, transparent);
+    background: var(--accent-soft);
     color: var(--ink-primary);
-    box-shadow: inset 3px 0 0 var(--accent);
+    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
 }
 
 .dashboard-reminders-sidebar-item span {

package/public/manager/src/manager-layout.css

@@ -128,7 +128,7 @@
 }
 .manager-mobile-nav { display: none; grid-area: mobile-nav; }
 .sidebar-rail {
-    min-height: 54px;
+    min-height: var(--workspace-topbar-height);
     display: flex;
     align-items: center;
     gap: 10px;

package/public/manager/src/manager-shortcut-runner.ts

@@ -1,5 +1,5 @@
 import type { DashboardDetailTab, DashboardInstance, DashboardShortcutAction, DashboardShortcutKeymap, DashboardSidebarMode } from './types';
-import { actionForShortcutEvent } from './manager-shortcuts';
+import { actionForShortcutEvent, type ShortcutPlatformOptions } from './manager-shortcuts';
 import { panelShortcutBus } from './panels/panel-shortcut-bus';
 import { getDesktop } from './panels/desktop-bridge';
 import { getInstanceJumpSelector, jumpInstanceIndexFromAction, readRenderedInstancePorts } from './components/sidebar-keyboard';
@@ -111,6 +111,12 @@ export function runManagerShortcut(action: DashboardShortcutAction, deps: Manage
         document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: action }));
         return;
     }
+    if (action === 'newCodeSession') {
+        // The Code session list owns the draft; it listens for this and ignores
+        // the event while Code mode is not mounted.
+        document.dispatchEvent(new CustomEvent('jaw:shortcut-action', { detail: action }));
+        return;
+    }
     if (action === 'terminalNewTab') {
         const el = document.activeElement;
         if (el?.closest('.terminal-panel, .xterm')) {
@@ -140,12 +146,13 @@ const CAPTURE_TOGGLE_ACTIONS = new Set<DashboardShortcutAction>([
 export function createManagerCaptureKeydownHandler(
     getKeymap: () => DashboardShortcutKeymap,
     onAction: (action: DashboardShortcutAction) => void,
+    options: ShortcutPlatformOptions = {},
 ): (event: KeyboardEvent) => void {
     return (event: KeyboardEvent) => {
         if (event.defaultPrevented) return;
         const target = event.target;
         if (target instanceof Element && target.closest('[data-keybinding-capture]')) return;
-        const action = actionForShortcutEvent(event, getKeymap());
+        const action = actionForShortcutEvent(event, getKeymap(), options);
         if (!action || !CAPTURE_TOGGLE_ACTIONS.has(action)) return;
         event.preventDefault();
         event.stopPropagation();