cli-jaw 2.17.62 → 2.17.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cli-jaw",
-  "version": "2.17.62",
+  "version": "2.17.63",
   "description": "Personal AI assistant powered by Pi, Antigravity, Claude, Codex, Codex App, Cursor, Grok, Kiro, OpenCode, and Copilot — Web, Terminal, Slack, Telegram, and Discord interfaces with 33 skills active by default from a 230-skill reference library",
   "type": "module",
   "keywords": [
@@ -25,11 +25,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lidge-jun/cli-jaw.git"
+    "url": "git+https://github.com/lidge-ai/cli-jaw.git"
   },
-  "homepage": "https://github.com/lidge-jun/cli-jaw#readme",
+  "homepage": "https://github.com/lidge-ai/cli-jaw#readme",
   "bugs": {
-    "url": "https://github.com/lidge-jun/cli-jaw/issues"
+    "url": "https://github.com/lidge-ai/cli-jaw/issues"
   },
   "engines": {
     "node": ">=22.4.0"
@@ -140,6 +140,8 @@
     "test:messaging-conformance": "tsx --experimental-test-module-mocks tests/run.mts tests/unit/channel-contract-conformance.test.ts tests/unit/messaging-command-parity.test.ts tests/unit/messaging-durable-ingress.test.ts tests/unit/telegram-ingress-journal.test.ts tests/unit/discord-ingress-journal.test.ts tests/unit/ingress-generation.test.ts tests/unit/messaging-trace-context.test.ts tests/unit/messaging-metrics.test.ts",
     "check:sidecar-prune-safety": "node scripts/check-sidecar-prune-safety.mjs",
     "sync:electron-version": "node scripts/sync-electron-version.cjs",
+    "gate:dev-ff-main": "node scripts/release-gates.mjs dev-ff-main",
+    "gate:agents-size": "node scripts/release-gates.mjs agents-size",
     "gate:all": "node scripts/release-gates.mjs",
     "prepublishOnly": "npm run check:private-boundary && npm run build && npm run build:frontend && npm run check:frontend-build-output",
     "electron:dev": "concurrently -k -n jaw,electron \"node scripts/electron-dev-manager.mjs\" \"npm --prefix electron run dev\"",
@@ -233,6 +235,6 @@
     "vite": "^8.2.2"
   },
   "optionalDependencies": {
-    "@anthropic-ai/claude-agent-sdk": "0.3.261"
+    "@anthropic-ai/claude-agent-sdk": "0.3.282"
   }
 }

package/public/css/activity.css

@@ -64,7 +64,8 @@
     border-radius: var(--radius-sm);
 }
 
