create-walle 0.10.2 → 0.10.3

package/template/coding-task-manager/package.json

@@ -50,9 +50,9 @@
     "test:browser:release": "node ../bin/with-test-slots.js --exclusive browser --max 1 --phase ctm-browser-release -- node ../bin/test-browser-release.js",
     "test:wave4": "node scripts/check-main-thread-contract.js",
     "test:render": "npx playwright test --project=full --config tests/rendering/playwright.config.js --grep-invert 'soak|perf:'",
-    "test:render:smoke": "npx playwright test --project=smoke --project=smoke-image --config tests/rendering/playwright.config.js",
-    "test:render:smoke:image": "npx playwright test --project=smoke-image --config tests/rendering/playwright.config.js",
-    "test:render:smoke:curated": "CTM_RENDER_RUN_ID=\"${CTM_RENDER_RUN_ID:-curated}-curated\" CTM_RENDER_GLOBAL_TIMEOUT_MS=6750000 CTM_RENDER_TRACE=off npx playwright test --config tests/rendering/playwright.config.js --project=curated --project=curated-latency-cat",
+    "test:render:smoke": "playwright test --project=smoke --project=smoke-image --config tests/rendering/playwright.config.js",
+    "test:render:smoke:image": "playwright test --project=smoke-image --config tests/rendering/playwright.config.js",
+    "test:render:smoke:curated": "CTM_RENDER_RUN_ID=\"${CTM_RENDER_RUN_ID:-curated}-curated\" CTM_RENDER_GLOBAL_TIMEOUT_MS=6750000 CTM_RENDER_TRACE=off playwright test --config tests/rendering/playwright.config.js --project=curated --project=curated-latency-cat",
     "test:latency": "CTM_RENDER_NATIVE_GPU=1 CTM_STATE_SYNC=1 CTM_RENDER_TRACE=off npx playwright test --project=full --config tests/rendering/playwright.config.js scenarios/state-sync-typing-latency.spec.js scenarios/typing-under-compact-burst.spec.js scenarios/typing-under-provider-stream.spec.js --retries=0",
     "composer:compare": "node bin/compare-published-composer.js",
     "composer:trial": "CTM_STATE_SYNC=1 CTM_RENDER_TRACE=off npx playwright test --project=full --config tests/rendering/playwright.config.js scenarios/composer-control-trial.spec.js --retries=0",
@@ -74,6 +74,7 @@
     "@simplewebauthn/server": "13.3.2",
     "@huggingface/jinja": "0.5.10",
     "@huggingface/tokenizers": "0.2.0",
+    "@modelcontextprotocol/sdk": "1.32.1",
     "@peculiar/x509": "1.14.3",
     "@xterm/addon-serialize": "^0.14.0",
     "@xterm/headless": "^6.0.0",

package/template/coding-task-manager/protocol/message-table.json

@@ -317,6 +317,11 @@
       "family": "frame",
       "envelope": "exempt"
     },
+    "host-dead": {
+      "direction": "s2c",
+      "family": "general",
+      "envelope": "required"
+    },
     "state-sync-client-rejected": {
       "direction": "s2c",
       "family": "general",
@@ -382,6 +387,11 @@
       "family": "general",
       "envelope": "required"
     },
