@bivy/bivy 0.18.3 → 0.18.4-staging.10

package/dist/apps/registry.js

@@ -15,7 +15,9 @@ const isNote = (value) => {
     const note = value;
     return !!note && typeof note.id === "string" && typeof note.at === "number" && typeof note.note === "string" && note.note.length <= 1000
         && typeof note.selector === "string" && typeof note.text === "string" && typeof note.path === "string"
-        && typeof note.viewport?.width === "number" && typeof note.viewport?.height === "number";
+        && typeof note.viewport?.width === "number" && typeof note.viewport?.height === "number"
+        && (note.context === undefined || (typeof note.context === "string" && note.context.length <= 8000))
+        && (note.shot === undefined || (typeof note.shot?.hash === "string" && /^[a-f0-9]{64}$/.test(note.shot.hash) && Number.isFinite(note.shot.size) && Number.isFinite(note.shot.width) && Number.isFinite(note.shot.height)));
 };
 const sameFiles = (a, b) => a.size === b.size && [...a].every(([key, data]) => b.get(key)?.equals(data));
 /** Snapshot, not a live filesystem server: symlinks and hidden files are never published. */
@@ -295,6 +297,10 @@ export class AppRegistry extends EventEmitter {
         this.save();
     }
     agentNotes(id) { return this.apps.get(id)?.agentNotes === true; }