-.activity-turn .activity-status.sr-only {
+.activity-turn .activity-status.sr-only,
+.activity-read-live {
     position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
     overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
 }
@@ -108,7 +109,12 @@
 .activity-chevron-sm { transition: transform var(--motion-fast); }
 .activity-item[open] > summary > .activity-chevron-sm,
 .activity-group-summary[aria-expanded="true"] > .activity-chevron-sm { transform: rotate(180deg); }
-.activity-row-label { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.activity-row-text { min-width: 0; flex: 1; display: flex; flex-direction: column; }
+.activity-row-label { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.activity-row-desc {
+    min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+    color: var(--activity-muted); font-size: 12px; font-family: var(--font-ui);
+}
 .activity-row[data-kind="command"] .activity-row-label { font-family: var(--font-mono); }
 .activity-row-status { flex-shrink: 0; color: var(--activity-muted); font-size: 12px; }
 .activity-row[data-status="running"] .activity-row-status::before {
@@ -117,7 +123,7 @@
 }
 @keyframes activity-running-pulse { 50% { opacity: .35; } }
 @keyframes activity-body-reveal { from { opacity: 0; } to { opacity: 1; } }
-.activity-turn .activity-item[open] > .activity-item-text, .activity-turn .activity-group-body:not([hidden]) {
+.activity-turn .activity-item[open] > .activity-item-body, .activity-turn .activity-group-body:not([hidden]) {
     animation: activity-body-reveal var(--motion-base) ease-out;
 }
 .activity-group-body {
@@ -125,13 +131,39 @@
     border-inline-start: 1px solid var(--activity-border); max-height: var(--activity-group-max);
     overflow: auto; scrollbar-gutter: stable; scroll-padding-block: var(--activity-indent);
 }
+.activity-item-body {
+    min-width: 0; max-width: 100%; margin: var(--space-1) 0 var(--space-2) var(--activity-indent);
+    display: flex; flex-direction: column; gap: var(--space-2);
+}
+.activity-block { min-width: 0; max-width: 100%; }
+.activity-block-head {
+    display: flex; align-items: center; gap: var(--activity-gap); margin-block-end: 2px;
+}
+.activity-block-label {
+    flex: 1; min-width: 0; font-size: var(--text-xs); font-weight: 600; color: var(--activity-muted);
+}
+.activity-turn .activity-block-copy {
+    flex-shrink: 0; padding: 2px var(--space-1); border: 0; border-radius: var(--radius-sm);
+    background: transparent; color: var(--activity-muted); line-height: 0;
+}
+.activity-turn .activity-block-copy:hover { background: var(--surface-3); color: var(--text); text-decoration: none; }
+.activity-turn .activity-block-copy.copied { color: var(--success); }
+.activity-block-copy-icon, .activity-block-copy-icon svg { display: inline-flex; width: 12px; height: 12px; }
 .activity-turn .activity-item-text {
     box-sizing: border-box; min-width: 0; max-width: 100%; max-height: var(--activity-output-max);
-    margin: var(--space-1) 0 var(--space-2) var(--activity-indent); padding: var(--space-2); padding-bottom: calc(var(--space-2) + var(--activity-output-fade));
+    margin: 0; padding: var(--space-2);
     background: var(--code-bg); color: var(--text); font-family: var(--font-mono), var(--font-ui);
     font-size: 12px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 4;
-    overflow: auto; mask-image: linear-gradient(to bottom, #000 calc(100% - var(--activity-output-fade)), transparent);
+    overflow: auto; user-select: text;
+}
+.activity-turn .activity-item-body[data-expanded="true"] .activity-item-text { max-height: none; }
+.activity-waiting { margin-block: 0; color: var(--activity-muted); font-size: 12px; }
+.activity-turn .activity-block-toggle {
+    align-self: flex-start; padding: 0; border: 0; background: none; color: var(--link-color);
+    font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
 }
+.activity-turn .activity-block-toggle:hover { background: none; }
+.activity-turn .activity-block-toggle[hidden] { display: none; }
 .activity-turn .activity-row-reasoning .activity-item-text {
     font-family: var(--font-ui); color: var(--activity-muted); max-height: 140px;
 }
@@ -141,6 +173,10 @@
     box-shadow: var(--focus-ring-shadow);
     outline: 2px solid var(--accent); outline-offset: -2px;
 }
+.activity-turn .activity-block-copy:focus-visible, .activity-turn .activity-block-toggle:focus-visible {
+    box-shadow: var(--focus-ring-shadow);
+    outline: 2px solid var(--accent); outline-offset: 2px;
+}
 
 .activity-turn .activity-pages {
     display: flex;
@@ -187,7 +223,8 @@
 .activity-turn .activity-connection,
 .activity-turn .activity-omitted,
 .activity-turn .activity-choice-notice,
-.activity-turn .activity-requests {
+.activity-turn .activity-requests,
+.activity-turn .activity-read-status {
     margin-block: var(--space-2);
 }
 
@@ -248,29 +285,55 @@
     overflow-wrap: anywhere;
 }
 
-.activity-read-control p { margin-block: var(--space-2); }
-.activity-read-control p:empty { display: none; }
+/* The read status is a collapsed details row: quiet summary only, status text and
+   retry live inside the expanded body (or inside the Activity disclosure itself). */
+.activity-read-control > .activity-read-summary {
+    padding-block: var(--space-1);
+    color: var(--activity-muted);
+    cursor: pointer;
+    border-radius: var(--radius-sm);
+}
+.activity-read-control > .activity-read-summary:hover { text-decoration: underline; }
+.activity-read-control > .activity-read-status,
+.activity-read-control > .activity-read-retry { margin-inline-start: var(--activity-indent); }
+.activity-read-status { margin-block: var(--space-2); }
 .activity-legacy-cache > summary { cursor: pointer; padding-block: var(--space-2); }
-.activity-read-control button {
+.activity-turn .activity-read-retry,
+.activity-read-control .activity-read-retry {
     max-width: 100%;
-    padding: var(--space-2);
-    border: 1px solid var(--text-dim);
-    border-radius: var(--radius-sm);
-    color: var(--text);
-    background: var(--surface);
+    padding: 0;
+    border: 0;
+    background: none;
+    color: var(--link-color);
     font: inherit;
+    text-decoration: underline;
+    text-underline-offset: 2px;
     white-space: normal;
     overflow-wrap: anywhere;
     cursor: pointer;
 }
-.activity-read-control button:disabled { color: var(--text-dim); cursor: default; }
-.activity-read-control button:focus-visible,
-.activity-legacy-cache summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.activity-turn .activity-read-retry:disabled,
+.activity-read-control .activity-read-retry:disabled {
+    color: var(--text-dim); text-decoration: none; cursor: default;
+}
+.activity-turn .activity-read-retry:not(:disabled):hover,
+.activity-read-control .activity-read-retry:not(:disabled):hover { background: none; }
+.activity-read-retry:focus-visible,
+.activity-read-summary:focus-visible,
+.activity-legacy-cache summary:focus-visible {
+    box-shadow: var(--focus-ring-shadow);
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+}
 .activity-legacy-cache pre { max-height: 24rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
 .activity-read-control[hidden],
-.activity-read-control [hidden] { display: none; }
+.activity-read-control [hidden],
+.activity-read-status[hidden],
+.activity-read-retry[hidden] { display: none; }
 @media (pointer: coarse) {
-    .activity-read-control button,
+    .activity-read-control .activity-read-summary,
+    .activity-read-control .activity-read-retry,
+    .activity-turn .activity-read-retry,
     .activity-legacy-cache summary { min-height: 44px; }
 }
 
@@ -279,6 +342,6 @@
 }
 @media (prefers-reduced-motion: reduce) {
     .activity-turn .activity-chevron-sm { transition: none; }
-    .activity-turn .activity-item[open] > .activity-item-text, .activity-turn .activity-group-body:not([hidden]) { animation: none; }
+    .activity-turn .activity-item[open] > .activity-item-body, .activity-turn .activity-group-body:not([hidden]) { animation: none; }
     .activity-row[data-status="running"] .activity-row-status::before { animation: none; }
 }

package/public/css/layout.css

@@ -569,9 +569,9 @@ body.right-collapsed .sidebar-right {
 }
 
 /* Classic header geometry; chat.css owns header typography and pills. */
-.chat-header { height: 44px; flex-shrink: 0; }
+.chat-header { height: var(--workspace-topbar-height, 44px); flex-shrink: 0; }
 @media (max-width: 900px) {
-    .chat-header { height: auto; min-height: 44px; }
+    .chat-header { height: auto; min-height: var(--workspace-topbar-height, 44px); }
 }
 
 /* Full settings workspace keeps the existing header and fills the whole viewport. */

package/public/css/sidebar.css

@@ -20,6 +20,24 @@
     content: '▾';
 }
 
+/* Undetected-CLI group header inside the status list. Reuses the
+   .cli-status-header caret/hover; this class only strips button chrome. */
+.cli-undetected-toggle {
+    width: 100%;
+    margin-top: 4px;
+    padding: 4px 6px;
+    border: 0;
+    background: none;
+    color: var(--text-dim);
+    font: inherit;
+    font-size: 11px;
+    text-align: left;
+}
+.cli-undetected-toggle:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 1px;
+}
+
 .cli-status-toolbar {
     display: flex;
     align-items: center;

package/public/css/variables.css

@@ -38,6 +38,9 @@
     --font-display: 'Chakra Petch', 'Outfit', 'Pretendard', 'Noto Sans CJK SC', 'Noto Sans CJK JP', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
     --font-ui: var(--font-sans-system);
     --font-mono: 'SF Mono', 'JetBrains Mono', 'Fira Code', monospace;
+    /* Shared with the manager dashboard: top header rows on both surfaces
+       resolve to the same height so adjacent top bars line up. */
+    --workspace-topbar-height: 44px;
     --sidebar-left-w: 220px;
     --sidebar-right-w: 260px;
     --sidebar-collapsed-w: 48px;
@@ -49,8 +52,7 @@
     --activity-gap: 6px;
     --activity-muted: color-mix(in oklab, var(--text) 60%, transparent);
     --activity-border: color-mix(in oklab, var(--text) 8%, transparent);
-    --activity-output-max: 144px;
-    --activity-output-fade: 32px;
+    --activity-output-max: min(18rem, 50dvh);
     --activity-group-max: min(288px, 50dvh);
     --motion-fast: 150ms;
     --motion-base: 200ms;
@@ -133,6 +135,12 @@
     box-sizing: border-box;
 }
 
+/* Inside the Electron shell the top bar doubles as the macOS hiddenInset
+   titlebar strip and must match the manager's taller desktop value. */
+:root[data-cli-jaw-desktop="true"] {
+    --workspace-topbar-height: 52px;
+}
+
 body {
     font-family: var(--font-ui);
     background: var(--bg);
@@ -146,6 +154,19 @@ body {
         color 200ms ease;
 }
 
+/* The app shell is exactly viewport-tall; the document must never scroll
+   (session-hub is the one view that legitimately pages the document). */
+body:not(.session-hub-mode) {
+    overflow: clip;
+}
+
+/* While a resize burst reflows the grid (manager sidebar drag resizes the
+   iframe, or a window edge drag), suppress scroll anchoring so no scrollable
+   subtree gets its scrollTop rewritten per frame. See features/resize-guard. */
+body.is-resizing * {
+    overflow-anchor: none;
+}
+
 :lang(zh),
 :lang(ja) {
     letter-spacing: 0;