@agentsky/desktop-ui 0.4.211 → 0.4.212

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentsky/desktop-ui",
-  "version": "0.4.211",
+  "version": "0.4.212",
   "description": "The AgentSky for Mac interface, prebuilt: the pages the app's windows show, served by the app's shell from this package's dist/.",
   "license": "SEE LICENSE IN LICENSE",
   "private": false,
@@ -24,21 +24,23 @@
     "test": "node ../scripts/node-test.js \"test/*.test.js\"",
     "sync:tokens": "node scripts/sync-web-tokens.js",
     "sync:icons": "node scripts/sync-web-icons.js",
-    "sync:web": "node scripts/sync-web-tokens.js && node scripts/sync-web-needs-you.js && node scripts/sync-web-action-items.js && node scripts/sync-web-chat-status.js && node scripts/sync-web-notifications.js && node scripts/sync-web-app-copy.js && node scripts/sync-web-icons.js && node scripts/sync-web-logos.js && node scripts/sync-web-arena.js && node scripts/sync-web-messages.js && node scripts/sync-web-browser-logins.js && node scripts/sync-web-partial-json.js && node scripts/sync-web-turn-run.js && node scripts/sync-web-mentions.js && node scripts/sync-web-plugins.js && node scripts/sync-web-agent-details.js && node scripts/sync-web-pdf-search.js && node scripts/sync-web-dom-picture.js && node scripts/sync-web-subscription-reading.js && node scripts/sync-web-artifact-upgrade.js && node scripts/sync-web-display-names.js && node scripts/sync-web-state-kinds.js && node scripts/sync-web-reach-wording.js",
-    "check:web": "node scripts/sync-web-tokens.js --check && node scripts/sync-web-needs-you.js --check && node scripts/sync-web-action-items.js --check && node scripts/sync-web-chat-status.js --check && node scripts/sync-web-notifications.js --check && node scripts/sync-web-app-copy.js --check && node scripts/sync-web-icons.js --check && node scripts/sync-web-logos.js --check && node scripts/sync-web-arena.js --check && node scripts/sync-web-messages.js --check && node scripts/sync-web-partial-json.js --check && node scripts/sync-web-turn-run.js --check && node scripts/sync-web-mentions.js --check && node scripts/sync-web-plugins.js --check && node scripts/sync-web-agent-details.js --check && node scripts/sync-web-pdf-search.js --check && node scripts/sync-web-dom-picture.js --check && node scripts/sync-web-subscription-reading.js --check && node scripts/sync-web-artifact-upgrade.js --check && node scripts/sync-web-display-names.js --check && node scripts/sync-web-state-kinds.js --check && node scripts/sync-web-reach-wording.js --check",
-    "prepack": "npm run build"
+    "sync:web": "node scripts/sync-web-tokens.js && node scripts/sync-web-needs-you.js && node scripts/sync-web-action-items.js && node scripts/sync-web-chat-status.js && node scripts/sync-web-notifications.js && node scripts/sync-web-app-copy.js && node scripts/sync-web-icons.js && node scripts/sync-web-logos.js && node scripts/sync-web-arena.js && node scripts/sync-web-messages.js && node scripts/sync-web-browser-logins.js && node scripts/sync-web-partial-json.js && node scripts/sync-web-turn-run.js && node scripts/sync-web-mentions.js && node scripts/sync-web-plugins.js && node scripts/sync-web-agent-details.js && node scripts/sync-web-pdf-search.js && node scripts/sync-web-dom-picture.js && node scripts/sync-web-subscription-reading.js && node scripts/sync-web-artifact-upgrade.js && node scripts/sync-web-display-names.js && node scripts/sync-web-state-kinds.js && node scripts/sync-web-reach-wording.js && node scripts/sync-web-work-summary.js",
+    "check:web": "node scripts/sync-web-tokens.js --check && node scripts/sync-web-needs-you.js --check && node scripts/sync-web-action-items.js --check && node scripts/sync-web-chat-status.js --check && node scripts/sync-web-notifications.js --check && node scripts/sync-web-app-copy.js --check && node scripts/sync-web-icons.js --check && node scripts/sync-web-logos.js --check && node scripts/sync-web-arena.js --check && node scripts/sync-web-messages.js --check && node scripts/sync-web-partial-json.js --check && node scripts/sync-web-turn-run.js --check && node scripts/sync-web-mentions.js --check && node scripts/sync-web-plugins.js --check && node scripts/sync-web-agent-details.js --check && node scripts/sync-web-pdf-search.js --check && node scripts/sync-web-dom-picture.js --check && node scripts/sync-web-subscription-reading.js --check && node scripts/sync-web-artifact-upgrade.js --check && node scripts/sync-web-display-names.js --check && node scripts/sync-web-state-kinds.js --check && node scripts/sync-web-reach-wording.js --check && node scripts/sync-web-work-summary.js --check",
+    "prepack": "npm run build",
+    "preview": "node scripts/preview.mjs"
   },
   "devDependencies": {
     "@novnc/novnc": "1.7.0",
     "dompurify": "3.4.16",
     "esbuild": "0.28.1",
+    "happy-dom": "^21.0.4",
     "htm": "3.1.1",
     "katex": "0.16.47",
     "marked": "18.0.14",
     "mermaid": "11.17.2",
+    "modern-screenshot": "4.7.0",
     "pdfjs-dist": "6.3.289",
     "typescript": "6.0.3",
-    "uqr": "0.1.3",
-    "modern-screenshot": "4.7.0"
+    "uqr": "0.1.3"
   }
 }

