@web-applets/inspector 0.2.4 → 0.2.6

package/dist/web/dist/assets/index-DGr96Ien.css

@@ -0,0 +1 @@
+app-root{width:100%;height:100%;display:flex;flex-direction:column}app-root main{flex-grow:1;overflow:auto;display:grid;grid-template-areas:"sidebar viewer history" "sidebar viewer prompt";grid-template-columns:var(--sidebar-width, 350px) 2fr var( --history-width, 350px );grid-template-rows:1fr auto}app-header{display:flex;align-items:center;border-bottom:var(--panel-border);padding:var(--space-xs) var(--space-lg);gap:var(--space-xs);flex-shrink:0}app-header h1{font-size:var(--text-lg);line-height:calc(var(--space-unit) * 6);display:flex;flex-shrink:0;margin-inline-end:auto}.center-group{flex-grow:1;display:flex;align-items:center;justify-content:center;margin-left:-70px}url-input{align-self:stretch;max-width:600px;width:100%}url-input input{height:100%;width:100%}.menu-button{display:flex;cursor:pointer;border:none;color:var(--color-text);border-radius:var(--rounded);border:1px solid transparent}.menu-button:hover{background:transparent;color:var(--color-action)}app-viewer{background:var(--color-background);display:flex;overflow:auto;grid-area:viewer}app-viewer .hidden{display:none}app-viewer .container{display:flex;flex-direction:column;background:var(--color-raised);flex-grow:1;overflow:hidden}applet-frame{flex-grow:1}app-viewer .data-view{flex-grow:1;background:var(--color-raised);padding:var(--space-md);margin:0;white-space:pre-wrap;overflow:auto}app-viewer .applet-header{border-bottom:1px solid var(--color-border);padding:var(--space-unit) var(--space-md);display:flex;align-items:center;gap:var(--space-md);background:var(--color-background)}app-viewer .applet-header label{font-size:var(--text-sm)}app-viewer .applet-header .toggle{background:var(--color-neutral-50);border:var(--panel-border);display:flex;padding:1px;border-radius:var(--rounded);gap:var(--space-xxs)}app-viewer .applet-header button{cursor:pointer;border:none;padding:var(--space-xxs) var(--space-xs)}app-viewer .applet-header button[data-selected=true]{border:var(--button-border);background:var(--color-raised)}app-viewer .applet-header button[data-selected=true]:hover{color:var(--text-color)}applet-frame{width:100%;height:100%}app-viewer .applet-icon{width:18px}app-viewer .applet-title{font-weight:600;flex-grow:1}app-sidebar{border-right:var(--panel-border);padding:var(--space-lg);height:100%;grid-area:sidebar;display:flex}app-sidebar form{width:100%;height:100%;display:flex;gap:var(--space-lg);flex-direction:column}app-sidebar fieldset{display:flex;flex-direction:column;gap:var(--space-md);border:none;padding:0;margin:0;min-width:0}app-sidebar .status-message{display:flex;align-items:center;justify-content:center;flex-grow:1;padding:0;margin:0}app-sidebar select{width:100%}.schema{margin:0;background:var(--color-raised);padding:var(--space-md);font-size:var(--text-sm);border-radius:var(--rounded);border:1px solid var(--color-border);overflow:auto;white-space:pre-wrap}app-sidebar textarea{resize:none}app-sidebar .error-message{padding:var(--space-xs);border-radius:var(--rounded);color:var(--color-negative);border:solid 1px var(--color-negative)}app-prompt{border-left:var(--panel-border);padding-inline:16px;padding-block-end:16px;grid-area:prompt}app-prompt form{position:relative}app-prompt input{width:100%}app-prompt .loader{position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);stroke-dasharray:40 56;stroke-dashoffset:0;animation:spin 1.5s linear infinite,dashOffset 2s ease-in-out infinite;transform-origin:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-96}}app-history{border-left:var(--panel-border);padding:var(--space-lg);grid-area:history;display:flex;overflow:hidden}app-history .history{flex:1;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:scroll;justify-content:end}app-history .bubble-container{display:flex;font-size:var(--text-base)}app-history .assistant-bubble-container{justify-content:flex-start}app-history .user-bubble-container{justify-content:flex-end}app-history .action-output{justify-content:center;display:flex;gap:var(--space-sm);color:var(--color-neutral-600);flex-direction:column}app-history .action-output span{word-break:break-all;font-family:monospace;font-size:11px}app-history .action-output:only-child{flex-grow:1;align-items:center}app-history .bubble{background-color:var(--color-neutral-0);border-radius:var(--rounded-md);padding:var(--space-sm) var(--space-md);max-width:64ch;text-align:left;word-break:break-word}app-history .user{background-color:var(--color-background);border:1px solid var(--color-border)}app-history .assistant{border:1px solid var(--color-border)}app-history span{white-space:pre-line}settings-dialog dialog{display:none;flex-direction:column;border:1px solid var(--color-border);padding:0;border-radius:var(--rounded);pointer-events:none;width:400px;min-height:200px}settings-dialog dialog[open]{display:flex;pointer-events:auto}settings-dialog .dialog-header,settings-dialog .dialog-content,settings-dialog .dialog-footer{padding-block:var(--space-xs);padding-inline:var(--space-md)}settings-dialog .dialog-header{border-block-end:var(--panel-border);position:relative}settings-dialog .close-dialog-button{display:flex;position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-sm);padding:0;border:none}settings-dialog .dialog-content{flex-grow:1}settings-dialog .dialog-footer{border-block-start:var(--panel-border);display:flex;flex-direction:row-reverse;gap:var(--space-sm)}settings-dialog .dialog-header h2{font-size:var(--text-md);margin:var(--space-xs) 0}settings-dialog form{display:flex;flex-direction:row;gap:var(--space-xs);padding-block:var(--space-sm)}settings-dialog fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;flex-grow:1;gap:var(--space-sm)}settings-dialog input{width:100%}settings-dialog .clear-button{align-self:end}:root{--color-action: oklch(45.2% .313214 264.052);--color-highlight: oklch(93.59% .1528 101.65);--color-neutral-0: oklch(99.39% .002854 264.5422);--color-neutral-50: oklch(96.79% .0029 264.54);--color-neutral-100: oklch(92.17% .0029 264.54);--color-neutral-200: oklch(85.5% .0029 264.54);--color-neutral-300: oklch(77.32% .0044 271.36);--color-neutral-400: oklch(65.8% .0029 264.54);--color-neutral-500: oklch(53.92% .0046 286.24);--color-neutral-600: oklch(45.5% .0029 264.54);--color-neutral-700: oklch(38.2% .0029 264.54);--color-neutral-800: oklch(35.1% .0029 264.54);--color-neutral-900: oklch(32.11% .0029 264.54);--color-neutral-1000: oklch(24.11% .0029 264.54);--color-background: var(--color-neutral-50);--color-border: var(--color-neutral-200);--color-raised: var(--color-neutral-0);--color-text: var(--color-neutral-1000);--color-text-muted: var(--color-neutral-700);--color-text-disabled: var(--color-neutral-500);--color-button-text-hover: var(--color-neutral-0);--text-scale: 1.125;--text-lg: calc(var(--text-md) * var(--text-scale));--text-md: calc(var(--text-base) * var(--text-scale));--text-base: 14px;--text-sm: calc(var(--text-base) / var(--text-scale));--text-xs: calc(var(--text-sm) / var(--text-scale));--space-unit: 4px;--space-xxs: calc(var(--space-unit) * .5);--space-xs: var(--space-unit);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 4);--space-xl: calc(var(--space-unit) * 6);--space-2xl: calc(var(--space-unit) * 8);--space-3xl: calc(var(--space-unit) * 12);--space-4xl: calc(var(--space-unit) * 16);--rounded-sm: calc(var(--space-unit) / 1.5);--rounded: var(--space-unit);--rounded-md: calc(var(--space-unit) * 1.5);--rounded-lg: calc(var(--space-unit) * 2);--shadow: 0 2px 4px color-mix(in srgb, var(--color-neutral-1000), transparent 90%);--panel-border: 1px solid var(--color-border);--input-border: 1px solid var(--color-border);--button-border: 1px solid var(--color-border);--history-width: 300px}@media (prefers-color-scheme: dark){:root{--color-neutral-0: oklch(24.11% .0029 264.54);--color-neutral-50: oklch(32.11% .0029 264.54);--color-neutral-100: oklch(35.1% .0029 264.54);--color-neutral-200: oklch(38.2% .0029 264.54);--color-neutral-300: oklch(45.5% .0029 264.54);--color-neutral-400: oklch(53.92% .0046 286.24);--color-neutral-500: oklch(65.8% .0029 264.54);--color-neutral-600: oklch(77.32% .0044 271.36);--color-neutral-700: oklch(85.5% .0029 264.54);--color-neutral-800: oklch(92.17% .0029 264.54);--color-neutral-900: oklch(95.79% .0029 264.54);--color-neutral-1000: oklch(99.39% .002854 264.5422);--color-button-text-hover: var(--color-neutral-1000)}}*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0}input,button{color:inherit;background-color:inherit}label{font-size:var(--text-sm);font-weight:500}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--text-sm);text-rendering:geometricPrecision;line-height:var(--space-lg);background:var(--color-background);color:var(--color-text)}header{display:flex}h1,h2,h3,h4,h5{padding:0;margin:0}p{margin:0}select{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;color:var(--color-text);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right var(--space-sm) center;background-repeat:no-repeat;cursor:pointer}textarea,input,select{background-color:var(--color-neutral-0);border:var(--input-border);border-radius:var(--rounded);padding:var(--space-sm)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-neutral-500)}button,input[type=submit]{border:var(--button-border);border-radius:var(--rounded);cursor:pointer}button:hover,input[type=submit]:hover{background:var(--color-action);color:var(--color-button-text-hover)}.status-message{color:var(--color-neutral-700)}