+    /** Includes persisted apps not restored yet; unread pictures survive GC. */
+    notePictureHashes() {
+        return [...this.persisted.values()].flatMap(record => Object.values(record.notes ?? {}).flatMap(notes => Array.isArray(notes) ? notes.filter(isNote).flatMap(note => note.shot ? [note.shot.hash] : []) : []));
+    }
     /** A reviewer's note: kept bounded, saved with the app, announced (`notes`). */
     addNote(viewId, note) {
         const entry = this.views.get(viewId);

package/dist/apps/remote-preview.js

@@ -9,15 +9,17 @@ export class RemotePreview {
     registry;
     returnOrigins;
     signIn;
+    captureNote;
     gateway;
     origin;
     relayUrl;
     online = false;
     sockets = new Set();
-    constructor(registry, returnOrigins, signIn) {
+    constructor(registry, returnOrigins, signIn, captureNote) {
         this.registry = registry;
         this.returnOrigins = returnOrigins;
         this.signIn = signIn;
+        this.captureNote = captureNote;
     }
     get available() { return this.online && Boolean(this.gateway); }
     ready(origin, relayUrl) {
@@ -30,7 +32,7 @@ export class RemotePreview {
             return;
         if (this.origin !== template) {
             this.gateway?.close();
-            this.gateway = new AppGateway(this.registry, template, this.returnOrigins, this.signIn);
+            this.gateway = new AppGateway(this.registry, template, this.returnOrigins, this.signIn, this.captureNote);
             this.origin = template;
         }
         this.relayUrl = relayUrl.replace(/\/$/, "") + "/preview/stream";

package/dist/apps/styles.css

@@ -27,13 +27,16 @@
 
 * { box-sizing: border-box; }
 html, body, #root { height: 100%; margin: 0; }
+/* iOS samples the page and fixed shell backgrounds for its status-bar tint.
+   Paint both explicitly so the tint follows theme changes instead of sampling
+   a transparent shell. Include the loading/sign-in shell before App mounts. */
+html, body, .app, .setup { background: var(--bg); }
 /* Lock the shell to the viewport: no whole-page scroll or rubber-band drift on
    iOS (the app's own panes scroll). Without this the page itself scrolls under
    the fixed shell and the layout appears to "move around / off screen". */
 html, body { overflow: hidden; overscroll-behavior: none; }
 body {
   font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  background: var(--bg);
   color: var(--ink);
   -webkit-font-smoothing: antialiased;
 }
@@ -1094,24 +1097,25 @@ button.sheet-action:last-child { border-bottom: 0; }
 }
 .image-viewer-img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-sm); cursor: default; }
 .image-viewer-close {
-  position: absolute; top: max(12px, env(safe-area-inset-top)); right: 16px;
-  border: 0; background: var(--overlay); color: var(--accent-contrast); width: 40px; height: 40px;
-  border-radius: var(--radius-full); font-size: 26px; line-height: 1; cursor: pointer;
+  position: absolute; top: max(var(--space-3), env(safe-area-inset-top)); right: max(var(--space-4), env(safe-area-inset-right));
 }
+.image-viewer-close, .image-viewer-nav {
+  border: 1px solid var(--line-strong); background: var(--surface-3); color: var(--ink);
+  width: var(--space-7); height: var(--space-7); border-radius: var(--radius-full);
+  font-size: var(--text-3xl); line-height: 1; cursor: pointer;
+  display: grid; place-items: center;
+}
+.image-viewer-close:hover, .image-viewer-nav:hover { background: var(--surface-2); }
 /* Prev/next page controls in the multi-image gallery — mirror the close button. */
 .image-viewer-nav {
   position: absolute; top: 50%; transform: translateY(-50%);
-  border: 0; background: var(--overlay); color: var(--accent-contrast);
-  width: 44px; height: 44px; border-radius: var(--radius-full);
-  font-size: 30px; line-height: 1; cursor: pointer;
-  display: grid; place-items: center;
 }
 .image-viewer-nav.prev { left: max(var(--space-3), env(safe-area-inset-left)); }
 .image-viewer-nav.next { right: max(var(--space-4), env(safe-area-inset-right)); }
 .image-viewer-count {
   position: absolute; bottom: max(var(--space-4), env(safe-area-inset-bottom));
   left: 50%; transform: translateX(-50%); cursor: default;
-  background: var(--overlay); color: var(--accent-contrast);
+  background: var(--surface-3); color: var(--ink);
   padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
   font-size: var(--text-sm); font-variant-numeric: tabular-nums;
 }
@@ -1168,8 +1172,7 @@ button.sheet-action:last-child { border-bottom: 0; }
 /* Agent/model catalogs should not collapse into a tiny strip when the composer
    grows. Keep their normal composer clearance, but cap that reservation and
    give the scrollable catalog a stable, roomy height. */
-.sheet[data-size="large"] .sheet-body,
-.sheet[data-size="mobile-full"] .sheet-body {
+.sheet[data-size="large"] .sheet-body {
   --sheet-clear: max(
     calc(env(safe-area-inset-bottom, 0px) + var(--space-2)),
     min(calc(var(--composer-h, 108px) + var(--space-2) - var(--keyboard-h, 0px)), calc(var(--app-h, 100dvh) * 0.24))
@@ -1197,20 +1200,19 @@ button.sheet-action:last-child { border-bottom: 0; }
    page) handles a long tool list; touch scrolling + overscroll containment keep
    the fling smooth on iOS and stop it chaining to the chat underneath. */
 .sheet-content { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 8px; min-height: 0; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
-/* Embedded apps use the whole mobile viewport, including the space normally
-   reserved for the chat composer. Keep controls clear of device safe areas. */
-@media (max-width: 900px) {
-  .sheet[data-size="mobile-full"] .sheet-body {
-    height: 100%; max-height: 100%; max-width: none; margin: 0;
-    border: 0; border-radius: 0;
-    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
-  }
-  .sheet[data-size="mobile-full"] .sheet-grabber { display: none; }
-  .sheet[data-size="mobile-full"] .sheet-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .sheet[data-size="mobile-full"] .sheet-head > button { flex-shrink: 0; min-height: var(--space-7); }
-  .sheet[data-size="mobile-full"] .sheet-content { padding: 0; }
-  .sheet[data-size="mobile-full"] .preview-peek { border-radius: 0; }
-}
+/* Embedded apps use the whole viewport on every screen size, including the
+   space normally reserved for the chat composer. Keep controls clear of
+   device safe areas. */
+.sheet[data-size="full"] .sheet-body {
+  height: 100%; max-height: 100%; max-width: none; margin: 0;
+  border: 0; border-radius: 0;
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+}
+.sheet[data-size="full"] .sheet-grabber { display: none; }
+.sheet[data-size="full"] .sheet-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.sheet[data-size="full"] .sheet-head > button { flex-shrink: 0; min-height: var(--space-7); }
+.sheet[data-size="full"] .sheet-content { padding: 0; }
+.sheet[data-size="full"] .preview-peek { border-radius: 0; }
 .picker-search { margin-bottom: 6px; }
 /* In a picker sheet the search is a direct child of the scroll container, so pin
    it to the top: the list scrolls beneath it and every option stays reachable
@@ -2136,20 +2138,6 @@ a.queue-item:hover { border-color: var(--line-strong); background: var(--surface
 .run-sheet-recovery { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
 .run-sheet-recovery .btn.sm { padding: var(--space-1) var(--space-3); }
 
-.composer-starter {
-  display: flex; align-items: center; justify-content: space-between; gap: var(--space-3);
-  margin: 0 var(--space-3) var(--space-2); padding: var(--space-3); border: 1px solid var(--line);
-  border-radius: var(--radius-md); background: var(--surface);
-}
-.composer-starter > div { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
-.composer-starter strong { font-size: var(--text-sm); color: var(--ink); }
-.composer-starter span { font-size: var(--text-xs); line-height: var(--lh-sm); color: var(--muted); }
-.composer-starter .btn { flex: none; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
-@media (max-width: 520px) {
-  .composer-starter { align-items: stretch; flex-direction: column; }
-  .composer-starter .btn { min-height: var(--space-7); }
-}
-
 /* Review surface (C3): state badges, checks strip, view-mode toggle, file tree,
    per-file actions, and the split (side-by-side) diff layout. */
 .changes-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 6px 10px; border-bottom: 1px solid var(--line); }
@@ -3075,8 +3063,8 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
 .review-banner { margin: 0 var(--space-3); }
 .review-note { margin: var(--space-3) var(--space-3) 0; padding-inline-start: var(--space-3); border-inline-start: 2px solid var(--line-strong); color: var(--ink); font-size: var(--text-sm); white-space: pre-wrap; }
 .review-status { margin: var(--space-2) var(--space-3) 0; color: var(--muted); font-size: var(--text-sm); }
-.review-actions { display: flex; padding: var(--space-3); }
-.review-actions .btn { flex: 1; min-block-size: 44px; }
+.review-actions { display: flex; flex-wrap: wrap; gap: var(--space-1); padding: var(--space-3); }
+.review-actions .btn { min-block-size: var(--space-7); }
 
 /* Apps sheet (AppsSheet.tsx): one card per app, its views nested, one primary
    action per view; secondary tools as quiet icon buttons; rare or destructive
@@ -3093,8 +3081,6 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
 .apps-more { position: relative; }
 .apps-view-tools .apps-more { margin-inline-start: auto; }
 .apps-more-menu { position: absolute; right: 0; top: calc(100% + var(--space-1)); z-index: var(--z-dropdown); }
-.apps-notice { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0 var(--space-3) var(--space-3); padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--ok) 12%, transparent); font-size: var(--text-sm); }
-.apps-notice > svg { flex: none; margin-top: 1px; color: var(--ok); }
 .apps-notes { display: flex; flex-direction: column; gap: var(--space-2); margin: 0 var(--space-3) var(--space-3); padding-top: var(--space-3); border-top: 1px dashed var(--line); }
 .apps-notes-head { display: flex; align-items: center; gap: var(--space-2); color: var(--muted); font-size: var(--text-xs); font-weight: var(--weight-semibold); letter-spacing: 0.04em; text-transform: uppercase; }
 .apps-count { min-inline-size: 18px; padding: 0 6px; border-radius: var(--radius-full); background: var(--surface-3); color: var(--ink); text-align: center; letter-spacing: 0; }
@@ -3118,6 +3104,8 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
 .share-dest { display: block; inline-size: 100%; padding: 0; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); color: inherit; font: inherit; text-align: start; cursor: pointer; }
 .share-dest:hover { background: var(--surface-2); }
 .share-dest .app-row { min-block-size: 44px; }
+.preview-head-actions { display: flex; flex: none; align-items: center; gap: var(--space-1); }
+.preview-head-actions .btn { min-block-size: var(--space-7); }
 .preview-peek-stage { position: relative; block-size: 100%; }
 /* Point and speak: the recording bar floats over the top of the preview while
    the finger stays on the shell's mic, so nothing under it moves. */
@@ -3166,9 +3154,8 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
   letter-spacing: -0.01em;
 }
 
-/* Activation readiness strip (src/components/ReadinessChecklist.tsx) — the honest
-   "get to your first agent response" checklist shown until the agent answers. */
-.readiness { margin: 10px 12px 0; }
+/* Setup checks and the ready-to-message confirmation. */
+.readiness { margin: var(--space-3) var(--space-3) 0; }
 .readiness-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
 .readiness-title { font-weight: 600; font-size: var(--text-base); letter-spacing: -0.01em; }
 .readiness-dismiss {
@@ -3178,8 +3165,7 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
 .readiness-dismiss:hover { background: var(--surface-2); color: var(--ink); }
 .readiness-passed { margin: 0 0 var(--space-2); color: var(--ok); font-size: var(--text-sm); font-weight: var(--weight-medium); }
 .readiness-checks { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
-/* Completed setup is summarized above. Keeping six verbose rows after five are
-   already done buried the only useful state (waiting for the first answer). */
+/* Summarize completed checks so the next setup action stays visible. */
 .readiness-check.state-passed { display: none; }
 .readiness-check { display: flex; align-items: baseline; gap: 8px; font-size: var(--text-sm); }
 .readiness-mark {
@@ -3368,3 +3354,9 @@ p.setup-note .btn.link { min-height: 44px; margin-block: calc((1lh - 44px) / 2);
    the composer itself, with one line of another device's draft. */
 .handoff-banner { border-radius: var(--radius-md); }
 .handoff-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* Keep editorial type on the wordmark; session titles retain the app's sans. */
+.brand {
+  font-family: var(--font-serif);
+  font-weight: var(--weight-medium);
+}

package/dist/apps/tokens.css

@@ -30,37 +30,37 @@
   /* ---- Core surfaces & text (neutral) ---- */
   --bg: #ffffff;
   --surface: #ffffff;
-  --surface-2: #f3f5f7;
-  --surface-3: #e8ecef;
-  --ink: #0f1215;
-  --muted: #5f6a73;
-  --line: #e3e7ea;
-  --line-strong: #cdd4d9;
+  --surface-2: #f5f5f5;
+  --surface-3: #ebebeb;
+  --ink: #222222;
+  --muted: #666666;
+  --line: #e5e5e5;
+  --line-strong: #c5c5c5;
   --overlay: rgba(0, 0, 0, 0.46);
   --overlay-strong: rgba(0, 0, 0, 0.8);
 
   /* ---- Accent (reserved for primary actions and active status) ---- */
-  --accent: #3f6377;
+  --accent: #ac4b24;
   --accent-contrast: #ffffff;
-  --accent-hover: #324f60;
+  --accent-hover: #873b1c;
   --accent-active: color-mix(in srgb, var(--accent), #000 22%);
-  --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--surface));
+  --accent-soft: #f5e5d9;
 
   /* ---- Status ---- */
-  --danger: #b0473d;   --danger-soft: #f3e3df;   --danger-contrast: #ffffff;
-  --ok: #4f7a5c;
-  --merged: #7a6a9e;
+  --danger: #a63d35;   --danger-soft: #f4e3dd;   --danger-contrast: #ffffff;
+  --ok: #506d43;
+  --merged: #796188;
   /* A run that finished while you weren't looking — its own signal, deliberately
      not accent (working) / danger (needs input) / ok / merged, so
      "something's ready" reads at a glance. */
-  --unseen: #a8823f;
+  --unseen: #967021;
   --unseen-contrast: #111111;
 
   /* ---- Per-source hues for session/run marks (see packages/web sessionSource).
      Kept clear of the status palette above so a source is never mistaken for an
      outcome; app/cli stay quiet so hand-opened sessions don't shout. ---- */
   --s-github: #24292f; --s-slack: #7c2d92; --s-linear: #5e6ad2; --s-schedule: #0e7490;
-  --s-webhook: #6d28d9; --s-manual: #b45309; --s-cli: #3f6212; --s-app: #64748b;
+  --s-webhook: #6d28d9; --s-manual: #b45309; --s-cli: #526d3b; --s-app: #6a785a;
 
   /* ---- Annotation: marks drawn over an app preview. The same in both themes
      (the app underneath has its own), vivid and rare in real UIs, with a white
@@ -69,8 +69,8 @@
   --annotate-halo: #ffffff;
 
   /* ---- Terminal text selection ---- */
-  --term-selection: rgba(63, 99, 119, 0.30);
-  --term-selection-inactive: rgba(63, 99, 119, 0.20);
+  --term-selection: rgba(119, 141, 91, 0.30);
+  --term-selection-inactive: rgba(119, 141, 91, 0.18);
 
   /* ---- Syntax highlighting ---- */
   --syntax-comment: #6a737d; --syntax-keyword: #d73a49; --syntax-string: #032f62;
@@ -106,18 +106,18 @@
   --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
 
   /* ---- Radius ---- */
-  --radius: 12px;        /* app default — same value as --radius-md */
-  --radius-sm: 8px;
-  --radius-md: 12px;
-  --radius-lg: 16px;
-  --radius-xl: 20px;
+  --radius: 8px;        /* app default — same value as --radius-md */
+  --radius-sm: 6px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
   --radius-full: 999px;
 
   /* ---- Elevation ---- */
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.08);
-  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
-  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
-  --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.16);
+  --shadow-sm: 0 1px 3px rgba(40, 45, 36, 0.06);
+  --shadow-md: 0 4px 16px rgba(40, 45, 36, 0.08);
+  --shadow-lg: 0 12px 32px rgba(40, 45, 36, 0.12);
+  --shadow-xl: 0 24px 70px rgba(40, 45, 36, 0.16);
 
   /* ---- Motion ---- */
   --dur-fast: 120ms;
@@ -150,59 +150,66 @@
      definition (they only "worked" via an inline var(--x, #fallback)). Defined
      here so the fallback is never load-bearing and the value is consistent
      everywhere the name appears. Prefer the canonical name on the right. ==== */
-  --warn: #b8862f;            --warn-soft: color-mix(in srgb, #b8862f 16%, var(--surface));
+  --warn: #967021;            --warn-soft: #f0e8cf;
   --err: var(--danger);
   --add: var(--ok);           /* diff addition */
   --del: var(--danger);       /* diff deletion */
   --fg: var(--ink);
   --surface-1: var(--surface);
   --mono: var(--font-mono);
+
 }
 
 :root[data-theme="light"] { color-scheme: light; }
 
 :root[data-theme="dark"] {
   color-scheme: dark;
-  --bg: #000000; --surface: #000000; --surface-2: #15181b; --surface-3: #22272b;
-  --ink: #f3f5f7; --muted: #99a2aa; --line: #1f2327; --line-strong: #353b41;
+  --bg: #000000; --surface: #080808; --surface-2: #141414; --surface-3: #202020;
+  --ink: #f3f3f3; --muted: #aaaaaa; --line: #262626; --line-strong: #484848;
   --overlay: rgba(0, 0, 0, 0.7); --overlay-strong: rgba(0, 0, 0, 0.8);
-  --accent: #8fb6cd; --accent-contrast: #0a0a0a; --accent-hover: #a7cadd;
-  --danger: #c08a83; --danger-soft: #3a2420; --danger-contrast: #0a0a0a; --ok: #86a99f; --merged: #a99bc4;
-  --unseen: #cba96a; --unseen-contrast: #0a0a0a;
-  --warn: #d9a441;
+  --accent: #edab7e; --accent-contrast: #271c12; --accent-hover: #f6c29f;
+  --danger: #f0a497; --danger-soft: #4a3029; --danger-contrast: #0a0a0a; --ok: #b3ce96; --merged: #cab4d4;
+  --unseen: #ddc181; --unseen-contrast: #0a0a0a;
+  --warn: #ddc181;
   --s-github: #d7dde3; --s-slack: #d68ce6; --s-linear: #a5adf5; --s-schedule: #4bc4de;
-  --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #a3c987; --s-app: #9aa4b2;
-  --term-selection: rgba(143, 182, 205, 0.36); --term-selection-inactive: rgba(143, 182, 205, 0.24);
+  --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #adc58f; --s-app: #b2c69a;
+  --term-selection: rgba(178, 198, 154, 0.30); --term-selection-inactive: rgba(178, 198, 154, 0.18);
   --syntax-comment: #8b949e; --syntax-keyword: #ff7b72; --syntax-string: #a5d6ff;
   --syntax-number: #79c0ff; --syntax-title: #d2a8ff; --syntax-type: #ffa657;
   --syntax-name: #7ee787; --syntax-deletion: #ffdcd7; --syntax-addition: #85e89d;
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
-  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
-  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
-  --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.6);
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.20);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.24);
+  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.28);
+  --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.32);
+
+  --accent-soft: #493c2c;
+  --warn-soft: #49432b;
 }
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
     color-scheme: dark;
