toolroll 0.5.0 → 0.7.0

package/dist/serve.js

@@ -120,10 +120,12 @@ import { projectAuthority } from "./project-access.js";
  * repo, only runs whose task belongs to that repo (or to no repo yet).
  */
 import { createConnectionChecker } from "./provider-connection.js";
+import { liftAuthPause, noteSignInProbe, signInNotices } from "./provider-auth.js";
 import { openRouterModelsCache, openRouterPickerScript } from "./openrouter-models.js";
 import { checkModels, isNewModel, livePin, modelOptions, modelWords, RUNTIME_TOOLS, runtimeStates, seenModels, setWatch, updateRuntime, watchState } from "./model-catalog.js";
 import { MODELS_CSS, modelsHtml, modelsScript } from "./models-ui.js";
 import { ASSISTANTS, modelChoices, detectPreparation, previewProjectInstructions, addProjectInstructions } from "./setup-guide.js";
+import { projectSkillInstalled } from "./skills.js";
 import { previewSetup, approveSetup } from "./control-setup.js";
 import { controlSetupHtml, setupPreviewHtml, connectionHtml, connectionWords, hiddenFields } from "./control-ui.js";
 import { composerSchedule, scheduleEditorHtml, scheduleEditorScript } from "./task-composer.js";
@@ -229,6 +231,10 @@ import { verifyApproverByPassword, verifyApproverStanding } from "./principal.js
 import { runMateTurn, MATE_MESSAGE_MAX_CHARS } from "./mate.js";
 import { confirmCoordinatorProposal, confirmMateProposal, dismissCoordinatorProposal, dismissMateProposal } from "./mate-doors.js";
 import { envValue } from "./names.js";
+import { cachedRelease, isNewer, runnerVersions, setUpdateChecks, updateChecksOff } from "./releases.js";
+import { installMethod } from "./install-method.js";
+import { PACKAGE_VERSION } from "./version.js";
+import { updateNoticeWords } from "./update-notice.js";
 const SESSION_COOKIE = "standing-orders_session";
 const BODY_CAP = 16 * 1024;
 // URL encoding can triple UTF-8 bytes. Admit the existing bounded task
@@ -384,11 +390,46 @@ export function createDecisionServer(options) {
         }
     }
     const clock = options.clock ?? (() => new Date());
+    const install = installMethod(options.installBin);
+    /** What the last daily check found (the cache only, never the network), or nothing while checks are off. */
+    const updateFacts = () => {
+        if (options.configDir === undefined)
+            return null;
+        const switched = updateChecksOff(process.env, options.configDir);
+        const release = switched.off ? null : cachedRelease(options.configDir);
+        return { release, newer: release !== null && isNewer(release.version, PACKAGE_VERSION), on: !switched.off, byEnv: switched.byEnv };
+    };
+    /** Settings → Updates, for everyone who can open Settings; only an operator may flip the switch. */
+    const settingsUpdates = (actor, csrf) => {
+        const facts = updateFacts();
+        if (facts === null)
+            return null;
+        const known = new Map(runnerVersions(options.configDir).map(one => [one.runner, one.version]));
+        return {
+            current: PACKAGE_VERSION,
+            latest: facts.release === null ? null : { version: facts.release.version, newer: facts.newer, security: facts.release.security, notes: facts.release.notes, url: facts.release.url },
+            updateCommand: install.updateCommand,
+            check: { on: facts.on, byEnv: facts.byEnv, canManage: csrf !== "" && store.isInstanceOperator(actor) },
+            workers: store.listRunners().filter(one => one.retiredAt === null).map(one => {
+                const version = known.get(one.name) ?? null;
+                return { name: one.name, version, older: version !== null && isNewer(PACKAGE_VERSION, version) };
+            }),
+        };
+    };
     const workspaceRevision = prepareWorkspaceRevision(store);
     const workspaceIncarnation = randomBytes(16).toString('hex');
     const workspaceValidators = new WorkspaceValidatorCache();
     const providerHome = options.connectionHome ?? homedir();
