@agentsky/desktop-ui 0.4.97 → 0.4.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app.css +1 -1
- package/dist/app.js +2284 -2182
- package/dist/editors/editors.mjs +116 -116
- package/dist/quick-ask.css +1 -1
- package/dist/quick-ask.js +1 -1
- package/package.json +3 -3
package/dist/quick-ask.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
: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: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--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: 15px;--lh-reading: calc(var(--fs-reading) * 1.625);--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-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-bubble: calc(var(--corner-bubble) * var(--corner-radius-scale));--radius-composer: 1.5rem;--radius-menu: calc(1rem * var(--corner-radius-scale));--radius-context: calc(.75rem * var(--corner-radius-scale));--radius-pill: 9999px;--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: 0 1px 2px -1px #00000014;--shadow-row: 0 1px 2px -1px #00000014;--shadow-panel: 0 2px 4px -1px #00000014;--shadow-panel-hover: 0 4px 8px -2px #0000001a;--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--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: #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-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-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.577 .245 27.325);--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: 0 18px 48px rgb(6 26 45 / .14);--ast-shadow-runtime: 0 28px 80px rgb(6 26 45 / .16);--ast-shadow-panel: 0 1px 2px rgb(16 24 40 / .05), 0 2px 5px rgb(16 24 40 / .04);--ast-shadow-composer: 0 0 0 1px rgb(13 13 13 / .07), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08);--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-control: 0 0 0 1px oklch(1 0 0 / .06);--shadow-row: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel-hover: 0 0 0 1px oklch(1 0 0 / .12);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--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: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-action: #a3a3a3;--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-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.704 .191 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-shadow-float: 0 18px 48px rgb(0 0 0 / .34);--ast-shadow-runtime: 0 28px 80px rgb(0 0 0 / .38);--ast-shadow-panel: 0 1px 2px rgb(0 0 0 / .4), 0 2px 6px rgb(0 0 0 / .32);--ast-shadow-composer: 0 0 0 1px rgb(255 255 255 / .12), 0 4px 12px rgb(0 0 0 / .4);--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: none;--composer-shadow-focus: none}}: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)}@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)}}.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{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);--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);--reading: var(--container-reading)}: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{background:var(--panel)}main{display:flex;flex-direction:column;gap:8px;height:100vh;padding:12px;-webkit-app-region:drag}form,.row{display:flex;gap:8px;-webkit-app-region:no-drag}form{align-items:flex-end}textarea{flex:1;height:64px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);outline:0;resize:none;background:transparent;font-size:var(--text-prose);user-select:text;cursor:text}textarea::placeholder{color:var(--placeholder)}textarea:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in oklab,var(--brand) 24%,transparent)}#send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;border-radius:50%;background:var(--primary);color:var(--primary-ink);cursor:pointer}#send:disabled{opacity:.4;cursor:default}.row{align-items:center;justify-content:space-between}nav{display:flex;gap:4px}nav button{height:28px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:transparent;font-weight:500;cursor:pointer}nav button:hover{background:var(--surface)}nav button:focus-visible,#send:focus-visible{outline:2px solid var(--brand);outline-offset:1px}#hint{margin:0;overflow:hidden;color:var(--muted-ink);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap}#hint.is-alert{color:var(--danger)}.ui-tooltip{position:fixed;z-index:var(--z-tooltip);display:inline-flex;width:max-content;max-width:min(20rem,calc(100vw - 16px));align-items:center;gap:var(--gap-sm);padding:6px 8px;border:1px solid var(--ast-line);border-radius:var(--radius-control);background:var(--ast-panel);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-meta);line-height:var(--text-meta--line-height);pointer-events:none;opacity:0;transform:scale(.98);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ui-tooltip.is-open{opacity:1;transform:none}
|
|
1
|
+
: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: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--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: 15px;--lh-reading: calc(var(--fs-reading) * 1.625);--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-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-bubble: calc(var(--corner-bubble) * var(--corner-radius-scale));--radius-composer: 1.5rem;--radius-menu: calc(1rem * var(--corner-radius-scale));--radius-context: calc(.75rem * var(--corner-radius-scale));--radius-pill: 9999px;--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: 0 1px 2px -1px #00000014;--shadow-row: 0 1px 2px -1px #00000014;--shadow-panel: 0 2px 4px -1px #00000014;--shadow-panel-hover: 0 4px 8px -2px #0000001a;--shadow-overlay: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), 0 16px 40px -18px rgb(0 0 0 / 55%);--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: #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-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-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f7;--ast-sky-mid: #e8e8e8;--ast-positive: oklch(.52 .14 145);--ast-warning: oklch(.68 .14 75);--ast-info: #075eb8;--ast-danger: oklch(.577 .245 27.325);--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: 0 18px 48px rgb(6 26 45 / .14);--ast-shadow-runtime: 0 28px 80px rgb(6 26 45 / .16);--ast-shadow-panel: 0 1px 2px rgb(16 24 40 / .05), 0 2px 5px rgb(16 24 40 / .04);--ast-shadow-composer: 0 0 0 1px rgb(13 13 13 / .07), 0 2px 6px -2px rgb(0 0 0 / .05), 0 8px 24px -12px rgb(0 0 0 / .08);--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-control: 0 0 0 1px oklch(1 0 0 / .06);--shadow-row: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel: 0 0 0 1px oklch(1 0 0 / .06);--shadow-panel-hover: 0 0 0 1px oklch(1 0 0 / .12);--shadow-overlay: 0 20px 56px -16px oklch(0 0 0 / .72), 0 0 0 1px oklch(1 0 0 / .08);--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: #f2f0ec;--ast-brand-deep: #bdbdbd;--ast-brand-ink: #a3a3a3;--ast-brand-ink-hover: #b0b0b0;--ast-action: #a3a3a3;--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-panel: #212121;--ast-navy: #020e19;--ast-navy-deep: #010810;--ast-sky-soft: #1f1f1f;--ast-sky-mid: #313131;--ast-positive: oklch(.62 .15 145);--ast-warning: oklch(.7 .16 85);--ast-info: #8ed1ff;--ast-danger: oklch(.704 .191 22.216);--ast-band-foreground: #020e19;--ast-band-line: rgb(2 14 25 / .25);--ast-shadow-float: 0 18px 48px rgb(0 0 0 / .34);--ast-shadow-runtime: 0 28px 80px rgb(0 0 0 / .38);--ast-shadow-panel: 0 1px 2px rgb(0 0 0 / .4), 0 2px 6px rgb(0 0 0 / .32);--ast-shadow-composer: 0 0 0 1px rgb(255 255 255 / .12), 0 4px 12px rgb(0 0 0 / .4);--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: none;--composer-shadow-focus: none}}: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)}@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)}}.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{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);--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);--reading: var(--container-reading)}: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{background:var(--panel)}main{display:flex;flex-direction:column;gap:8px;height:100vh;padding:12px;-webkit-app-region:drag}form,.row{display:flex;gap:8px;-webkit-app-region:no-drag}form{align-items:flex-end}textarea{flex:1;height:64px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-control);outline:0;resize:none;background:transparent;font-size:var(--text-prose);user-select:text;cursor:text}textarea::placeholder{color:var(--placeholder)}textarea:focus-visible{border-color:var(--brand);outline:3px solid color-mix(in oklab,var(--brand) 24%,transparent)}#send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:0;border-radius:50%;background:var(--primary);color:var(--primary-ink);cursor:pointer}#send:disabled{opacity:.4;cursor:default}.row{align-items:center;justify-content:space-between}nav{display:flex;gap:4px}nav button{height:28px;padding:0 10px;border:0;border-radius:var(--radius-pill);background:transparent;font-weight:500;cursor:pointer}nav button:hover{background:var(--surface)}nav button:focus-visible,#send:focus-visible{outline:2px solid var(--brand);outline-offset:1px}#hint{margin:0;overflow:hidden;color:var(--muted-ink);font-size:var(--text-meta);text-overflow:ellipsis;white-space:nowrap}#hint.is-alert{color:var(--danger)}.ui-tooltip{position:fixed;z-index:var(--z-tooltip);display:inline-flex;width:max-content;max-width:min(20rem,calc(100vw - 16px));align-items:center;gap:var(--gap-sm);padding:6px 8px;border:1px solid var(--ast-line);border-radius:var(--radius-control);background:var(--ast-panel);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-meta);line-height:var(--text-meta--line-height);pointer-events:none;opacity:0;transform:scale(.98);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.ui-tooltip.is-open{opacity:1;transform:none}.ui-hover-card{position:fixed;z-index:var(--z-tooltip);display:flex;width:320px;max-width:min(20rem,calc(100vw - 16px));flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px;border:1px solid var(--ast-line);border-radius:var(--radius-context);background:var(--ast-canvas);color:var(--ast-ink);box-shadow:var(--shadow-overlay);font-size:var(--text-ui);line-height:var(--text-ui--line-height);pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-standard)}.ui-hover-card.is-open{opacity:1}.ui-hover-card-title{display:flex;align-items:baseline;gap:12px}.ui-hover-card-title strong{min-width:0;flex:1;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ui-hover-card-meta{flex-shrink:0;color:var(--ast-faint);font-size:var(--text-meta);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-hover-card-row{display:flex;min-width:0;align-items:center;gap:8px}.ui-hover-card-icon{display:flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center;color:var(--ast-secondary-ink)}.ui-hover-card-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
package/dist/quick-ask.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var C="button, a[href], label, summary, [role='button'], [role='tab'], [role='switch'], [role='menuitem'], [role='option'], [role='treeitem'], [role='separator'], [data-tooltip], [data-tooltip-overflow]";function
|
|
1
|
+
var C="button, a[href], label, summary, [role='button'], [role='tab'], [role='switch'], [role='menuitem'], [role='option'], [role='treeitem'], [role='separator'], [data-tooltip], [data-tooltip-overflow]";function x(e){let a=e.getAttribute("data-tooltip");if(a!=null)return a.trim()||null;let t=(e.innerText??e.textContent??"").trim();return t?L(e)?e.getAttribute("data-tooltip-overflow")?.trim()||t:null:e.getAttribute("aria-label")?.trim()||null}function L(e){return[e,...e.querySelectorAll("*")].some(t=>t.scrollWidth>t.clientWidth+1&&getComputedStyle(t).textOverflow==="ellipsis")}function k(e,a,t=0){let i=e.top>40,c=Math.min(t/2+8,a/2);return{left:Math.min(Math.max(e.left+e.width/2,c),a-c),top:i?e.top-6:e.bottom+6,above:i}}function h(e=document){let a=e.defaultView,t=e.createElement("span");t.className="ui-tooltip",t.id="ui-tooltip-global",t.setAttribute("role","tooltip"),e.body.append(t);let i=null,c=null,r=()=>{i&&(a.clearInterval(c),i.getAttribute("aria-describedby")===t.id&&i.removeAttribute("aria-describedby"),i=null,t.classList.remove("is-open"))},p=n=>{if(n===i)return;r();let o=x(n);if(!o)return;i=n,t.textContent=o;let d=k(n.getBoundingClientRect(),a.innerWidth,t.offsetWidth);Object.assign(t.style,{left:`${d.left}px`,top:`${d.top}px`,translate:`-50% ${d.above?"-100%":"0"}`}),t.classList.add("is-open"),c=a.setInterval(()=>!n.isConnected&&r(),250),o!==n.getAttribute("aria-label")&&!n.hasAttribute("aria-describedby")&&n.setAttribute("aria-describedby",t.id)},f=n=>{let o=n instanceof a.Element?n.closest(C):null;return!o||o.closest(".ui-tooltip-anchor, [data-no-tooltip]")?null:o},b=[["mouseover",n=>{let o=f(n.target);o?p(o):r()}],["mouseout",n=>{i&&!i.contains(n.relatedTarget)&&r()}],["focusin",n=>{let o=f(n.target);o&&o.matches(":focus-visible")&&p(o)}],["focusout",r],["mousedown",r],["keydown",n=>{n.key==="Escape"&&r()}],["scroll",r],["wheel",r]];for(let[n,o]of b)e.addEventListener(n,o,!0);return a.addEventListener("blur",r),()=>{r();for(let[n,o]of b)e.removeEventListener(n,o,!0);a.removeEventListener("blur",r),t.remove()}}var v=[{value:"blue",label:"Blue",pantoneName:"Classic Blue",year:2020,pantone:"#0f4c81"},{value:"ultraviolet",label:"Violet",pantoneName:"Ultra Violet",year:2018,pantone:"#5f4b8b"},{value:"vivamagenta",label:"Magenta",pantoneName:"Viva Magenta",year:2023,pantone:"#bb2649"},{value:"peachfuzz",label:"Peach",pantoneName:"Peach Fuzz",year:2024,pantone:"#ffbe98"},{value:"mochamousse",label:"Mocha",pantoneName:"Mocha Mousse",year:2025,pantone:"#a47864"},{value:"greenery",label:"Greenery",pantoneName:"Greenery",year:2017,pantone:"#88b04b"},{value:"emerald",label:"Emerald",pantoneName:"Emerald",year:2013,pantone:"#009473"},{value:"clouddancer",label:"Cloud",pantoneName:"Cloud Dancer",year:2026,pantone:"#f0eee9"}],m="clouddancer";function y(e){let a=v.some(t=>t.value===e)?e:m;return a===m?delete document.documentElement.dataset.accent:document.documentElement.dataset.accent=a,a}var u=window.agentskyQuickAsk,N=document.getElementById("form"),s=document.getElementById("task"),g=document.getElementById("send"),l=document.getElementById("hint"),T=l.textContent;function E(e){l.textContent=e,l.setAttribute("role","alert"),l.classList.add("is-alert")}function w(){l.textContent=T,l.removeAttribute("role"),l.classList.remove("is-alert")}async function A(){let e=s.value.trim();if(e)try{await u.submit(e),s.value="",g.disabled=!0,w()}catch{E("Could not open AgentSky. Try again.")}}s.addEventListener("input",()=>{g.disabled=s.value.trim().length===0});s.addEventListener("keydown",e=>{e.key!=="Enter"||e.shiftKey||e.isComposing||(e.preventDefault(),A())});N.addEventListener("submit",e=>{e.preventDefault(),A()});document.addEventListener("keydown",e=>{e.key==="Escape"&&u.dismiss()});window.addEventListener("focus",()=>s.focus());h();for(let e of document.querySelectorAll("[data-view]"))e.addEventListener("click",()=>{u.open(e.dataset.view).then(w,()=>E("Could not open that. Try again."))});u.onAccent(y);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agentsky/desktop-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.99",
|
|
4
4
|
"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/.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"private": false,
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"test": "node --test \"test/*.test.js\"",
|
|
25
25
|
"sync:tokens": "node scripts/sync-web-tokens.js",
|
|
26
26
|
"sync:icons": "node scripts/sync-web-icons.js",
|
|
27
|
-
"sync:web": "node scripts/sync-web-tokens.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",
|
|
28
|
-
"check:web": "node scripts/sync-web-tokens.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",
|
|
27
|
+
"sync:web": "node scripts/sync-web-tokens.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",
|
|
28
|
+
"check:web": "node scripts/sync-web-tokens.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",
|
|
29
29
|
"prepack": "npm run build"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|