package/dist/web/dist/assets/index-DMvTov1R.css

@@ -0,0 +1 @@
+app-root{width:100%;height:100%;display:flex;flex-direction:column}app-root main{flex-grow:1;overflow:auto;display:grid;grid-template-areas:"sidebar viewer history";grid-template-columns:auto 1fr auto}app-header{display:flex;align-items:center;border-bottom:var(--panel-border);padding:var(--space-xs) var(--space-lg);gap:var(--space-xs);flex-shrink:0}app-header h1{font-size:var(--text-lg);line-height:calc(var(--space-unit) * 6);display:flex;flex-shrink:0;margin-inline-end:auto}.center-group{flex-grow:1;display:flex;align-items:center;justify-content:center;margin-left:-70px}url-input{align-self:stretch;max-width:600px;width:100%}url-input input{height:100%;width:100%}.menu-button{display:flex;cursor:pointer;border:none;color:var(--color-text);border-radius:var(--rounded);border:1px solid transparent}.menu-button:hover{background:transparent;color:var(--color-action)}.menu-button.active{opacity:.5}app-viewer{background:var(--color-background);display:flex;overflow:auto;grid-area:viewer}app-viewer .hidden{display:none}app-viewer .container{display:flex;flex-direction:column;background:var(--color-raised);flex-grow:1;overflow:hidden}applet-frame{flex-grow:1}app-viewer .data-view{flex-grow:1;background:var(--color-raised);padding:var(--space-md);margin:0;white-space:pre-wrap;overflow:auto}app-viewer .applet-header{border-bottom:1px solid var(--color-border);padding:var(--space-unit) var(--space-md);display:flex;align-items:center;gap:var(--space-md);background:var(--color-background)}app-viewer .applet-header label{font-size:var(--text-sm)}app-viewer .applet-header .toggle{background:var(--color-neutral-50);border:var(--panel-border);display:flex;padding:1px;border-radius:var(--rounded);gap:var(--space-xxs)}app-viewer .applet-header button{cursor:pointer;border:none;padding:var(--space-xxs) var(--space-xs)}app-viewer .applet-header button[data-selected=true]{border:var(--button-border);background:var(--color-raised)}app-viewer .applet-header button[data-selected=true]:hover{color:var(--text-color)}applet-frame{width:100%;height:100%}app-viewer .applet-icon{width:18px}app-viewer .applet-title{font-weight:600;flex-grow:1}app-sidebar{border-right:var(--panel-border);padding:var(--space-lg);height:100%;grid-area:sidebar;display:flex;transition:width .3s ease}app-sidebar form{width:100%;height:100%;display:flex;gap:var(--space-lg);flex-direction:column}app-sidebar fieldset{display:flex;flex-direction:column;gap:var(--space-md);border:none;padding:0;margin:0;min-width:0}app-sidebar .status-message{display:flex;align-items:center;justify-content:center;flex-grow:1;padding:0;margin:0}app-sidebar select{width:100%}.schema{margin:0;background:var(--color-raised);padding:var(--space-md);font-size:var(--text-sm);border-radius:var(--rounded);border:1px solid var(--color-border);overflow:auto;white-space:pre-wrap}app-sidebar textarea{resize:none}app-sidebar .error-message{padding:var(--space-xs);border-radius:var(--rounded);color:var(--color-negative);border:solid 1px var(--color-negative)}app-sidebar.open{width:350px;transition:opacity .3s ease-in,width .3s ease}app-sidebar.closed{width:0px;padding:0;overflow:hidden;opacity:0}app-prompt form{position:relative}app-prompt input{width:100%}app-prompt .loader{position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);stroke-dasharray:40 56;stroke-dashoffset:0;animation:spin 1.5s linear infinite,dashOffset 2s ease-in-out infinite;transform-origin:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-96}}app-history{border-left:var(--panel-border);padding:var(--space-lg);grid-area:history;display:flex;overflow:hidden;flex-direction:column-reverse;gap:var(--space-md);transition:width .3s ease}app-history .history{flex:1;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:scroll;justify-content:end}app-history .bubble-container{display:flex;font-size:var(--text-base)}app-history .assistant-bubble-container{justify-content:flex-start}app-history .user-bubble-container{justify-content:flex-end}app-history .action-output{justify-content:center;display:flex;gap:var(--space-sm);color:var(--color-neutral-600);flex-direction:column}app-history .action-output span{word-break:break-all;font-family:monospace;font-size:11px}app-history .action-output:only-child{flex-grow:1;align-items:center}app-history .bubble{background-color:var(--color-neutral-0);border-radius:var(--rounded-md);padding:var(--space-sm) var(--space-md);max-width:64ch;text-align:left;word-break:break-word}app-history .user{background-color:var(--color-background);border:1px solid var(--color-border)}app-history .assistant{border:1px solid var(--color-border)}app-history span{white-space:pre-line}app-history.open{width:350px;transition:opacity .3s ease-in,width .3s ease}app-history.closed{width:0px;padding:0;overflow:hidden;opacity:0}settings-dialog dialog{display:none;flex-direction:column;border:1px solid var(--color-border);padding:0;border-radius:var(--rounded);pointer-events:none;width:400px;min-height:200px}settings-dialog dialog[open]{display:flex;pointer-events:auto}settings-dialog .dialog-header,settings-dialog .dialog-content,settings-dialog .dialog-footer{padding-block:var(--space-xs);padding-inline:var(--space-md)}settings-dialog .dialog-header{border-block-end:var(--panel-border);position:relative}settings-dialog .close-dialog-button{display:flex;position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-sm);padding:0;border:none}settings-dialog .dialog-content{flex-grow:1}settings-dialog .dialog-footer{border-block-start:var(--panel-border);display:flex;flex-direction:row-reverse;gap:var(--space-sm)}settings-dialog .dialog-header h2{font-size:var(--text-md);margin:var(--space-xs) 0}settings-dialog form{display:flex;flex-direction:row;gap:var(--space-xs);padding-block:var(--space-sm)}settings-dialog fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;flex-grow:1;gap:var(--space-sm)}settings-dialog input{width:100%}settings-dialog .clear-button{align-self:end}:root{--color-action: oklch(45.2% .313214 264.052);--color-highlight: oklch(93.59% .1528 101.65);--color-neutral-0: oklch(99.39% .002854 264.5422);--color-neutral-50: oklch(96.79% .0029 264.54);--color-neutral-100: oklch(92.17% .0029 264.54);--color-neutral-200: oklch(85.5% .0029 264.54);--color-neutral-300: oklch(77.32% .0044 271.36);--color-neutral-400: oklch(65.8% .0029 264.54);--color-neutral-500: oklch(53.92% .0046 286.24);--color-neutral-600: oklch(45.5% .0029 264.54);--color-neutral-700: oklch(38.2% .0029 264.54);--color-neutral-800: oklch(35.1% .0029 264.54);--color-neutral-900: oklch(32.11% .0029 264.54);--color-neutral-1000: oklch(24.11% .0029 264.54);--color-background: var(--color-neutral-50);--color-border: var(--color-neutral-200);--color-raised: var(--color-neutral-0);--color-text: var(--color-neutral-1000);--color-text-muted: var(--color-neutral-700);--color-text-disabled: var(--color-neutral-500);--color-button-text-hover: var(--color-neutral-0);--text-scale: 1.125;--text-lg: calc(var(--text-md) * var(--text-scale));--text-md: calc(var(--text-base) * var(--text-scale));--text-base: 14px;--text-sm: calc(var(--text-base) / var(--text-scale));--text-xs: calc(var(--text-sm) / var(--text-scale));--space-unit: 4px;--space-xxs: calc(var(--space-unit) * .5);--space-xs: var(--space-unit);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 3);--space-lg: calc(var(--space-unit) * 4);--space-xl: calc(var(--space-unit) * 6);--space-2xl: calc(var(--space-unit) * 8);--space-3xl: calc(var(--space-unit) * 12);--space-4xl: calc(var(--space-unit) * 16);--rounded-sm: calc(var(--space-unit) / 1.5);--rounded: var(--space-unit);--rounded-md: calc(var(--space-unit) * 1.5);--rounded-lg: calc(var(--space-unit) * 2);--shadow: 0 2px 4px color-mix(in srgb, var(--color-neutral-1000), transparent 90%);--panel-border: 1px solid var(--color-border);--input-border: 1px solid var(--color-border);--button-border: 1px solid var(--color-border);--history-width: 300px}@media (prefers-color-scheme: dark){:root{--color-neutral-0: oklch(24.11% .0029 264.54);--color-neutral-50: oklch(32.11% .0029 264.54);--color-neutral-100: oklch(35.1% .0029 264.54);--color-neutral-200: oklch(38.2% .0029 264.54);--color-neutral-300: oklch(45.5% .0029 264.54);--color-neutral-400: oklch(53.92% .0046 286.24);--color-neutral-500: oklch(65.8% .0029 264.54);--color-neutral-600: oklch(77.32% .0044 271.36);--color-neutral-700: oklch(85.5% .0029 264.54);--color-neutral-800: oklch(92.17% .0029 264.54);--color-neutral-900: oklch(95.79% .0029 264.54);--color-neutral-1000: oklch(99.39% .002854 264.5422);--color-button-text-hover: var(--color-neutral-1000)}}*{box-sizing:border-box}html,body{width:100%;height:100%;padding:0;margin:0}input,button{color:inherit;background-color:inherit}label{font-size:var(--text-sm);font-weight:500}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--text-sm);text-rendering:geometricPrecision;line-height:var(--space-lg);background:var(--color-background);color:var(--color-text)}header{display:flex}h1,h2,h3,h4,h5{padding:0;margin:0}p{margin:0}select{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;color:var(--color-text);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right var(--space-sm) center;background-repeat:no-repeat;cursor:pointer}textarea,input,select{background-color:var(--color-neutral-0);border:var(--input-border);border-radius:var(--rounded);padding:var(--space-sm)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-neutral-500)}button,input[type=submit]{border:var(--button-border);border-radius:var(--rounded);cursor:pointer}button:hover,input[type=submit]:hover{background:var(--color-action);color:var(--color-button-text-hover)}.status-message{color:var(--color-neutral-700)}