-    --bg: #000000; --surface: #000000; --surface-2: #15181b; --surface-3: #22272b;
-    --ink: #f3f5f7; --muted: #99a2aa; --line: #1f2327; --line-strong: #353b41;
+    --bg: #000000; --surface: #080808; --surface-2: #141414; --surface-3: #202020;
+    --ink: #f3f3f3; --muted: #aaaaaa; --line: #262626; --line-strong: #484848;
     --overlay: rgba(0, 0, 0, 0.7); --overlay-strong: rgba(0, 0, 0, 0.8);
-    --accent: #8fb6cd; --accent-contrast: #0a0a0a; --accent-hover: #a7cadd;
-    --danger: #c08a83; --danger-soft: #3a2420; --danger-contrast: #0a0a0a; --ok: #86a99f; --merged: #a99bc4;
-    --unseen: #cba96a; --unseen-contrast: #0a0a0a;
-    --warn: #d9a441;
+    --accent: #edab7e; --accent-contrast: #271c12; --accent-hover: #f6c29f;
+    --danger: #f0a497; --danger-soft: #4a3029; --danger-contrast: #0a0a0a; --ok: #b3ce96; --merged: #cab4d4;
+    --unseen: #ddc181; --unseen-contrast: #0a0a0a;
+    --warn: #ddc181;
     --s-github: #d7dde3; --s-slack: #d68ce6; --s-linear: #a5adf5; --s-schedule: #4bc4de;
