@agentsky/desktop-ui 0.4.74 → 0.4.76
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 +1229 -1230
- package/dist/quick-ask.css +1 -1
- package/package.json +1 -1
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, var(--ast-brand) 10%, 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: color-mix(in srgb, var(--ast-brand) 2%, #ffffff);--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #1a1c1f;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #514f4b;--ast-brand-ink: #6d6b67;--ast-brand-ink-hover: #5f5d59;--ast-brand-foreground: #1a1c1f;--ast-action: #5f5d59;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #1a1c1f 8%, transparent);--ast-line-strong: color-mix(in oklab, #1a1c1f 12%, transparent);--ast-line-hover: color-mix(in oklab, #1a1c1f 15%, transparent);--ast-divider: color-mix(in oklab, #1a1c1f 5%, transparent);--ast-surface: #f1f1f1;--ast-canvas: #fcfcfc;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f6;--ast-sky-mid: #e7e6e4;--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 .5px rgb(20 24 33 / .12), 0 3px 8px rgb(0 0 0 / .05), 0 0 22px rgb(0 0 0 / .05);--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: #f3f3f3;--bubble-user-foreground: #1a1c1f;--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: 0 0 0 .5px color-mix(in oklab, var(--foreground) 12%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d;--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d}@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, var(--ast-brand) 22%, 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: #dfdfdf;--ast-secondary-ink: color-mix(in oklab, #ffffff 70%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 55%, transparent);--ast-faint: color-mix(in oklab, #ffffff 50%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bab8b3;--ast-brand-ink: #9e9c97;--ast-brand-ink-hover: #aba9a4;--ast-action: #9e9c97;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 16%, transparent);--ast-line-hover: oklch(1 0 0 / 16%);--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: #1e1e1d;--ast-sky-mid: #31302e;--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-bubble);background:var(--foreground);color:var(--background);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, var(--ast-brand) 10%, 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: color-mix(in srgb, var(--ast-brand) 2%, #ffffff);--ast-brand-sky: #e7f4fe;--ast-sky-ink: #0d0d0d;--app-workspace-bg: #f3f3f3;--app-session-rail-bg: #f3f3f3;--ast-ink: #1a1c1f;--ast-secondary-ink: #404040;--ast-muted-ink: #595959;--ast-faint: #636363;--ast-placeholder: #636363;--ast-brand: #f0eee9;--ast-brand-hover: #d3d1cd;--ast-brand-deep: #514f4b;--ast-brand-ink: #6d6b67;--ast-brand-ink-hover: #5f5d59;--ast-brand-foreground: #1a1c1f;--ast-action: #5f5d59;--ast-action-hover: #2c3038;--ast-line: color-mix(in oklab, #1a1c1f 8%, transparent);--ast-line-strong: color-mix(in oklab, #1a1c1f 12%, transparent);--ast-line-hover: color-mix(in oklab, #1a1c1f 15%, transparent);--ast-divider: color-mix(in oklab, #1a1c1f 5%, transparent);--ast-surface: #f1f1f1;--ast-canvas: #fcfcfc;--ast-panel: #ffffff;--ast-navy: #061a2d;--ast-navy-deep: #04121f;--ast-sky: #f0eee9;--ast-sky-soft: #f7f7f6;--ast-sky-mid: #e7e6e4;--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 .5px rgb(20 24 33 / .12), 0 3px 8px rgb(0 0 0 / .05), 0 0 22px rgb(0 0 0 / .05);--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: #f3f3f3;--bubble-user-foreground: #1a1c1f;--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: 0 0 0 .5px color-mix(in oklab, var(--foreground) 12%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d;--composer-shadow-focus: 0 0 0 1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 3px 7.5px #0000000a, 0 0 20px #0000000d}@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, var(--ast-brand) 22%, 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: #dfdfdf;--ast-secondary-ink: color-mix(in oklab, #ffffff 70%, transparent);--ast-muted-ink: color-mix(in oklab, #ffffff 55%, transparent);--ast-faint: color-mix(in oklab, #ffffff 50%, transparent);--ast-placeholder: #9a9a9a;--ast-brand-hover: #f2f0ec;--ast-brand-deep: #bab8b3;--ast-brand-ink: #9e9c97;--ast-brand-ink-hover: #aba9a4;--ast-action: #9e9c97;--ast-action-hover: #d8d6cf;--ast-line: color-mix(in oklab, #ffffff 8%, transparent);--ast-line-strong: color-mix(in oklab, #ffffff 16%, transparent);--ast-line-hover: oklch(1 0 0 / 16%);--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: #1e1e1d;--ast-sky-mid: #31302e;--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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agentsky/desktop-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.76",
|
|
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,
|