-    const connectionCheck = createConnectionChecker({ home: providerHome, clock, ...(options.connectionProbe === undefined ? {} : { probe: options.connectionProbe }) });
+    const checkConnection = createConnectionChecker({ home: providerHome, clock, ...(options.connectionProbe === undefined ? {} : { probe: options.connectionProbe }) });
+    // Every sign-in check the console makes also answers a sign-in pause.
+    const connectionCheck = async (provider, fresh) => {
+        const value = await checkConnection(provider, fresh);
+        try {
+            noteSignInProbe(store, provider, value.state, clock());
+        }
+        catch { /* the pause keeps its own state */ }
+        return value;
+    };
     const modelCatalog = openRouterModelsCache(options.modelCatalogFetcher);
     const modelSeams = {
         home: providerHome,
@@ -1338,6 +1379,7 @@ export function createDecisionServer(options) {
         const requestFacts = {
             theme: pinnedTheme(request.headers.cookie),
             accent: pinnedAccent(request.headers.cookie),
+            updateSeen: /(?:^|;\s*)so-update-seen=([0-9A-Za-z.-]{1,60})(?:;|$)/.exec(request.headers.cookie ?? "")?.[1] ?? null,
             actor: who.name,
             csrf: who.via === "cookie" ? who.session.csrf : "",
             returnTo: safeReturn(url.pathname + url.search),
@@ -3752,7 +3794,7 @@ export function createDecisionServer(options) {
                 const googleView = { connected: googleConnected(options.configDir ?? null)?.address ?? null, clientId: google?.clientId ?? "", redirect: origin === null ? null : `${origin}${GOOGLE_CALLBACK}` };
                 return email === null ? { set: false, host: "", port: 587, secure: false, user: "", from: "", imapHost: "", imapPort: 993, google: googleView }
                     : { set: true, host: email.host, port: email.port, secure: email.secure, user: email.user, from: email.from, imapHost: email.imap?.host ?? "", imapPort: email.imap?.port ?? 993, google: googleView };
-            })() : null, telegramDeliveryWords(store, loadBotToken(process.env, options.telegramTokenFile)), settingsWorkers(store, now)));
+            })() : null, telegramDeliveryWords(store, loadBotToken(process.env, options.telegramTokenFile)), settingsWorkers(store, now), settingsUpdates(who.name, csrf)));
         }
         if (url.pathname === "/push/key") {
             // Session-gated: the key is not secret, but strangers get nothing.
@@ -3804,7 +3846,7 @@ export function createDecisionServer(options) {
             return null;
         const repos = admissionList() ?? [];
         const setupDone = repos.filter(one => store.liveWorktreeSetup(one) !== null).length;
-        const skillDone = repos.filter(one => ["toolroll", "standing-orders"].some(name => existsSync(join(one, ".claude", "skills", name, "SKILL.md")))).length;
+        const skillDone = repos.filter(projectSkillInstalled).length;
         const counted = (done) => repos.length <= 1 ? "" : ` (${done} of ${repos.length} repos)`;
         return [
             {
@@ -4429,6 +4471,8 @@ export function createDecisionServer(options) {
                 navigation: [...browserNavigationOf(currentPath, s.chrome.project, needsYou), { label: 'Workspace tools', href: '/menu', active: path.pathname === '/menu' }],
                 chats,
                 ...(s.refreshSeconds === undefined ? {} : { refreshSeconds: Math.max(5, Math.floor(s.refreshSeconds)) }),
+                ...(s.chrome.signIn === undefined ? {} : { signIn: s.chrome.signIn }),
+                ...(s.chrome.update === undefined ? {} : { update: s.chrome.update }),
             };
             if (requestFacts.workspaceRead) {
                 const validator = requestFacts.workspaceValidator;
@@ -4544,6 +4588,16 @@ export function createDecisionServer(options) {
             inboxSaturated: badge.saturated,
             settings: true,
             ...(store.isDemo() ? { demo: true } : {}),
+            ...(() => { const signIn = signInNotices(store); return signIn.length === 0 ? {} : { signIn }; })(),
+            ...(() => {
+                // Operators only (only someone at this computer can update it), and gone once this version is dismissed.
+                if (!facts?.csrf || !actor || !store.isInstanceOperator(actor))
+                    return {};
+                const update = updateFacts();
+                if (update === null || !update.newer || update.release === null || facts.updateSeen === update.release.version)
+                    return {};
+                return { update: { version: update.release.version, security: update.release.security, href: "/settings#updates", dismissHref: "/settings/updates/dismiss" } };
+            })(),
             ...(liveMode === null || liveModeTerms === null
                 ? {}
                 : {
@@ -5729,6 +5783,41 @@ export function createDecisionServer(options) {
         const denied = authorizeMutation(request, who, body);
         if (denied !== null)
             return refuse(response, who, denied.status, denied.message);
+        // A person says a provider's sign-in works again: its sign-in pause
+        // lifts, its tasks may start, and one short message says so.
+        const resumeProvider = /^\/providers\/([a-z]+)\/resume$/.exec(url.pathname);
+        if (resumeProvider !== null) {
+            const provider = resumeProvider[1];
+            if (!isProviderId(provider))
+                return refuse(response, who, 400, "unknown provider", "/work");
+            if (who.role !== "approver")
+                return refuse(response, who, 403, "Only an operator can resume an agent's work.", "/work");
+            liftAuthPause(store, provider, "person", who.name, clock());
+            return redirect(response, "/work");
+        }
+        // The update notice is dismissed per browser and per version: a newer release shows it again.
+        if (url.pathname === "/settings/updates/dismiss") {
+            const version = body.get("version") ?? "";
+            if (!/^[0-9A-Za-z.-]{1,60}$/.test(version))
+                return refuse(response, who, 400, "Choose a version to dismiss.", "/settings#updates");
+            response.setHeader("Set-Cookie", `so-update-seen=${version}; SameSite=Lax; Path=/; Max-Age=31536000`);
+            if (body.get("quiet") === "1") {
+                response.writeHead(204);
+                response.end();
+                return;
+            }
+            return redirect(response, safeReturn(body.get("return") ?? "/settings#updates"));
+        }
+        // The daily check's switch: an installation setting, so an operator's.
+        if (url.pathname === "/settings/updates") {
+            if (options.configDir === undefined)
+                return refuse(response, who, 404, "Updates are not set up on this console.", "/settings");
+            if (!store.isInstanceOperator(who.name))
+                return refuse(response, who, 403, "Only an operator can change update checks.", "/settings#updates");
+            const on = body.get("check") === "on";
+            setUpdateChecks(options.configDir, on);
+            return redirect(response, `/settings?said=${encodeURIComponent(on ? "Toolroll looks for a newer version once a day." : "Update checks are off.")}#updates`);
+        }
         if (url.pathname === '/code' || url.pathname.startsWith('/code/')) {
             const wantsJson = request.headers.accept?.includes('application/json') === true;
             const fail = (status, message, delivery = 'rejected', sessionId) => wantsJson
@@ -6634,7 +6723,7 @@ export function createDecisionServer(options) {
             if (accentField !== null) {
                 const accent = normalHex(accentField);
                 if (accent === null)
-                    return refuse(response, who, 400, "Choose a colour as six hex digits, like #c0267e.", "/settings");
+                    return refuse(response, who, 400, "Choose a colour as six hex digits, like #6e56cf.", "/settings");
                 response.setHeader("Set-Cookie", accent === DEFAULT_ACCENT
                     ? "so-accent=; SameSite=Lax; Path=/; Max-Age=0"
                     : `so-accent=${accent.slice(1)}; SameSite=Lax; Path=/; Max-Age=31536000`);
@@ -10641,7 +10730,7 @@ function page(response, status, html, nonce, fetches) {
  * can start a sign-in and have someone else finish it into their project.
  */
 /** A moment's page on the way to or back from another site's sign-in: no stylesheet may load there, so the palette rides inline. */
-const HANDOFF_STYLE = `<style>body{font:15px/1.5 "Geist",system-ui,sans-serif;margin:2rem;background:#efefef;color:#171717}a{color:#171717;text-decoration-color:#c0267e;text-underline-offset:3px}@media(prefers-color-scheme:dark){body{background:#0b0b0b;color:#ededed}a{color:#ededed;text-decoration-color:#ff6fb5}}</style>`;
+const HANDOFF_STYLE = `<style>body{font:15px/1.5 "Geist",system-ui,sans-serif;margin:2rem;background:#efefef;color:#171717}a{color:#171717;text-decoration-color:#8f8f8f;text-underline-offset:3px}@media(prefers-color-scheme:dark){body{background:#0b0b0b;color:#ededed}a{color:#ededed;text-decoration-color:#ff6fb5}}</style>`;
 const SIGN_IN_COOKIE = "so-sign-in";
 function startedHere(request, state) {
     const held = new RegExp(`(?:^|;\\s*)${SIGN_IN_COOKIE}=([A-Za-z0-9_-]{16,128})`).exec(request.headers.cookie ?? "")?.[1];
@@ -11255,7 +11344,7 @@ const THEME_LIGHT = `
     --so-ink: #171717; --so-muted: #666666; --so-line: #e6e6e6; --so-input-line: #d4d4d4;
     --so-accent: #171717; --so-accent-hover: #383838; --so-accent-text: #171717; --so-on-accent: #ffffff; --so-soft: #f2f2f2;
     --so-nav-ink: #525252; --so-nav-hover: #e4e4e4; --so-nav-current: #ffffff; --so-nav-current-ink: #171717;
-    --so-signal: #c0267e; --so-signal-hover: #a81f6d; --so-on-signal: #ffffff; --so-signal-soft: #fbeaf3;
+    --so-signal: #171717; --so-signal-hover: #383838; --so-on-signal: #ffffff; --so-signal-soft: #e8e8e8;
     --so-danger: #c4320a; --so-danger-soft: #feebe7; --so-success: #218358; --so-success-soft: #e6f6eb;
     --so-warning: #ab6400; --so-warning-soft: #fff4d5; --so-info: #0d74ce; --so-info-soft: #e6f4fe;
     --so-neutral-ink: #525252; --so-neutral-soft: #f0f0f0; --so-live: #0d74ce;
@@ -11263,13 +11352,13 @@ const THEME_LIGHT = `
     --so-sheet-shadow: 0 0 0 1px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .04), 0 4px 12px -6px rgb(0 0 0 / .06);
     --so-pill-shadow: 0 0 0 1px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .06);
     --so-overlay: rgb(0 0 0 / .32); --so-shadow-overlay: 0 0 0 1px rgb(0 0 0 / .08), 0 24px 48px -12px rgb(0 0 0 / .22);
-    --so-selection: #f6d3e6; --so-scroll: #cfcfcf; --so-code-bg: #fafafa; --so-user-bubble: #f2f2f2;`;
+    --so-selection: #d4d4d4; --so-scroll: #cfcfcf; --so-code-bg: #fafafa; --so-user-bubble: #f2f2f2;`;
 const THEME_DARK = `
     --so-ground: #0b0b0b; --so-paper: #161616; --so-sidebar: #0b0b0b; --so-raised: #1c1c1c;
     --so-ink: #ededed; --so-muted: #a1a1a1; --so-line: #262626; --so-input-line: #363636;
     --so-accent: #ededed; --so-accent-hover: #ffffff; --so-accent-text: #ededed; --so-on-accent: #0a0a0a; --so-soft: #1f1f1f;
     --so-nav-ink: #a1a1a1; --so-nav-hover: #171717; --so-nav-current: #1f1f1f; --so-nav-current-ink: #ededed;
-    --so-signal: #ff6fb5; --so-signal-hover: #ff8cc4; --so-on-signal: #0a0a0a; --so-signal-soft: rgb(255 111 181 / .13);
+    --so-signal: #ededed; --so-signal-hover: #ffffff; --so-on-signal: #0a0a0a; --so-signal-soft: #2e2e2e;
     --so-danger: #ff977d; --so-danger-soft: rgb(255 151 125 / .12); --so-success: #3dd68c; --so-success-soft: rgb(61 214 140 / .12);
     --so-warning: #ffca16; --so-warning-soft: rgb(255 202 22 / .12); --so-info: #70b8ff; --so-info-soft: rgb(112 184 255 / .12);
     --so-neutral-ink: #b4b4b4; --so-neutral-soft: #1f1f1f; --so-live: #70b8ff;
@@ -11277,7 +11366,7 @@ const THEME_DARK = `
     --so-sheet-shadow: 0 0 0 1px #262626, 0 1px 2px rgb(0 0 0 / .4);
     --so-pill-shadow: 0 0 0 1px #2a2a2a, 0 1px 2px rgb(0 0 0 / .5);
     --so-overlay: rgb(0 0 0 / .6); --so-shadow-overlay: 0 0 0 1px #2e2e2e, 0 24px 48px -12px rgb(0 0 0 / .7);
-    --so-selection: #4a2138; --so-scroll: #333333; --so-code-bg: #111111; --so-user-bubble: #202020;`;
+    --so-selection: #3a3a3a; --so-scroll: #333333; --so-code-bg: #111111; --so-user-bubble: #202020;`;
 /** The console's original token names, now views onto the palette. */
 const THEME_MAPPING = `
     --background: var(--so-ground); --foreground: var(--so-ink); --card: var(--so-paper);
@@ -11296,7 +11385,7 @@ const STYLE = `
 /* The Console — the design system, v4 "Signal" (2026-09-27). A neutral
    frame with paper sheets inset into it (Arc, Linear), compact Raycast
    density, Geist for words and Geist Mono for machine facts. Ink is every
-   act a person can take; chart magenta means "waits on you" and nothing
+   act a person can take; the accent (ink by default) means "waits on you" and nothing
    else; blue means live. Flat surfaces: hairlines and one soft sheet
    shadow, no glass. Zero dependencies, zero page JS beyond the nonce'd
    chrome layer. */
@@ -11334,6 +11423,7 @@ const STYLE = `
 ${THEME_LIGHT}
 ${THEME_MAPPING}
     --radius: 0.625rem;
+    --so-ease-out: cubic-bezier(.23, 1, .32, 1);
     --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
     --font-mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
   }
@@ -11348,6 +11438,11 @@ ${THEME_DARK}
 ${THEME_DARK}
   }
   * { box-sizing: border-box; }
+  /* Touch: no grey flash on a tap, no double-tap zoom wait on a control,
+     and a long press never selects a control's label. Text stays selectable. */
+  html { -webkit-tap-highlight-color: transparent; }
+  a, button, summary, [role=button], [role=tab] { touch-action: manipulation; }
+  button, [role=button], [role=tab], .task-context-chip, .approval-chip, .verdict-chip { -webkit-user-select: none; user-select: none; }
   ::selection { background: var(--so-selection); color: var(--so-ink); }
   ::placeholder { color: var(--muted-foreground); }
   body {
@@ -11378,7 +11473,7 @@ ${THEME_DARK}
     color: var(--muted-foreground); text-decoration: none; font-size: 0.8125rem; font-weight: 500;
     display: flex; align-items: center; padding: 0 .625rem; transition: color .15s;
   }
-  .topbar nav a:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .topbar nav a:hover { color: var(--foreground); } }
   main { max-width: 44rem; margin-inline: auto; padding: 1.75rem 1.25rem 4rem; }
   h1 { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 .25rem; line-height: 1.3; }
   h1 .meta { font-weight: 400; letter-spacing: 0; }
@@ -11389,7 +11484,7 @@ ${THEME_DARK}
     color: var(--muted-foreground); margin: 2rem 0 .5rem; font-family: var(--font-sans);
   }
   a { color: var(--foreground); text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 3px; }
-  a:hover { text-decoration-color: var(--muted-foreground); }
+  @media (hover: hover) and (pointer: fine) { a:hover { text-decoration-color: var(--muted-foreground); } }
   p { margin: .4rem 0; }
   code { background: var(--muted); border-radius: .3rem; padding: .1rem .35rem; font-family: var(--font-mono); font-size: .8125rem; }
   .mono { font-family: var(--font-mono); font-size: .8125rem; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
@@ -11497,7 +11592,7 @@ ${THEME_DARK}
   .row:last-of-type { border-bottom: none; }
   .row .right { margin-left: auto; }
   a.row { text-decoration: none; }
-  a.row:hover { background: var(--muted); }
+  @media (hover: hover) and (pointer: fine) { a.row:hover { background: var(--muted); } }
 
   /* A parked decision: the question in full weight, the whole card the
      tap target, the neutral border — the "needs you" header above it
@@ -11508,38 +11603,38 @@ ${THEME_DARK}
     background: var(--card); padding: .875rem 1.125rem; margin: .625rem 0;
     text-decoration: none; transition: border-color .15s;
   }
-  .decide-card:hover { border-color: color-mix(in srgb, var(--border) 55%, var(--muted-foreground)); }
+  @media (hover: hover) and (pointer: fine) { .decide-card:hover { border-color: color-mix(in srgb, var(--border) 55%, var(--muted-foreground)); } }
   .decide-card .q { font-weight: 600; margin: 0 0 .25rem; }
 
   /* Buttons: secondary by default (paper + hairline); a form's one
      submit is primary (ink on paper, paper on ink); the approve act is
-     magenta; danger is red and outlined. 2.125rem at a desk, 2.75rem to a thumb. */
+     the accent; danger is red and outlined. 2.125rem at a desk, 2.75rem to a thumb. */
   button {
     font: 500 0.8125rem/1.4 var(--font-sans); cursor: pointer; border-radius: calc(var(--radius) - 3px);
     border: 1px solid var(--input); background: var(--card); color: var(--foreground);
     padding: .35rem .75rem; min-height: 2.125rem;
-    transition: background .12s ease-out, border-color .12s ease-out, color .12s ease-out;
+    transition: background .12s var(--so-ease-out), border-color .12s var(--so-ease-out), color .12s var(--so-ease-out);
   }
-  button:hover { background: var(--so-soft); }
+  @media (hover: hover) and (pointer: fine) { button:hover { background: var(--so-soft); } }
   button:active { background: var(--so-nav-hover); }
   form.card > button[type=submit], .sticky-actions button[type=submit], form.card .sticky-actions button {
     background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); font-weight: 600;
   }
-  form.card > button[type=submit]:hover, .sticky-actions button[type=submit]:hover {
+  @media (hover: hover) and (pointer: fine) { form.card > button[type=submit]:hover, .sticky-actions button[type=submit]:hover {
     background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: color-mix(in srgb, var(--primary) 85%, var(--background));
-  }
+  } }
   /* The approve act is the one magenta verb: it resolves what waits on you.
      The ceremony's frame is neutral so the button is the only coloured thing
      in it; a danger act stays red even inside one. */
   .approve-form button[type=submit], .approve-form .sticky-actions button[type=submit] {
     background: var(--brand); color: var(--brand-foreground); border-color: var(--brand); font-weight: 600;
   }
-  .approve-form button[type=submit]:hover, .approve-form .sticky-actions button[type=submit]:hover { background: color-mix(in srgb, var(--brand) 85%, var(--foreground)); border-color: color-mix(in srgb, var(--brand) 85%, var(--foreground)); }
+  @media (hover: hover) and (pointer: fine) { .approve-form button[type=submit]:hover, .approve-form .sticky-actions button[type=submit]:hover { background: color-mix(in srgb, var(--brand) 85%, var(--foreground)); border-color: color-mix(in srgb, var(--brand) 85%, var(--foreground)); } }
   button.danger, .approve-form button[type=submit].danger {
     color: var(--destructive); border-color: color-mix(in srgb, var(--destructive) 50%, transparent);
     background: transparent; font-weight: 500;
   }
-  button.danger:hover, .approve-form button[type=submit].danger:hover { background: var(--destructive-soft); }
+  @media (hover: hover) and (pointer: fine) { button.danger:hover, .approve-form button[type=submit].danger:hover { background: var(--destructive-soft); } }
   /* Removing a credential takes a second, deliberate tap. */
   details.confirm-remove { display: inline-block; margin: 0 0 0 .5rem; vertical-align: top; }
   details.confirm-remove > summary { cursor: pointer; color: var(--destructive); font-size: .8125rem; min-height: 2.5rem; display: inline-flex; align-items: center; }
@@ -11553,7 +11648,7 @@ ${THEME_DARK}
     border: 1px solid var(--input); border-radius: calc(var(--radius) - 3px);
     transition: border-color .15s, box-shadow .15s;
   }
-  input:hover, textarea:hover, select:hover { border-color: var(--muted-foreground); }
+  @media (hover: hover) and (pointer: fine) { input:hover, textarea:hover, select:hover { border-color: var(--muted-foreground); } }
   input[type=number] { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
   input[type=radio], input[type=checkbox] { accent-color: var(--ring); }
   .permission-field { border: 0; padding: 0; margin: 1rem 0 0; min-width: 0; }
@@ -11565,7 +11660,7 @@ ${THEME_DARK}
     border-radius: calc(var(--radius) - 3px); background: color-mix(in srgb, var(--card) 66%, transparent);
     cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s;
   }
-  .permission-choice:hover { background: var(--muted); }
+  @media (hover: hover) and (pointer: fine) { .permission-choice:hover { background: var(--muted); } }
   .permission-choice:has(input:checked) {
     border-color: color-mix(in srgb, var(--foreground) 42%, var(--border));
     background: var(--card); box-shadow: 0 0 0 1px color-mix(in srgb, var(--foreground) 8%, transparent), var(--shadow);
@@ -11597,7 +11692,8 @@ ${THEME_DARK}
     min-height: 8.5rem; max-height: 18rem; margin: 0; padding: .9rem 1rem; resize: vertical;
     border: 0; background: transparent; box-shadow: none; font-size: 1.05rem; line-height: 1.55;
   }
-  .task-prompt textarea:hover, .task-prompt textarea:focus-visible { border: 0; box-shadow: none; }
+  .task-prompt textarea:focus-visible { border: 0; box-shadow: none; }
+  @media (hover: hover) and (pointer: fine) { .task-prompt textarea:hover { border: 0; box-shadow: none; } }
   .task-repo { margin: .25rem .45rem .7rem; }
   .task-composer-footer { display: flex; align-items: center; gap: .5rem; padding: .25rem; }
   .task-context { display: flex; align-items: center; gap: .4rem; flex: 1 1 auto; min-width: 0; }
@@ -11616,7 +11712,7 @@ ${THEME_DARK}
     flex: none; min-height: 2.45rem; padding: .45rem .95rem; border-radius: 999px;
     background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); font-weight: 600;
   }
-  .task-submit:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: transparent; }
+  @media (hover: hover) and (pointer: fine) { .task-submit:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: transparent; } }
   details.task-options {
     margin: .65rem .25rem 0; padding: .15rem .5rem 0; border: 0; border-top: 1px solid var(--glass-border);
     border-radius: 0; background: transparent;
@@ -11703,7 +11799,7 @@ ${THEME_DARK}
   .receipt-visuals { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 14rem)); gap: .55rem; margin-top: .75rem; }
   .receipt-shot { display: grid; gap: .35rem; color: var(--muted-foreground); font-size: .7rem; text-decoration: none; }
   .receipt-shot img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--glass-border); border-radius: calc(var(--radius) - 3px); background: var(--muted); }
-  .receipt-shot:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .receipt-shot:hover { color: var(--foreground); } }
   .receipt-caveats, .receipt-coverage { margin-top: .8rem; padding: .7rem .8rem; border-left: 1px solid var(--border); border-radius: 0 calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0; background: color-mix(in srgb, var(--muted) 62%, transparent); font-size: .78rem; }
   .receipt-caveats ul, .receipt-coverage ul { margin: .3rem 0 0; padding-left: 1.15rem; }
   /* Secondary receipt detail (concise pass, 2026-09-13): native
@@ -11735,7 +11831,7 @@ ${THEME_DARK}
     display: grid; gap: .2rem; padding: .55rem .65rem; margin-bottom: .2rem; min-width: 0;
     border: 1px solid transparent; border-radius: calc(var(--radius) - 3px); text-decoration: none; color: var(--foreground);
   }
-  .cockpit-row:hover { background: var(--card); }
+  @media (hover: hover) and (pointer: fine) { .cockpit-row:hover { background: var(--card); } }
   .cockpit-row.current { background: var(--muted); border-color: color-mix(in srgb, var(--foreground) 12%, var(--border)); }
   .cockpit-row-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .5rem; min-width: 0; }
   .cockpit-row-head strong { min-width: 0; overflow-wrap: anywhere; font-size: .8125rem; font-weight: 550; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@@ -11812,7 +11908,7 @@ ${THEME_DARK}
     min-height: 1.75rem; padding: .2rem .7rem; border: 0; border-radius: 999px;
     background: transparent; box-shadow: none; color: var(--muted-foreground); font-size: .7rem;
   }
-  .diff-modes button:hover { transform: none; color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .diff-modes button:hover { transform: none; color: var(--foreground); } }
   .diff-modes button[aria-pressed="true"] { background: var(--card); color: var(--foreground); box-shadow: 0 1px 3px color-mix(in srgb, var(--background) 20%, transparent); }
   .diff-review-help {
     margin: 0; padding: .62rem .85rem; border-bottom: 1px solid var(--glass-border);
@@ -11849,7 +11945,7 @@ ${THEME_DARK}
     display: grid; grid-template-columns: 2rem 3.2rem 3.2rem minmax(max-content, 1fr); align-items: stretch;
     min-width: max-content; min-height: 1.8rem; font: 400 .72rem/1.55 var(--font-mono);
   }
-  .diff-line:hover { background: color-mix(in srgb, var(--foreground) 4%, transparent); }
+  @media (hover: hover) and (pointer: fine) { .diff-line:hover { background: color-mix(in srgb, var(--foreground) 4%, transparent); } }
   .diff-line code { display: flex; min-width: 0; padding: .3rem .75rem .3rem .6rem; color: inherit; white-space: pre; }
   .diff-line code b { display: inline-block; width: 1rem; flex: none; font-weight: 500; opacity: .72; }
   .diff-gutter {
@@ -11865,7 +11961,7 @@ ${THEME_DARK}
   }
   .diff-annotate { padding: 0; background: color-mix(in srgb, var(--card) 94%, transparent); color: var(--muted-foreground); box-shadow: none; opacity: .35; }
   .diff-annotate svg { width: .78rem; height: .78rem; }
-  .diff-annotate:hover { transform: none; background: color-mix(in srgb, var(--running) 15%, var(--card)); color: var(--running); opacity: 1; }
+  @media (hover: hover) and (pointer: fine) { .diff-annotate:hover { transform: none; background: color-mix(in srgb, var(--running) 15%, var(--card)); color: var(--running); opacity: 1; } }
   .diff-annotate-space { background: color-mix(in srgb, var(--card) 94%, transparent); }
   .diff-review[data-mode="view"] .diff-line { grid-template-columns: 0 3.2rem 3.2rem minmax(max-content, 1fr); }
   .diff-review[data-mode="view"] .diff-annotate,
@@ -11935,11 +12031,11 @@ ${THEME_DARK}
   details[open] { padding-bottom: .875rem; }
   details.arm-danger { border-color: color-mix(in srgb, var(--destructive) 30%, transparent); }
   summary { padding: .5rem 0; cursor: pointer; font-weight: 500; font-size: 0.8125rem; color: var(--muted-foreground); min-height: 2.25rem; }
-  summary:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { summary:hover { color: var(--foreground); } }
   details form.option { border: none; padding: .25rem 0 0; margin: 0; }
   .evidence { margin-top: 1.5rem; font-size: 0.8125rem; }
   .evidence a { display: block; padding: .55rem 0; border-bottom: 1px solid var(--border); text-decoration: none; }
-  .evidence a:hover { color: var(--muted-foreground); }
+  @media (hover: hover) and (pointer: fine) { .evidence a:hover { color: var(--muted-foreground); } }
   .evidence strong { display: block; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted-foreground); font-family: var(--font-mono); }
 
   .filters { font-size: 0.8125rem; color: var(--muted-foreground); }
@@ -11948,7 +12044,7 @@ ${THEME_DARK}
     color: var(--muted-foreground); font-weight: 500;
   }
   .filters strong { background: var(--muted); color: var(--foreground); }
-  .filters a:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .filters a:hover { color: var(--foreground); } }
 
   /* A picked tournament result: marked in the built green, not magenta. */
   .card.picked { border-color: color-mix(in srgb, var(--success) 40%, var(--border)); }
@@ -11976,7 +12072,7 @@ ${THEME_DARK}
     display: grid; place-items: center; flex: 0 0 2rem; width: 2rem; min-height: 2rem; padding: 0;
     border-color: transparent; background: transparent; color: var(--muted-foreground); box-shadow: none;
   }
-  .side-toggle:hover { background: var(--glass); color: var(--foreground); transform: none; }
+  @media (hover: hover) and (pointer: fine) { .side-toggle:hover { background: var(--glass); color: var(--foreground); transform: none; } }
   .side-toggle svg { width: 1rem; height: 1rem; }
   /* The scope bar: one hairline row, the single scope truth on every
    * screen; its name is the switcher. Magenta never appears here except
@@ -12012,7 +12108,7 @@ ${THEME_DARK}
     border-right: 1.75px solid var(--foreground); border-bottom: 1.75px solid var(--foreground);
     transform: rotate(45deg) translateY(-.125rem);
   }
-  .switcher-menu button:hover { background: var(--muted); }
+  @media (hover: hover) and (pointer: fine) { .switcher-menu button:hover { background: var(--muted); } }
   .switcher-menu .manage {
     display: block; margin-top: .25rem; padding: .625rem .75rem; border-top: 1px solid var(--border);
     font-size: .75rem; color: var(--muted-foreground); text-decoration: none;
@@ -12024,14 +12120,14 @@ ${THEME_DARK}
   }
   .scope-status .hot { color: var(--brand); font-weight: 500; }
   .scope-status a { color: inherit; text-decoration: none; }
-  .scope-status a:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .scope-status a:hover { text-decoration: underline; } }
   /* A project card's name and counts are forms or links dressed as text and chips. */
   .project-card button.project-name, .project-card a.project-name {
     all: unset; cursor: pointer; font-weight: 600; color: var(--foreground);
   }
-  .project-card a.project-name:hover, .project-card button.project-name:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .project-card a.project-name:hover, .project-card button.project-name:hover { text-decoration: underline; } }
   .project-card button.badge { min-height: auto; box-shadow: none; cursor: pointer; }
-  .project-card button.badge:hover, .project-card a.badge:hover { border-color: var(--input); }
+  @media (hover: hover) and (pointer: fine) { .project-card button.badge:hover, .project-card a.badge:hover { border-color: var(--input); } }
   /* Adding a project is the page's primary job, not badge-sized metadata.
    * Two roomy action tiles make both roads obvious on a desk and give each
    * one a generous thumb target on a phone. The manual path stays tertiary. */
@@ -12054,11 +12150,11 @@ ${THEME_DARK}
     
     transition: transform .15s ease, background .15s, border-color .15s, box-shadow .15s;
   }
-  .project-add-action:hover {
+  @media (hover: hover) and (pointer: fine) { .project-add-action:hover {
     border-color: color-mix(in srgb, var(--border) 50%, var(--muted-foreground));
     background: var(--card); text-decoration: none;
     box-shadow: var(--shadow);
-  }
+  } }
   .project-add-action:active { transform: translateY(0); }
   .project-add-icon {
     display: grid; place-items: center; width: 2.75rem; height: 2.75rem;
@@ -12078,7 +12174,7 @@ ${THEME_DARK}
     display: flex; align-items: center; min-height: 2.75rem; width: fit-content;
     color: var(--muted-foreground); cursor: pointer; font-size: .8125rem; font-weight: 500;
   }
-  .project-add-more > summary:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .project-add-more > summary:hover { color: var(--foreground); } }
   .project-add-more > .card { margin: 0 0 .25rem; }
   .side nav { display: flex; flex-direction: column; gap: .125rem; }
   /* Inline decision options: neutral buttons — the card's magenta outline is
@@ -12101,7 +12197,7 @@ ${THEME_DARK}
     font-family: var(--font-sans);
   }
   .nav-group > summary::-webkit-details-marker { display: none; }
-  .nav-group > summary:hover { background: var(--glass); color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .nav-group > summary:hover { background: var(--glass); color: var(--foreground); } }
   .nav-group > summary .chevron { width: .875rem; height: .875rem; flex: none; transition: transform .15s; }
   .nav-group[open] > summary .chevron { transform: rotate(180deg); }
   .nav-group .nav-group-items { display: flex; flex-direction: column; gap: .125rem; margin: .125rem 0 .25rem; }
@@ -12115,7 +12211,8 @@ ${THEME_DARK}
   }
   .side nav a .glyph { display: inline-flex; width: 1rem; height: 1rem; color: var(--muted-foreground); flex: none; }
   .side nav a .glyph svg { width: 1rem; height: 1rem; }
-  .side nav a:hover { background: var(--glass); color: var(--foreground); transform: translateX(2px); }
+  @media (hover: hover) and (pointer: fine) { .side nav a:hover { background: var(--glass); color: var(--foreground); transform: translateX(2px); } }
+  .side nav a:active { background: var(--glass); color: var(--foreground); }
   .app.sidebar-collapsed { grid-template-columns: 64px minmax(0, 1fr); }
   .app.sidebar-collapsed .side { padding-inline: .625rem; }
   .app.sidebar-collapsed .side-head { flex-direction: column; gap: .2rem; margin-bottom: .55rem; }
@@ -12148,14 +12245,14 @@ ${THEME_DARK}
     border-radius: calc(var(--radius) - 3px); padding: .525rem; margin: .75rem 0 .125rem;
     box-shadow: 0 10px 28px -18px rgb(255 255 255 / .5);
   }
-  .side .new-task:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); }
+  @media (hover: hover) and (pointer: fine) { .side .new-task:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); } }
   /* The same action link outside the sidebar reads as a real button. */
   .content .new-task {
     display: inline-block; text-decoration: none; font-weight: 500; font-size: .8125rem;
     background: var(--secondary); color: var(--foreground); border: 1px solid var(--border);
     border-radius: calc(var(--radius) - 2px); padding: .5rem .875rem;
   }
-  .content .new-task:hover { background: color-mix(in srgb, var(--secondary) 70%, var(--border)); }
+  @media (hover: hover) and (pointer: fine) { .content .new-task:hover { background: color-mix(in srgb, var(--secondary) 70%, var(--border)); } }
   .content { min-width: 0; }
   .content > main { max-width: 54rem; margin: 0; padding: 2rem 2.5rem 4rem; }
 
@@ -12166,6 +12263,7 @@ ${THEME_DARK}
   }
   .banner .badge { margin-right: .5rem; }
   .banner a { color: var(--muted-foreground); }
+  .sign-in-banner form { display: inline; margin: 0 0 0 .5rem; padding: 0; border: 0; background: transparent; }
 
   .split { display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); min-height: 100vh; }
   .list-pane {
@@ -12177,7 +12275,7 @@ ${THEME_DARK}
     display: block; padding: .5rem .625rem; border-radius: calc(var(--radius) - 4px);
     text-decoration: none; font-size: .8125rem; margin-bottom: .125rem;
   }
-  .list-pane a.item:hover { background: var(--card); }
+  @media (hover: hover) and (pointer: fine) { .list-pane a.item:hover { background: var(--card); } }
   .list-pane a.item.current { background: var(--muted); }
   .list-pane a.item .t { display: block; font-weight: 500; color: var(--foreground);
     white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@@ -12206,13 +12304,13 @@ ${THEME_DARK}
     min-width: 4.6rem; padding: .4rem .72rem; border-radius: .52rem; color: var(--muted-foreground);
     font-size: .72rem; font-weight: 550; text-align: center; text-decoration: none;
   }
-  .task-view-switch a:hover { color: var(--foreground); background: color-mix(in srgb, var(--muted) 70%, transparent); }
+  @media (hover: hover) and (pointer: fine) { .task-view-switch a:hover { color: var(--foreground); background: color-mix(in srgb, var(--muted) 70%, transparent); } }
   .task-view-switch a.active { color: var(--foreground); background: var(--glass-strong); box-shadow: 0 1px 5px rgb(0 0 0 / .1); }
   .acts-bar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .75rem 0 .25rem; }
   .acts-bar form.inline { margin: 0; display: inline-flex; align-items: center; gap: .375rem; }
   .acts-bar form.inline button { width: auto; }
   .acts-bar .primary button { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); font-weight: 600; }
-  .acts-bar .primary button:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); }
+  @media (hover: hover) and (pointer: fine) { .acts-bar .primary button:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); } }
   .acts-bar .act-hold input[type=text] { width: 10rem; min-height: 2.25rem; margin: 0; font-size: .8125rem; }
   .acts-why { margin: 0 0 .5rem; }
   .dispatch-status { padding: .8rem .9rem; border-radius: var(--radius); overflow: hidden; }
@@ -12491,7 +12589,7 @@ ${THEME_DARK}
     transform: rotate(45deg) translateY(-.125rem); transition: transform .15s;
   }
   details.section[open] > summary::after { transform: rotate(225deg) translateY(-.125rem); }
-  details.section > summary:hover h2 { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { details.section > summary:hover h2 { color: var(--foreground); } }
   details.more-agents { margin: .75rem 0 0; }
   .task-layout > .task-main { min-width: 0; }
   .task-rail { position: sticky; top: 1rem; }
@@ -12558,7 +12656,7 @@ ${THEME_DARK}
     background: var(--card); box-shadow: var(--shadow);
   }
   .work-tools-menu a { display: block; padding: .5rem .625rem; border-radius: .5rem; text-decoration: none; color: var(--foreground); font-size: .875rem; }
-  .work-tools-menu a:hover { background: var(--muted); }
+  @media (hover: hover) and (pointer: fine) { .work-tools-menu a:hover { background: var(--muted); } }
   /* The result panel (workspace package 3): one presentation of a finished
      result for the run page, the review cockpit, and the chat's result
      detail — the deliverable first, problems ahead of readiness words,
@@ -12584,7 +12682,7 @@ ${THEME_DARK}
   .result-notes > summary::-webkit-details-marker, .result-details > summary::-webkit-details-marker { display: none; }
   .result-notes > summary::before, .result-details > summary::before { content: "▸"; }
   .result-notes[open] > summary::before, .result-details[open] > summary::before { content: "▾"; }
-  .result-notes > summary:hover, .result-details > summary:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .result-notes > summary:hover, .result-details > summary:hover { color: var(--foreground); } }
   .result-details > summary .meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-mono); font-size: .68rem; font-weight: 400; }
   .result-notes .recap { margin: .25rem 0 .4rem; font-size: .875rem; }
   .result-attention { margin: .75rem 0 .25rem; padding: .7rem .85rem; border-left: 1px solid var(--warning); border-radius: 0 calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0; background: var(--warning-soft); font-size: .8125rem; }
@@ -12695,9 +12793,9 @@ ${THEME_DARK}
   .work-details > summary::-webkit-details-marker { display: none; }
   .work-details > summary::before { content: "▸"; }
   .work-details[open] > summary::before { content: "▾"; }
-  .work-details > summary:hover { color: var(--foreground); }
+  @media (hover: hover) and (pointer: fine) { .work-details > summary:hover { color: var(--foreground); } }
   .work-title { display: block; font-weight: 600; font-size: .9375rem; line-height: 1.35; color: var(--foreground); text-decoration: none; overflow-wrap: anywhere; }
-  .work-title:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .work-title:hover { text-decoration: underline; } }
   .work-meta { display: flex; flex-wrap: wrap; gap: .25rem .625rem; margin: .25rem 0 0; font-size: .75rem; color: var(--muted-foreground); }
   .work-meta .mono { overflow-wrap: anywhere; }
   .project-label { display: inline-block; padding: 0 .4rem; border: 1px solid var(--border); border-radius: 999px; font-size: .6875rem; line-height: 1.5; color: var(--foreground); }
@@ -12852,7 +12950,7 @@ ${THEME_DARK}
     border: 1px solid var(--border); border-radius: var(--radius); background: var(--card);
     padding: .75rem .875rem; color: var(--foreground); min-height: 44px; justify-content: center;
   }
-  .menu-row:hover { border-color: color-mix(in srgb, var(--border) 60%, var(--muted-foreground)); }
+  @media (hover: hover) and (pointer: fine) { .menu-row:hover { border-color: color-mix(in srgb, var(--border) 60%, var(--muted-foreground)); } }
 
   .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr)); gap: .625rem; margin: .5rem 0; }
   .stat-card {
@@ -12887,7 +12985,7 @@ ${THEME_DARK}
     width: 100%; margin-top: 1.25rem;
     background: var(--so-accent); color: var(--so-on-accent); border-color: var(--so-accent); font-weight: 600;
   }
-  .login-shell button:hover { background: var(--so-accent-hover); border-color: var(--so-accent-hover); }
+  @media (hover: hover) and (pointer: fine) { .login-shell button:hover { background: var(--so-accent-hover); border-color: var(--so-accent-hover); } }
   .login-foot { text-align: center; margin: 1.5rem 0 0; font-size: 0.75rem; color: var(--muted-foreground); line-height: 1.9; }
   .login-foot code { background: none; padding: 0; color: var(--muted-foreground); white-space: nowrap; }
   .so-wordmark { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; letter-spacing: -.02em; color: var(--foreground); }
@@ -12899,7 +12997,7 @@ ${THEME_DARK}
   .sso-step-up[data-sso-step-up="confirmed"] { color: var(--so-success); }
   .sso-step-up[data-sso-step-up="confirmed"]::before { content: "✓"; margin-right: 6px; }
   .login-shell .login-sso { display: flex; justify-content: center; align-items: center; min-height: 44px; border-radius: 8px; background: var(--so-accent); color: var(--so-on-accent); font-weight: 600; text-decoration: none; margin: 0 0 1rem; }
-  .login-shell .login-sso:hover { background: var(--so-accent-hover); }
+  @media (hover: hover) and (pointer: fine) { .login-shell .login-sso:hover { background: var(--so-accent-hover); } }
   .login-shell .login-password > summary { text-align: center; font-size: .875rem; color: var(--muted-foreground); cursor: pointer; margin: 0 0 .75rem; }
   .focus-page { max-width: 40rem; margin: 0 auto; padding: 2rem 1.25rem 3rem; }
   .focus-page .focus-brand { display: inline-flex; margin: 0 0 2.5rem; }
@@ -12952,7 +13050,7 @@ ${THEME_DARK}
   .lane > summary::-webkit-details-marker { display: none; }
   .lane h2 { display: flex; align-items: center; gap: .4rem; margin: 0; font-size: .6875rem; }
   .lane h2 a { color: inherit; text-decoration: none; }
-  .lane h2 a:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .lane h2 a:hover { text-decoration: underline; } }
   .lane .hint { margin-top: 0; }
   .lane-count { color: var(--muted-foreground); font-weight: 400; font-variant-numeric: tabular-nums; }
   .lane h2::before {
@@ -12967,7 +13065,7 @@ ${THEME_DARK}
     background: var(--card); border: 1px solid var(--border);
     border-radius: calc(var(--radius) - 2px); padding: .5rem .625rem; margin-top: .5rem;
   }
-  .lane-card:hover { border-color: color-mix(in srgb, var(--border) 55%, var(--muted-foreground)); }
+  @media (hover: hover) and (pointer: fine) { .lane-card:hover { border-color: color-mix(in srgb, var(--border) 55%, var(--muted-foreground)); } }
   .lane-card .id { display: block; font-family: var(--font-mono); font-size: .6875rem; color: var(--muted-foreground); margin-bottom: .125rem; overflow-wrap: anywhere; }
   .lane-card .t { display: block; font-size: .8125rem; font-weight: 500; line-height: 1.35; }
   .lane-card .dot { margin-right: .4rem; }
@@ -13165,7 +13263,7 @@ ${THEME_DARK}
     border: 1px solid var(--glass-border); border-radius: calc(var(--radius) - 3px);
     background: color-mix(in srgb, var(--glass-strong) 64%, transparent); text-decoration: none;
   }
-  .chat-overview-stat:hover { background: var(--glass-strong); }
+  @media (hover: hover) and (pointer: fine) { .chat-overview-stat:hover { background: var(--glass-strong); } }
   .chat-overview-stat b { color: var(--foreground); font: 600 1.2rem/1.2 var(--font-mono); font-variant-numeric: tabular-nums; }
   .chat-overview-stat span { overflow: hidden; color: var(--muted-foreground); font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }
   .chat-overview-stat.attention b { color: var(--warning); }
@@ -13175,7 +13273,7 @@ ${THEME_DARK}
     display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) auto; align-items: center; gap: .6rem;
     padding: .48rem .55rem; border-radius: calc(var(--radius) - 4px); color: inherit; text-decoration: none;
   }
-  .chat-overview-item:hover { background: color-mix(in srgb, var(--muted) 72%, transparent); }
+  @media (hover: hover) and (pointer: fine) { .chat-overview-item:hover { background: color-mix(in srgb, var(--muted) 72%, transparent); } }
   .chat-overview-icon { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: .55rem; background: var(--muted); color: var(--muted-foreground); }
   .chat-overview-icon svg { width: .9rem; height: .9rem; }
   .chat-overview-item.decision .chat-overview-icon { color: var(--warning); background: var(--warning-soft); }
@@ -13202,10 +13300,10 @@ ${THEME_DARK}
     background: color-mix(in srgb, var(--muted) 58%, transparent);
     transition: transform .16s ease, background .16s, border-color .16s, box-shadow .16s;
   }
-  .chat-project-card:hover {
+  @media (hover: hover) and (pointer: fine) { .chat-project-card:hover {
     border-color: var(--glass-border); background: color-mix(in srgb, var(--muted) 82%, transparent);
     box-shadow: 0 12px 28px -24px rgb(0 0 0 / .8);
-  }
+  } }
   .chat-project-name { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; }
   .chat-project-name strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; }
   .chat-project-name .mono { color: var(--running); font-size: .6875rem; }
@@ -13277,7 +13375,7 @@ ${THEME_DARK}
   .proposal-actions form { margin: 0; }
   /* The confirm is the card's one primary; dismiss stays quiet (UI polish 2026-09-13). */
   .proposal-actions .acts form:first-child button[type=submit] { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); font-weight: 600; }
-  .proposal-actions .acts form:first-child button[type=submit]:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: color-mix(in srgb, var(--primary) 85%, var(--background)); }
+  @media (hover: hover) and (pointer: fine) { .proposal-actions .acts form:first-child button[type=submit]:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: color-mix(in srgb, var(--primary) 85%, var(--background)); } }
   .proposal-actions .done, .proposal-actions .refused, .proposal-wait { margin: 0; padding: .55rem .65rem; border-radius: calc(var(--radius) - 5px); font-size: .72rem; }
   .proposal-actions .done { color: var(--success); background: var(--success-soft); }
   .proposal-actions .refused { color: var(--destructive); background: var(--destructive-soft); }
@@ -13358,7 +13456,8 @@ ${THEME_DARK}
     width: 100%; min-height: 3.5rem; max-height: 13rem; margin: 0; padding: .75rem .85rem;
     resize: vertical; border: 0; background: transparent; box-shadow: none; font-size: 1rem;
   }
-  .composer textarea:hover, .composer textarea:focus-visible { border: 0; box-shadow: none; }
+  .composer textarea:focus-visible { border: 0; box-shadow: none; }
+  @media (hover: hover) and (pointer: fine) { .composer textarea:hover { border: 0; box-shadow: none; } }
   .composer button {
     flex: 0 0 2.75rem; width: 2.75rem; min-height: 2.75rem; padding: 0; border-radius: 999px;
     font-size: 0; box-shadow: 0 10px 24px -16px rgb(255 255 255 / .65);
@@ -13536,7 +13635,7 @@ ${THEME_DARK}
   .mate-mint form { border-top: 1px solid var(--glass-border); padding-top: .5rem; }
   /* The start act is the page's one primary (UI polish 2026-09-13). */
   .mate-mint form > button[type=submit] { background: var(--primary); color: var(--primary-foreground); border-color: var(--primary); font-weight: 600; }
-  .mate-mint form > button[type=submit]:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: color-mix(in srgb, var(--primary) 85%, var(--background)); }
+  @media (hover: hover) and (pointer: fine) { .mate-mint form > button[type=submit]:hover { background: color-mix(in srgb, var(--primary) 85%, var(--background)); border-color: color-mix(in srgb, var(--primary) 85%, var(--background)); } }
   .mate-terms { display: flex; flex-wrap: wrap; gap: 1rem; align-items: baseline; padding: .35rem 0; }
   .mate-terms .inline-field { white-space: nowrap; }
   button.quiet { background: transparent; color: var(--fg-muted); border-color: var(--border); }
@@ -13587,7 +13686,7 @@ ${THEME_DARK}
     display: block; padding: .58rem .65rem; margin: .16rem 0; border: 1px solid transparent;
     border-radius: calc(var(--radius) - 4px); color: inherit; text-decoration: none;
   }
-  .wb-row:hover { background: var(--card); border-color: var(--border); }
+  @media (hover: hover) and (pointer: fine) { .wb-row:hover { background: var(--card); border-color: var(--border); } }
   .wb-row.wb-selected { background: var(--muted); border-color: var(--border); }
   .wb-row .wb-title { display: block; font-size: .8125rem; font-weight: 500; line-height: 1.35; }
   .wb-row .wb-meta { display: flex; align-items: center; gap: .3rem; flex-wrap: wrap; margin-top: .22rem; }
@@ -13649,7 +13748,7 @@ ${THEME_DARK}
   .icon-button svg { width: 1rem; height: 1rem; }
   .queue-card p { margin: 0; }
   .queue-card a { text-decoration: none; }
-  .queue-card a:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .queue-card a:hover { text-decoration: underline; } }
   .queue-card .row + .row { margin-top: .125rem; border-bottom: none; }
   .queue-card p.row { padding: 0; border-bottom: none; }
   .tracks { margin-top: 1.5rem; }
@@ -13658,7 +13757,7 @@ ${THEME_DARK}
   .track-row p { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
   .track-row p .right { margin-left: auto; }
   .track-row a { text-decoration: none; }
-  .track-row a:hover { text-decoration: underline; }
+  @media (hover: hover) and (pointer: fine) { .track-row a:hover { text-decoration: underline; } }
   .track-strip { display: inline-flex; gap: .3rem; align-items: center; vertical-align: middle; }
   .fire {
     display: inline-block; width: .65rem; height: .65rem; border-radius: 50%;
@@ -13777,7 +13876,7 @@ button { min-height: 44px; }
   padding: 0 .875rem; border: 1px solid var(--border); border-radius: 999px;
   text-decoration: none; color: var(--foreground); background: var(--card);
 }
-.next-pager .skip:hover { border-color: color-mix(in srgb, var(--border) 60%, var(--muted-foreground)); }
+@media (hover: hover) and (pointer: fine) { .next-pager .skip:hover { border-color: color-mix(in srgb, var(--border) 60%, var(--muted-foreground)); } }
 
 /* Motion: only where a human caused the change — navigation, presses,
    overlays. Liveness swaps stay instant; the pulse dot is the one "alive"
@@ -13806,7 +13905,10 @@ button { min-height: 44px; }
 @media (prefers-reduced-motion: no-preference) {
   .tabbar a, .side nav a { transition: color .15s, background .15s; }
   button:active { transform: scale(.985); }
-  .palette, .kbd-help { animation: rise 120ms ease-out; }
+  /* Anchor buttons press like buttons; nav links fill instead. The palette
+     and shortcuts overlay are keyboard-summoned, so they appear at once. */
+  .button-link, .side .new-task, .content .new-task, .result-feedback-link, .next-pager .skip { transition: transform 160ms var(--so-ease-out); }
+  :is(.button-link, .side .new-task, .content .new-task, .result-feedback-link, .next-pager .skip):active { transform: scale(.985); }
   .chat-workspace.projects-open .chat-projects { animation: rise 200ms ease-out; }
   .chat-workspace.projects-open::before { animation: fade 180ms ease-out; }
   .switcher[open] .switcher-menu { animation: rise 160ms ease-out; }
@@ -13823,7 +13925,8 @@ button { min-height: 44px; }
 @media (prefers-reduced-motion: reduce) {
   *, *::before, *::after { animation: none !important; transition: none !important; }
   ::view-transition-group(*), ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
-  button:active, button:hover, .side nav a:hover, .chat-project-card:hover, .lane-card:hover, .decide-card:hover, .menu-row:hover { transform: none; }
+  button:active, :is(.button-link, .side .new-task, .content .new-task, .result-feedback-link, .next-pager .skip):active { transform: none; }
+  @media (hover: hover) and (pointer: fine) { button:hover, .side nav a:hover, .chat-project-card:hover, .lane-card:hover, .decide-card:hover, .menu-row:hover { transform: none; } }
 }
 
 /* The shortcuts overlay: display-only, toggled by the chrome layer, absent
@@ -13878,7 +13981,9 @@ button.pick-file { min-height: 1.75rem; padding: 0 .55rem; font-size: .75rem; }
 }
 `;
 /** Appearance: a three-way segmented switch, one tap per choice. */
-const THEME_CONTROLS_CSS = `.task-repo select{width:100%;min-height:2.75rem;font-size:1rem}.task-repo-add{margin:.35rem .1rem .5rem}.task-repo-add a{display:inline-flex;align-items:center;min-height:2.25rem}details.result-request-open.result-request-form>summary{border:0;background:transparent;padding:.5rem 0;min-height:2.75rem;font-weight:600;display:list-item;list-style:revert}details.result-request-open.result-request-form>summary::-webkit-details-marker{display:revert}form.js-autosave button[type=submit]{display:none}.provider-row{border-bottom:1px solid var(--so-line);padding:.35rem 0}.provider-row:first-of-type{border-top:1px solid var(--so-line)}.provider-head{display:flex;align-items:center;gap:.75rem;margin:.4rem 0 0}.provider-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--so-muted);font-size:.875rem}.provider-status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--so-muted)}.provider-status--ok i{background:var(--so-success)}.provider-status--warn i{background:var(--so-attention)}.provider-status--off i{background:transparent;border:1.5px solid var(--so-muted)}details.provider-manage>summary{cursor:pointer;color:var(--so-accent-text);font-size:.875rem;min-height:2.5rem;display:list-item;padding-block:.5rem}.card.props .row{display:grid;gap:.1rem;margin:0 0 .75rem}.card.props .row>.meta{display:block;font-size:.75rem}.card.props .row>.meta::first-letter{text-transform:uppercase}.card.props .row>.mono{font-family:var(--font-sans);font-size:.875rem}.card.props .row>.mono .seal{font-family:var(--font-mono);font-size:.8125rem}details.evidence-files{margin:1rem 0}details.evidence-files>summary{cursor:pointer;min-height:2.75rem;display:list-item;padding-block:.7rem;font-weight:600}details.evidence-files ul{list-style:none;margin:0;padding:0}details.evidence-files li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--so-line)}.result-action .result-feedback-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--so-input-line);border-radius:.5rem;background:var(--so-paper);color:var(--so-ink);font-weight:600;text-decoration:none}.result-action .result-feedback-link:hover{background:var(--so-raised)}.so-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.verdict{margin:.5rem 0 .75rem}.verdict-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.verdict-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:1.75rem;padding:.2rem .65rem;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--so-neutral-soft);color:var(--so-neutral-ink)}.verdict-chip svg{width:.9rem;height:.9rem}.verdict-chip--success{background:var(--so-success-soft);color:var(--so-success)}.verdict-chip--danger{background:var(--so-danger-soft);color:var(--so-danger)}.verdict-chip--warning{background:var(--so-warning-soft);color:var(--so-warning)}.verdict-chip--info{background:var(--so-info-soft);color:var(--so-info)}.verdict-by{margin:.4rem 0 0}details.result-request-open{margin:.5rem 0}details.result-request-open>summary{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--so-input-line);border-radius:.5rem;background:var(--so-paper);color:var(--so-ink);font-weight:600;cursor:pointer;list-style:none}details.result-request-open>summary::-webkit-details-marker{display:none}details.result-request-open[open]>summary{margin-bottom:.75rem}.settings-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:0 0 2rem}.settings-tiles a{display:flex;align-items:center;gap:.6rem;min-height:3rem;padding:.65rem .8rem;border:1px solid var(--so-line);border-radius:.625rem;background:var(--so-paper);color:var(--so-ink);text-decoration:none;font-weight:550;font-size:.875rem}.settings-tiles a:hover{border-color:var(--so-input-line);background:var(--so-raised)}.settings-tiles svg{width:1.1rem;height:1.1rem;flex-shrink:0;color:var(--so-accent-text)}details.settings-more{margin:.25rem 0 1.25rem}details.settings-more>summary{cursor:pointer;min-height:2.75rem;display:list-item;padding-block:.7rem;font-weight:550}details.settings-more>summary .meta{font-weight:400;margin-left:.35rem}.settings-changed{margin-top:-.25rem}.appearance{margin:0 0 28px}.appearance h2{margin:0 0 10px}.theme-switch{display:inline-flex;flex-wrap:nowrap;max-width:100%;gap:4px;padding:4px;margin:0;border:1px solid var(--so-line);border-radius:10px;background:var(--so-raised)}.theme-switch .theme-choice,.so-native-region .theme-switch .theme-choice{flex:1 1 0;width:auto;white-space:nowrap;min-height:40px;padding:8px 16px;border:0;border-radius:7px;background:transparent;color:var(--so-muted);font:inherit;font-weight:550;box-shadow:none;cursor:pointer}.theme-switch .theme-choice:hover{color:var(--so-ink)}.theme-switch .theme-choice[aria-pressed="true"]{background:var(--so-paper);color:var(--so-ink);box-shadow:0 1px 2px rgb(0 0 0 / .1)}.appearance .meta{margin:8px 0 0}@media(max-width:600px){.theme-switch .theme-choice{min-height:44px}}`;
+const THEME_CONTROLS_CSS = `.task-repo select{width:100%;min-height:2.75rem;font-size:1rem}.task-repo-add{margin:.35rem .1rem .5rem}.task-repo-add a{display:inline-flex;align-items:center;min-height:2.25rem}details.result-request-open.result-request-form>summary{border:0;background:transparent;padding:.5rem 0;min-height:2.75rem;font-weight:600;display:list-item;list-style:revert}details.result-request-open.result-request-form>summary::-webkit-details-marker{display:revert}form.js-autosave button[type=submit]{display:none}.provider-row{border-bottom:1px solid var(--so-line);padding:.35rem 0}.provider-row:first-of-type{border-top:1px solid var(--so-line)}.provider-head{display:flex;align-items:center;gap:.75rem;margin:.4rem 0 0}.provider-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--so-muted);font-size:.875rem}.provider-status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--so-muted)}.provider-status--ok i{background:var(--so-success)}.provider-status--warn i{background:var(--so-attention)}.provider-status--off i{background:transparent;border:1.5px solid var(--so-muted)}details.provider-manage>summary{cursor:pointer;color:var(--so-accent-text);font-size:.875rem;min-height:2.5rem;display:list-item;padding-block:.5rem}.card.props .row{display:grid;gap:.1rem;margin:0 0 .75rem}.card.props .row>.meta{display:block;font-size:.75rem}.card.props .row>.meta::first-letter{text-transform:uppercase}.card.props .row>.mono{font-family:var(--font-sans);font-size:.875rem}.card.props .row>.mono .seal{font-family:var(--font-mono);font-size:.8125rem}details.evidence-files{margin:1rem 0}details.evidence-files>summary{cursor:pointer;min-height:2.75rem;display:list-item;padding-block:.7rem;font-weight:600}details.evidence-files ul{list-style:none;margin:0;padding:0}details.evidence-files li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--so-line)}.result-action .result-feedback-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--so-input-line);border-radius:.5rem;background:var(--so-paper);color:var(--so-ink);font-weight:600;text-decoration:none}@media(hover:hover) and (pointer:fine){.result-action .result-feedback-link:hover{background:var(--so-raised)}}.so-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.verdict{margin:.5rem 0 .75rem}.verdict-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.verdict-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:1.75rem;padding:.2rem .65rem;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--so-neutral-soft);color:var(--so-neutral-ink)}.verdict-chip svg{width:.9rem;height:.9rem}.verdict-chip--success{background:var(--so-success-soft);color:var(--so-success)}.verdict-chip--danger{background:var(--so-danger-soft);color:var(--so-danger)}.verdict-chip--warning{background:var(--so-warning-soft);color:var(--so-warning)}.verdict-chip--info{background:var(--so-info-soft);color:var(--so-info)}.verdict-by{margin:.4rem 0 0}details.result-request-open{margin:.5rem 0}details.result-request-open>summary{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem 1rem;border:1px solid var(--so-input-line);border-radius:.5rem;background:var(--so-paper);color:var(--so-ink);font-weight:600;cursor:pointer;list-style:none}details.result-request-open>summary::-webkit-details-marker{display:none}details.result-request-open[open]>summary{margin-bottom:.75rem}.settings-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:0 0 2rem}.settings-tiles a{display:flex;align-items:center;gap:.6rem;min-height:3rem;padding:.65rem .8rem;border:1px solid var(--so-line);border-radius:.625rem;background:var(--so-paper);color:var(--so-ink);text-decoration:none;font-weight:550;font-size:.875rem}@media(hover:hover) and (pointer:fine){.settings-tiles a:hover{border-color:var(--so-input-line);background:var(--so-raised)}}.settings-tiles svg{width:1.1rem;height:1.1rem;flex-shrink:0;color:var(--so-accent-text)}details.settings-more{margin:.25rem 0 1.25rem}details.settings-more>summary{cursor:pointer;min-height:2.75rem;display:list-item;padding-block:.7rem;font-weight:550}details.settings-more>summary .meta{font-weight:400;margin-left:.35rem}.settings-changed{margin-top:-.25rem}.appearance{margin:0 0 28px}.appearance h2{margin:0 0 10px}.theme-switch{display:inline-flex;flex-wrap:nowrap;max-width:100%;gap:4px;padding:4px;margin:0;border:1px solid var(--so-line);border-radius:10px;background:var(--so-raised)}.theme-switch .theme-choice,.so-native-region .theme-switch .theme-choice{flex:1 1 0;width:auto;white-space:nowrap;min-height:40px;padding:8px 16px;border:0;border-radius:7px;background:transparent;color:var(--so-muted);font:inherit;font-weight:550;box-shadow:none;cursor:pointer}@media(hover:hover) and (pointer:fine){.theme-switch .theme-choice:hover{color:var(--so-ink)}}.theme-switch .theme-choice[aria-pressed="true"]{background:var(--so-paper);color:var(--so-ink);box-shadow:0 1px 2px rgb(0 0 0 / .1)}.appearance .meta{margin:8px 0 0}@media(max-width:600px){.theme-switch .theme-choice{min-height:44px}}.update-notes{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:18rem;overflow:auto}`;
+/** The page CSS this module writes itself (not the imported modules'), for the stylesheet contract tests. */
+export const PAGE_CSS = STYLE + THEME_CONTROLS_CSS;
 const WORKSPACE_STYLE = styleAsset(STYLE + APPROVAL_RULES_CSS + SPEND_CSS + RETENTION_CSS + LIMITS_CSS + MONITORING_CSS + BACKUP_CSS + EXPORT_CSS + PROJECT_DELETE_CSS + POLICY_CSS + EVIDENCE_PACK_CSS + THEME_CONTROLS_CSS + CODING_CSS + CODING_SHIPPING_CSS + RECIPE_CSS + SKILLS_CSS + TOOLS_CSS + FLOWS_CSS + TEAMMATE_CSS + KITS_CSS + SSO_CSS + CREDENTIALS_CSS + KNOWLEDGE_CSS + MODELS_CSS + CHAT_POLISH_CSS + TRANSITIONS_CSS + WORKSPACE_MOTION_CSS + ASSIGNMENT_CSS + LEAD_CONTEXT_CSS + '.learning{min-width:0;overflow-wrap:anywhere}.learning .card{min-width:0}.learning code,.learning blockquote,.learning pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.learning button,.learning summary,.learning .button-link{min-height:44px}.learning button{white-space:nowrap}.learning summary{padding:12px 0;cursor:pointer}.learning form{margin:12px 0}.learning select{max-width:100%}.learning blockquote{margin:8px 0}.learning ul{padding-left:20px}');
 /**
  * The board's liveness: fetch this page's own fragment on a timer and swap
@@ -14126,8 +14231,8 @@ export const SENSITIVE_INPUT = /<input\b[^>]*[\s"']type\s*=\s*["']?password/i;
 /** The design contract every page carries (impeccable direction, 2026-09-27). */
 const DESIGN_CONTRACT = `<!-- THESIS: a control plane that stays quiet until a person is needed; it refuses the dashboard default of coloured status everywhere and an accent on every button.
 OWN-WORLD: a neutral grey frame with paper sheets inset into it (Arc, Linear), Geist for words and Geist Mono for machine facts, ink for every act a person can take, one chart magenta only for what waits on a person plus focus and selection; hairlines and one soft sheet shadow, no glass, no gradients.
-STORY: glance, see the magenta count, open the one thing that needs you, act with the one magenta verb, leave.
-FIRST VIEWPORT: sidebar on the frame (magenta mark, ink New task, the current page as a raised pill, the magenta needs-you count); the main sheet with a 52px header over compact 13px rows; the Crew sheet beside it.
+STORY: glance, see the accent count, open the one thing that needs you, act with the one accent verb, leave.
+FIRST VIEWPORT: sidebar on the frame (accent mark, ink New task, the current page as a raised pill, the accent needs-you count); the main sheet with a 52px header over compact 13px rows; the Crew sheet beside it.
 FORM: the Raycast and Arc canon, user-pinned; seed 9c849086.
 FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md -->`;
 /** The shortcuts overlay: display-only, toggled by the chrome layer,
@@ -14284,7 +14389,13 @@ function shell(title, body, options = {}) {
         : "") +
         (chrome.modeBanner === undefined
             ? ""
-            : `<div class="banner"><span class="badge badge-running">mode</span>${escape(chrome.modeBanner.words)} \u00b7 <a href="/mode">the terms \u00b7 end it</a></div>`);
+            : `<div class="banner"><span class="badge badge-running">mode</span>${escape(chrome.modeBanner.words)} \u00b7 <a href="/mode">the terms \u00b7 end it</a></div>`) +
+        (chrome.signIn ?? []).map(one => `<div class="banner sign-in-banner" data-sign-in="${escape(one.provider)}"><strong>${escape(one.title)}</strong> \u00b7 run <code>${escape(one.command)}</code> on this computer, then resume.${one.detail === "" ? "" : ` ${escape(one.detail)}`}` +
+            `<form method="post" action="${escape(one.resumeHref)}" class="inline"><input type="hidden" name="csrf" value="${escape(chrome.csrf ?? "")}"><button type="submit">${escape(one.resumeLabel)}</button></form></div>`).join("") +
+        (chrome.update === undefined
+            ? ""
+            : `<div class="banner update-banner" data-update="${escape(chrome.update.version)}">${escape(updateNoticeWords(chrome.update))} \u00b7 <a href="${escape(chrome.update.href)}">What's new</a>` +
+                `<form method="post" action="${escape(chrome.update.dismissHref)}" class="inline"><input type="hidden" name="csrf" value="${escape(chrome.csrf ?? "")}"><input type="hidden" name="version" value="${escape(chrome.update.version)}"><button type="submit">Dismiss</button></form></div>`);
     // The scope bar sits between the banners and the main/split body, so it
     // can never disappear with a responsive pane (portfolio arc §1).
     const content = chrome.listPane === undefined
@@ -19744,6 +19855,7 @@ const REASON_WORDS = {
     agent: "the agent failed",
     "agent-reported": "the agent reported it could not finish",
     "no-op": "nothing changed when something should have",
+    "no-handoff": "the agent stopped before handing off; its work was kept and it is being resumed",
     "moved-head": "the branch moved underneath the build",
     "moved-branch": "the branch moved underneath the build",
     timeout: "ran out of time",
@@ -21301,7 +21413,7 @@ function telegramDeliveryWords(store, bot) {
         return `Telegram pushes new messages to ${state.url}${state.problem === null ? "." : `, but ${state.problem.charAt(0).toLowerCase()}${state.problem.slice(1)}.`}`;
     return `Toolroll asks Telegram for new messages every few seconds${state?.problem ? ` (${state.problem})` : ""}.`;
 }
-function settingsPage(chrome, existing, hasEnv, csrf, problem, messaging = null, push = null, providerKeys = null, digest = null, permissionDefault = null, qualityDefault = null, email = null, telegramDelivery = null, workers = null) {
+function settingsPage(chrome, existing, hasEnv, csrf, problem, messaging = null, push = null, providerKeys = null, digest = null, permissionDefault = null, qualityDefault = null, email = null, telegramDelivery = null, workers = null, updates = null) {
     const permissionCard = permissionDefault === null
         ? ""
         : [
@@ -21497,6 +21609,7 @@ function settingsPage(chrome, existing, hasEnv, csrf, problem, messaging = null,
         telegram: { state: hasEnv ? "from the environment" : existing === null ? "not set" : "saved", current, delivery: telegramDelivery },
         email,
         workers,
+        updates,
     };
     return screen("Settings", [
         "<h1>Settings</h1>",
@@ -21506,6 +21619,7 @@ function settingsPage(chrome, existing, hasEnv, csrf, problem, messaging = null,
         qualityCard,
         keysCard,
         workersCard(workers),
+        updatesCard(updates, csrf),
         pushCard === "" && messagingCard === "" && digestCard === "" ? "" : `<h2>Notifications</h2>`,
         messagingCard,
         pushCard,
@@ -21560,6 +21674,23 @@ function workersCard(workers) {
                 `<p class="meta">To change how many a worker runs at once: <code>toolroll runner capacity &lt;name&gt; &lt;n&gt;</code></p>`) +
         `</section>`;
 }
+/** Settings → Updates, for browsers without the app script. */
+function updatesCard(updates, csrf) {
+    if (updates === null)
+        return "";
+    const latest = updates.latest;
+    return `<section id="updates" aria-labelledby="updates-title"><h2 id="updates-title">Updates</h2>` +
+        `<p class="row">This version <span class="mono">${escape(updates.current)}</span> \u00b7 ${!updates.check.on ? "Update checks are off" : latest === null ? "Not checked yet" : latest.newer ? `Latest <span class="mono">${escape(latest.version)}</span>` : "Up to date"}</p>` +
+        (latest !== null && latest.newer
+            ? `<p>Update with <code>${escape(updates.updateCommand)}</code> \u00b7 <a href="${escape(latest.url)}">Release notes</a></p>` +
+                (latest.notes === "" ? "" : `<details class="settings-more"><summary>What's new in ${escape(latest.version)}</summary><pre class="update-notes">${escape(latest.notes)}</pre></details>`)
+            : "") +
+        (updates.check.canManage && !updates.check.byEnv
+            ? `<form method="post" action="/settings/updates" class="inline"><input type="hidden" name="csrf" value="${escape(csrf)}"><input type="hidden" name="check" value="${updates.check.on ? "off" : "on"}"><button type="submit">${updates.check.on ? "Turn off daily check" : "Turn on daily check"}</button></form>`
+            : updates.check.byEnv ? `<p class="meta">Off by TOOLROLL_NO_UPDATE_CHECK.</p>` : "") +
+        (updates.workers.length === 0 ? "" : `<ul>${updates.workers.map(one => `<li data-worker-version="${escape(one.name)}">${escape(one.name)} <span class="mono">${escape(one.version ?? "unknown")}</span>${one.older ? " \u00b7 older" : ""}</li>`).join("")}</ul>`) +
+        `</section>`;
+}
 /** Choices save the moment they change; without the script the Save
  * button stays and the form works the same. */
 const SETTINGS_AUTOSAVE_SCRIPT = `(function(){document.querySelectorAll('form[data-autosave]').forEach(function(form){form.classList.add('js-autosave');form.addEventListener('change',function(ev){var t=ev.target;if(t&&(t.type==='radio'||t.tagName==='SELECT')){if(form.requestSubmit)form.requestSubmit();else form.submit();}});});})();`;