+    "create-accepted": {
+      "direction": "s2c",
+      "family": "general",
+      "envelope": "required"
+    },
     "created": {
       "direction": "s2c",
       "family": "general",

package/template/coding-task-manager/protocol/messages.js

@@ -146,6 +146,11 @@ const MESSAGE_TABLE = {
     "family": "general",
     "envelope": "required"
   },
+  "create-accepted": {
+    "direction": "s2c",
+    "family": "general",
+    "envelope": "required"
+  },
   "created": {
     "direction": "s2c",
     "family": "general",
@@ -216,6 +221,11 @@ const MESSAGE_TABLE = {
     "family": "general",
     "envelope": "required"
   },
+  "host-dead": {
+    "direction": "s2c",
+    "family": "general",
+    "envelope": "required"
+  },
   "image-deliver-now": {
     "direction": "c2s",
     "family": "general",

package/template/coding-task-manager/protocol/ws-schema.json

@@ -252,6 +252,16 @@
         "type"
       ]
     },
+    "create-accepted": {
+      "name": "create-accepted",
+      "direction": "s2c",
+      "owner": "ctm-client",
+      "family": "general",
+      "envelope": "required",
+      "requiredFields": [
+        "type"
+      ]
+    },
     "created": {
       "name": "created",
       "direction": "s2c",
@@ -392,6 +402,16 @@
         "type"
       ]
     },
+    "host-dead": {
+      "name": "host-dead",
+      "direction": "s2c",
+      "owner": "ctm-client",
+      "family": "general",
+      "envelope": "required",
+      "requiredFields": [
+        "type"
+      ]
+    },
     "image-deliver-now": {
       "name": "image-deliver-now",
       "direction": "c2s",

package/template/coding-task-manager/protocol/ws-schema.md

@@ -29,6 +29,7 @@ Generated from `protocol/message-table.json`. Payload fields remain additive; on
 | `conversation-content-generation` | s2c | ctm-client | general | required | `type` |
 | `conversation-updated` | s2c | ctm-client | general | required | `type` |
 | `create` | c2s | ctm-server | general | required | `type` |
+| `create-accepted` | s2c | ctm-client | general | required | `type` |
 | `created` | s2c | ctm-client | general | required | `type` |
 | `cwd-conflict` | s2c | ctm-client | general | required | `type` |
 | `data-changed` | s2c | ctm-client | general | required | `type` |
@@ -43,6 +44,7 @@ Generated from `protocol/message-table.json`. Payload fields remain additive; on
 | `frame-v2` | s2c | ctm-client | frame | exempt | `type` |
 | `heartbeat` | s2c | ctm-client | general | required | `type` |
 | `hello` | s2c | ctm-client | general | required | `type` |
+| `host-dead` | s2c | ctm-client | general | required | `type` |
 | `image-deliver-now` | c2s | ctm-server | general | required | `type` |
 | `input` | c2s | ctm-server | general | required | `type` |
 | `input-dropped` | s2c | ctm-client | general | required | `type` |

package/template/coding-task-manager/public/css/app.css

@@ -971,6 +971,10 @@
     color: var(--fg);
     background: var(--accent-soft);
   }
+  #nav-more-button.nav-more-has-active {
+    color: var(--fg);
+    background: var(--accent-soft);
+  }
 
   .setup-backup-summary {
     display: grid;
@@ -1298,6 +1302,13 @@
     font-size: 13px;
     font-weight: 800;
   }