package/dist/browser-bar.css

@@ -1 +0,0 @@
-:root{--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--pad-xs: 4px;--pad-sm: 8px;--pad-md: 12px;--pad-lg: 16px;--pad-xl: 24px;--gap-xs: var(--pad-xs);--gap-sm: var(--pad-sm);--gap-md: var(--pad-md);--gap-lg: var(--pad-lg);--gap-xl: var(--pad-xl);--h-control-xs: 28px;--h-control-sm: 32px;--h-control: 36px;--h-control-lg: 40px;--icon-xs: 12px;--icon-sm: 14px;--icon: 16px;--icon-lg: 20px;--icon-xl: 32px;--corner-tiny: 4px;--corner-control: 8px;--corner-card: 12px;--corner-bubble: 20px;--fs-caption: 12px;--lh-caption: 17px;--fs-meta: 13px;--lh-meta: 18px;--fs-ui: 14px;--lh-ui: 21px;--fs-prose: 15px;--lh-prose: 24px;--fs-subhead: 16px;--lh-subhead: 22px;--fs-title: 18px;--lh-title: 24px;--fs-display: 24px;--lh-display: 29px;--fs-metric: 32px;--lh-metric: 36px;--fs-cta: 14px;--lh-cta: 14px;--fs-reading: 17px;--lh-reading: calc(var(--fs-reading) * 1.625);--fs-trace: 15px;--lh-trace: 22px;--dur-fast: 60ms;--dur-snap: .15s;--dur-base: .2s;--dur-sheet: .3s;--dur-slow: .45s;--ease-standard: cubic-bezier(0, 0, .2, 1);--ease-snap: cubic-bezier(.32, .72, 0, 1);--ease-overshoot: cubic-bezier(.34, 1.3, .64, 1);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 80;--corner-radius-scale: 1;--text-meta: var(--fs-meta);--text-meta--line-height: var(--lh-meta);--text-meta--letter-spacing: 0;--text-ui: var(--fs-ui);--text-ui--line-height: var(--lh-ui);--text-ui--letter-spacing: 0;--text-cta: var(--fs-cta);--text-cta--line-height: var(--lh-cta);--text-cta--letter-spacing: 0;--text-reading: var(--fs-reading);--text-reading--line-height: var(--lh-reading);--text-reading--letter-spacing: 0;--text-trace: var(--fs-trace);--text-trace--line-height: var(--lh-trace);--text-trace--letter-spacing: 0;--text-prose: var(--fs-prose);--text-prose--line-height: var(--lh-prose);--text-prose--letter-spacing: 0;--text-subhead: var(--fs-subhead);--text-subhead--line-height: var(--lh-subhead);--text-subhead--letter-spacing: -.01em;--text-title: var(--fs-title);--text-title--line-height: var(--lh-title);--text-title--letter-spacing: -.02em;--text-display: var(--fs-display);--text-display--line-height: var(--lh-display);--text-display--letter-spacing: -.02em;--text-metric: var(--fs-metric);--text-metric--line-height: var(--lh-metric);--text-metric--letter-spacing: -.03em;--text-code: .92em;--text-code--line-height: 1.45;--text-code--letter-spacing: 0;--text-caption: var(--fs-caption);--text-caption--line-height: var(--lh-caption);--text-caption--letter-spacing: 0;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-tiny: calc(var(--corner-tiny) * var(--corner-radius-scale));--radius-control: calc(var(--corner-control) * var(--corner-radius-scale));--radius-card: calc(var(--corner-card) * var(--corner-radius-scale));--radius-pill: 9999px;--radius-composer: 1.5rem;--radius-bubble: var(--radius-card);--radius-menu: var(--radius-card);--radius-context: var(--radius-card);--container-reading: 48.75rem;--container-bubble: 42rem;--background: var(--ast-canvas);--foreground: var(--ast-ink);--card: var(--ast-panel);--card-foreground: var(--ast-ink);--popover: var(--ast-panel);--popover-foreground: var(--ast-ink);--primary: #0d0d0d;--primary-foreground: #ffffff;--secondary: var(--ast-surface);--secondary-foreground: var(--ast-ink);--muted: var(--ast-surface);--muted-foreground: var(--ast-muted-ink);--accent: var(--ast-surface);--accent-foreground: var(--ast-ink);--destructive: var(--ast-danger);--border: var(--ast-line);--input: var(--ast-line-strong);--ring: var(--ast-brand-deep);--shadow-control: none;--shadow-row: none;--shadow-panel: none;--shadow-panel-hover: var(--shadow-overlay);--shadow-focus: 0 0 0 2px var(--ring);--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--glass-bar: color-mix(in oklab, var(--ast-surface) 82%, transparent);--glass-fill: rgb(255 255 255 / 70%);--glass-fill-hover: #ffffff;--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 color-mix(in srgb, var(--ast-ink) 4%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 6px 16px -8px color-mix(in srgb, var(--ast-ink) 22%, transparent);--space-micro: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--row-compact: 32px;--row-default: 40px;--row-touch: 44px;--app-rail-bg: var(--ast-canvas);--app-rail-active-bg: var(--ast-surface);--app-row-hover: var(--ast-surface);--app-rail-width: 320px;--app-rail-header-height: 48px;--app-rail-row-height: 28px;--app-rail-row-radius: 6px;--app-rail-nav-size: var(--fs-ui);--app-rail-label-size: calc(var(--fs-ui) * .9);--app-rail-section-gap: 24px;--app-rail-ink: var(--ast-ink);--app-rail-muted: #71717a;--app-rail-hover: rgb(0 0 0 / 6%);--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--app-rail-active-ink: var(--ast-brand-deep);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 5%);--app-nav-rail-bg: #f9f9f9;--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #0d0d0d;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #1683f3;--ast-brand-hover: #0d70d5;--ast-brand-deep: #054a94;--ast-brand-ink: #0a66c2;--ast-brand-ink-hover: #085aab;--ast-brand-foreground: #061a2d;--ast-action: #0a66c2;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #0d0d0d 6%, transparent);--ast-line-strong: color-mix(in oklab, #0d0d0d 10%, transparent);--ast-line-hover: color-mix(in oklab, #0d0d0d 14%, transparent);--ast-divider: color-mix(in oklab, #0d0d0d 4%, transparent);--ast-surface: #f4f4f4;--ast-canvas: #ffffff;--ast-logo-tile: #ffffff;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #1683f3;--ast-sky-soft: #f2f9ff;--ast-sky-mid: #d9edfe;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.54 .23 27.325);--ast-switch-on: var(--ast-brand);--ast-runtime-ink: #dcecff;--ast-runtime-line: rgb(255 255 255 / .08);--ast-runtime-hover: #0b2a47;--ast-band-foreground: #ffffff;--ast-band-line: rgb(255 255 255 / .25);--ast-shadow-float: var(--shadow-overlay);--ast-shadow-runtime: var(--shadow-overlay);--ast-shadow-panel: none;--ast-shadow-composer: var(--shadow-overlay);--ast-composer-surface: rgb(255 255 255 / .86);--ast-chart-claude: #eb6834;--ast-chart-codex: #2a78d6;--ast-chart-hermes: #1baf7a;--ast-chart-pi: #8b5cf6;--ast-chart-cost-lo: #86b6ef;--ast-chart-cost-mid: #2a78d6;--ast-chart-cost-hi: #104281;--ast-chart-time: #4a3aa7;--color-border-subtle: color-mix(in oklab, var(--ast-ink) 8%, transparent);--color-surface-subtle: color-mix(in oklab, var(--ast-ink) 3%, transparent);--color-accent-muted: var(--ast-sky-soft);--color-destructive-muted: color-mix(in oklab, var(--destructive) 12%, transparent);--color-diff-add: oklch(.72 .17 145);--color-diff-del: oklch(.6 .22 27);--bubble-user: var(--ast-surface);--bubble-user-foreground: var(--ast-ink);--bubble-assistant: color-mix(in oklab, var(--muted) 80%, transparent);--composer-surface: color-mix(in oklab, var(--card) 90%, transparent);--composer-border: transparent;--composer-border-focus: transparent;--composer-shadow: var(--ast-shadow-composer);--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root{--primary: var(--ast-ink);--primary-foreground: var(--ast-canvas);--secondary: rgb(255 255 255 / 8%);--muted: rgb(255 255 255 / 8%);--accent: rgb(255 255 255 / 8%);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--glass-bar: rgb(255 255 255 / 8%);--glass-fill: rgb(255 255 255 / 10%);--glass-fill-hover: rgb(255 255 255 / 16%);--shadow-glass: inset 0 1px 0 rgb(255 255 255 / 18%), inset 0 -1px 0 color-mix(in srgb, var(--ast-canvas) 40%, transparent), 0 0 0 .5px var(--ast-line-strong), 0 8px 20px -10px color-mix(in srgb, var(--ast-canvas) 90%, transparent);--app-rail-muted: #a1a1aa;--app-rail-hover: rgb(255 255 255 / 8%);--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--app-rail-active-ink: var(--ast-ink);--app-rail-edge-shadow: inset -8px 0 12px -8px rgb(0 0 0 / 40%);--app-nav-rail-bg: #000000;--app-workspace-bg: #131313;--app-session-rail-bg: #131313;--ast-ink: #ececec;--ast-secondary-ink: color-mix(in oklab, #ffffff 74%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 62%, transparent);--ast-faint: color-mix(in oklab, #ffffff 56%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #3a97f5;--ast-brand-deep: #8ed1ff;--ast-brand-ink: #78c8ff;--ast-brand-ink-hover: #8ed1ff;--ast-brand-foreground: #020e19;--ast-action: #78c8ff;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 14%, transparent);--ast-line-hover: oklch(1 0 0 / 18%);--ast-divider: color-mix(in oklab, #ffffff 4%, transparent);--ast-surface: #303030;--ast-canvas: #181818;--ast-logo-tile: #d8d8d8;--ast-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #10202c;--ast-sky-mid: #1a3346;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.78 .14 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-composer-surface: rgb(26 27 30 / .82);--ast-chart-claude: #d95926;--ast-chart-codex: #3987e5;--ast-chart-hermes: #199e70;--ast-chart-pi: #a78bfa;--ast-chart-cost-lo: #6da7ec;--ast-chart-cost-mid: #3987e5;--ast-chart-cost-hi: #184f95;--ast-chart-time: #9085e9;--color-border-subtle: color-mix(in oklab, #ffffff 8%, transparent);--color-surface-subtle: color-mix(in oklab, #ffffff 4%, transparent);--color-accent-muted: color-mix(in oklab, var(--ast-sky-soft) 20%, transparent);--color-diff-add: oklch(.62 .17 145);--color-diff-del: oklch(.52 .22 27);--bubble-user: rgb(255 255 255 / 6%);--bubble-user-foreground: var(--foreground);--bubble-assistant: color-mix(in oklab, var(--ast-surface) 60%, transparent);--composer-border: rgba(255, 255, 255, .16);--composer-border-focus: rgba(255, 255, 255, .24);--composer-shadow: 0 0 0 1px var(--composer-border);--composer-shadow-focus: 0 0 0 1px var(--composer-border-focus)}}:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #0d4372;--ast-brand-deep: #0c3b65;--ast-brand-ink: #0f4c81;--ast-brand-ink-hover: #0e4474;--ast-brand-foreground: #ffffff;--ast-action: #0e4474;--ast-sky: #0f4c81;--ast-sky-soft: #f4f8fc;--ast-sky-mid: #dce8f3;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #54427a;--ast-brand-deep: #442f6d;--ast-brand-ink: #5f4b8b;--ast-brand-ink-hover: #513d7c;--ast-brand-foreground: #ffffff;--ast-action: #513d7c;--ast-sky: #5f4b8b;--ast-sky-soft: #f7f5fe;--ast-sky-mid: #e8e2fc;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #a52140;--ast-brand-deep: #930231;--ast-brand-ink: #bb2649;--ast-brand-ink-hover: #a90b3b;--ast-brand-foreground: #ffffff;--ast-action: #a90b3b;--ast-sky: #bb2649;--ast-sky-soft: #fff4f4;--ast-sky-mid: #ffdddf;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #e0a786;--ast-brand-deep: #7e3b03;--ast-brand-ink: #a85416;--ast-brand-ink-hover: #964702;--ast-brand-foreground: #1a1c1f;--ast-action: #964702;--ast-sky: #ffbe98;--ast-sky-soft: #fef5f0;--ast-sky-mid: #fedfce;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #906a58;--ast-brand-deep: #6d4533;--ast-brand-ink: #8c614e;--ast-brand-ink-hover: #7c5340;--ast-brand-foreground: #000000;--ast-action: #7c5340;--ast-sky: #a47864;--ast-sky-soft: #fef5f1;--ast-sky-mid: #f4e2da;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #789b42;--ast-brand-deep: #3c5702;--ast-brand-ink: #527603;--ast-brand-ink-hover: #476601;--ast-brand-foreground: #1a1c1f;--ast-action: #476601;--ast-sky: #88b04b;--ast-sky-soft: #f3faeb;--ast-sky-mid: #ddedcb;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #008265;--ast-brand-deep: #03553f;--ast-brand-ink: #047a5f;--ast-brand-ink-hover: #036d54;--ast-brand-foreground: #000000;--ast-action: #036d54;--ast-sky: #009473;--ast-sky-soft: #eafbf5;--ast-sky-mid: #ccf0e2;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #404040;--ast-brand-ink: #595959;--ast-brand-ink-hover: #404040;--ast-brand-foreground: #0d0d0d;--ast-action: #404040;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--app-rail-active: color-mix(in srgb, #0d0d0d 6%, transparent);--ring: var(--ast-brand-deep)}@media(prefers-color-scheme:dark){:root[data-accent=blue]{--ast-brand: #0f4c81;--ast-brand-hover: #2c6190;--ast-brand-deep: #b3d1ef;--ast-brand-ink: #7fb0e0;--ast-brand-ink-hover: #93bde6;--ast-brand-foreground: #ffffff;--ast-action: #7fb0e0;--ast-sky: #0f4c81;--ast-sky-soft: #121c26;--ast-sky-mid: #1d3044;--ring: var(--ast-brand-deep)}:root[data-accent=ultraviolet]{--ast-brand: #5f4b8b;--ast-brand-hover: #726199;--ast-brand-deep: #c0adf5;--ast-brand-ink: #a591d8;--ast-brand-ink-hover: #b29ee5;--ast-brand-foreground: #ffffff;--ast-action: #a591d8;--ast-sky: #5f4b8b;--ast-sky-soft: #201a2d;--ast-sky-mid: #332b47;--ring: var(--ast-brand-deep)}:root[data-accent=vivamagenta]{--ast-brand: #bb2649;--ast-brand-hover: #c3405f;--ast-brand-deep: #fe9ca6;--ast-brand-ink: #ff6c82;--ast-brand-ink-hover: #fe8492;--ast-brand-foreground: #ffffff;--ast-action: #ff6c82;--ast-sky: #bb2649;--ast-sky-soft: #301418;--ast-sky-mid: #4e1f26;--ring: var(--ast-brand-deep)}:root[data-accent=peachfuzz]{--ast-brand: #ffbe98;--ast-brand-hover: #ffc6a4;--ast-brand-deep: #fda26a;--ast-brand-ink: #df864e;--ast-brand-ink-hover: #ed935b;--ast-brand-foreground: #1a1c1f;--ast-action: #df864e;--ast-sky: #ffbe98;--ast-sky-soft: #2f1708;--ast-sky-mid: #4a250d;--ring: var(--ast-brand-deep)}:root[data-accent=mochamousse]{--ast-brand: #a47864;--ast-brand-hover: #af8877;--ast-brand-deep: #ddae98;--ast-brand-ink: #c0927d;--ast-brand-ink-hover: #cd9f8a;--ast-brand-foreground: #000000;--ast-action: #c0927d;--ast-sky: #a47864;--ast-sky-soft: #271b15;--ast-sky-mid: #3e2b23;--ring: var(--ast-brand-deep)}:root[data-accent=greenery]{--ast-brand: #88b04b;--ast-brand-hover: #96b961;--ast-brand-deep: #9cc560;--ast-brand-ink: #81a943;--ast-brand-ink-hover: #8db651;--ast-brand-foreground: #1a1c1f;--ast-action: #81a943;--ast-sky: #88b04b;--ast-sky-soft: #182209;--ast-sky-mid: #26360b;--ring: var(--ast-brand-deep)}:root[data-accent=emerald]{--ast-brand: #009473;--ast-brand-hover: #1fa184;--ast-brand-deep: #58cba7;--ast-brand-ink: #36af8c;--ast-brand-ink-hover: #47bc99;--ast-brand-foreground: #000000;--ast-action: #36af8c;--ast-sky: #009473;--ast-sky-soft: #05241b;--ast-sky-mid: #043a2c;--ring: var(--ast-brand-deep)}:root[data-accent=clouddancer]{--ast-switch-on: var(--ast-ink);--ast-brand: #f0eee9;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-brand-foreground: #0d0d0d;--ast-action: #a3a3a3;--ast-sky: #f0eee9;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--app-rail-active: color-mix(in srgb, #ffffff 10%, transparent);--ring: var(--ast-brand-deep)}}.type-overline{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase;color:var(--ast-faint)}.type-meta{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-meta--letter-spacing)}.type-label{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-ui--letter-spacing)}.type-caption{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-body{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-body-sm{font-size:var(--text-ui);line-height:var(--text-ui--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-ui--letter-spacing)}.type-prose{font-size:var(--text-prose);line-height:var(--text-prose--line-height);font-weight:var(--font-weight-normal);letter-spacing:var(--text-prose--letter-spacing)}.type-title-sm{font-size:var(--text-subhead);line-height:var(--text-subhead--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-subhead--letter-spacing)}.type-title{font-size:var(--text-title);line-height:var(--text-title--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-title--letter-spacing)}.type-metric{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-display--letter-spacing)}.app-section-label{font-size:var(--text-meta);line-height:var(--text-meta--line-height);font-weight:var(--font-weight-medium);letter-spacing:.04em;color:var(--ast-faint)}:root{--radius-editor-tool: 6px;color-scheme:light dark;--canvas: var(--ast-canvas);--panel: var(--ast-panel);--surface: var(--ast-surface);--ink: var(--ast-ink);--secondary-ink: var(--ast-secondary-ink);--muted-ink: var(--ast-muted-ink);--faint: var(--ast-faint);--placeholder: var(--ast-placeholder);--line: var(--ast-line);--line-strong: var(--ast-line-strong);--line-hover: var(--ast-line-hover);--brand: var(--ast-brand-deep);--brand-sky: var(--app-rail-active);--action: var(--ast-action);--primary-ink: var(--primary-foreground);--danger: var(--ast-danger);--success: var(--ast-positive);--info-soft: oklch(from var(--ast-info) .92 .05 h);--success-soft: oklch(from var(--success) .92 .07 h);--warning-soft: oklch(from var(--ast-warning) .93 .09 h);--danger-soft: oklch(from var(--danger) .91 .06 h);--rail-bg: var(--canvas);--rail-ink: var(--app-rail-ink);--rail-muted: var(--app-rail-muted);--rail-hover: var(--app-rail-hover);--rail-active: color-mix(in srgb, var(--ink) 8%, transparent);--rail-active-ink: var(--ink);--rail-row-height: var(--app-rail-row-height);--rail-row-radius: var(--app-rail-row-radius);--rail-label-size: var(--app-rail-label-size);--rail-section-gap: var(--app-rail-section-gap);--rail-header-height: var(--app-rail-header-height);--sidebar-width: var(--app-rail-width);--mac-chat-rail-width: 280px;--sky-agent-bg: #0d70d5;--reading: var(--container-reading);--paper: #ffffff;--on-color: #ffffff;--code-string: #0a7f4f;--code-number: #b35900;--code-keyword: #a626a4}@media(prefers-color-scheme:dark){:root{--code-string: #7fd6a3;--code-number: #e5a45c;--code-keyword: #d08ce0;--info-soft: oklch(from var(--ast-info) .32 .06 h);--success-soft: oklch(from var(--success) .32 .06 h);--warning-soft: oklch(from var(--ast-warning) .34 .07 h);--danger-soft: oklch(from var(--danger) .32 .08 h)}}:root[data-accent]{--rail-active: var(--app-rail-active);--rail-active-ink: var(--app-rail-active-ink)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);font:400 var(--text-ui) / var(--text-ui--line-height) var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none;cursor:default}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body{margin:0;background:var(--panel);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-ui)}main{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);box-sizing:border-box;border-bottom:1px solid var(--line-strong)}.dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--danger)}main[data-state=paused] .dot{background:var(--muted-ink)}main[data-state=ended] .dot{background:var(--faint)}p{flex:1;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}button{height:26px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit}button.stop{border-color:var(--danger);color:var(--danger)}#tabs{display:flex;align-items:center;height:36px;gap:var(--space-1);padding:0 var(--space-3);overflow-x:auto}#tabs button{flex-shrink:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tabs button[aria-pressed=true]{background:var(--line-strong)}

package/dist/browser-bar.html

@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Agent browser</title>
-    <link rel="stylesheet" href="/browser-bar.css" />
-  </head>
-  <body>
-    <main id="bar" data-state="live">
-      <span class="dot" aria-hidden="true"></span>
-      <p id="message" role="status">An agent is using this window</p>
-      <button type="button" id="take-over">Take Over</button>
-      <button type="button" id="stop" class="stop">Stop</button>
-    </main>
-    <nav id="tabs" aria-label="Browser tabs"></nav>
-    <script type="module" src="/browser-bar.js"></script>
-  </body>
-</html>

package/dist/browser-bar.js

@@ -1 +0,0 @@
-var e=window.agentskyBrowserBar,r=document.getElementById("bar"),b=document.getElementById("message"),c=document.getElementById("take-over"),l=document.getElementById("stop"),i={live:"An agent is using this window",paused:"You have taken over. The agent waits until you hand it back.",ended:"The agent's access ended. This window is yours now."};function m({state:t,tabs:u=[]}){let a=document.getElementById("tabs");a.replaceChildren();for(let n of u){let o=document.createElement("button");o.textContent=n.title,o.setAttribute("aria-pressed",String(n.active)),o.addEventListener("click",()=>e.act(`tab:${n.id}`)),a.append(o);let s=document.createElement("button");s.textContent="\xD7",s.setAttribute("aria-label",`Close ${n.title}`),s.addEventListener("click",()=>e.act(`close:${n.id}`)),a.append(s)}let d=document.createElement("button");d.textContent="+",d.setAttribute("aria-label","New tab"),d.addEventListener("click",()=>e.act("new-tab")),a.append(d),r.dataset.state=t,b.textContent=i[t]??i.live,c.textContent=t==="paused"?"Hand Back":"Take Over",c.hidden=t==="ended",l.hidden=t==="ended"}c.addEventListener("click",()=>e.act(r.dataset.state==="paused"?"hand-back":"take-over"));l.addEventListener("click",()=>e.act("stop"));e.onState(m);

package/dist/chunks/chunk-VC46IEJQ.js

@@ -1 +0,0 @@
-var d=Object.defineProperty;var e=(c,a)=>{for(var b in a)d(c,b,{get:a[b],enumerable:!0})};export{e as a};