@telepath-computer/television 0.1.127 → 0.1.141
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/cli.cjs +2091 -6806
- package/dist/onboarding/television-onboarding.html +65 -0
- package/dist/skills/television/SKILL.md +135 -180
- package/dist/skills/{television-calendar → tv-calendar}/SKILL.md +4 -5
- package/dist/skills/{television-table → tv-table}/SKILL.md +1 -1
- package/dist/skills/{television-theme → tv-theme}/SKILL.md +10 -10
- package/dist/views/markdown/index.html +19 -17
- package/dist/web/assets/artifact-bridge-C9leJZpr.js +1 -0
- package/dist/web/assets/clouds-CAYIArXj.jpg +0 -0
- package/dist/web/assets/favicon-DaYMFRha.svg +71 -0
- package/dist/web/assets/main-DpUX4mxP.js +706 -0
- package/dist/web/assets/main-nlkzBlam.css +1 -0
- package/dist/web/assets/urlUnsupported-DBXzijdI.js +1 -0
- package/dist/web/index.html +4 -2
- package/dist/web/views/url-unsupported/index.html +97 -0
- package/package.json +1 -1
- package/dist/web/assets/index-C2ieX0sk.css +0 -1
- package/dist/web/assets/index-D81me9eT.js +0 -709
- package/dist/web/assets/wallpaper-s-ICws44wH.jpg +0 -0
- /package/dist/skills/{television-calendar → tv-calendar}/calendar.css +0 -0
- /package/dist/skills/{television-calendar → tv-calendar}/calendar.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
artifact-view{display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--radius-16);background:var(--color-surface);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}artifact-view .artifact-title-bar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 6px;border:0;box-shadow:inset 0 .5px 0 var(--color-border-muted);font-size:13px;font-weight:500;touch-action:none;-webkit-user-select:none;user-select:none}artifact-view[data-dragging]{box-shadow:0 6px 16px #00000024,0 20px 56px #0000003d}artifact-view[data-dragging] .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:2px;min-width:0}artifact-view .artifact-title-icon,artifact-view .artifact-close-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--tint-700)}artifact-view .artifact-history-back:hover:not(:disabled),artifact-view .artifact-close-btn:hover:not(:disabled){backdrop-filter:saturate(1.8);-webkit-backdrop-filter:saturate(1.8)}artifact-view .artifact-history-back:active:not(:disabled),artifact-view .artifact-close-btn:active:not(:disabled){backdrop-filter:saturate(2.2);-webkit-backdrop-filter:saturate(2.2)}artifact-view .artifact-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}artifact-view .artifact-title-actions,artifact-view .artifact-nav-buttons{display:flex;align-items:center;gap:2px;flex:none}artifact-view .artifact-content{flex:1;min-height:0;overflow:auto;overscroll-behavior-y:contain;background:var(--color-surface);border-top-left-radius:inherit;border-top-right-radius:inherit}artifact-view[data-embed-loaded]{background:transparent}artifact-view[data-embed-loaded] .artifact-content{background:transparent}artifact-view iframe.artifact-frame,artifact-view webview.artifact-frame{border:0;width:100%}artifact-view iframe.artifact-frame{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:0;overflow:visible;clip-path:inset(-100vmax 0 -100vmax 0);overscroll-behavior-x:none;outline:none;position:relative;touch-action:pan-y;--layout-unit-x: 128px;--layout-unit-y: 128px;--layout-gap: 16px;--layout-drag-transition-ms: 0ms;--bg-scale: .96;--bg-opacity: .65;--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{align-self:start;will-change:transform;z-index:1}layout-view .node-inner{display:grid;grid-template-columns:repeat(4,var(--layout-unit-x));grid-template-rows:repeat(6,var(--layout-unit-y));gap:var(--layout-gap);width:100%}layout-view[data-depth=on] .node[data-foreground]~.node:not([data-foreground]),layout-view[data-depth=on] .node:not([data-foreground]):has(~.node[data-foreground]){z-index:0;opacity:var(--bg-opacity)}layout-view[data-depth=on] .node[data-foreground]~.node:not([data-foreground]) .card-slot>*,layout-view[data-depth=on] .node:not([data-foreground]):has(~.node[data-foreground]) .card-slot>*{pointer-events:none}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground]) .card-slot{--depth-n: .5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 1.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 2.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 3.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node[data-foreground]) .card-slot{--depth-n: .5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 1.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 2.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 3.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view .card-slot{border-radius:var(--radius-12);box-sizing:border-box;cursor:default;min-width:0;min-height:0;position:relative;z-index:1}layout-view .card-slot[data-layout-drag-source=true]{transition:none}layout-view .card-content-mount{width:100%;height:100%}layout-view .card-content-mount>*{width:100%;height:100%}layout-view .drag-source-node{flex:0 0 auto;width:0;height:0;margin-right:calc(-1 * var(--layout-gap));overflow:visible;pointer-events:none}layout-view .drag-source-node .node-inner{display:contents}layout-view .resize-handle{position:absolute;top:0;bottom:0;right:-8px;width:16px;cursor:ew-resize;z-index:3;touch-action:none}layout-view .card-placeholder{border-radius:var(--radius-12);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}@keyframes card-focus-pulse{0%{box-shadow:0 0 0 0 var(--color-accent, #3b82f6)}20%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent, #3b82f6) 60%,transparent)}40%{box-shadow:0 0 0 0 transparent}60%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent, #3b82f6) 60%,transparent)}to{box-shadow:0 0 0 0 transparent}}layout-view .card-slot.card-focus-pulse{animation:card-focus-pulse .6s ease-out 1}screen-view{width:100%;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}screen-select{--screen-tab-max-width: 170px;display:flex;align-items:center;gap:var(--space-6, 6px);--tab-strip-reserve: 84px;flex:1 1 auto;min-width:0;font-size:13px;position:relative}screen-select>segmented-control{flex:none}screen-select>.pills{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-6, 6px);width:max-content;max-width:max(0px,calc(100% - (2 * var(--tab-strip-reserve))));min-width:0;overflow:hidden;pointer-events:none}screen-select>.pills>*{pointer-events:auto}screen-select segmented-control[variant=glass],screen-select .tab-body[variant=glass]{border-color:var(--tint-300)}screen-select segmented-control[variant=glass][tone=light],screen-select .tab-body[variant=glass][tone=light]{border-color:var(--tint-200)}screen-select .screen-name{min-width:0;max-width:var(--screen-tab-max-width);flex:0 1 auto}screen-select .screen-name .tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}screen-select ui-popover.picker-popover::part(panel){min-width:280px;padding:var(--space-4) var(--space-8)}screen-select .picker{display:grid;gap:var(--space-4);font-weight:var(--font-weight-body);color:var(--color-text)}screen-select .picker-filter{width:100%;height:auto;margin:var(--space-4) 0;padding:2px var(--space-12);border:none;border-radius:var(--radius-8);background:var(--tint-100);color:inherit;font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-body)}screen-select .picker-filter::placeholder{color:var(--color-text-muted)}screen-select .picker-filter:focus{background:var(--tint-100);border-color:transparent;outline:none;box-shadow:none}screen-select .picker-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;max-height:min(500px,calc(100dvh - 100px));overflow-y:auto}screen-select .picker-section-label{margin:var(--space-4) 0 2px;padding:var(--space-4) var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-body)}screen-select .picker-section-label:first-child{margin-top:0}screen-select .picker-row{display:flex;align-items:center;padding:3px var(--space-12);border-radius:var(--radius-8);cursor:default}screen-select .picker-row[data-active]{background:var(--color-overlay-active)}screen-select .picker-row:hover,screen-select .picker-row[data-highlighted]{background:var(--color-overlay-hover)}screen-select .picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base)}screen-select .picker-empty{margin:0;padding:6px var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm)}screen-select .tab{position:relative;display:inline-flex;flex:0 1 auto;min-width:32px;max-width:var(--screen-tab-max-width)}screen-select .tab>.tab-body{min-width:0;max-width:100%;padding-left:8px;padding-right:11px;position:relative}screen-select .tab>.tab-body>.tab-leading{flex:none;width:var(--control-height-xs);height:var(--control-height-xs);display:inline-flex;align-items:center;justify-content:center;color:var(--tint-700)}screen-select .tab>.tab-body>.tab-leading svg{width:13px;height:13px}screen-select .tab>.tab-close{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:none;z-index:1}screen-select .tab>.tab-close svg{width:12px;height:12px}screen-select .tab[data-active]>.tab-body>.tab-leading,screen-select .tab:hover>.tab-body>.tab-leading{visibility:hidden}screen-select .tab[data-active]>.tab-close,screen-select .tab:hover>.tab-close{display:inline-flex}screen-select .tab:hover>.tab-body[variant=glass]:not([aria-pressed=true]):not(:disabled){background:linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover));backdrop-filter:blur(20px) brightness(.95) saturate(1.8);-webkit-backdrop-filter:blur(20px) brightness(.95) saturate(1.8)}agent-activity{--rail-x: 7.5px;--rail-top: 19px;--rail-bottom: -1px;display:flex;flex-direction:column;align-self:stretch;flex-shrink:0;margin-bottom:calc(-1 * var(--space-4));transition:padding-bottom .14s ease-out,margin-bottom .14s ease-out;color:#fffc}agent-activity .bar{display:flex;width:100%;height:auto;padding:var(--space-2) var(--space-6);align-items:center;justify-content:flex-start;border:0;gap:var(--space-8);letter-spacing:inherit}agent-activity .bar-static{cursor:default}agent-activity .bar[variant=ghost]:hover:not(:disabled),agent-activity .bar[variant=ghost]:active:not(:disabled),agent-activity .bar[variant=ghost][aria-expanded=true]:not(:disabled),agent-activity .bar[variant=ghost][aria-expanded=true]:hover:not(:disabled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}agent-activity .indicator{display:inline-flex;align-items:center;justify-content:center;line-height:0}agent-activity .indicator-active{animation:agent-activity-spin 1s steps(8,end) infinite}@keyframes agent-activity-spin{to{transform:rotate(360deg)}}agent-activity[expanded]{gap:var(--space-6);padding-bottom:var(--space-20);margin-bottom:0}agent-activity .panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .14s ease-out,opacity .14s ease-out}agent-activity[expanded] .panel{grid-template-rows:1fr;opacity:1}agent-activity .panel-inner{overflow:hidden;min-height:0}agent-activity .tool-list{list-style:none;margin:0;padding:var(--space-8) 0 0 var(--space-6);display:flex;flex-direction:column}agent-activity .tool-item{display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;padding-bottom:var(--space-20);position:relative}agent-activity .tool-item:last-child{padding-bottom:0}agent-activity .tool-item:before{content:"";position:absolute;left:var(--rail-x);top:var(--rail-top);bottom:var(--rail-bottom);width:1px;background:var(--tint-300)}agent-activity .tool-item:last-child:before{display:none}agent-activity .tool-dot{grid-column:1;grid-row:1;align-self:center;justify-self:center;width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.7;position:relative;top:1px}agent-activity .tool-dot[data-status=completed]{background:var(--green-500);opacity:1}agent-activity .tool-dot[data-status=failed]{background:var(--color-danger);opacity:1}agent-activity .tool-dot[data-status=in_progress]{animation:agent-activity-blink 1s steps(1,end) infinite}@keyframes agent-activity-blink{0%{opacity:.7}50%{opacity:.15}}@media (prefers-reduced-motion: reduce){agent-activity .indicator-active,agent-activity .tool-dot[data-status=in_progress]{animation:none}agent-activity,agent-activity .panel{transition:none}}agent-activity .tool-title{grid-column:2;grid-row:1;padding-left:var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm)}agent-activity .tool-output{grid-column:2;grid-row:2;margin:var(--space-12) 0 0 var(--space-8);border:.5px solid var(--tint-300);border-radius:var(--radius-4);overflow:hidden}agent-activity .tool-text{margin:0;padding:var(--space-8) var(--space-12);background:transparent;border:0;border-radius:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-height:calc(10lh + var(--space-4));overflow:hidden}agent-activity .tool-text[data-expanded]{max-height:none;overflow:visible}agent-activity .tool-text-toggle[variant=ghost]{display:flex;width:100%;height:auto;margin:0;padding:var(--space-6) var(--space-12);align-items:center;justify-content:space-between;background:var(--tint-150);border:0;border-top:.5px solid var(--tint-300);border-radius:0;box-shadow:none;color:inherit;font:inherit;font-size:var(--text-sm);letter-spacing:inherit}agent-activity .tool-text-toggle[variant=ghost]:hover:not(:disabled){background:var(--tint-200);box-shadow:none}agent-activity .tool-text-toggle[variant=ghost]:active:not(:disabled){background:var(--tint-300);box-shadow:none}message-history{position:relative;display:flex;flex-direction:column;min-height:0;color:#ffffffe6;line-height:1.5}message-history .history-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:var(--space-20) var(--space-16);overflow-y:auto;mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20),black calc(100% - var(--space-20)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20),black calc(100% - var(--space-20)),transparent 100%)}message-history[data-pinned] .history-scroll{mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20));-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20))}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:#ffffff26;white-space:pre-wrap}message-history .message-assistant+.message-user{margin-top:var(--space-24)}message-history .message-assistant{align-self:stretch;padding:0 6px}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:var(--radius-4);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:var(--radius-full);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{box-sizing:border-box;display:flex;width:320px;padding:12px 16px;border-radius:var(--radius-16);z-index:1000}command-panel:not(:has(.open)){height:var(--command-panel-closed-height, auto)}command-panel .trigger{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#ffffff8c;line-height:1.4;cursor:text;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:var(--radius-4);background:#ffffff1a;border:.5px solid rgba(255,255,255,.15);color:#ffffff8c;font-size:.85em;line-height:1.3;letter-spacing:.02em}command-panel .connecting{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:#ffffffa6;line-height:1.4;cursor:default}command-panel .connecting .label{flex:1;min-width:0;text-align:left}command-panel .connecting .dots:after{display:inline-block;content:"";animation:command-panel-dots 1.2s steps(4,end) infinite}@keyframes command-panel-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}command-panel .open{flex:1;min-width:0;width:420px;max-width:100%;display:flex;flex-direction:column;gap:10px}command-panel:has(.open){width:auto;padding:0;border-radius:0}command-panel .open .chat{border-radius:var(--radius-16);overflow:hidden;display:flex;flex-direction:column;min-height:0;height:min(60vh,480px)}command-panel .open .chat message-history{flex:1 1 auto;min-height:0}command-panel .open .input{display:flex;align-items:center;gap:8px;border-radius:var(--radius-16);padding:6px 6px 6px 16px;min-height:calc(var(--control-height-md) + 12px);cursor:text}command-panel .open .input .textarea,command-panel .open .input .textarea:focus{flex:1;min-width:0;max-height:192px;padding:0;border:none;border-radius:0;resize:none;outline:none;box-shadow:none;background:transparent;color:#ffffffe6;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:var(--space-24)}.auth-modal-icon{display:inline-flex;opacity:.8}.auth-input-row{display:flex;flex-direction:column;gap:var(--space-6)}.auth-token-input{width:100%}.auth-token-input-invalid{border-color:#c74343}.auth-modal-error{margin:0;font-size:var(--text-sm);color:#c74343}.auth-submit{align-self:stretch;height:var(--control-height-lg)}connecting-overlay{display:contents}.connecting-overlay-panel{min-height:270px;justify-content:center}:root{--app-wallpaper: url(./clouds-CAYIArXj.jpg);--app-bg: var(--color-bg)}television-app{width:100%;height:100%;display:block;background-color:var(--app-bg);background-image:var(--app-wallpaper);background-position:center;background-size:cover;background-repeat:no-repeat}[electron-draggable]{-webkit-app-region:drag}[electron-draggable] :where(button,input,textarea,select,a,[role=button],[role=combobox]){-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;--command-panel-closed-height: 45px;--command-panel-bottom-inset: 8px}television-app>main.auth-gate{align-items:center;justify-content:center}television-app>main>screen-view{flex:1;min-height:0}television-app>main>.top-row{flex:0 0 auto;display:flex;align-items:flex-start;gap:var(--space-8, 8px);padding:8px 8px 0}television-app>main>.top-row>button[variant=glass]{border-color:var(--tint-300)}television-app>main>.top-row>button[variant=glass][tone=light]{border-color:var(--tint-200)}body.electron television-app>main>.top-row{padding-left:78px}television-app>main>.command-panel-region{position:relative;flex:0 0 calc(var(--command-panel-closed-height) + var(--command-panel-bottom-inset));overflow:visible}television-app>main>.command-panel-region>command-panel{position:absolute;right:8px;bottom:var(--command-panel-bottom-inset)}@media (max-width: 560px){television-app>main>.command-panel-region>command-panel{left:50%;right:auto;transform:translate(-50%)}}:root{--color-bg: var(--neutral-200);--color-border: var(--neutral-300)}html,body{overflow-x:hidden;overscroll-behavior-x:none}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{f as a,g as o,h as d}from"./artifact-bridge-C9leJZpr.js";a(window,{reportNavigation:!1});window.addEventListener("message",t=>{t.source===window.parent&&o(t.data)&&l(t.data.url)});window.parent.postMessage({type:d},"*");function l(t,n=document){const e=f(n);if(p(e),t===null){e.targetBlock.hidden=!0,e.desktopApp.hidden=!1;return}const r=g(t);if(e.targetBlock.hidden=!1,e.desktopApp.hidden=!1,e.addressLabel.textContent="This is the URL you're trying to visit:",r){e.targetLink.textContent=t,e.targetLink.href=r.href,e.targetLink.hidden=!1;return}e.plainAddress.textContent=t,e.plainAddress.hidden=!1}function p(t){t.targetLink.removeAttribute("href"),t.targetLink.textContent="",t.targetLink.hidden=!0,t.addressLabel.textContent="",t.plainAddress.textContent="",t.plainAddress.hidden=!0}function g(t){try{const n=new URL(t);return n.protocol!=="http:"&&n.protocol!=="https:"?null:n}catch{return null}}function f(t){const n=t.getElementById("target-block"),e=t.getElementById("address-label"),r=t.getElementById("target-link"),s=t.getElementById("plain-address"),i=t.getElementById("desktop-app");if(!(n instanceof HTMLElement))throw new Error("Missing #target-block");if(!(e instanceof HTMLElement))throw new Error("Missing #address-label");if(!(r instanceof HTMLAnchorElement))throw new Error("Missing #target-link");if(!(s instanceof HTMLElement))throw new Error("Missing #plain-address");if(!(i instanceof HTMLElement))throw new Error("Missing #desktop-app");return{targetBlock:n,addressLabel:e,targetLink:r,plainAddress:s,desktopApp:i}}
|
package/dist/web/index.html
CHANGED
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
6
|
+
<link rel="icon" type="image/svg+xml" href="./assets/favicon-DaYMFRha.svg" />
|
|
6
7
|
<title>Television</title>
|
|
7
|
-
<script type="module" crossorigin src="./assets/
|
|
8
|
-
<link rel="
|
|
8
|
+
<script type="module" crossorigin src="./assets/main-DpUX4mxP.js"></script>
|
|
9
|
+
<link rel="modulepreload" crossorigin href="./assets/artifact-bridge-C9leJZpr.js">
|
|
10
|
+
<link rel="stylesheet" crossorigin href="./assets/main-nlkzBlam.css">
|
|
9
11
|
</head>
|
|
10
12
|
<body></body>
|
|
11
13
|
</html>
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>External web page</title>
|
|
7
|
+
<style>
|
|
8
|
+
html, body {
|
|
9
|
+
margin: 0;
|
|
10
|
+
min-height: 100%;
|
|
11
|
+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
12
|
+
color: #222222;
|
|
13
|
+
background: #dadada;
|
|
14
|
+
}
|
|
15
|
+
body {
|
|
16
|
+
display: grid;
|
|
17
|
+
place-items: center;
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
min-height: 100vh;
|
|
20
|
+
padding: 24px;
|
|
21
|
+
}
|
|
22
|
+
main {
|
|
23
|
+
width: 100%;
|
|
24
|
+
}
|
|
25
|
+
.content-wrapper {
|
|
26
|
+
max-width: 460px;
|
|
27
|
+
margin: 0 auto;
|
|
28
|
+
}
|
|
29
|
+
h1 {
|
|
30
|
+
margin: 0 0 0.75rem;
|
|
31
|
+
font-size: 1.125rem;
|
|
32
|
+
line-height: 1.25;
|
|
33
|
+
}
|
|
34
|
+
p {
|
|
35
|
+
margin: 0;
|
|
36
|
+
font-size: 0.875rem;
|
|
37
|
+
line-height: 1.45;
|
|
38
|
+
}
|
|
39
|
+
.target-block,
|
|
40
|
+
.desktop-app {
|
|
41
|
+
margin: 1rem 0;
|
|
42
|
+
}
|
|
43
|
+
.address-label {
|
|
44
|
+
margin-bottom: 0.375rem;
|
|
45
|
+
}
|
|
46
|
+
.target-link,
|
|
47
|
+
.plain-address {
|
|
48
|
+
display: inline-block;
|
|
49
|
+
max-width: 100%;
|
|
50
|
+
overflow-wrap: anywhere;
|
|
51
|
+
font-size: 0.875rem;
|
|
52
|
+
}
|
|
53
|
+
.target-link {
|
|
54
|
+
color: #245bb8;
|
|
55
|
+
text-decoration-thickness: 0.08em;
|
|
56
|
+
text-underline-offset: 0.18em;
|
|
57
|
+
}
|
|
58
|
+
.desktop-app {
|
|
59
|
+
}
|
|
60
|
+
code {
|
|
61
|
+
padding: 0.125rem 0.3rem;
|
|
62
|
+
border-radius: 0.35rem;
|
|
63
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
|
|
64
|
+
font-size: 0.85em;
|
|
65
|
+
color: #253040;
|
|
66
|
+
background: #cbcbcb;
|
|
67
|
+
user-select: all;
|
|
68
|
+
}
|
|
69
|
+
[hidden] {
|
|
70
|
+
display: none !important;
|
|
71
|
+
}
|
|
72
|
+
</style>
|
|
73
|
+
<script type="module" crossorigin src="../../assets/urlUnsupported-DBXzijdI.js"></script>
|
|
74
|
+
<link rel="modulepreload" crossorigin href="../../assets/artifact-bridge-C9leJZpr.js">
|
|
75
|
+
</head>
|
|
76
|
+
<body>
|
|
77
|
+
<main>
|
|
78
|
+
<div class="content-wrapper">
|
|
79
|
+
<h1>This is an external web page</h1>
|
|
80
|
+
<section id="target-block" class="target-block" hidden>
|
|
81
|
+
<p id="address-label" class="address-label"></p>
|
|
82
|
+
<p><strong><a id="target-link" class="target-link" target="_blank" rel="noopener noreferrer"></a></strong></p>
|
|
83
|
+
<p id="plain-address" class="plain-address" hidden></p>
|
|
84
|
+
</section>
|
|
85
|
+
|
|
86
|
+
<p>Television can't display external web pages directly inside a web browser. You can view external web pages right inside Television with the desktop app.</p>
|
|
87
|
+
|
|
88
|
+
<section id="desktop-app" class="desktop-app" aria-label="Television desktop app" hidden>
|
|
89
|
+
<p>To install the Television desktop app, run this command in your terminal:</p>
|
|
90
|
+
<p><code>npm install -g @telepath-computer/television-desktop</code></p>
|
|
91
|
+
<p>Then launch it with:</p>
|
|
92
|
+
<p><code>tv-desktop</code></p>
|
|
93
|
+
</section>
|
|
94
|
+
</div>
|
|
95
|
+
</main>
|
|
96
|
+
</body>
|
|
97
|
+
</html>
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
artifact-view{display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--radius-16);background:var(--color-surface);overflow:hidden;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;border:0;box-shadow:inset 0 .5px 0 var(--color-border-muted);font-size:12px;font-weight:500;touch-action:none;-webkit-user-select:none;user-select:none}artifact-view[data-dragging]{box-shadow:0 6px 16px #00000024,0 20px 56px #0000003d}artifact-view[data-dragging] .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:var(--radius-4)}artifact-view .artifact-content{flex:1;min-height:0;overflow:auto;background:var(--color-surface)}artifact-view iframe.artifact-frame,artifact-view webview.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:0;overflow:visible;clip-path:inset(-100vmax 0 -100vmax 0);overscroll-behavior-x:none;outline:none;position:relative;touch-action:pan-y;--layout-unit-x: 120px;--layout-unit-y: 120px;--layout-gap: 16px;--layout-drag-transition-ms: 0ms;--bg-scale: .96;--bg-opacity: .65;--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{align-self:start;will-change:transform;z-index:1}layout-view[data-wheel-scrolling]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:auto}layout-view[data-wheel-scrolling] iframe,layout-view[data-wheel-scrolling] webview{pointer-events:none}layout-view .node-inner{display:grid;grid-template-columns:repeat(4,var(--layout-unit-x));grid-template-rows:repeat(6,var(--layout-unit-y));gap:var(--layout-gap);width:100%}layout-view[data-depth=on] .node[data-foreground]~.node:not([data-foreground]),layout-view[data-depth=on] .node:not([data-foreground]):has(~.node[data-foreground]){z-index:0;opacity:var(--bg-opacity)}layout-view[data-depth=on] .node[data-foreground]~.node:not([data-foreground]) .card-slot>*,layout-view[data-depth=on] .node:not([data-foreground]):has(~.node[data-foreground]) .card-slot>*{pointer-events:none}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground]) .card-slot{--depth-n: .5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 1.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 2.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node[data-foreground]+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground]) .card-slot{--depth-n: 3.5;transform:scale(var(--bg-scale)) translate(calc(-1 * var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node[data-foreground]) .card-slot{--depth-n: .5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 1.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 2.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view[data-depth=on] .node:not([data-foreground]):has(+.node:not([data-foreground])+.node:not([data-foreground])+.node:not([data-foreground])+.node[data-foreground]) .card-slot{--depth-n: 3.5;transform:scale(var(--bg-scale)) translate(calc(var(--depth-n) * (1 - var(--bg-scale)) * var(--card-width-px) * 1px));transform-origin:center center;transition:transform .2s ease}layout-view .card-slot{border-radius:var(--radius-12);box-sizing:border-box;cursor:default;min-width:0;min-height:0;position:relative;z-index:1}layout-view .card-slot[data-layout-drag-source=true]{transition:none}layout-view .card-content-mount{width:100%;height:100%}layout-view .card-content-mount>*{width:100%;height:100%}layout-view .drag-source-node{flex:0 0 auto;width:0;height:0;margin-right:calc(-1 * var(--layout-gap));overflow:visible;pointer-events:none}layout-view .drag-source-node .node-inner{display:contents}layout-view .resize-handle{position:absolute;top:0;bottom:0;right:-8px;width:16px;cursor:ew-resize;z-index:3;touch-action:none}layout-view .card-placeholder{border-radius:var(--radius-12);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}@keyframes card-focus-pulse{0%{box-shadow:0 0 0 0 var(--color-accent, #3b82f6)}20%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent, #3b82f6) 60%,transparent)}40%{box-shadow:0 0 0 0 transparent}60%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent, #3b82f6) 60%,transparent)}to{box-shadow:0 0 0 0 transparent}}layout-view .card-slot.card-focus-pulse{animation:card-focus-pulse .6s ease-out 1}screen-view{width:100%;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}screen-select{--screen-tab-max-width: 170px;display:flex;align-items:center;gap:var(--space-6, 6px);--tab-strip-reserve: 84px;flex:1 1 auto;min-width:0;font-size:13px;position:relative}screen-select>segmented-control{flex:none}screen-select>.pills{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-6, 6px);width:max-content;max-width:max(0px,calc(100% - (2 * var(--tab-strip-reserve))));min-width:0;overflow:hidden;pointer-events:none}screen-select>.pills>*{pointer-events:auto}screen-select segmented-control[variant=glass],screen-select .tab-body[variant=glass]{border-color:var(--tint-300)}screen-select segmented-control[variant=glass][tone=light],screen-select .tab-body[variant=glass][tone=light]{border-color:var(--tint-200)}screen-select .screen-name{width:100%;min-width:0;max-width:var(--screen-tab-max-width);flex:1 1 auto}screen-select .screen-name .tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}screen-select ui-popover.picker-popover::part(panel){min-width:280px;padding:var(--space-4) var(--space-8)}screen-select .picker{display:grid;gap:var(--space-4);font-weight:var(--font-weight-body);color:var(--color-text)}screen-select .picker-filter{width:100%;height:auto;margin:var(--space-4) 0;padding:2px var(--space-12);border:none;border-radius:var(--radius-8);background:var(--tint-100);color:inherit;font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-body)}screen-select .picker-filter::placeholder{color:var(--color-text-muted)}screen-select .picker-filter:focus{background:var(--tint-100);border-color:transparent;outline:none;box-shadow:none}screen-select .picker-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;max-height:min(500px,calc(100dvh - 100px));overflow-y:auto}screen-select .picker-section-label{margin:var(--space-4) 0 2px;padding:var(--space-4) var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-body)}screen-select .picker-section-label:first-child{margin-top:0}screen-select .picker-row{display:flex;align-items:center;padding:3px var(--space-12);border-radius:var(--radius-8);cursor:default}screen-select .picker-row[data-active]{background:var(--color-overlay-active)}screen-select .picker-row:hover,screen-select .picker-row[data-highlighted]{background:var(--color-overlay-hover)}screen-select .picker-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base)}screen-select .picker-empty{margin:0;padding:6px var(--space-12);color:var(--color-text-muted);font-size:var(--text-sm)}screen-select .tab{position:relative;display:inline-flex;flex:1 1 var(--screen-tab-max-width);min-width:32px;max-width:var(--screen-tab-max-width)}screen-select .tab>.tab-body{width:100%;min-width:0;padding-left:8px;padding-right:11px;position:relative}screen-select .tab>.tab-body>.tab-leading{flex:none;width:var(--control-height-xs);height:var(--control-height-xs);display:inline-flex;align-items:center;justify-content:center;color:var(--tint-700)}screen-select .tab>.tab-body>.tab-leading svg{width:13px;height:13px}screen-select .tab>.tab-close{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:none;z-index:1}screen-select .tab>.tab-close svg{width:12px;height:12px}screen-select .tab[data-active]>.tab-body>.tab-leading,screen-select .tab:hover>.tab-body>.tab-leading{visibility:hidden}screen-select .tab[data-active]>.tab-close,screen-select .tab:hover>.tab-close{display:inline-flex}screen-select .tab:hover>.tab-body[variant=glass]:not([aria-pressed=true]):not(:disabled){background:linear-gradient(var(--color-overlay-hover),var(--color-overlay-hover));backdrop-filter:blur(20px) brightness(.95) saturate(1.8);-webkit-backdrop-filter:blur(20px) brightness(.95) saturate(1.8)}agent-activity{--rail-x: 7.5px;--rail-top: 19px;--rail-bottom: -1px;display:flex;flex-direction:column;align-self:stretch;flex-shrink:0;margin-bottom:calc(-1 * var(--space-4));transition:padding-bottom .14s ease-out,margin-bottom .14s ease-out;color:#fffc}agent-activity .bar{display:flex;width:100%;height:auto;padding:var(--space-2) var(--space-6);align-items:center;justify-content:flex-start;border:0;gap:var(--space-8);letter-spacing:inherit}agent-activity .bar-static{cursor:default}agent-activity .bar[variant=ghost]:hover:not(:disabled),agent-activity .bar[variant=ghost]:active:not(:disabled),agent-activity .bar[variant=ghost][aria-expanded=true]:not(:disabled),agent-activity .bar[variant=ghost][aria-expanded=true]:hover:not(:disabled){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff}agent-activity .indicator{display:inline-flex;align-items:center;justify-content:center;line-height:0}agent-activity .indicator-active{animation:agent-activity-spin 1s steps(8,end) infinite}@keyframes agent-activity-spin{to{transform:rotate(360deg)}}agent-activity[expanded]{gap:var(--space-6);padding-bottom:var(--space-20);margin-bottom:0}agent-activity .panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .14s ease-out,opacity .14s ease-out}agent-activity[expanded] .panel{grid-template-rows:1fr;opacity:1}agent-activity .panel-inner{overflow:hidden;min-height:0}agent-activity .tool-list{list-style:none;margin:0;padding:var(--space-8) 0 0 var(--space-6);display:flex;flex-direction:column}agent-activity .tool-item{display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;padding-bottom:var(--space-20);position:relative}agent-activity .tool-item:last-child{padding-bottom:0}agent-activity .tool-item:before{content:"";position:absolute;left:var(--rail-x);top:var(--rail-top);bottom:var(--rail-bottom);width:1px;background:var(--tint-300)}agent-activity .tool-item:last-child:before{display:none}agent-activity .tool-dot{grid-column:1;grid-row:1;align-self:center;justify-self:center;width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.7;position:relative;top:1px}agent-activity .tool-dot[data-status=completed]{background:var(--green-500);opacity:1}agent-activity .tool-dot[data-status=failed]{background:var(--color-danger);opacity:1}agent-activity .tool-dot[data-status=in_progress]{animation:agent-activity-blink 1s steps(1,end) infinite}@keyframes agent-activity-blink{0%{opacity:.7}50%{opacity:.15}}@media (prefers-reduced-motion: reduce){agent-activity .indicator-active,agent-activity .tool-dot[data-status=in_progress]{animation:none}agent-activity,agent-activity .panel{transition:none}}agent-activity .tool-title{grid-column:2;grid-row:1;padding-left:var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm)}agent-activity .tool-output{grid-column:2;grid-row:2;margin:var(--space-12) 0 0 var(--space-8);border:.5px solid var(--tint-300);border-radius:var(--radius-4);overflow:hidden}agent-activity .tool-text{margin:0;padding:var(--space-8) var(--space-12);background:transparent;border:0;border-radius:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-height:calc(10lh + var(--space-4));overflow:hidden}agent-activity .tool-text[data-expanded]{max-height:none;overflow:visible}agent-activity .tool-text-toggle[variant=ghost]{display:flex;width:100%;height:auto;margin:0;padding:var(--space-6) var(--space-12);align-items:center;justify-content:space-between;background:var(--tint-150);border:0;border-top:.5px solid var(--tint-300);border-radius:0;box-shadow:none;color:inherit;font:inherit;font-size:var(--text-sm);letter-spacing:inherit}agent-activity .tool-text-toggle[variant=ghost]:hover:not(:disabled){background:var(--tint-200);box-shadow:none}agent-activity .tool-text-toggle[variant=ghost]:active:not(:disabled){background:var(--tint-300);box-shadow:none}message-history{position:relative;display:flex;flex-direction:column;min-height:0;color:#ffffffe6;line-height:1.5}message-history .history-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding:var(--space-20) var(--space-16);overflow-y:auto;mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20),black calc(100% - var(--space-20)),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20),black calc(100% - var(--space-20)),transparent 100%)}message-history[data-pinned] .history-scroll{mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20));-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--space-20))}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:#ffffff26;white-space:pre-wrap}message-history .message-assistant+.message-user{margin-top:var(--space-24)}message-history .message-assistant{align-self:stretch;padding:0 6px}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:var(--radius-4);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:var(--radius-full);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{box-sizing:border-box;display:flex;width:320px;padding:12px 16px;border-radius:var(--radius-16);z-index:1000}command-panel:not(:has(.open)){height:var(--command-panel-closed-height, auto)}command-panel .trigger{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#ffffff8c;line-height:1.4;cursor:text;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:var(--radius-4);background:#ffffff1a;border:.5px solid rgba(255,255,255,.15);color:#ffffff8c;font-size:.85em;line-height:1.3;letter-spacing:.02em}command-panel .connecting{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:#ffffffa6;line-height:1.4;cursor:default}command-panel .connecting .label{flex:1;min-width:0;text-align:left}command-panel .connecting .dots:after{display:inline-block;content:"";animation:command-panel-dots 1.2s steps(4,end) infinite}@keyframes command-panel-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}command-panel .open{flex:1;min-width:0;width:420px;max-width:100%;display:flex;flex-direction:column;gap:10px}command-panel:has(.open){width:auto;padding:0;border-radius:0}command-panel .open .chat{border-radius:var(--radius-16);overflow:hidden;display:flex;flex-direction:column;min-height:0;height:min(60vh,480px)}command-panel .open .chat message-history{flex:1 1 auto;min-height:0}command-panel .open .input{display:flex;align-items:center;gap:8px;border-radius:var(--radius-16);padding:6px 6px 6px 16px;min-height:calc(var(--control-height-md) + 12px);cursor:text}command-panel .open .input .textarea,command-panel .open .input .textarea:focus{flex:1;min-width:0;max-height:192px;padding:0;border:none;border-radius:0;resize:none;outline:none;box-shadow:none;background:transparent;color:#ffffffe6;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4}</content> </invoke> .auth-form{display:flex;flex-direction:column;gap:var(--space-24)}.auth-modal-icon{display:inline-flex;opacity:.8}.auth-input-row{display:flex;flex-direction:column;gap:var(--space-6)}.auth-token-input{width:100%}.auth-token-input-invalid{border-color:#c74343}.auth-modal-error{margin:0;font-size:var(--text-sm);color:#c74343}.auth-submit{align-self:stretch;height:var(--control-height-lg)}connecting-overlay{display:contents}.connecting-overlay-panel{min-height:270px;justify-content:center}:root{--app-wallpaper: url(./wallpaper-s-ICws44wH.jpg);--app-bg: var(--color-bg)}television-app{width:100%;height:100%;display:block;background-color:var(--app-bg);background-image:var(--app-wallpaper);background-position:center;background-size:cover;background-repeat:no-repeat}[electron-draggable]{-webkit-app-region:drag}[electron-draggable] :where(button,input,textarea,select,a,[role=button],[role=combobox]){-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;--command-panel-closed-height: 45px;--command-panel-bottom-inset: 8px}television-app>main.auth-gate{align-items:center;justify-content:center}television-app>main>screen-view{flex:1;min-height:0}television-app>main>.top-row{flex:0 0 auto;display:flex;align-items:flex-start;gap:var(--space-8, 8px);padding:8px 8px 0}television-app>main>.top-row>button[variant=glass]{border-color:var(--tint-300)}television-app>main>.top-row>button[variant=glass][tone=light]{border-color:var(--tint-200)}body.electron television-app>main>.top-row{padding-left:78px}television-app>main>.command-panel-region{position:relative;flex:0 0 calc(var(--command-panel-closed-height) + var(--command-panel-bottom-inset));overflow:visible}television-app>main>.command-panel-region>command-panel{position:absolute;right:8px;bottom:var(--command-panel-bottom-inset)}@media (max-width: 560px){television-app>main>.command-panel-region>command-panel{left:50%;right:auto;transform:translate(-50%)}}:root{--color-bg: var(--neutral-200);--color-border: var(--neutral-300)}html,body{overscroll-behavior-x:none}
|