+  .backup-retention-row {
+    display: flex; flex-wrap: wrap; align-items: center;
+    gap: 6px 8px; margin: 4px 0 8px; font-size: 12px;
+  }
+  .backup-retention-row input[type=number] { width: 64px; }
+  .backup-retention-hint { color: var(--fg-dim); }
+  .backup-expiring-tag { margin-left: 8px; font-size: 11px; color: var(--yellow, #e0af68); opacity: .9; }
   .backup-table {
     width: 100%;
     border-collapse: separate;
@@ -1580,6 +1591,8 @@
   .session-item[data-agent="walle"] { border-left-color: #f59e0b; }
   .session-item[data-agent="codex"] { border-left-color: #22c55e; }
   .session-item[data-agent="gemini"] { border-left-color: #3b82f6; }
+  /* WP-7 (S-58): DeepSeek Harness — DeepSeek's signature blue. */
+  .session-item[data-agent="dsh"] { border-left-color: #4D6BFE; }
   .session-item[data-agent="opencode"] { border-left-color: #a78bfa; }
   .session-item[data-agent="cursor"] { border-left-color: #6b7280; }
   .session-item[data-agent="shell"] { border-left-color: #6b7280; }
@@ -1598,6 +1611,9 @@
   .session-item[data-agent="walle"]  .provider-icon { color: #f59e0b; }
   .session-item[data-agent="codex"]  .provider-icon { color: #22c55e; }
   .session-item[data-agent="gemini"] .provider-icon { color: #3b82f6; }
+  /* WP-7 (S-58): dsh renders brandIconSvg's .brand-icon wrapper; tint both class names. */
+  .session-item[data-agent="dsh"] .provider-icon,
+  .session-item[data-agent="dsh"] .brand-icon { color: #4D6BFE; }
   .session-item[data-agent="opencode"] .provider-icon { color: #a78bfa; }
   /* Cursor's mark is monochrome — track the theme's text color so the cube reads
      near-black on light (the chosen brand tint) and light on the dark sidebar. */
@@ -1610,6 +1626,17 @@
   .tab[data-agent="walle"]  .provider-icon { color: #f59e0b; }
   .tab[data-agent="codex"]  .provider-icon { color: #22c55e; }
   .tab[data-agent="gemini"] .provider-icon { color: #3b82f6; }
+  .tab[data-agent="dsh"] .provider-icon,
+  .tab[data-agent="dsh"] .brand-icon { color: #4D6BFE; }
+  /* WP-7b: the shared agent composer under a conv-only (no-CLI) tab's Conv view. Wall-E's composer
+     rules are scoped to .walle-session; flex-shrink:0 keeps a long transcript from collapsing it. */
+  .term-container > .conv-only-composer { display:grid; gap:8px; flex-shrink:0; padding:10px 16px; border-top:1px solid var(--border, #37415f); min-width:0; }
+  .conv-only-composer .agent-ui-composer-input { width:100%; resize:vertical; min-height:64px; border:1px solid var(--border, #37415f); border-radius:10px; padding:10px; color:inherit; background:var(--surface, #171c2a); font:inherit; }
+  .conv-only-composer .agent-ui-composer-actions { display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
+  .conv-only-composer .agent-ui-button { min-width:44px; min-height:36px; border:1px solid var(--border, #37415f); border-radius:8px; padding:6px 12px; color:inherit; background:var(--surface-raised, #222a3d); cursor:pointer; }
+  .conv-only-composer .agent-ui-button.primary { background:#779cf3; color:#101522; border-color:#779cf3; }
+  .conv-only-composer .agent-ui-button.danger { color:#ff9c9c; }
+  .conv-only-composer [hidden] { display:none !important; }
   .tab[data-agent="opencode"] .provider-icon { color: #a78bfa; }
   .tab[data-agent="cursor"] .provider-icon { color: var(--fg); }
   .tab[data-agent="shell"]  .provider-icon { color: #9ca3af; }
@@ -2109,6 +2136,9 @@
     background: color-mix(in srgb, var(--fg-dim) 16%, transparent);
     color: var(--fg-dim);
   }
+  #active-sort.computer-filtered { border-color: var(--accent); }
+  .computer-filter-chip { display:inline-flex; align-items:center; gap:4px; font-size:10px; padding:1px 6px; border-radius:999px; border:1px solid var(--accent); color:var(--accent); background:color-mix(in srgb, var(--accent) 14%, transparent); cursor:pointer; max-width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .computer-filter-chip:focus-visible { outline:2px solid var(--accent); }
   /* Collapsed expander row (>6 active sessions) */
   .active-list-more {
     display: flex;
@@ -2304,11 +2334,21 @@
     opacity: 0.42;
     font-weight: 500;
   }
+  /* WP-3b: the landing-queue part of the same badge: `wt-landing` is the queue position/ETA
+     (`⇡#2/3 · 23m`), in this file's accent token. */
+  .worktree-attn-badge .wt-landing {
+    color: var(--accent, #7aa2f7);
+  }
   .session-item.active .worktree-attn-badge {
     background: rgba(245, 158, 11, 0.28);
     border-color: rgba(120, 53, 15, 0.22);
     color: #3f2a05;
   }
+  /* On the selected row the badge switches to dark text on the blue highlight; the light accent
+     of the landing part would sit blue-on-blue there, so it takes the badge's dark text too. */
+  .session-item.active .worktree-attn-badge .wt-landing {
+    color: inherit;
+  }
   /* cwd conflict banner */
   .cwd-conflict-banner {
     background: rgba(251, 191, 36, 0.12);
@@ -8985,6 +9025,13 @@
   .mpc-cred[data-cred="env"] { background: color-mix(in srgb, var(--yellow) 16%, transparent); color: var(--yellow); }
   .mpc-cred[data-cred="missing"] { background: color-mix(in srgb, var(--red) 16%, transparent); color: var(--red); }
   .mpc-meta { margin: 4px 0 8px; font-size: 11px; color: var(--fg-dim); }
+  /* WP-3: the box's update status line, next to the meta line it belongs with. Same size, no new
+     colours — every tone comes from the theme variables the card already uses (dot/health tokens). */
+  .mpc-fleet { margin: 0 0 8px; font-size: 11px; overflow-wrap: anywhere; }
+  .mpc-fleet[data-fleet-tone="ok"] { color: var(--green); }
+  .mpc-fleet[data-fleet-tone="pending"] { color: var(--yellow); }
+  .mpc-fleet[data-fleet-tone="warn"] { color: var(--red); }
+  .mpc-fleet[data-fleet-tone="muted"] { color: var(--fg-dim); }
   .mpc-stale { margin-left: 6px; padding: 0 4px; border-radius: 3px; background: var(--warning-soft); color: var(--yellow); }
   .mpc-sparks { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
   .mpc-spark { display: flex; align-items: center; gap: 6px; }
@@ -9011,6 +9058,80 @@
   .mpc-primary { border-color: var(--accent); color: var(--accent); }
   .mpc-danger { border-color: var(--red); color: var(--red); }
   .mpc-fav[aria-pressed="true"] { border-color: var(--yellow); color: var(--yellow); }
+  /* hub bridge (R-13): who may use this Mac, open asks, grants and recent use, per card. */
+  .mpc-access { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--border); font-size: 11px; color: var(--fg); }
+  .mpc-access-head { display: flex; align-items: center; gap: 8px; }
+  .mpc-trust { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--fg-dim); }
+  .mpc-trust-select { font-size: 11px; padding: 2px 6px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--fg); }
+  .mpc-trust-all { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--fg-dim); cursor: pointer; }
+  .mpc-access-list { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
+  .mpc-pending, .mpc-grant, .mpc-audit { display: flex; align-items: center; gap: 8px; min-width: 0; }
+  .mpc-pending { color: var(--yellow); }
+  .mpc-audit { color: var(--fg-dim); }
+  .mpc-access-text { overflow-wrap: anywhere; }
+  .mpc-access-btn { padding: 2px 8px; }
+  /* The hub-bridge approval ask (docs/hub-bridge-approval-banner-cutoff-2026-10-31.html, redesigned by
+     docs/hub-bridge-approval-scopes-2026-11-01.html §6.5). An absolute overlay in the asking session's
+     .term-container, like .compact-banner. It never lives in the toolbar / tab strip (it crushed the
+     tabs and clipped its own buttons), and it never takes terminal rows (no SIGWINCH). The sentence and
+     its detail line WRAP: they are the thing being approved, so they are never ellipsized. */
+  .hub-bridge-banner {
+    position: absolute; top: 8px; right: 10px; z-index: 12; box-sizing: border-box;
+    width: min(440px, calc(100% - 20px)); display: flex; flex-direction: column; gap: 8px;
+    padding: 12px 14px 10px; background: var(--bg-light); color: var(--fg);
+    border: 1px solid var(--border); border-left: 3px solid var(--yellow); border-radius: 10px;
+    box-shadow: 0 12px 32px var(--shadow-color); font-size: 13px; line-height: 1.4;
+    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', system-ui, sans-serif;
+  }
+  .hbb-btn, .hbb-deny { font-family: inherit; }
+  .hbb-head { display: flex; gap: 10px; align-items: flex-start; }
+  .hbb-icon {
+    flex: 0 0 22px; height: 22px; border-radius: 6px; display: grid; place-items: center;
+    background: var(--warning-soft); color: var(--yellow);
+  }
+  .hub-bridge-banner-text { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
+  .hub-bridge-banner-text b { font-weight: 600; }
+  .hbb-tier {
+    flex: 0 0 auto; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
+    color: var(--yellow); background: var(--warning-soft); border-radius: 999px; padding: 2px 8px;
+  }
+  .hbb-detail {
+    margin-left: 32px; padding: 5px 8px; border-radius: 6px; background: var(--code-bg); color: var(--fg-muted);
+    font: 11.5px/1.45 var(--font-mono, "SF Mono", Menlo, monospace); white-space: pre-wrap; overflow-wrap: anywhere;
+  }
+  /* Three columns (label | this session | all sessions); each pair is a subgrid, so the two rows'
+     buttons line up even though the primary's bold label is wider. */
+  .hbb-grants { display: grid; grid-template-columns: auto auto auto; justify-content: start; gap: 6px 10px; align-items: center; margin-left: 32px; }
+  .hbb-label { font-size: 11px; color: var(--fg-muted); white-space: nowrap; }
+  .hbb-seg { display: grid; grid-column: 2 / span 2; grid-template-columns: subgrid; column-gap: 0; }
+  .hbb-btn {
+    font-size: 12px; line-height: 1; padding: 7px 12px; border: 1px solid var(--border);
+    background: var(--bg-lighter); color: var(--fg); cursor: pointer;
+  }
+  .hbb-seg .hbb-btn:first-child { border-radius: 7px 0 0 7px; }
+  .hbb-seg .hbb-btn + .hbb-btn { border-left: 0; border-radius: 0 7px 7px 0; }
+  .hbb-btn:hover { background: var(--bg-hover); }
+  .hbb-btn.hbb-primary { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); font-weight: 600; }
+  .hbb-btn.hbb-primary:hover { background: var(--accent-hover); }
+  .hbb-btn:focus-visible, .hbb-deny:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 1px; }
+  .hbb-foot { display: flex; justify-content: space-between; align-items: center; margin-left: 32px; }
+  .hbb-note { font-size: 11px; color: var(--fg-dim); }
+  .hbb-deny {
+    font-size: 12px; padding: 7px 10px; border: 1px solid transparent; border-radius: 7px;
+    background: transparent; color: var(--fg-muted); cursor: pointer;
+  }
+  .hbb-deny:hover { color: var(--red); background: var(--danger-soft); }
+  /* The Machines-page Access block's pending row reuses the same grant groups, with no 32 px indent
+     (the row already carries the card's own text and its own Deny). */
+  .mpc-access .hbb-grants { margin-left: 0; flex: 1 1 240px; min-width: 0; }
+  .term-container > .session-toolbar ~ .hub-bridge-banner { top: 42px; }
+  .term-container:has(> .hub-bridge-banner) > .compact-banner { display: none; }
+  @media (max-width: 720px) {
+    .hub-bridge-banner { left: 8px; right: 8px; width: auto; }
+    .hbb-grants { grid-template-columns: 1fr; margin-left: 0; }
+    .hbb-detail, .hbb-foot { margin-left: 0; }
+    .hbb-seg { display: flex; grid-column: auto; } .hbb-seg .hbb-btn { flex: 1 1 0; }
+  }
 
   /* The Add-machine / show-a-code dialogs. */
   .machine-modal-overlay {
@@ -9066,3 +9187,52 @@
     padding: 10px 0;
     user-select: all;
   }
+
+  /* WP-9 (§9 S-9): the row's one Skills line and the Review dialog it opens. */
+  .mpc-skills { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
+  .mpc-skills-line { font-size: 11px; color: var(--fg-dim); overflow-wrap: anywhere; }
+  .mpc-skills-review { flex: 0 0 auto; }
+  /* WP-3 (§8 WP-3): the row's one Models line, its /delegate warnings, and the Review button. */
+  .mpc-models { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
+  .mpc-models-line { font-size: 11px; color: var(--fg-dim); overflow-wrap: anywhere; }
+  .mpc-models-sep { font-size: 11px; color: var(--fg-dim); }
+  .mpc-models-review { flex: 0 0 auto; }
+  .mpc-models-warn { flex-basis: 100%; font-size: 11px; color: var(--red); overflow-wrap: anywhere; }
+  .mpc-review-modal { width: min(760px, calc(100vw - 32px)); }
+  .mpc-review-section { margin-top: 14px; border-top: 1px solid var(--border); padding-top: 10px; }
+  .mpc-review-section h4 { margin: 0 0 6px; font-size: 12px; font-weight: 600; }
+  .mpc-review-section ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
+  .mpc-review-item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 12px; }
+  .mpc-review-name { font-weight: 600; }
+  .mpc-review-meta, .mpc-review-where, .mpc-review-note { font-size: 11px; color: var(--fg-dim); overflow-wrap: anywhere; }
+  .mpc-review-note { margin: 6px 0 0; }
+  .mpc-review-note.bad { color: var(--red); }
+  .mpc-review-empty { font-size: 11px; color: var(--fg-dim); }
+  .mpc-review-actions { display: flex; flex-wrap: wrap; gap: 6px; }
+  /* WP-4 (§8 WP-4): the unreachable rows' one control — the tick, then the button under the list. */
+  .mpc-review-pick { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
+  .mpc-review-pick input[type="checkbox"] { flex: 0 0 auto; margin: 0; }
+  .mpc-review-models-remove { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
+  /* WP-5 (§8 WP-5): "From this hub" — a heading level under the Models one, one button per row. */
+  .mpc-review-from-hub { margin-top: 10px; }
+  .mpc-review-from-hub h5 { margin: 0 0 6px; font-size: 11px; font-weight: 600; color: var(--fg-dim); }
+  .mpc-review-plugins { display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
+  .mpc-review-plugin { display: flex; align-items: center; gap: 6px; }
+  .mpc-review-diff {
+    flex: 1 1 100%;
+    max-height: 320px;
+    overflow: auto;
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    padding: 6px 8px;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 11px;
+    line-height: 1.45;
+  }
+  .mpc-diff { display: flex; flex-direction: column; }
+  .mpc-diff span { white-space: pre-wrap; overflow-wrap: anywhere; }
+  .mpc-diff-file { margin: 8px 0 2px; font-size: 11px; font-weight: 600; }
+  .mpc-diff-binary { margin: 0 0 4px; font-size: 11px; color: var(--fg-dim); }
+  .mpc-diff-add { color: var(--green); }
+  .mpc-diff-del { color: var(--red); }
+  .mpc-diff-eq { color: var(--fg-dim); }

package/template/coding-task-manager/public/css/walle-session.css

@@ -22,6 +22,10 @@
 .session-item[data-agent="gemini"] {
   border-left: 3px solid #3b82f6;
 }
+/* WP-7 (S-58): DeepSeek Harness — DeepSeek's signature blue #4D6BFE. */
+.session-item[data-agent="dsh"] {
+  border-left: 3px solid #4D6BFE;
+}
 .session-item[data-agent="shell"] {
   border-left: 3px solid #6b7280;
 }