-    --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #a3c987; --s-app: #9aa4b2;
-    --term-selection: rgba(143, 182, 205, 0.36); --term-selection-inactive: rgba(143, 182, 205, 0.24);
+    --s-webhook: #b79bf7; --s-manual: #f0a45a; --s-cli: #adc58f; --s-app: #b2c69a;
+    --term-selection: rgba(178, 198, 154, 0.30); --term-selection-inactive: rgba(178, 198, 154, 0.18);
   --syntax-comment: #8b949e; --syntax-keyword: #ff7b72; --syntax-string: #a5d6ff;
   --syntax-number: #79c0ff; --syntax-title: #d2a8ff; --syntax-type: #ffa657;
   --syntax-name: #7ee787; --syntax-deletion: #ffdcd7; --syntax-addition: #85e89d;
-    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
-    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45);
-    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
-    --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.6);
-  }
+    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.20);
+    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.24);
+    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.28);
+    --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.32);
+
+  --accent-soft: #493c2c;
+  --warn-soft: #49432b;
+}
 }
 
 @media (prefers-reduced-motion: reduce) {

package/dist/git-auth.js

@@ -148,14 +148,22 @@ export function gitNonInteractiveEnv() {
  */
 export async function configureRepoCredentialHelper(git, dest) {
     const helper = ensureCredentialHelper();
-    await git(["-C", dest, "config", "--local", "credential.https://github.com.useHttpPath", "true"]);
     // Reset the helper chain for this repo, then set ONLY bivy's helper, so AGENT-run
     // git never falls back to an inherited host helper holding the human's personal
-    // token (see credConfigArgs for the full rationale). Clear any prior values first
-    // so re-running stays idempotent (--unset-all returns 5 when the key is absent).
-    await git(["-C", dest, "config", "--local", "--unset-all", "credential.helper"]).catch(() => { });
-    await git(["-C", dest, "config", "--local", "--unset-all", "credential.https://github.com.helper"]).catch(() => { });
+    // token (see credConfigArgs for the full rationale).
+    //
+    // Git reads `credential.helper` and `credential.<url>.helper` into ONE list in
+    // FILE order, and an empty value clears everything before it. So every reset must
+    // sit above bivy's helper in .git/config — an empty `[credential] helper` written
+    // after the `[credential "https://github.com"]` section wipes bivy's helper and
+    // leaves git with none (the lazy blob fetch in `git worktree add` then dies with
+    // "could not read Username"). `--add` appends to an existing section, so drop both
+    // sections first and write them back in order; this also repairs clones written in
+    // the old order (remove-section fails harmlessly when a section is absent).
+    await git(["-C", dest, "config", "--local", "--remove-section", "credential"]).catch(() => { });
+    await git(["-C", dest, "config", "--local", "--remove-section", "credential.https://github.com"]).catch(() => { });
     await git(["-C", dest, "config", "--local", "--add", "credential.helper", ""]);
+    await git(["-C", dest, "config", "--local", "credential.https://github.com.useHttpPath", "true"]);
     await git(["-C", dest, "config", "--local", "--add", "credential.https://github.com.helper", ""]);
     await git(["-C", dest, "config", "--local", "--add", "credential.https://github.com.helper", helper]);
 }

package/dist/runtime/activation-readiness.js

@@ -0,0 +1,15 @@
+/** Use the same configured providers as the model picker, including environment
+ * credentials. An unrelated rejected key must not hide a usable provider. */
+export async function credentialReadiness(providers, probe) {
+    const configured = providers.filter((provider) => provider.configured);
+    const results = await Promise.all(configured.map((provider) => probe(provider.id)));
+    const usable = results.find((result) => result.ok);
+    const result = usable ?? results[0];
+    return {
+        configured: configured.length > 0,
+        providers: configured.map((provider) => provider.id),
+        probed: result?.probed ?? false,
+        ok: Boolean(usable),
+        ...(result?.reason ? { reason: result.reason } : {}),
+    };
+}

package/dist/runtime/anthropic-preflight.js

@@ -85,7 +85,7 @@ export function isAnthropicAuthError(raw) {
 export async function probeAnthropicAccess(apiKey, deps = {}) {
     const key = apiKey?.trim();
     // Subscription/OAuth tokens are not API keys; there is no safe read probe.
-    if (!key || !key.startsWith("sk-"))
+    if (!key || !key.startsWith("sk-") || key.startsWith("sk-ant-oat"))
         return { probed: false, ok: true, reason: "no API key to probe" };
     const doFetch = deps.fetch ?? fetch;
     const base = (deps.baseUrl ?? "https://api.anthropic.com").replace(/\/+$/, "");