@telepath-computer/television 0.1.40 → 0.1.42
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/views/markdown/index.html +111 -0
- package/dist/views/markdown/manifest.json +5 -0
- package/dist/views/text/manifest.json +1 -1
- package/dist/web/assets/index-SWEtdQRn.css +1 -0
- package/dist/web/assets/index-qlo7Vv4j.js +468 -0
- package/dist/web/index.html +2 -2
- package/package.json +1 -1
- package/dist/web/assets/index-B4ORkWhg.css +0 -1
- package/dist/web/assets/index-BDItcFUL.js +0 -468
|
@@ -0,0 +1 @@
|
|
|
1
|
+
artifact-view{display:flex;flex-direction:column;width:100%;height:100%;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-hairline),0 4px 6px -2px #0000001f,0 40px 60px -16px #00000038;transition:box-shadow .15s ease,transform .15s ease}artifact-view .artifact-title-bar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 6px 0 10px;background:linear-gradient(180deg,var(--color-highlight),transparent),color-mix(in oklch,var(--color-surface-muted),transparent 30%);backdrop-filter:var(--backdrop-blur-glass);-webkit-backdrop-filter:var(--backdrop-blur-glass);box-shadow:inset 0 .5px 0 var(--color-border, #e1e1e1),inset 0 1.5px 0 var(--color-highlight);font-size:12px;font-weight:500;touch-action:none;-webkit-user-select:none;user-select:none}artifact-view[dragging=true]{box-shadow:var(--shadow-hairline),0 6px 16px #00000024,0 20px 56px #0000003d}artifact-view[dragging=true] .artifact-title-bar{background:linear-gradient(180deg,var(--color-highlight),transparent),var(--color-surface-muted);backdrop-filter:none;-webkit-backdrop-filter:none}artifact-view .artifact-title-group{display:flex;align-items:center;gap:6px;min-width:0}artifact-view .artifact-title-icon{display:inline-flex;flex:none;color:var(--color-text-muted)}artifact-view .artifact-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}artifact-view .artifact-close-btn{width:20px;height:20px;border-radius:4px}artifact-view .artifact-content{flex:1;min-height:0;overflow:auto;background:var(--color-surface)}artifact-view iframe.artifact-frame{border:0;width:100%;display:block}artifact-view .artifact-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #888);font-size:12px}layout-view{width:100%;flex:1;min-width:0;min-height:0;display:flex;align-items:flex-start;padding:40px 0 60px;overflow:hidden;outline:none;position:relative;--layout-unit-x: 120px;--layout-unit-y: 120px;--layout-gap: 16px;--layout-drag-transition-ms: 0ms;--color-drag-target: color-mix( in srgb, var(--color-border, var(--neutral-300, #cbd5e1)) 55%, transparent )}layout-view .track{display:flex;align-items:start;gap:var(--layout-gap);flex-shrink:0;width:max-content;will-change:transform;transition:transform .2s ease}layout-view .node{display:grid;grid-template-columns:repeat(4,var(--layout-unit-x));grid-template-rows:repeat(6,var(--layout-unit-y));gap:var(--layout-gap);align-self:start;width:calc(var(--layout-unit-x) * 4 + var(--layout-gap) * 3);will-change:transform}layout-view .card-slot{border-radius:12px;box-sizing:border-box;cursor:default;min-width:0;min-height:0;position:relative;z-index:1}layout-view .card-slot artifact-view{width:100%;height:100%}layout-view .card-placeholder{border-radius:12px;background:var(--color-drag-target);position:relative;z-index:0}layout-view .card-placeholder[data-layout-placeholder-ghost=true]{background:transparent;border:0;opacity:0;pointer-events:none}layout-view .drag-preview{position:fixed;z-index:10;pointer-events:none}layout-view .drag-preview>*{width:100%;height:100%}screen-view{width:100%;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}screen-view .empty{flex:1;display:flex;align-items:center;justify-content:center;margin:0;padding:1rem;text-align:center;color:var(--color-text-muted)}home-screen{display:flex;flex-direction:column;min-height:100vh;padding:0 var(--space-24, 24px);box-sizing:border-box}home-screen:before,home-screen:after{content:"";flex:1 1 0}home-screen:before{min-height:20vh}home-screen .content,home-screen .empty{flex:0 0 auto;width:100%;max-width:560px;margin:0 auto}home-screen .heading{margin:0 0 var(--space-12, 6px);padding:0 var(--space-4, 4px);font-size:20px;font-weight:600;letter-spacing:0;color:#484848}home-screen .tiles{display:grid;gap:var(--space-8, 8px);list-style:none;margin:0;padding:0}home-screen .tile{display:block;width:100%;padding:var(--space-16, 16px) var(--space-20, 20px);border:1px solid oklch(0 0 0 / .1);border-radius:var(--radius-8, 8px);background:#ffffff80;color:inherit;font:inherit;font-weight:500;text-align:left;cursor:default}home-screen .tile:hover{background:#ffffffb3}home-screen .tile:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}home-screen .empty{color:var(--color-text-muted);text-align:center}screen-breadcrumb{display:inline-flex;align-items:center;gap:0;font-size:13px;font-weight:600;color:#000000b3}screen-breadcrumb .home{border-radius:4px}screen-breadcrumb .separator{display:inline-flex;align-items:center;color:#00000059}screen-breadcrumb dropdown-menu [slot=trigger]{padding:2px 6px;border:none;background:transparent;font:inherit;color:inherit;border-radius:4px}screen-breadcrumb dropdown-menu [slot=trigger][data-active],screen-breadcrumb dropdown-menu [slot=trigger][data-active]:hover{background:var(--color-tint-strong)}screen-breadcrumb dropdown-menu [slot=trigger]:not([aria-expanded=true]):not([data-active]):hover{background:var(--color-tint)}screen-breadcrumb ui-popover::part(panel){min-width:15rem;font-weight:var(--font-weight-body);color:var(--color-text)}screen-breadcrumb .screen-form{display:grid;gap:var(--space-12)}screen-breadcrumb .screen-form .field{display:grid;gap:var(--space-4)}screen-breadcrumb .screen-form .field>span{font-size:var(--text-sm);color:var(--color-text-muted)}screen-breadcrumb .screen-form .field input{padding:var(--space-6) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-4);background:var(--color-surface);font:inherit}screen-breadcrumb .screen-form .confirm-text{margin:0}screen-breadcrumb .screen-form .error{margin:0;color:var(--color-danger);font-size:var(--text-sm)}screen-breadcrumb .screen-form .actions{display:flex;justify-content:flex-end;gap:var(--space-6)}screen-create-button{display:inline-flex;align-items:center;color:#000000b3}screen-create-button .new-screen{border-radius:4px}message-history{position:relative;display:flex;flex-direction:column;min-height:0;color:#ffffffe6;line-height:1.5}message-history:not(:has(.message)){display:none}message-history .history-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:24px 8px 12px;overflow-y:auto;mask-image:linear-gradient(to bottom,transparent 0,black 24px,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 24px,black calc(100% - 24px),transparent 100%)}message-history[data-pinned] .history-scroll{mask-image:linear-gradient(to bottom,transparent 0,black 24px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 24px)}message-history .message{padding:6px 10px;border-radius:var(--radius-8);word-wrap:break-word}message-history .message-user{align-self:flex-start;max-width:85%;background:#ffffff1a;white-space:pre-wrap}message-history .message-assistant{align-self:stretch}message-history .message-assistant>:first-child{margin-top:0}message-history .message-assistant>:last-child{margin-bottom:0}message-history .message-assistant p,message-history .message-assistant ul,message-history .message-assistant ol,message-history .message-assistant pre,message-history .message-assistant blockquote{margin:0 0 8px}message-history .message-assistant h1,message-history .message-assistant h2,message-history .message-assistant h3,message-history .message-assistant h4{margin:12px 0 4px;font-weight:600;line-height:1.3}message-history .message-assistant ul,message-history .message-assistant ol{padding-left:20px}message-history .message-assistant code{padding:1px 4px;border-radius:3px;background:#ffffff1a;font-family:var(--font-mono);font-size:.9em}message-history .message-assistant pre{padding:8px 10px;border-radius:var(--radius-8);background:#ffffff14;overflow-x:auto}message-history .message-assistant pre code{padding:0;background:none}message-history .message-assistant blockquote{padding-left:10px;border-left:2px solid rgba(255,255,255,.2);color:#ffffffb3}message-history .message-assistant a{color:#fffffff2;text-decoration:underline;text-underline-offset:2px}message-history .history-jump{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#ffffff26;color:#ffffffe6;transition:opacity .15s ease}message-history .history-jump:hover{background:#ffffff40}message-history[data-pinned] .history-jump{opacity:0;pointer-events:none}command-panel{display:flex;width:320px;padding:6px 10px;border-radius:var(--radius-8);background:linear-gradient(180deg,rgba(0,0,0,.03),transparent),#0000000f;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #0000000a,inset 0 -1px #ffffff2e}command-panel .trigger{flex:1;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;box-shadow:none;background:transparent;color:#00000073;font:inherit;line-height:1.4;display:flex;align-items:center;justify-content:flex-start;gap:8px;cursor:text}command-panel .trigger:hover,command-panel .trigger:active,command-panel .trigger:focus-visible{background:transparent;box-shadow:none;outline:none}command-panel .trigger .label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}command-panel .trigger .kbd{flex:0 0 auto;padding:1px 6px;border-radius:4px;background:#0000000f;border:1px solid rgba(0,0,0,.08);color:#00000080;font-size:.85em;line-height:1.3;letter-spacing:.02em}command-panel[open]{width:380px;padding:8px;flex-direction:column;background:#000c;backdrop-filter:var(--backdrop-blur-glass);-webkit-backdrop-filter:var(--backdrop-blur-glass);border-radius:12px;box-shadow:0 8px 20px #0006}command-panel[open] message-history{max-height:min(60vh,480px);margin:-8px -8px 0}command-panel[open] .input{flex:0 0 auto;min-width:0;max-height:12rem;padding:8px 10px;border-radius:var(--radius-8);resize:none;border:none;outline:none;background:#000;color:#ffffffe6;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;field-sizing:content}television-app{width:100%;height:100%;display:block;background:url(./gradient-j-DX-EI0uV.jpg) center / cover no-repeat}.electron-draggable{-webkit-app-region:drag}.electron-draggable>*{-webkit-app-region:no-drag}television-app>main{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;-webkit-user-select:none;user-select:none}television-app>main.auth-gate{align-items:center;justify-content:center}television-app>main>screen-view,television-app>main>home-screen{flex:1;min-height:0}television-app>main>.chrome{position:absolute;top:0;right:0;bottom:0;left:0;padding:8px;pointer-events:none;display:flex;flex-direction:column}television-app>main>.chrome>*{pointer-events:auto}television-app>main>.chrome>.top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8, 8px)}television-app>main>.chrome>command-panel{margin-top:auto;align-self:flex-end}.auth-modal{width:min(24rem,100%);display:flex;flex-direction:column;padding:20px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-modal-title,.auth-modal-copy{margin:0}.auth-token-input-invalid{border-color:#c74343}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,pre,hr{margin:0}button,input,textarea,select{font:inherit;color:inherit}@font-face{font-family:Hind;src:url(./Hind-Variable-C47b_dt9.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}:root{--font-sans: "Hind", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-brand: var(--font-sans);--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--font-weight-body: 400;--text-base: 14px;--text-scale: 1.125;--text-sm: round(calc(var(--text-base) / var(--text-scale)), 1px);--text-lg: round(calc(var(--text-base) * var(--text-scale)), 1px);--text-xl: round(calc(var(--text-lg) * var(--text-scale)), 1px);--leading-base: 1.5;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--layer-popover: 10;--layer-modal: 1000;--shadow-popover: 0 12px 32px rgb(0 0 0 / .14);--shadow-modal: 0 24px 64px rgb(0 0 0 / .2);--shadow-hairline: 0 0 0 .5px var(--color-border);--color-tint: color-mix(in srgb, currentColor 8%, transparent);--color-tint-strong: color-mix(in srgb, currentColor 15%, transparent);--backdrop-blur-glass: blur(20px) saturate(1.4);--black: #000000;--white: #ffffff;--neutral-50: oklch(.985 0 0);--neutral-100: oklch(.97 0 0);--neutral-200: oklch(.923 0 0);--neutral-300: oklch(.869 0 0);--neutral-350: oklch(.79 0 0);--neutral-400: oklch(.709 0 0);--neutral-500: oklch(.553 0 0);--neutral-600: oklch(.444 0 0);--neutral-700: oklch(.374 0 0);--neutral-800: oklch(.268 0 0);--neutral-900: oklch(.216 0 0);--neutral-950: oklch(.147 0 0);--red-50: oklch(.969 .015 12.422);--red-100: oklch(.941 .03 12.58);--red-200: oklch(.892 .058 10.001);--red-300: oklch(.81 .117 11.638);--red-400: oklch(.712 .194 13.428);--red-500: oklch(.645 .246 16.439);--red-600: oklch(.586 .253 17.585);--red-700: oklch(.514 .222 16.935);--red-800: oklch(.455 .188 13.697);--red-900: oklch(.41 .159 10.272);--red-950: oklch(.271 .105 12.094);--orange-50: oklch(.98 .016 73.684);--orange-100: oklch(.954 .038 75.164);--orange-200: oklch(.901 .076 70.697);--orange-300: oklch(.837 .128 66.29);--orange-400: oklch(.75 .183 55.934);--orange-500: oklch(.705 .213 47.604);--orange-600: oklch(.646 .222 41.116);--orange-700: oklch(.553 .195 38.402);--orange-800: oklch(.47 .157 37.304);--orange-900: oklch(.408 .123 38.172);--orange-950: oklch(.266 .079 36.259);--yellow-50: oklch(.987 .026 102.212);--yellow-100: oklch(.973 .071 103.193);--yellow-200: oklch(.945 .129 101.54);--yellow-300: oklch(.905 .182 98.111);--yellow-400: oklch(.852 .199 91.936);--yellow-500: oklch(.795 .184 86.047);--yellow-600: oklch(.681 .162 75.834);--yellow-700: oklch(.554 .135 66.442);--yellow-800: oklch(.476 .114 61.907);--yellow-900: oklch(.421 .095 57.708);--yellow-950: oklch(.286 .066 53.813);--green-50: oklch(.979 .021 166.113);--green-100: oklch(.95 .052 163.051);--green-200: oklch(.905 .093 164.15);--green-300: oklch(.845 .143 164.978);--green-400: oklch(.765 .177 163.223);--green-500: oklch(.696 .17 162.48);--green-600: oklch(.596 .145 163.225);--green-700: oklch(.508 .118 165.612);--green-800: oklch(.432 .095 166.913);--green-900: oklch(.378 .077 168.94);--green-950: oklch(.262 .051 172.552);--blue-50: oklch(.97 .014 254.604);--blue-100: oklch(.932 .032 255.585);--blue-200: oklch(.882 .059 254.128);--blue-300: oklch(.809 .105 251.813);--blue-400: oklch(.707 .165 254.624);--blue-500: oklch(.623 .214 259.815);--blue-600: oklch(.546 .245 262.881);--blue-700: oklch(.488 .243 264.376);--blue-800: oklch(.424 .199 265.638);--blue-900: oklch(.379 .146 265.522);--blue-950: oklch(.282 .091 267.935);--purple-50: oklch(.969 .016 293.756);--purple-100: oklch(.943 .029 294.588);--purple-200: oklch(.894 .057 293.283);--purple-300: oklch(.811 .111 293.571);--purple-400: oklch(.702 .183 293.541);--purple-500: oklch(.606 .25 292.717);--purple-600: oklch(.541 .281 293.009);--purple-700: oklch(.491 .27 292.581);--purple-800: oklch(.432 .232 292.759);--purple-900: oklch(.38 .189 293.745);--purple-950: oklch(.283 .141 291.089)}:root[data-font=system]{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}:root{--color-bg: var(--neutral-50);--color-bg-muted: var(--neutral-100);--color-surface: var(--white);--color-surface-muted: var(--neutral-100);--color-interactive: var(--neutral-200);--color-interactive-hover: var(--neutral-300);--color-border: var(--neutral-300);--color-border-muted: var(--neutral-200);--color-text: var(--neutral-900);--color-text-muted: var(--neutral-500);--color-link: inherit;--color-focus-ring: var(--neutral-500);--color-overlay-backdrop: rgb(0 0 0 / .5);--color-highlight: rgb(255 255 255 / .5);--color-primary: var(--blue-500);--color-danger: var(--red-600);color-scheme:light}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-body);line-height:var(--leading-base);letter-spacing:.015em;color:var(--color-text);background:var(--color-bg)}a{color:var(--color-link);text-underline-offset:.15em;text-decoration-thickness:.08em}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-4)}pre{font-family:var(--font-mono);background:var(--color-bg-muted);padding:var(--space-12);border-radius:var(--radius-8);overflow-x:auto}pre code{background:none;padding:0}blockquote{padding-left:var(--space-16);border-left:3px solid var(--color-border);color:var(--color-text-muted)}hr{border:none;border-top:1px solid var(--color-border)}table{border-collapse:collapse}th,td{padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);text-align:left}th{background:var(--color-bg-muted);font-weight:600}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);min-height:24px;padding:var(--space-2) var(--space-16);border:none;border-radius:var(--radius-6);background:linear-gradient(180deg,#fff9,#00000008),color-mix(in srgb,var(--color-surface) 92%,transparent);color:var(--color-text);font:inherit;font-weight:500;cursor:default;box-shadow:inset .5px 0 #00000024,inset -.5px 0 #00000024,inset 0 -.5px #00000024,inset 0 1px #ffffffe6,0 1px 1px #0000000d,0 2px 5px #0000000d}button:hover{background:linear-gradient(180deg,#fff9,#00000008),var(--color-surface)}button:active{background:linear-gradient(180deg,#0000000a,#0000001f),color-mix(in srgb,var(--color-surface) 75%,var(--neutral-400));box-shadow:inset .5px 0 #00000024,inset -.5px 0 #00000024,inset 0 -.5px #00000024,0 1px 1px #0000000d,0 2px 5px #0000000d}button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}button[variant=primary]{background:linear-gradient(180deg,#ffffff2e,#00000014),var(--color-primary);color:var(--white);box-shadow:inset .5px 0 color-mix(in srgb,var(--color-primary) 50%,black),inset -.5px 0 color-mix(in srgb,var(--color-primary) 50%,black),inset 0 -.5px color-mix(in srgb,var(--color-primary) 50%,black),inset 0 1px #fff6,0 1px 2px #0000001f,0 2px 6px #00000014}button[variant=primary]:hover{background:linear-gradient(180deg,#ffffff2e,#00000014),color-mix(in srgb,var(--color-primary) 92%,black)}button[variant=primary]:active{background:linear-gradient(180deg,#0000000a,#0000001f),color-mix(in srgb,var(--color-primary) 85%,black);box-shadow:inset .5px 0 color-mix(in srgb,var(--color-primary) 50%,black),inset -.5px 0 color-mix(in srgb,var(--color-primary) 50%,black),inset 0 -.5px color-mix(in srgb,var(--color-primary) 50%,black),0 1px 2px #0000001f,0 2px 6px #00000014}button[variant=danger]{background:linear-gradient(180deg,#ffffff2e,#00000014),var(--color-danger);color:var(--white);box-shadow:inset .5px 0 color-mix(in srgb,var(--color-danger) 50%,black),inset -.5px 0 color-mix(in srgb,var(--color-danger) 50%,black),inset 0 -.5px color-mix(in srgb,var(--color-danger) 50%,black),inset 0 1px #fff6,0 1px 2px #0000001f,0 2px 6px #00000014}button[variant=danger]:hover{background:linear-gradient(180deg,#ffffff2e,#00000014),color-mix(in srgb,var(--color-danger) 92%,black)}button[variant=danger]:active{background:linear-gradient(180deg,#0000000a,#0000001f),color-mix(in srgb,var(--color-danger) 85%,black);box-shadow:inset .5px 0 color-mix(in srgb,var(--color-danger) 50%,black),inset -.5px 0 color-mix(in srgb,var(--color-danger) 50%,black),inset 0 -.5px color-mix(in srgb,var(--color-danger) 50%,black),0 1px 2px #0000001f,0 2px 6px #00000014}button[variant=ghost]{background:transparent;color:inherit;box-shadow:none}button[variant=ghost]:hover{background:var(--color-tint)}button[variant=ghost]:active{background:var(--color-tint-strong);box-shadow:none}button[size=sm]{min-height:24px;padding:var(--space-2) var(--space-8)}button[size=md]{min-height:32px;padding:var(--space-6) var(--space-12)}button[icon-only]{width:24px;height:24px;min-height:0;padding:0;background:transparent;color:inherit;box-shadow:none}button[icon-only]:hover{background:var(--color-tint)}button[icon-only]:active{background:var(--color-tint-strong);box-shadow:none}[data-ui-icon]{display:inline-block;vertical-align:middle}.prose{line-height:var(--leading-base)}.prose h1{font-size:var(--text-xl);margin-bottom:var(--space-8)}.prose h2{font-size:var(--text-lg);margin-top:var(--space-24);margin-bottom:var(--space-8)}.prose h3,.prose h4,.prose h5,.prose h6{font-size:var(--text-base);margin-top:var(--space-24);margin-bottom:var(--space-8)}.prose p{margin:var(--space-12) 0}.prose ul,.prose ol{padding-left:var(--space-24);margin:var(--space-12) 0}.prose blockquote,.prose pre{margin:var(--space-12) 0}.prose hr{margin:var(--space-24) 0}.prose table{width:100%;margin:var(--space-12) 0}.prose img{max-width:100%;height:auto}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}:root{--material-glass-bg: rgba(255, 255, 255, .42);--material-glass-border: rgba(0, 0, 0, .08);--material-glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 1px 2px rgba(0, 0, 0, .06);--material-glass-filter: blur(20px) saturate(1.4);--material-glass-color: var(--color-text);--material-glass-dark-bg: rgba(0, 0, 0, .55);--material-glass-dark-border: rgba(255, 255, 255, .08);--material-glass-dark-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 20px rgba(0, 0, 0, .35);--material-glass-dark-filter: blur(20px) saturate(1.4);--material-glass-dark-color: rgba(255, 255, 255, .92);--material-well-bg: linear-gradient(180deg, rgba(0, 0, 0, .03), transparent), rgba(0, 0, 0, .06);--material-well-border: rgba(0, 0, 0, .1);--material-well-shadow: inset 0 1px 0 rgba(0, 0, 0, .04), inset 0 -1px 0 rgba(255, 255, 255, .18);--material-well-color: var(--color-text);--material-paper-bg: var(--white);--material-paper-border: rgba(0, 0, 0, .08);--material-paper-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--material-paper-color: var(--color-text)}.material-glass{background:var(--material-glass-bg);border:1px solid var(--material-glass-border);box-shadow:var(--material-glass-shadow);backdrop-filter:var(--material-glass-filter);-webkit-backdrop-filter:var(--material-glass-filter);color:var(--material-glass-color)}.material-glass-dark{background:var(--material-glass-dark-bg);border:1px solid var(--material-glass-dark-border);box-shadow:var(--material-glass-dark-shadow);backdrop-filter:var(--material-glass-dark-filter);-webkit-backdrop-filter:var(--material-glass-dark-filter);color:var(--material-glass-dark-color)}.material-well{background:var(--material-well-bg);border:1px solid var(--material-well-border);box-shadow:var(--material-well-shadow);color:var(--material-well-color)}.material-paper{background:var(--material-paper-bg);border:1px solid var(--material-paper-border);box-shadow:var(--material-paper-shadow);color:var(--material-paper-color)}dropdown-menu{position:relative;display:inline-block;color:inherit}dropdown-group{display:grid;gap:var(--space-4)}dropdown-label{display:block;padding:var(--space-4) var(--space-8);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}dropdown-divider{display:block;height:1px;margin:var(--space-4) 0;background:var(--color-border)}[data-dropdown-trigger],dropdown-item{color:inherit;font:inherit;line-height:1.2}[data-dropdown-trigger],dropdown-menu::part(trigger){display:inline-flex;align-items:center;gap:var(--space-6);margin:0;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-4);background:var(--color-surface);color:#0009;box-shadow:none}[data-dropdown-trigger]:hover,dropdown-menu::part(trigger):hover{background:var(--color-tint)}[data-dropdown-trigger][aria-expanded=true],[data-dropdown-trigger][aria-expanded=true]:hover,dropdown-menu[open]::part(trigger),dropdown-menu[open]::part(trigger):hover{background:var(--color-tint-strong)}[data-dropdown-trigger-label],dropdown-menu::part(trigger-label){min-width:0}[data-dropdown-trigger-icon],dropdown-menu::part(trigger-icon){display:inline-flex;align-items:center;justify-content:center;flex:none}[data-dropdown-trigger]:focus-visible,dropdown-menu::part(trigger):focus-visible,dropdown-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}dropdown-menu::part(panel){position:absolute;left:0;z-index:var(--layer-popover);min-width:12rem;padding:var(--space-4);border-radius:var(--radius-8);background:color-mix(in srgb,var(--color-surface) 70%,transparent);backdrop-filter:var(--backdrop-blur-glass);-webkit-backdrop-filter:var(--backdrop-blur-glass);color:var(--color-text);box-shadow:var(--shadow-hairline),var(--shadow-popover)}dropdown-menu::part(panel-bottom){top:calc(100% + var(--space-4))}dropdown-menu::part(panel-top){bottom:calc(100% + var(--space-4))}dropdown-item{display:flex;align-items:center;gap:var(--space-8);margin:0;padding:.375rem .5rem;border-radius:var(--radius-4);font-weight:var(--font-weight-body);-webkit-user-select:none;user-select:none}dropdown-item>[data-ui-icon]{flex:none}dropdown-item:hover,dropdown-item[selected]{background:var(--color-tint)}dropdown-item[action]{color:inherit}dropdown-item[danger]{color:var(--color-danger)}modal-overlay{color:inherit}modal-overlay::part(backdrop){position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-overlay-backdrop)}panel-view{display:block}panel-view::part(panel){display:flex;flex-direction:column;gap:var(--space-16);color:var(--color-text)}panel-view::part(header){display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}panel-view::part(title){margin:0;font:inherit;font-size:var(--text-lg);font-weight:600;color:var(--color-text)}panel-view::part(button){display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-4);background:var(--color-surface);color:var(--color-text);box-shadow:none}panel-view::part(button):hover{background:var(--color-interactive-hover)}panel-view::part(button):focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}panel-view::part(icon){display:inline-flex;align-items:center;justify-content:center;flex:none}ui-popover{display:contents}ui-popover::part(panel){position:fixed;z-index:var(--layer-popover);min-width:12rem;padding:var(--space-16) var(--space-20);border-radius:var(--radius-8);background:color-mix(in srgb,var(--color-surface) 70%,transparent);backdrop-filter:var(--backdrop-blur-glass);-webkit-backdrop-filter:var(--backdrop-blur-glass);color:var(--color-text);box-shadow:var(--shadow-hairline),var(--shadow-popover);outline:none}ui-pill{display:inline-block;vertical-align:baseline;margin:2px 0;padding:0 var(--space-8);font-size:var(--text-sm);font-weight:500;line-height:1.7;border-radius:999px;border:1px solid var(--neutral-300);background:var(--neutral-200);color:var(--neutral-900);white-space:nowrap}ui-pill[color=gray]{border-color:var(--neutral-300);background:var(--neutral-200);color:var(--neutral-900)}ui-pill[color=red]{border-color:var(--red-200);background:var(--red-100);color:var(--red-950)}ui-pill[color=orange]{border-color:var(--orange-200);background:var(--orange-100);color:var(--orange-950)}ui-pill[color=yellow]{border-color:var(--yellow-200);background:var(--yellow-100);color:var(--yellow-950)}ui-pill[color=green]{border-color:var(--green-200);background:var(--green-100);color:var(--green-950)}ui-pill[color=blue]{border-color:var(--blue-200);background:var(--blue-100);color:var(--blue-950)}ui-pill[color=purple]{border-color:var(--purple-200);background:var(--purple-100);color:var(--purple-950)}:root{--color-bg: var(--neutral-200);--color-border: var(--neutral-300)}
|