@ash-cloud/ash-ui 0.1.0 → 0.1.1

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.
Files changed (27) hide show
  1. package/dist/design-tokens.cjs +20 -0
  2. package/dist/design-tokens.cjs.map +1 -1
  3. package/dist/design-tokens.d.cts +31 -1
  4. package/dist/design-tokens.d.ts +31 -1
  5. package/dist/design-tokens.js +20 -1
  6. package/dist/design-tokens.js.map +1 -1
  7. package/dist/icons.cjs +23 -0
  8. package/dist/icons.cjs.map +1 -1
  9. package/dist/icons.d.cts +4 -1
  10. package/dist/icons.d.ts +4 -1
  11. package/dist/icons.js +21 -1
  12. package/dist/icons.js.map +1 -1
  13. package/dist/index.cjs +592 -115
  14. package/dist/index.cjs.map +1 -1
  15. package/dist/index.d.cts +402 -22
  16. package/dist/index.d.ts +402 -22
  17. package/dist/index.js +610 -142
  18. package/dist/index.js.map +1 -1
  19. package/dist/styles-full.css +1 -1
  20. package/dist/styles.css +1 -1
  21. package/dist/types.cjs +8 -0
  22. package/dist/types.cjs.map +1 -1
  23. package/dist/types.d.cts +149 -1
  24. package/dist/types.d.ts +149 -1
  25. package/dist/types.js +8 -1
  26. package/dist/types.js.map +1 -1
  27. package/package.json +13 -13
package/dist/styles-full.css CHANGED
@@ -1 +1 @@
1
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.ml-0\.5{margin-left:.125rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[3rem\]{min-width:3rem}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[85\%\]{max-width:85%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-purple-500\/30{border-color:rgba(168,85,247,.3)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.bg-\[var\(--ash-accent\)\]{background-color:var(--ash-accent)}.bg-\[var\(--ash-surface-dark\2c \#0a0a0a\)\]{background-color:var(--ash-surface-dark,#0a0a0a)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-blue-400\/20{background-color:rgba(96,165,250,.2)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-900\/20{background-color:rgba(30,58,138,.2)}.bg-current{background-color:currentColor}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-orange-500\/20{background-color:rgba(249,115,22,.2)}.bg-pink-500\/20{background-color:rgba(236,72,153,.2)}.bg-purple-500\/10{background-color:rgba(168,85,247,.1)}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-500\/5{background-color:rgba(234,179,8,.05)}.bg-yellow-900\/20{background-color:rgba(113,63,18,.2)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pt-0\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.text-\[var\(--ash-accent-foreground\)\]{color:var(--ash-accent-foreground)}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/70{color:hsla(0,91%,71%,.7)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--ash-accent:#cf0;--ash-accent-foreground:#000;--ash-accent-50:#f8ffe5;--ash-accent-100:#eeffb8;--ash-accent-200:#e0ff85;--ash-accent-300:#d4ff52;--ash-accent-400:#cf0;--ash-accent-500:#b8e600;--ash-accent-600:#9c0;--ash-accent-700:#739900;--ash-accent-800:#4d6600;--ash-accent-900:#263300;--ash-surface-dark:#0a0a0a;--ash-surface-darker:#050505;--ash-surface-card:#0c0c0c;--ash-surface-elevated:#111;--ash-surface-border:hsla(0,0%,100%,.1)}.ash-glass-panel{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-width:1px;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-backdrop-blur:blur(24px)}.ash-glass-panel,.ash-glass-panel-elevated{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-glass-panel-elevated{background-color:hsla(0,0%,100%,.08);border-width:1px;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);--tw-backdrop-blur:blur(40px);border-color:hsla(0,0%,100%,.15)}.ash-card-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:1rem;border-width:1px;--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-card-glass,.ash-card-glass:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-card-glass:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.ash-btn-accent{background-color:var(--ash-accent);border-radius:9999px;font-weight:500;padding:.75rem 1.5rem;--tw-text-opacity:1;border-color:var(--ash-accent);border-width:1px;box-shadow:0 0 20px rgba(204,255,0,.3);color:rgb(0 0 0/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-accent:hover{background-color:var(--ash-accent-500);box-shadow:0 0 30px rgba(204,255,0,.5)}.ash-btn-ghost{border-radius:.75rem;color:hsla(0,0%,100%,.7);padding:.5rem 1rem}.ash-btn-ghost:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-btn-ghost{border-color:transparent;border-width:1px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-ghost:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.ash-btn-outline{border-color:hsla(0,0%,100%,.2);border-radius:.75rem;border-width:1px;color:hsla(0,0%,100%,.8);padding:.5rem 1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-outline:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.ash-input-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;padding:.75rem 1rem;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-input-glass::-moz-placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass::placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass:focus{background-color:hsla(0,0%,100%,.1);outline:2px solid transparent;outline-offset:2px}.ash-input-glass{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-input-glass:focus{border-color:rgba(204,255,0,.5);box-shadow:0 0 20px rgba(204,255,0,.15)}.ash-message-content pre{background-color:rgba(0,0,0,.4);border-radius:.75rem;margin-bottom:.5rem;margin-top:.5rem;overflow-x:auto;padding:1rem;--tw-text-opacity:1;border-color:hsla(0,0%,100%,.1);border-width:1px;color:rgb(243 244 246/var(--tw-text-opacity,1))}.ash-message-content code{background-color:hsla(0,0%,100%,.1);border-radius:.25rem;color:var(--ash-accent);font-size:.875rem;line-height:1.25rem;padding:.125rem .375rem}.ash-message-content pre code{background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}@keyframes ash-tool-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ash-glow-pulse{0%,to{box-shadow:0 0 20px rgba(204,255,0,.3)}50%{box-shadow:0 0 40px rgba(204,255,0,.5)}}.ash-tool-status-pending{animation:ash-tool-pulse 1.5s ease-in-out infinite}.ash-tool-card-details{transition:max-height .2s ease-out,opacity .2s ease-out}.ash-tool-code-block{background-color:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.ash-tool-section-header{background-color:hsla(0,0%,100%,.05);border-bottom-width:1px;border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:500;letter-spacing:.025em;line-height:1rem;padding:.5rem .75rem;text-transform:uppercase}.ash-status-pending{--tw-bg-opacity:1;animation:ash-tool-pulse 1.5s ease-in-out infinite;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.ash-status-success{background-color:var(--ash-accent)}.ash-status-failed{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.ash-truncate-fade{background:linear-gradient(0deg,#0a0a0a,transparent)}.ash-ambient-glow{border-radius:9999px;opacity:.08;pointer-events:none;position:absolute;--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ash-ambient-glow-accent{background:radial-gradient(circle,rgba(204,255,0,.15) 0,transparent 70%)}.ash-ambient-glow-green{background:radial-gradient(circle,rgba(5,46,22,.25) 0,transparent 70%)}.ash-grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px}.ash-noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.02}@keyframes ash-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-pulse-slow{0%,to{opacity:.06}50%{opacity:.1}}.ash-animate-fade-in{animation:ash-fade-in .3s ease-out forwards}.ash-animate-slide-up{animation:ash-slide-up .4s ease-out forwards}.ash-animate-pulse-slow{animation:ash-pulse-slow 8s ease-in-out infinite}.ash-delay-100{animation-delay:.1s}.ash-delay-200{animation-delay:.2s}.ash-delay-300{animation-delay:.3s}.ash-delay-400{animation-delay:.4s}@keyframes ash-status-line-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ash-status-line-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes ash-status-line-replace{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-20px)}51%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ash-text-shimmer{0%{background-position:-200%}to{background-position:200%}}.ash-status-line-enter{animation:ash-status-line-enter ease-out forwards}.ash-status-line-exit{animation:ash-status-line-exit ease-out forwards}.ash-status-line-replace{animation:ash-status-line-replace ease-in-out forwards}.ash-text-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.6),#fff 50%,hsla(0,0%,100%,.6));background-clip:text;-webkit-background-clip:text;background-size:200% auto;-webkit-text-fill-color:transparent;animation:ash-text-shimmer 2s linear infinite}.ash-execution-connector{background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.05));bottom:0;left:1rem;position:absolute;top:2.5rem;width:1px}@keyframes ash-accordion-expand{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.ash-accordion-content{animation:ash-accordion-expand .3s ease-out forwards;overflow:hidden}.ash-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1rem;padding:.25rem .625rem}.ash-badge-accent{background-color:rgba(204,255,0,.2);border:1px solid rgba(204,255,0,.3);color:var(--ash-accent)}.ash-badge-success{background-color:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#34d399}.ash-badge-warning{background-color:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.3);color:#facc15}.ash-badge-error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.ash-badge-info{background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ash-scrollbar::-webkit-scrollbar{height:8px;width:8px}.ash-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.ash-message-content.prose-invert{--tw-prose-body:hsla(0,0%,100%,.8);--tw-prose-headings:#fff;--tw-prose-links:var(--ash-accent);--tw-prose-bold:#fff;--tw-prose-code:var(--ash-accent);--tw-prose-quotes:hsla(0,0%,100%,.6)}.ash-message-content a{color:var(--ash-accent);text-decoration:underline;text-underline-offset:2px}.ash-message-content a:hover{opacity:.8}.ash-message-content ol,.ash-message-content ul{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content li{margin-bottom:.25rem;margin-top:.25rem}.ash-message-content p{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content p:first-child{margin-top:0}.ash-message-content p:last-child{margin-bottom:0}.ash-card-glow{border-color:rgba(204,255,0,.2);box-shadow:0 0 20px rgba(204,255,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.ash-card-glow:hover{border-color:rgba(204,255,0,.4);box-shadow:0 0 30px rgba(204,255,0,.15);transform:translateY(-2px) scale(1.01)}.ash-container{background-color:var(--ash-surface-dark);color:#fff}.ash-chat-container{background-color:var(--ash-surface-card);border-color:hsla(0,0%,100%,.05);border-radius:.75rem;border-width:1px;display:flex;flex-direction:column;height:100%}.ash-env-vars-panel{margin-bottom:.75rem}.ash-env-vars-header{align-items:center;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;line-height:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-header:hover{color:hsla(0,0%,100%,.8)}.ash-env-vars-chevron{height:.75rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.ash-env-vars-chevron-expanded{transform:rotate(90deg)}.ash-env-vars-label{letter-spacing:.025em;text-transform:uppercase}.ash-env-vars-badge{align-items:center;background-color:rgba(204,255,0,.2);border-radius:9999px;color:var(--ash-accent);display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;line-height:1rem;min-width:20px;padding-left:.375rem;padding-right:.375rem}.ash-env-vars-content{margin-top:.5rem}.ash-env-vars-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.ash-env-vars-item{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.5rem .75rem}.ash-env-vars-key{color:var(--ash-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.ash-env-vars-equals{color:hsla(0,0%,100%,.4)}.ash-env-vars-value{color:hsla(0,0%,100%,.7);flex:1 1 0%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ash-env-vars-remove{color:hsla(0,0%,100%,.4);cursor:pointer;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-remove:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.ash-env-vars-add{align-items:center;display:flex;gap:.5rem}.ash-env-vars-input{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-input:focus{border-color:rgba(204,255,0,.5);outline:2px solid transparent;outline-offset:2px}.ash-env-vars-input-key{flex:1 1 0%;min-width:0}.ash-env-vars-input-value{flex:2;min-width:0}.ash-env-vars-add-button{background-color:rgba(204,255,0,.2);border-radius:.75rem;color:var(--ash-accent);font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-add-button:disabled{cursor:not-allowed;opacity:.3}.ash-env-vars-add-button:hover:not(:disabled){background-color:rgba(204,255,0,.3)}.ash-env-vars-helper{color:hsla(0,0%,100%,.4);font-size:.75rem;line-height:1rem;margin-top:.25rem}.ash-display-mode-toggle{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.5rem;border-width:1px;color:hsla(0,0%,100%,.7);display:flex;font-size:.875rem;gap:.375rem;line-height:1.25rem;padding:.375rem .5rem}.ash-display-mode-toggle:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-display-mode-toggle{cursor:pointer;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-display-mode-icon{height:1rem;width:1rem}.ash-display-mode-label{display:none}@media (min-width:640px){.ash-display-mode-label{display:inline}}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-\[var\(--ash-accent-300\)\]:hover{color:var(--ash-accent-300)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:hsla(0,0%,100%,.6)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/60{color:hsla(0,0%,100%,.6)}
1
+ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[350px\]{max-height:350px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[3rem\]{min-width:3rem}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[85\%\]{max-width:85%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[var\(--ash-assistant-border\)\]{border-color:var(--ash-assistant-border)}.border-\[var\(--ash-error-border\)\]{border-color:var(--ash-error-border)}.border-\[var\(--ash-thinking-border\)\]{border-color:var(--ash-thinking-border)}.border-\[var\(--ash-user-border\)\]{border-color:var(--ash-user-border)}.border-red-500\/20{border-color:rgba(239,68,68,.2)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.bg-\[var\(--ash-accent\)\]{background-color:var(--ash-accent)}.bg-\[var\(--ash-assistant-bg\)\]{background-color:var(--ash-assistant-bg)}.bg-\[var\(--ash-avatar-assistant-bg\)\]{background-color:var(--ash-avatar-assistant-bg)}.bg-\[var\(--ash-avatar-error-bg\)\]{background-color:var(--ash-avatar-error-bg)}.bg-\[var\(--ash-avatar-thinking-bg\)\]{background-color:var(--ash-avatar-thinking-bg)}.bg-\[var\(--ash-avatar-user-bg\)\]{background-color:var(--ash-avatar-user-bg)}.bg-\[var\(--ash-code-header-bg\)\]{background-color:var(--ash-code-header-bg)}.bg-\[var\(--ash-error-bg\)\]{background-color:var(--ash-error-bg)}.bg-\[var\(--ash-surface-dark\2c \#0a0a0a\)\]{background-color:var(--ash-surface-dark,#0a0a0a)}.bg-\[var\(--ash-thinking-bg\)\]{background-color:var(--ash-thinking-bg)}.bg-\[var\(--ash-user-bg\)\]{background-color:var(--ash-user-bg)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-blue-400\/20{background-color:rgba(96,165,250,.2)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-900\/20{background-color:rgba(30,58,138,.2)}.bg-current{background-color:currentColor}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-orange-500\/20{background-color:rgba(249,115,22,.2)}.bg-pink-500\/20{background-color:rgba(236,72,153,.2)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-500\/5{background-color:rgba(234,179,8,.05)}.bg-yellow-900\/20{background-color:rgba(113,63,18,.2)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-0\.5{padding-top:.125rem}.pt-1\.5{padding-top:.375rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.text-\[var\(--ash-assistant-text\)\]{color:var(--ash-assistant-text)}.text-\[var\(--ash-error-text\)\]{color:var(--ash-error-text)}.text-\[var\(--ash-text-faint\)\]{color:var(--ash-text-faint)}.text-\[var\(--ash-text-muted\)\]{color:var(--ash-text-muted)}.text-\[var\(--ash-text-primary\)\]{color:var(--ash-text-primary)}.text-\[var\(--ash-text-secondary\)\]{color:var(--ash-text-secondary)}.text-\[var\(--ash-thinking-text\)\]{color:var(--ash-thinking-text)}.text-\[var\(--ash-user-text\)\]{color:var(--ash-user-text)}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--ash-accent:#cf0;--ash-accent-foreground:#000;--ash-accent-muted:rgba(204,255,0,.15);--ash-accent-50:#f8ffe5;--ash-accent-100:#eeffb8;--ash-accent-200:#e0ff85;--ash-accent-300:#d4ff52;--ash-accent-400:#cf0;--ash-accent-500:#b8e600;--ash-accent-600:#9c0;--ash-accent-700:#739900;--ash-accent-800:#4d6600;--ash-accent-900:#263300;--ash-surface-dark:#0a0a0a;--ash-surface-darker:#050505;--ash-surface-card:#0c0c0c;--ash-surface-elevated:#111;--ash-surface-border:hsla(0,0%,100%,.08);--ash-text-primary:hsla(0,0%,100%,.9);--ash-text-secondary:hsla(0,0%,100%,.7);--ash-text-muted:hsla(0,0%,100%,.5);--ash-text-faint:hsla(0,0%,100%,.3);--ash-border:hsla(0,0%,100%,.08);--ash-border-subtle:hsla(0,0%,100%,.04);--ash-border-emphasis:hsla(0,0%,100%,.15);--ash-user-bg:#5b6ef5;--ash-user-text:#fff;--ash-user-border:transparent;--ash-assistant-bg:#1a1a1a;--ash-assistant-text:hsla(0,0%,100%,.9);--ash-assistant-border:hsla(0,0%,100%,.08);--ash-thinking-bg:rgba(147,51,234,.06);--ash-thinking-text:#c4b5fd;--ash-thinking-border:rgba(147,51,234,.2);--ash-error-bg:rgba(239,68,68,.06);--ash-error-text:#fca5a5;--ash-error-border:rgba(239,68,68,.2);--ash-tool-bg:var(--ash-surface-dark);--ash-tool-border:var(--ash-border);--ash-avatar-user-bg:hsla(0,0%,100%,.1);--ash-avatar-assistant-bg:#10a37f;--ash-avatar-thinking-bg:rgba(147,51,234,.15);--ash-avatar-error-bg:rgba(239,68,68,.15);--ash-code-header-bg:hsla(0,0%,100%,.05);--ash-status-online:#10a37f;--ash-font-size-base:13px;--ash-font-size-sm:12px;--ash-font-size-xs:10px;--ash-font-size-code:12px;--ash-spacing-xs:0.25rem;--ash-spacing-sm:0.5rem;--ash-spacing-md:0.75rem;--ash-spacing-lg:1rem;--ash-radius-sm:0.375rem;--ash-radius-md:0.5rem;--ash-radius-lg:0.75rem;--ash-message-gap:0.5rem;--ash-message-padding:0.5rem 0.75rem;--ash-avatar-size:1.25rem;--ash-message-padding-dense:0.25rem 0.5rem;--ash-message-gap-dense:0.375rem;--ash-avatar-size-dense:1rem;--ash-font-size-dense:12px;--ash-message-list-gap:0.25rem;--ash-message-row-gap:0.5rem}.ash-glass-panel{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-width:1px;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-backdrop-blur:blur(24px)}.ash-glass-panel,.ash-glass-panel-elevated{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-glass-panel-elevated{background-color:hsla(0,0%,100%,.08);border-width:1px;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);--tw-backdrop-blur:blur(40px);border-color:hsla(0,0%,100%,.15)}.ash-card-glass{background-color:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.06);border-radius:.5rem;border-width:1px;--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-card-glass:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.ash-btn-accent{background-color:var(--ash-accent);border-radius:9999px;font-weight:500;padding:.75rem 1.5rem;--tw-text-opacity:1;border-color:var(--ash-accent);border-width:1px;box-shadow:0 0 20px rgba(204,255,0,.3);color:rgb(0 0 0/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-accent:hover{background-color:var(--ash-accent-500);box-shadow:0 0 30px rgba(204,255,0,.5)}.ash-btn-ghost{border-radius:.75rem;color:hsla(0,0%,100%,.7);padding:.5rem 1rem}.ash-btn-ghost:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-btn-ghost{border-color:transparent;border-width:1px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-ghost:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.ash-btn-outline{border-color:hsla(0,0%,100%,.2);border-radius:.75rem;border-width:1px;color:hsla(0,0%,100%,.8);padding:.5rem 1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-outline:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.ash-input-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;padding:.75rem 1rem;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-input-glass::-moz-placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass::placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass:focus{background-color:hsla(0,0%,100%,.1);outline:2px solid transparent;outline-offset:2px}.ash-input-glass{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-input-glass:focus{border-color:rgba(204,255,0,.5);box-shadow:0 0 20px rgba(204,255,0,.15)}.ash-text-base{font-size:var(--ash-font-size-base);line-height:1.5}.ash-text-sm{font-size:var(--ash-font-size-sm);line-height:1.5}.ash-text-xs{font-size:var(--ash-font-size-xs);line-height:1.5}.ash-text-code{font-size:var(--ash-font-size-code);line-height:1.5}.ash-density-dense{--ash-font-size-base:12px;--ash-font-size-sm:11px;--ash-font-size-xs:10px;--ash-message-gap:0.375rem;--ash-message-padding:0.25rem 0.5rem;--ash-avatar-size:1rem;--ash-message-list-gap:2px;--ash-spacing-sm:0.25rem;--ash-spacing-md:0.5rem}.ash-density-dense [data-message-role]{gap:.375rem}.ash-density-compact{--ash-font-size-base:13px;--ash-message-gap:0.5rem;--ash-message-padding:0.5rem 0.75rem;--ash-avatar-size:1.25rem;--ash-message-list-gap:4px}.ash-density-comfortable{--ash-font-size-base:15px;--ash-message-gap:1rem;--ash-message-padding:1rem 1.25rem;--ash-avatar-size:1.75rem;--ash-message-list-gap:12px}.ash-message-content{font-size:var(--ash-font-size-base);line-height:1.6}.ash-message-content pre{background-color:rgba(0,0,0,.3);border-radius:.375rem;margin-bottom:.375rem;margin-top:.375rem;overflow-x:auto;padding:.75rem;--tw-text-opacity:1;border-color:hsla(0,0%,100%,.06);border-width:1px;color:rgb(229 231 235/var(--tw-text-opacity,1));font-size:var(--ash-font-size-code)}.ash-message-content code{background-color:hsla(0,0%,100%,.08);border-radius:.25rem;color:var(--ash-accent);font-size:var(--ash-font-size-code);padding:.125rem .25rem}.ash-message-content pre code{background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}@keyframes ash-tool-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ash-glow-pulse{0%,to{box-shadow:0 0 20px rgba(204,255,0,.3)}50%{box-shadow:0 0 40px rgba(204,255,0,.5)}}.ash-tool-status-pending{animation:ash-tool-pulse 1.5s ease-in-out infinite}.ash-tool-card-details{transition:max-height .2s ease-out,opacity .2s ease-out}.ash-tool-code-block{background-color:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.06);border-radius:.375rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ash-font-size-code);overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.ash-tool-section-header{background-color:hsla(0,0%,100%,.03);border-bottom-width:1px;border-color:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.4);font-size:var(--ash-font-size-xs);font-weight:500;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.ash-status-pending{--tw-bg-opacity:1;animation:ash-tool-pulse 1.5s ease-in-out infinite;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.ash-status-success{background-color:var(--ash-accent)}.ash-status-failed{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.ash-truncate-fade{background:linear-gradient(0deg,#0a0a0a,transparent)}.ash-ambient-glow{border-radius:9999px;opacity:.08;pointer-events:none;position:absolute;--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ash-ambient-glow-accent{background:radial-gradient(circle,rgba(204,255,0,.15) 0,transparent 70%)}.ash-ambient-glow-green{background:radial-gradient(circle,rgba(5,46,22,.25) 0,transparent 70%)}.ash-grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px}.ash-noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.02}@keyframes ash-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-pulse-slow{0%,to{opacity:.06}50%{opacity:.1}}.ash-animate-fade-in{animation:ash-fade-in .3s ease-out forwards}.ash-animate-slide-up{animation:ash-slide-up .4s ease-out forwards}.ash-animate-pulse-slow{animation:ash-pulse-slow 8s ease-in-out infinite}.ash-delay-100{animation-delay:.1s}.ash-delay-200{animation-delay:.2s}.ash-delay-300{animation-delay:.3s}.ash-delay-400{animation-delay:.4s}@keyframes ash-status-line-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ash-status-line-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes ash-status-line-replace{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-20px)}51%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ash-text-shimmer{0%{background-position:-200%}to{background-position:200%}}.ash-status-line-enter{animation:ash-status-line-enter ease-out forwards}.ash-status-line-exit{animation:ash-status-line-exit ease-out forwards}.ash-status-line-replace{animation:ash-status-line-replace ease-in-out forwards}.ash-text-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.6),#fff 50%,hsla(0,0%,100%,.6));background-clip:text;-webkit-background-clip:text;background-size:200% auto;-webkit-text-fill-color:transparent;animation:ash-text-shimmer 2s linear infinite}.ash-execution-connector{background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.05));bottom:0;left:1rem;position:absolute;top:2.5rem;width:1px}@keyframes ash-accordion-expand{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.ash-accordion-content{animation:ash-accordion-expand .3s ease-out forwards;overflow:hidden}.ash-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:var(--ash-font-size-xs);font-weight:500;padding:.25rem .625rem}.ash-badge-accent{background-color:rgba(204,255,0,.2);border:1px solid rgba(204,255,0,.3);color:var(--ash-accent)}.ash-badge-success{background-color:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#34d399}.ash-badge-warning{background-color:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.3);color:#facc15}.ash-badge-error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.ash-badge-info{background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ash-scrollbar::-webkit-scrollbar{height:6px;width:6px}.ash-scrollbar::-webkit-scrollbar-track{background:transparent}.ash-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.ash-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.ash-message-content.prose-invert{--tw-prose-body:hsla(0,0%,100%,.8);--tw-prose-headings:#fff;--tw-prose-links:var(--ash-accent);--tw-prose-bold:#fff;--tw-prose-code:var(--ash-accent);--tw-prose-quotes:hsla(0,0%,100%,.6)}.ash-message-content a{color:var(--ash-accent);text-decoration:underline;text-underline-offset:2px}.ash-message-content a:hover{opacity:.8}.ash-message-content ol,.ash-message-content ul{margin-bottom:.375rem;margin-top:.375rem;padding-left:1rem}.ash-message-content li{margin-bottom:.125rem;margin-top:.125rem}.ash-message-content p{margin-bottom:.375rem;margin-top:.375rem}.ash-message-content p:first-child{margin-top:0}.ash-message-content p:last-child{margin-bottom:0}.ash-card-glow{border-color:rgba(204,255,0,.2);box-shadow:0 0 20px rgba(204,255,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.ash-card-glow:hover{border-color:rgba(204,255,0,.4);box-shadow:0 0 30px rgba(204,255,0,.15);transform:translateY(-2px) scale(1.01)}.ash-container{background-color:var(--ash-surface-dark);color:#fff}.ash-chat-container{background-color:var(--ash-surface-card);border-color:hsla(0,0%,100%,.05);border-radius:.75rem;border-width:1px;display:flex;flex-direction:column;height:100%}.ash-env-vars-panel{margin-bottom:.75rem}.ash-env-vars-header{align-items:center;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:var(--ash-font-size-xs);font-weight:500;gap:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-header:hover{color:hsla(0,0%,100%,.8)}.ash-env-vars-chevron{height:.75rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.ash-env-vars-chevron-expanded{transform:rotate(90deg)}.ash-env-vars-label{letter-spacing:.025em;text-transform:uppercase}.ash-env-vars-badge{align-items:center;background-color:rgba(204,255,0,.2);border-radius:9999px;color:var(--ash-accent);display:inline-flex;font-size:var(--ash-font-size-xs);font-weight:500;height:1.25rem;justify-content:center;min-width:20px;padding-left:.375rem;padding-right:.375rem}.ash-env-vars-content{margin-top:.5rem}.ash-env-vars-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.ash-env-vars-item{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;display:flex;font-size:var(--ash-font-size-sm);gap:.5rem;padding:.5rem .75rem}.ash-env-vars-key{color:var(--ash-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.ash-env-vars-equals{color:hsla(0,0%,100%,.4)}.ash-env-vars-value{color:hsla(0,0%,100%,.7);flex:1 1 0%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ash-env-vars-remove{color:hsla(0,0%,100%,.4);cursor:pointer;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-remove:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.ash-env-vars-add{align-items:center;display:flex;gap:.5rem}.ash-env-vars-input{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ash-font-size-sm);padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-input:focus{border-color:rgba(204,255,0,.5);outline:2px solid transparent;outline-offset:2px}.ash-env-vars-input-key{flex:1 1 0%;min-width:0}.ash-env-vars-input-value{flex:2;min-width:0}.ash-env-vars-add-button{background-color:rgba(204,255,0,.2);border-radius:.75rem;color:var(--ash-accent);font-size:var(--ash-font-size-sm);padding:.5rem .75rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-add-button:disabled{cursor:not-allowed;opacity:.3}.ash-env-vars-add-button:hover:not(:disabled){background-color:rgba(204,255,0,.3)}.ash-env-vars-helper{color:hsla(0,0%,100%,.4);font-size:var(--ash-font-size-xs);margin-top:.25rem}.ash-display-mode-toggle{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.5rem;border-width:1px;color:hsla(0,0%,100%,.7);display:flex;font-size:var(--ash-font-size-sm);gap:.375rem;padding:.375rem .5rem}.ash-display-mode-toggle:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-display-mode-toggle{cursor:pointer;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-display-mode-icon{height:1rem;width:1rem}.ash-display-mode-label{display:none}@media (min-width:640px){.ash-display-mode-label{display:inline}}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-\[var\(--ash-accent-300\)\]:hover{color:var(--ash-accent-300)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:hsla(0,0%,100%,.6)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/60{color:hsla(0,0%,100%,.6)}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.ml-0\.5{margin-left:.125rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[3rem\]{min-width:3rem}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[85\%\]{max-width:85%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-purple-500\/30{border-color:rgba(168,85,247,.3)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.bg-\[var\(--ash-accent\)\]{background-color:var(--ash-accent)}.bg-\[var\(--ash-surface-dark\2c \#0a0a0a\)\]{background-color:var(--ash-surface-dark,#0a0a0a)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-blue-400\/20{background-color:rgba(96,165,250,.2)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-900\/20{background-color:rgba(30,58,138,.2)}.bg-current{background-color:currentColor}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-orange-500\/20{background-color:rgba(249,115,22,.2)}.bg-pink-500\/20{background-color:rgba(236,72,153,.2)}.bg-purple-500\/10{background-color:rgba(168,85,247,.1)}.bg-purple-500\/20{background-color:rgba(168,85,247,.2)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-500\/5{background-color:rgba(234,179,8,.05)}.bg-yellow-900\/20{background-color:rgba(113,63,18,.2)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pt-0\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.text-\[var\(--ash-accent-foreground\)\]{color:var(--ash-accent-foreground)}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/70{color:hsla(0,91%,71%,.7)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--ash-accent:#cf0;--ash-accent-foreground:#000;--ash-accent-50:#f8ffe5;--ash-accent-100:#eeffb8;--ash-accent-200:#e0ff85;--ash-accent-300:#d4ff52;--ash-accent-400:#cf0;--ash-accent-500:#b8e600;--ash-accent-600:#9c0;--ash-accent-700:#739900;--ash-accent-800:#4d6600;--ash-accent-900:#263300;--ash-surface-dark:#0a0a0a;--ash-surface-darker:#050505;--ash-surface-card:#0c0c0c;--ash-surface-elevated:#111;--ash-surface-border:hsla(0,0%,100%,.1)}.ash-glass-panel{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-width:1px;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-backdrop-blur:blur(24px)}.ash-glass-panel,.ash-glass-panel-elevated{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-glass-panel-elevated{background-color:hsla(0,0%,100%,.08);border-width:1px;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);--tw-backdrop-blur:blur(40px);border-color:hsla(0,0%,100%,.15)}.ash-card-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:1rem;border-width:1px;--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-card-glass,.ash-card-glass:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-card-glass:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.ash-btn-accent{background-color:var(--ash-accent);border-radius:9999px;font-weight:500;padding:.75rem 1.5rem;--tw-text-opacity:1;border-color:var(--ash-accent);border-width:1px;box-shadow:0 0 20px rgba(204,255,0,.3);color:rgb(0 0 0/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-accent:hover{background-color:var(--ash-accent-500);box-shadow:0 0 30px rgba(204,255,0,.5)}.ash-btn-ghost{border-radius:.75rem;color:hsla(0,0%,100%,.7);padding:.5rem 1rem}.ash-btn-ghost:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-btn-ghost{border-color:transparent;border-width:1px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-ghost:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.ash-btn-outline{border-color:hsla(0,0%,100%,.2);border-radius:.75rem;border-width:1px;color:hsla(0,0%,100%,.8);padding:.5rem 1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-outline:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.ash-input-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;padding:.75rem 1rem;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-input-glass::-moz-placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass::placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass:focus{background-color:hsla(0,0%,100%,.1);outline:2px solid transparent;outline-offset:2px}.ash-input-glass{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-input-glass:focus{border-color:rgba(204,255,0,.5);box-shadow:0 0 20px rgba(204,255,0,.15)}.ash-message-content pre{background-color:rgba(0,0,0,.4);border-radius:.75rem;margin-bottom:.5rem;margin-top:.5rem;overflow-x:auto;padding:1rem;--tw-text-opacity:1;border-color:hsla(0,0%,100%,.1);border-width:1px;color:rgb(243 244 246/var(--tw-text-opacity,1))}.ash-message-content code{background-color:hsla(0,0%,100%,.1);border-radius:.25rem;color:var(--ash-accent);font-size:.875rem;line-height:1.25rem;padding:.125rem .375rem}.ash-message-content pre code{background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}@keyframes ash-tool-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ash-glow-pulse{0%,to{box-shadow:0 0 20px rgba(204,255,0,.3)}50%{box-shadow:0 0 40px rgba(204,255,0,.5)}}.ash-tool-status-pending{animation:ash-tool-pulse 1.5s ease-in-out infinite}.ash-tool-card-details{transition:max-height .2s ease-out,opacity .2s ease-out}.ash-tool-code-block{background-color:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.ash-tool-section-header{background-color:hsla(0,0%,100%,.05);border-bottom-width:1px;border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:500;letter-spacing:.025em;line-height:1rem;padding:.5rem .75rem;text-transform:uppercase}.ash-status-pending{--tw-bg-opacity:1;animation:ash-tool-pulse 1.5s ease-in-out infinite;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.ash-status-success{background-color:var(--ash-accent)}.ash-status-failed{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.ash-truncate-fade{background:linear-gradient(0deg,#0a0a0a,transparent)}.ash-ambient-glow{border-radius:9999px;opacity:.08;pointer-events:none;position:absolute;--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ash-ambient-glow-accent{background:radial-gradient(circle,rgba(204,255,0,.15) 0,transparent 70%)}.ash-ambient-glow-green{background:radial-gradient(circle,rgba(5,46,22,.25) 0,transparent 70%)}.ash-grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px}.ash-noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.02}@keyframes ash-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-pulse-slow{0%,to{opacity:.06}50%{opacity:.1}}.ash-animate-fade-in{animation:ash-fade-in .3s ease-out forwards}.ash-animate-slide-up{animation:ash-slide-up .4s ease-out forwards}.ash-animate-pulse-slow{animation:ash-pulse-slow 8s ease-in-out infinite}.ash-delay-100{animation-delay:.1s}.ash-delay-200{animation-delay:.2s}.ash-delay-300{animation-delay:.3s}.ash-delay-400{animation-delay:.4s}@keyframes ash-status-line-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ash-status-line-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes ash-status-line-replace{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-20px)}51%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ash-text-shimmer{0%{background-position:-200%}to{background-position:200%}}.ash-status-line-enter{animation:ash-status-line-enter ease-out forwards}.ash-status-line-exit{animation:ash-status-line-exit ease-out forwards}.ash-status-line-replace{animation:ash-status-line-replace ease-in-out forwards}.ash-text-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.6),#fff 50%,hsla(0,0%,100%,.6));background-clip:text;-webkit-background-clip:text;background-size:200% auto;-webkit-text-fill-color:transparent;animation:ash-text-shimmer 2s linear infinite}.ash-execution-connector{background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.05));bottom:0;left:1rem;position:absolute;top:2.5rem;width:1px}@keyframes ash-accordion-expand{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.ash-accordion-content{animation:ash-accordion-expand .3s ease-out forwards;overflow:hidden}.ash-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1rem;padding:.25rem .625rem}.ash-badge-accent{background-color:rgba(204,255,0,.2);border:1px solid rgba(204,255,0,.3);color:var(--ash-accent)}.ash-badge-success{background-color:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#34d399}.ash-badge-warning{background-color:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.3);color:#facc15}.ash-badge-error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.ash-badge-info{background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ash-scrollbar::-webkit-scrollbar{height:8px;width:8px}.ash-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.ash-message-content.prose-invert{--tw-prose-body:hsla(0,0%,100%,.8);--tw-prose-headings:#fff;--tw-prose-links:var(--ash-accent);--tw-prose-bold:#fff;--tw-prose-code:var(--ash-accent);--tw-prose-quotes:hsla(0,0%,100%,.6)}.ash-message-content a{color:var(--ash-accent);text-decoration:underline;text-underline-offset:2px}.ash-message-content a:hover{opacity:.8}.ash-message-content ol,.ash-message-content ul{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content li{margin-bottom:.25rem;margin-top:.25rem}.ash-message-content p{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content p:first-child{margin-top:0}.ash-message-content p:last-child{margin-bottom:0}.ash-card-glow{border-color:rgba(204,255,0,.2);box-shadow:0 0 20px rgba(204,255,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.ash-card-glow:hover{border-color:rgba(204,255,0,.4);box-shadow:0 0 30px rgba(204,255,0,.15);transform:translateY(-2px) scale(1.01)}.ash-container{background-color:var(--ash-surface-dark);color:#fff}.ash-chat-container{background-color:var(--ash-surface-card);border-color:hsla(0,0%,100%,.05);border-radius:.75rem;border-width:1px;display:flex;flex-direction:column;height:100%}.ash-env-vars-panel{margin-bottom:.75rem}.ash-env-vars-header{align-items:center;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;line-height:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-header:hover{color:hsla(0,0%,100%,.8)}.ash-env-vars-chevron{height:.75rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.ash-env-vars-chevron-expanded{transform:rotate(90deg)}.ash-env-vars-label{letter-spacing:.025em;text-transform:uppercase}.ash-env-vars-badge{align-items:center;background-color:rgba(204,255,0,.2);border-radius:9999px;color:var(--ash-accent);display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;line-height:1rem;min-width:20px;padding-left:.375rem;padding-right:.375rem}.ash-env-vars-content{margin-top:.5rem}.ash-env-vars-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.ash-env-vars-item{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.5rem .75rem}.ash-env-vars-key{color:var(--ash-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.ash-env-vars-equals{color:hsla(0,0%,100%,.4)}.ash-env-vars-value{color:hsla(0,0%,100%,.7);flex:1 1 0%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ash-env-vars-remove{color:hsla(0,0%,100%,.4);cursor:pointer;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-remove:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.ash-env-vars-add{align-items:center;display:flex;gap:.5rem}.ash-env-vars-input{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-input:focus{border-color:rgba(204,255,0,.5);outline:2px solid transparent;outline-offset:2px}.ash-env-vars-input-key{flex:1 1 0%;min-width:0}.ash-env-vars-input-value{flex:2;min-width:0}.ash-env-vars-add-button{background-color:rgba(204,255,0,.2);border-radius:.75rem;color:var(--ash-accent);font-size:.875rem;line-height:1.25rem;padding:.5rem .75rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-add-button:disabled{cursor:not-allowed;opacity:.3}.ash-env-vars-add-button:hover:not(:disabled){background-color:rgba(204,255,0,.3)}.ash-env-vars-helper{color:hsla(0,0%,100%,.4);font-size:.75rem;line-height:1rem;margin-top:.25rem}.ash-display-mode-toggle{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.5rem;border-width:1px;color:hsla(0,0%,100%,.7);display:flex;font-size:.875rem;gap:.375rem;line-height:1.25rem;padding:.375rem .5rem}.ash-display-mode-toggle:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-display-mode-toggle{cursor:pointer;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-display-mode-icon{height:1rem;width:1rem}.ash-display-mode-label{display:none}@media (min-width:640px){.ash-display-mode-label{display:inline}}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-\[var\(--ash-accent-300\)\]:hover{color:var(--ash-accent-300)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:hsla(0,0%,100%,.6)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/60{color:hsla(0,0%,100%,.6)}
1
+ .container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[350px\]{max-height:350px}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[3rem\]{min-width:3rem}.max-w-\[120px\]{max-width:120px}.max-w-\[200px\]{max-width:200px}.max-w-\[85\%\]{max-width:85%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-\[var\(--ash-assistant-border\)\]{border-color:var(--ash-assistant-border)}.border-\[var\(--ash-error-border\)\]{border-color:var(--ash-error-border)}.border-\[var\(--ash-thinking-border\)\]{border-color:var(--ash-thinking-border)}.border-\[var\(--ash-user-border\)\]{border-color:var(--ash-user-border)}.border-red-500\/20{border-color:rgba(239,68,68,.2)}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-yellow-500\/30{border-color:rgba(234,179,8,.3)}.bg-\[var\(--ash-accent\)\]{background-color:var(--ash-accent)}.bg-\[var\(--ash-assistant-bg\)\]{background-color:var(--ash-assistant-bg)}.bg-\[var\(--ash-avatar-assistant-bg\)\]{background-color:var(--ash-avatar-assistant-bg)}.bg-\[var\(--ash-avatar-error-bg\)\]{background-color:var(--ash-avatar-error-bg)}.bg-\[var\(--ash-avatar-thinking-bg\)\]{background-color:var(--ash-avatar-thinking-bg)}.bg-\[var\(--ash-avatar-user-bg\)\]{background-color:var(--ash-avatar-user-bg)}.bg-\[var\(--ash-code-header-bg\)\]{background-color:var(--ash-code-header-bg)}.bg-\[var\(--ash-error-bg\)\]{background-color:var(--ash-error-bg)}.bg-\[var\(--ash-surface-dark\2c \#0a0a0a\)\]{background-color:var(--ash-surface-dark,#0a0a0a)}.bg-\[var\(--ash-thinking-bg\)\]{background-color:var(--ash-thinking-bg)}.bg-\[var\(--ash-user-bg\)\]{background-color:var(--ash-user-bg)}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-blue-400\/20{background-color:rgba(96,165,250,.2)}.bg-blue-500\/20{background-color:rgba(59,130,246,.2)}.bg-blue-900\/20{background-color:rgba(30,58,138,.2)}.bg-current{background-color:currentColor}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:rgba(34,197,94,.2)}.bg-orange-500\/20{background-color:rgba(249,115,22,.2)}.bg-pink-500\/20{background-color:rgba(236,72,153,.2)}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-red-500\/20{background-color:rgba(239,68,68,.2)}.bg-red-900\/20{background-color:rgba(127,29,29,.2)}.bg-red-900\/50{background-color:rgba(127,29,29,.5)}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/\[0\.03\]{background-color:hsla(0,0%,100%,.03)}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-yellow-500\/20{background-color:rgba(234,179,8,.2)}.bg-yellow-500\/5{background-color:rgba(234,179,8,.05)}.bg-yellow-900\/20{background-color:rgba(113,63,18,.2)}.bg-yellow-900\/50{background-color:rgba(113,63,18,.5)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pl-1{padding-left:.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-0\.5{padding-top:.125rem}.pt-1\.5{padding-top:.375rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.text-\[var\(--ash-assistant-text\)\]{color:var(--ash-assistant-text)}.text-\[var\(--ash-error-text\)\]{color:var(--ash-error-text)}.text-\[var\(--ash-text-faint\)\]{color:var(--ash-text-faint)}.text-\[var\(--ash-text-muted\)\]{color:var(--ash-text-muted)}.text-\[var\(--ash-text-primary\)\]{color:var(--ash-text-primary)}.text-\[var\(--ash-text-secondary\)\]{color:var(--ash-text-secondary)}.text-\[var\(--ash-thinking-text\)\]{color:var(--ash-thinking-text)}.text-\[var\(--ash-user-text\)\]{color:var(--ash-user-text)}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-white\/90{color:hsla(0,0%,100%,.9)}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--ash-accent:#cf0;--ash-accent-foreground:#000;--ash-accent-50:#f8ffe5;--ash-accent-100:#eeffb8;--ash-accent-200:#e0ff85;--ash-accent-300:#d4ff52;--ash-accent-400:#cf0;--ash-accent-500:#b8e600;--ash-accent-600:#9c0;--ash-accent-700:#739900;--ash-accent-800:#4d6600;--ash-accent-900:#263300;--ash-surface-dark:#0a0a0a;--ash-surface-darker:#050505;--ash-surface-card:#0c0c0c;--ash-surface-elevated:#111;--ash-surface-border:hsla(0,0%,100%,.1);--ash-font-size-base:14px;--ash-font-size-sm:12px;--ash-font-size-xs:11px;--ash-font-size-code:13px}.ash-glass-panel{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-width:1px;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-backdrop-blur:blur(24px)}.ash-glass-panel,.ash-glass-panel-elevated{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-glass-panel-elevated{background-color:hsla(0,0%,100%,.08);border-width:1px;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);--tw-backdrop-blur:blur(40px);border-color:hsla(0,0%,100%,.15)}.ash-card-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:1rem;border-width:1px;--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-card-glass,.ash-card-glass:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ash-card-glass:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.ash-btn-accent{background-color:var(--ash-accent);border-radius:9999px;font-weight:500;padding:.75rem 1.5rem;--tw-text-opacity:1;border-color:var(--ash-accent);border-width:1px;box-shadow:0 0 20px rgba(204,255,0,.3);color:rgb(0 0 0/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-accent:hover{background-color:var(--ash-accent-500);box-shadow:0 0 30px rgba(204,255,0,.5)}.ash-btn-ghost{border-radius:.75rem;color:hsla(0,0%,100%,.7);padding:.5rem 1rem}.ash-btn-ghost:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-btn-ghost{border-color:transparent;border-width:1px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-ghost:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.ash-btn-outline{border-color:hsla(0,0%,100%,.2);border-radius:.75rem;border-width:1px;color:hsla(0,0%,100%,.8);padding:.5rem 1rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-btn-outline:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.ash-input-glass{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;padding:.75rem 1rem;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-input-glass::-moz-placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass::placeholder{color:hsla(0,0%,100%,.4)}.ash-input-glass:focus{background-color:hsla(0,0%,100%,.1);outline:2px solid transparent;outline-offset:2px}.ash-input-glass{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-input-glass:focus{border-color:rgba(204,255,0,.5);box-shadow:0 0 20px rgba(204,255,0,.15)}.ash-text-base{font-size:var(--ash-font-size-base);line-height:1.5}.ash-text-sm{font-size:var(--ash-font-size-sm);line-height:1.5}.ash-text-xs{font-size:var(--ash-font-size-xs);line-height:1.5}.ash-text-code{font-size:var(--ash-font-size-code);line-height:1.5}.ash-message-content{font-size:var(--ash-font-size-base);line-height:1.6}.ash-message-content pre{background-color:rgba(0,0,0,.4);border-radius:.75rem;margin-bottom:.5rem;margin-top:.5rem;overflow-x:auto;padding:1rem;--tw-text-opacity:1;border-color:hsla(0,0%,100%,.1);border-width:1px;color:rgb(243 244 246/var(--tw-text-opacity,1))}.ash-message-content code{background-color:hsla(0,0%,100%,.1);border-radius:.25rem;color:var(--ash-accent);font-size:var(--ash-font-size-code);padding:.125rem .375rem}.ash-message-content pre code{background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}@keyframes ash-tool-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ash-glow-pulse{0%,to{box-shadow:0 0 20px rgba(204,255,0,.3)}50%{box-shadow:0 0 40px rgba(204,255,0,.5)}}.ash-tool-status-pending{animation:ash-tool-pulse 1.5s ease-in-out infinite}.ash-tool-card-details{transition:max-height .2s ease-out,opacity .2s ease-out}.ash-tool-code-block{background-color:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ash-font-size-code);overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-word}.ash-tool-section-header{background-color:hsla(0,0%,100%,.05);border-bottom-width:1px;border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:var(--ash-font-size-xs);font-weight:500;letter-spacing:.025em;padding:.5rem .75rem;text-transform:uppercase}.ash-status-pending{--tw-bg-opacity:1;animation:ash-tool-pulse 1.5s ease-in-out infinite;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.ash-status-success{background-color:var(--ash-accent)}.ash-status-failed{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.ash-truncate-fade{background:linear-gradient(0deg,#0a0a0a,transparent)}.ash-ambient-glow{border-radius:9999px;opacity:.08;pointer-events:none;position:absolute;--tw-blur:blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ash-ambient-glow-accent{background:radial-gradient(circle,rgba(204,255,0,.15) 0,transparent 70%)}.ash-ambient-glow-green{background:radial-gradient(circle,rgba(5,46,22,.25) 0,transparent 70%)}.ash-grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px}.ash-noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.02}@keyframes ash-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ash-pulse-slow{0%,to{opacity:.06}50%{opacity:.1}}.ash-animate-fade-in{animation:ash-fade-in .3s ease-out forwards}.ash-animate-slide-up{animation:ash-slide-up .4s ease-out forwards}.ash-animate-pulse-slow{animation:ash-pulse-slow 8s ease-in-out infinite}.ash-delay-100{animation-delay:.1s}.ash-delay-200{animation-delay:.2s}.ash-delay-300{animation-delay:.3s}.ash-delay-400{animation-delay:.4s}@keyframes ash-status-line-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes ash-status-line-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes ash-status-line-replace{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-20px)}51%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes ash-text-shimmer{0%{background-position:-200%}to{background-position:200%}}.ash-status-line-enter{animation:ash-status-line-enter ease-out forwards}.ash-status-line-exit{animation:ash-status-line-exit ease-out forwards}.ash-status-line-replace{animation:ash-status-line-replace ease-in-out forwards}.ash-text-shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,.6),#fff 50%,hsla(0,0%,100%,.6));background-clip:text;-webkit-background-clip:text;background-size:200% auto;-webkit-text-fill-color:transparent;animation:ash-text-shimmer 2s linear infinite}.ash-execution-connector{background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.05));bottom:0;left:1rem;position:absolute;top:2.5rem;width:1px}@keyframes ash-accordion-expand{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.ash-accordion-content{animation:ash-accordion-expand .3s ease-out forwards;overflow:hidden}.ash-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:var(--ash-font-size-xs);font-weight:500;padding:.25rem .625rem}.ash-badge-accent{background-color:rgba(204,255,0,.2);border:1px solid rgba(204,255,0,.3);color:var(--ash-accent)}.ash-badge-success{background-color:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#34d399}.ash-badge-warning{background-color:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.3);color:#facc15}.ash-badge-error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:#f87171}.ash-badge-info{background-color:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#60a5fa}.ash-scrollbar::-webkit-scrollbar{height:8px;width:8px}.ash-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}.ash-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.ash-message-content.prose-invert{--tw-prose-body:hsla(0,0%,100%,.8);--tw-prose-headings:#fff;--tw-prose-links:var(--ash-accent);--tw-prose-bold:#fff;--tw-prose-code:var(--ash-accent);--tw-prose-quotes:hsla(0,0%,100%,.6)}.ash-message-content a{color:var(--ash-accent);text-decoration:underline;text-underline-offset:2px}.ash-message-content a:hover{opacity:.8}.ash-message-content ol,.ash-message-content ul{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content li{margin-bottom:.25rem;margin-top:.25rem}.ash-message-content p{margin-bottom:.5rem;margin-top:.5rem}.ash-message-content p:first-child{margin-top:0}.ash-message-content p:last-child{margin-bottom:0}.ash-card-glow{border-color:rgba(204,255,0,.2);box-shadow:0 0 20px rgba(204,255,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.ash-card-glow:hover{border-color:rgba(204,255,0,.4);box-shadow:0 0 30px rgba(204,255,0,.15);transform:translateY(-2px) scale(1.01)}.ash-container{background-color:var(--ash-surface-dark);color:#fff}.ash-chat-container{background-color:var(--ash-surface-card);border-color:hsla(0,0%,100%,.05);border-radius:.75rem;border-width:1px;display:flex;flex-direction:column;height:100%}.ash-env-vars-panel{margin-bottom:.75rem}.ash-env-vars-header{align-items:center;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;font-size:var(--ash-font-size-xs);font-weight:500;gap:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-header:hover{color:hsla(0,0%,100%,.8)}.ash-env-vars-chevron{height:.75rem;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.75rem}.ash-env-vars-chevron-expanded{transform:rotate(90deg)}.ash-env-vars-label{letter-spacing:.025em;text-transform:uppercase}.ash-env-vars-badge{align-items:center;background-color:rgba(204,255,0,.2);border-radius:9999px;color:var(--ash-accent);display:inline-flex;font-size:var(--ash-font-size-xs);font-weight:500;height:1.25rem;justify-content:center;min-width:20px;padding-left:.375rem;padding-right:.375rem}.ash-env-vars-content{margin-top:.5rem}.ash-env-vars-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.ash-env-vars-item{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;display:flex;font-size:var(--ash-font-size-sm);gap:.5rem;padding:.5rem .75rem}.ash-env-vars-key{color:var(--ash-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.ash-env-vars-equals{color:hsla(0,0%,100%,.4)}.ash-env-vars-value{color:hsla(0,0%,100%,.7);flex:1 1 0%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ash-env-vars-remove{color:hsla(0,0%,100%,.4);cursor:pointer;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-remove:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.ash-env-vars-add{align-items:center;display:flex;gap:.5rem}.ash-env-vars-input{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.75rem;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--ash-font-size-sm);padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-input:focus{border-color:rgba(204,255,0,.5);outline:2px solid transparent;outline-offset:2px}.ash-env-vars-input-key{flex:1 1 0%;min-width:0}.ash-env-vars-input-value{flex:2;min-width:0}.ash-env-vars-add-button{background-color:rgba(204,255,0,.2);border-radius:.75rem;color:var(--ash-accent);font-size:var(--ash-font-size-sm);padding:.5rem .75rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-env-vars-add-button:disabled{cursor:not-allowed;opacity:.3}.ash-env-vars-add-button:hover:not(:disabled){background-color:rgba(204,255,0,.3)}.ash-env-vars-helper{color:hsla(0,0%,100%,.4);font-size:var(--ash-font-size-xs);margin-top:.25rem}.ash-display-mode-toggle{align-items:center;background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-radius:.5rem;border-width:1px;color:hsla(0,0%,100%,.7);display:flex;font-size:var(--ash-font-size-sm);gap:.375rem;padding:.375rem .5rem}.ash-display-mode-toggle:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ash-display-mode-toggle{cursor:pointer;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ash-display-mode-icon{height:1rem;width:1rem}.ash-display-mode-label{display:none}@media (min-width:640px){.ash-display-mode-label{display:inline}}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-\[var\(--ash-accent-300\)\]:hover{color:var(--ash-accent-300)}.hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:hsla(0,0%,100%,.6)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[var\(--ash-accent\)\]{color:var(--ash-accent)}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/60{color:hsla(0,0%,100%,.6)}
package/dist/types.cjs CHANGED
@@ -52,8 +52,16 @@ var DEFAULT_DISPLAY_CONFIG = {
52
52
  defaultExpanded: false,
53
53
  animationDuration: 300
54
54
  };
55
+ var DEFAULT_STYLE_CONFIG = {
56
+ userVariant: "bubble",
57
+ assistantVariant: "bubble",
58
+ scale: "compact",
59
+ showTimestamp: true,
60
+ showAvatars: true
61
+ };
55
62
 
56
63
  exports.DEFAULT_DISPLAY_CONFIG = DEFAULT_DISPLAY_CONFIG;
64
+ exports.DEFAULT_STYLE_CONFIG = DEFAULT_STYLE_CONFIG;
57
65
  exports.isAgentToolAction = isAgentToolAction;
58
66
  exports.isCommandRunAction = isCommandRunAction;
59
67
  exports.isErrorEntry = isErrorEntry;
package/dist/types.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/types.ts"],"names":[],"mappings":";;;AA4YO,SAAS,mBAAmB,MAAA,EAAgD;AACjF,EAAA,OAAO,OAAO,MAAA,KAAW,aAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,eAAe,MAAA,EAA4C;AACzE,EAAA,OAAO,OAAO,MAAA,KAAW,QAAA;AAC3B;AAEO,SAAS,aAAa,MAAA,EAA0C;AACrE,EAAA,OAAO,OAAO,MAAA,KAAW,MAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,gBAAgB,MAAA,EAA6C;AAC3E,EAAA,OAAO,OAAO,MAAA,KAAW,UAAA;AAC3B;AAEO,SAAS,oBAAoB,MAAA,EAAiD;AACnF,EAAA,OAAO,OAAO,MAAA,KAAW,cAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,gBAAgB,KAAA,EAAoD;AAClF,EAAA,OAAO,MAAM,IAAA,KAAS,WAAA;AACxB;AAEO,SAAS,aAAa,KAAA,EAAiD;AAC5E,EAAA,OAAO,MAAM,IAAA,KAAS,OAAA;AACxB;AAEO,SAAS,cAAc,KAAA,EAAkD;AAC9E,EAAA,OAAO,MAAM,IAAA,KAAS,QAAA;AACxB;AAsIO,IAAM,sBAAA,GAA4C;AAAA,EACvD,IAAA,EAAM,QAAA;AAAA,EACN,oBAAA,EAAsB,CAAA;AAAA,EACtB,eAAA,EAAiB,KAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB","file":"types.cjs","sourcesContent":["/**\n * @ash-cloud/ash-ui - Types\n *\n * Normalized types for structured tool call display in agentic UIs.\n * These types provide a unified representation for displaying tool calls\n * with their arguments and results together.\n */\n\nimport type { ReactNode } from 'react';\n\n// =============================================================================\n// Tool Status\n// =============================================================================\n\n/**\n * Status of a tool call execution\n */\nexport type ToolStatus = 'pending' | 'success' | 'failed';\n\n// =============================================================================\n// Action-Specific Result Types\n// =============================================================================\n\n/**\n * Result from a command/bash execution\n */\nexport interface CommandRunResult {\n exitCode?: number;\n success?: boolean;\n output?: string;\n}\n\n/**\n * Generic tool result that can be markdown or structured JSON\n */\nexport interface ToolResult {\n type: 'markdown' | 'json';\n value: unknown;\n}\n\n// =============================================================================\n// Action Types (Discriminated Union)\n// =============================================================================\n\n/**\n * Bash/command execution action\n */\nexport interface CommandRunAction {\n action: 'command_run';\n command: string;\n description?: string;\n result?: CommandRunResult;\n}\n\n/**\n * File read action\n */\nexport interface FileReadAction {\n action: 'file_read';\n path: string;\n offset?: number;\n limit?: number;\n /** Number of lines read (for display) */\n linesRead?: number;\n}\n\n/**\n * File edit action\n */\nexport interface FileEditAction {\n action: 'file_edit';\n path: string;\n oldString?: string;\n newString?: string;\n replaceAll?: boolean;\n /** Number of lines added */\n linesAdded?: number;\n /** Number of lines removed */\n linesRemoved?: number;\n}\n\n/**\n * File write action\n */\nexport interface FileWriteAction {\n action: 'file_write';\n path: string;\n content?: string;\n /** Number of lines written */\n linesWritten?: number;\n}\n\n/**\n * Search/grep action\n */\nexport interface SearchAction {\n action: 'search';\n pattern: string;\n path?: string;\n glob?: string;\n type?: string;\n}\n\n/**\n * Glob/file pattern matching action\n */\nexport interface GlobAction {\n action: 'glob';\n pattern: string;\n path?: string;\n}\n\n/**\n * Web fetch action\n */\nexport interface WebFetchAction {\n action: 'web_fetch';\n url: string;\n prompt?: string;\n}\n\n/**\n * Web search action\n */\nexport interface WebSearchAction {\n action: 'web_search';\n query: string;\n}\n\n/**\n * MCP (Model Context Protocol) tool action\n */\nexport interface McpToolAction {\n action: 'mcp_tool';\n serverName: string;\n toolName: string;\n arguments?: unknown;\n result?: ToolResult;\n}\n\n/**\n * Generic/unknown tool action\n */\nexport interface GenericToolAction {\n action: 'generic_tool';\n toolName: string;\n arguments?: unknown;\n result?: ToolResult;\n}\n\n/**\n * Agent/Task tool action - represents a sub-agent that can have nested tool calls\n */\nexport interface AgentToolAction {\n action: 'agent_tool';\n /** Agent type (e.g., 'Explore', 'Plan', 'Bash', 'general-purpose') */\n agentType: string;\n /** Description of what the agent is doing */\n description: string;\n /** Full prompt given to the agent */\n prompt?: string;\n /** Nested tool calls made by this agent */\n nestedToolCalls?: NormalizedToolCall[];\n /** Current count of tool calls (updates during streaming) */\n toolCallCount?: number;\n /** When the agent started */\n startedAt?: string;\n /** When the agent completed */\n completedAt?: string;\n /** Result/output from the agent */\n result?: ToolResult;\n}\n\n// =============================================================================\n// Todo Types\n// =============================================================================\n\n/**\n * Status of a todo item\n */\nexport type TodoStatus = 'pending' | 'in_progress' | 'completed';\n\n/**\n * A single todo item from TodoWrite tool\n */\nexport interface TodoItem {\n /** Task content - imperative form (e.g., \"Run tests\") */\n content: string;\n /** Current status of the todo */\n status: TodoStatus;\n /** Active form shown during execution (e.g., \"Running tests\") */\n activeForm: string;\n}\n\n/**\n * TodoWrite tool action - tracks task progress\n */\nexport interface TodoWriteAction {\n action: 'todo_write';\n /** All todos in the current list */\n todos: TodoItem[];\n /** Summary statistics */\n stats?: {\n total: number;\n completed: number;\n inProgress: number;\n pending: number;\n };\n}\n\n/**\n * Discriminated union of all action types\n */\nexport type ActionType =\n | CommandRunAction\n | FileReadAction\n | FileEditAction\n | FileWriteAction\n | SearchAction\n | GlobAction\n | WebFetchAction\n | WebSearchAction\n | McpToolAction\n | GenericToolAction\n | TodoWriteAction\n | AgentToolAction;\n\n// =============================================================================\n// Normalized Tool Call\n// =============================================================================\n\n/**\n * A normalized tool call that combines tool_use and tool_result data\n */\nexport interface NormalizedToolCall {\n /** Unique ID from the tool_use block */\n id: string;\n\n /** Original tool name (e.g., 'Bash', 'Read', 'mcp__server__tool') */\n toolName: string;\n\n /** Parsed action type with structured arguments and result */\n actionType: ActionType;\n\n /** Current execution status */\n status: ToolStatus;\n\n /** Human-readable one-liner summary */\n summary: string;\n\n /** Raw input from tool_use event (for display in UI) */\n input?: unknown;\n\n /** Raw output/result from tool_result event (for display in UI) */\n output?: unknown;\n\n /** When the tool call started */\n startedAt?: string;\n\n /** When the tool call completed */\n completedAt?: string;\n\n /** Whether this tool call resulted in an error */\n isError?: boolean;\n\n /** Nested tool calls (for agent/sub-agent tools like Task) */\n nestedToolCalls?: NormalizedToolCall[];\n\n /** Current count of nested tool calls (updates during streaming) */\n nestedToolCallCount?: number;\n}\n\n// =============================================================================\n// Normalized Entry Types\n// =============================================================================\n\n/**\n * User message entry\n */\nexport interface UserMessageEntry {\n type: 'user_message';\n}\n\n/**\n * Assistant message entry\n */\nexport interface AssistantMessageEntry {\n type: 'assistant_message';\n}\n\n/**\n * Thinking/reasoning entry (extended thinking)\n */\nexport interface ThinkingEntry {\n type: 'thinking';\n}\n\n/**\n * Tool call entry with full tool call data\n */\nexport interface ToolCallEntry {\n type: 'tool_call';\n toolCall: NormalizedToolCall;\n}\n\n/**\n * Error entry\n */\nexport interface ErrorEntry {\n type: 'error';\n message: string;\n code?: string;\n}\n\n/**\n * Custom widget entry - rendered via consumer-provided render function\n *\n * Use this for interactive UI components like:\n * - Image grid selectors\n * - Product carousels\n * - Form inputs\n * - Data visualizations\n * - Any custom interactive widget\n *\n * @example\n * ```tsx\n * const entry: NormalizedEntry = {\n * id: 'widget-1',\n * entryType: {\n * type: 'widget',\n * widgetType: 'image-grid',\n * widgetData: { images: [...], selected: null },\n * },\n * content: 'Select an image',\n * };\n * ```\n */\nexport interface WidgetEntry {\n type: 'widget';\n /** Widget type identifier (e.g., 'image-grid', 'product-selector') */\n widgetType: string;\n /** Widget-specific data passed to the render function */\n widgetData: unknown;\n}\n\n/**\n * Discriminated union of all entry types\n */\nexport type NormalizedEntryType =\n | UserMessageEntry\n | AssistantMessageEntry\n | ThinkingEntry\n | ToolCallEntry\n | ErrorEntry\n | WidgetEntry;\n\n// =============================================================================\n// Normalized Entry\n// =============================================================================\n\n/**\n * A normalized conversation entry for display\n */\nexport interface NormalizedEntry {\n /** Unique entry ID */\n id: string;\n\n /** ISO timestamp */\n timestamp?: string;\n\n /** Entry type with type-specific data */\n entryType: NormalizedEntryType;\n\n /** Text content for display (plain text or markdown) */\n content: string;\n\n /**\n * Rich content segments (structured approach - preferred over regex transformers).\n * When provided, this takes precedence over `content` for rendering.\n *\n * @example\n * ```ts\n * richContent: [\n * { type: 'text', content: 'Analyzing ' },\n * { type: 'mention', name: 'Scene1', color: '#ff0' },\n * { type: 'text', content: ' for transitions.' },\n * ]\n * ```\n */\n richContent?: RichContent;\n}\n\n// =============================================================================\n// Type Guards\n// =============================================================================\n\nexport function isCommandRunAction(action: ActionType): action is CommandRunAction {\n return action.action === 'command_run';\n}\n\nexport function isFileReadAction(action: ActionType): action is FileReadAction {\n return action.action === 'file_read';\n}\n\nexport function isFileEditAction(action: ActionType): action is FileEditAction {\n return action.action === 'file_edit';\n}\n\nexport function isFileWriteAction(action: ActionType): action is FileWriteAction {\n return action.action === 'file_write';\n}\n\nexport function isSearchAction(action: ActionType): action is SearchAction {\n return action.action === 'search';\n}\n\nexport function isGlobAction(action: ActionType): action is GlobAction {\n return action.action === 'glob';\n}\n\nexport function isWebFetchAction(action: ActionType): action is WebFetchAction {\n return action.action === 'web_fetch';\n}\n\nexport function isWebSearchAction(action: ActionType): action is WebSearchAction {\n return action.action === 'web_search';\n}\n\nexport function isMcpToolAction(action: ActionType): action is McpToolAction {\n return action.action === 'mcp_tool';\n}\n\nexport function isGenericToolAction(action: ActionType): action is GenericToolAction {\n return action.action === 'generic_tool';\n}\n\nexport function isTodoWriteAction(action: ActionType): action is TodoWriteAction {\n return action.action === 'todo_write';\n}\n\nexport function isAgentToolAction(action: ActionType): action is AgentToolAction {\n return action.action === 'agent_tool';\n}\n\nexport function isToolCallEntry(entry: NormalizedEntryType): entry is ToolCallEntry {\n return entry.type === 'tool_call';\n}\n\nexport function isErrorEntry(entry: NormalizedEntryType): entry is ErrorEntry {\n return entry.type === 'error';\n}\n\nexport function isWidgetEntry(entry: NormalizedEntryType): entry is WidgetEntry {\n return entry.type === 'widget';\n}\n\n// =============================================================================\n// Widget Rendering\n// =============================================================================\n\n/**\n * Props passed to the widget render function\n */\nexport interface WidgetRenderProps<T = unknown> {\n /** The widget entry being rendered */\n entry: NormalizedEntry;\n /** Widget type identifier */\n widgetType: string;\n /** Widget-specific data */\n widgetData: T;\n /** Callback for widget interactions (e.g., selection, submit) */\n onAction?: (action: WidgetAction) => void;\n}\n\n/**\n * Action dispatched from a widget interaction\n */\nexport interface WidgetAction {\n /** Action type (e.g., 'select', 'submit', 'cancel') */\n type: string;\n /** Widget type that dispatched the action */\n widgetType: string;\n /** Entry ID of the widget */\n entryId: string;\n /** Action-specific payload */\n payload?: unknown;\n}\n\n/**\n * Function type for rendering custom widgets\n *\n * @example\n * ```tsx\n * const renderWidget: WidgetRenderFunction = ({ widgetType, widgetData, onAction }) => {\n * switch (widgetType) {\n * case 'image-grid':\n * return (\n * <ImageGrid\n * images={widgetData.images}\n * onSelect={(id) => onAction?.({ type: 'select', widgetType, entryId, payload: { id } })}\n * />\n * );\n * case 'product-selector':\n * return <ProductSelector data={widgetData} onAction={onAction} />;\n * default:\n * return null;\n * }\n * };\n *\n * <MessageList entries={entries} renderWidget={renderWidget} />\n * ```\n */\nexport type WidgetRenderFunction = (props: WidgetRenderProps) => ReactNode;\n\n// =============================================================================\n// Log Types (for SandboxLogsPanel)\n// =============================================================================\n\nexport type LogLevel = 'info' | 'warn' | 'error' | 'debug';\nexport type LogCategory = 'setup' | 'skills' | 'execution' | 'process' | 'startup';\n\nexport interface LogEntry {\n timestamp: string;\n level: LogLevel;\n category: LogCategory;\n message: string;\n data?: Record<string, unknown>;\n}\n\n// =============================================================================\n// File Attachment\n// =============================================================================\n\nexport interface FileAttachment {\n name: string;\n type: string;\n size: number;\n base64: string;\n}\n\n// =============================================================================\n// Display Mode Configuration\n// =============================================================================\n\n/**\n * Display mode for tool calls in the chat interface\n *\n * - 'inline': Each tool call rendered inline as expandable cards (current behavior)\n * - 'compact': Single animated status line that updates with each tool call,\n * with accordion to expand and see execution details. Text streams unbroken.\n * - 'accordion': Simpler step-based accordion list that accumulates tool calls\n * with icons, labels, and durations (like Vidra's ThinkingIndicator).\n */\nexport type ToolDisplayMode = 'inline' | 'compact' | 'accordion';\n\n/**\n * Configuration for tool display behavior\n */\nexport interface ToolDisplayConfig {\n /**\n * Display mode for tool calls\n * @default 'inline'\n */\n mode: ToolDisplayMode;\n\n /**\n * For 'compact' mode: break into a new group every N tool calls\n * Set to 0 or undefined to never break (all tool calls in single group)\n * @default 0\n */\n breakEveryNToolCalls?: number;\n\n /**\n * Whether tool call groups start expanded\n * @default false\n */\n defaultExpanded?: boolean;\n\n /**\n * Animation duration for status line transitions (ms)\n * @default 300\n */\n animationDuration?: number;\n}\n\n/**\n * Default display configuration\n */\nexport const DEFAULT_DISPLAY_CONFIG: ToolDisplayConfig = {\n mode: 'inline',\n breakEveryNToolCalls: 0,\n defaultExpanded: false,\n animationDuration: 300,\n};\n\n// =============================================================================\n// Rich Content (Structured Approach - Preferred)\n// =============================================================================\n\n/**\n * A text segment within rich content\n */\nexport interface RichTextSegment {\n type: 'text';\n /** Plain text or markdown content */\n content: string;\n}\n\n/**\n * A mention/reference segment within rich content\n */\nexport interface RichMentionSegment {\n type: 'mention';\n /** The mentioned entity name */\n name: string;\n /** Optional identifier for the entity */\n id?: string;\n /** Optional color for styling */\n color?: string;\n /** Optional additional data */\n data?: Record<string, unknown>;\n}\n\n/**\n * A custom component segment within rich content\n */\nexport interface RichComponentSegment {\n type: 'component';\n /** Component type identifier (consumer handles rendering) */\n componentType: string;\n /** Props to pass to the component */\n props: Record<string, unknown>;\n}\n\n/**\n * Union of all rich content segment types\n */\nexport type RichContentSegment =\n | RichTextSegment\n | RichMentionSegment\n | RichComponentSegment;\n\n/**\n * Rich content array - the preferred way to send structured content\n *\n * @example\n * ```ts\n * const content: RichContent = [\n * { type: 'text', content: 'Looking at ' },\n * { type: 'mention', name: 'Scene1', color: '#ff0', id: 'seq-1' },\n * { type: 'text', content: ' timeline for the transition.' },\n * ];\n * ```\n */\nexport type RichContent = RichContentSegment[];\n\n/**\n * Props for rendering a mention segment\n */\nexport interface MentionRenderProps {\n segment: RichMentionSegment;\n}\n\n/**\n * Props for rendering a custom component segment\n */\nexport interface ComponentRenderProps {\n segment: RichComponentSegment;\n}\n\n/**\n * Custom render functions for rich content segments\n */\nexport interface RichContentRenderers {\n /**\n * Render a mention segment. If not provided, renders as styled badge.\n */\n renderMention?: (props: MentionRenderProps) => ReactNode;\n /**\n * Render a custom component segment.\n */\n renderComponent?: (props: ComponentRenderProps) => ReactNode;\n}\n\n// =============================================================================\n// Tool Execution Group (for compact mode)\n// =============================================================================\n\n/**\n * A group of consecutive tool calls that are displayed together\n * in compact mode. Text content before/after flows around the group.\n */\nexport interface ToolExecutionGroup {\n /** Unique ID for the group */\n id: string;\n\n /** Tool calls in this group (in order) */\n toolCalls: NormalizedToolCall[];\n\n /** Index of the currently active/latest tool call for status display */\n activeIndex: number;\n\n /** Whether all tool calls in this group have completed */\n isComplete: boolean;\n\n /** Overall status of the group */\n status: 'pending' | 'success' | 'partial_failure' | 'failed';\n}\n"]}
1
+ {"version":3,"sources":["../src/types.ts"],"names":[],"mappings":";;;AA4YO,SAAS,mBAAmB,MAAA,EAAgD;AACjF,EAAA,OAAO,OAAO,MAAA,KAAW,aAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,eAAe,MAAA,EAA4C;AACzE,EAAA,OAAO,OAAO,MAAA,KAAW,QAAA;AAC3B;AAEO,SAAS,aAAa,MAAA,EAA0C;AACrE,EAAA,OAAO,OAAO,MAAA,KAAW,MAAA;AAC3B;AAEO,SAAS,iBAAiB,MAAA,EAA8C;AAC7E,EAAA,OAAO,OAAO,MAAA,KAAW,WAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,gBAAgB,MAAA,EAA6C;AAC3E,EAAA,OAAO,OAAO,MAAA,KAAW,UAAA;AAC3B;AAEO,SAAS,oBAAoB,MAAA,EAAiD;AACnF,EAAA,OAAO,OAAO,MAAA,KAAW,cAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,kBAAkB,MAAA,EAA+C;AAC/E,EAAA,OAAO,OAAO,MAAA,KAAW,YAAA;AAC3B;AAEO,SAAS,gBAAgB,KAAA,EAAoD;AAClF,EAAA,OAAO,MAAM,IAAA,KAAS,WAAA;AACxB;AAEO,SAAS,aAAa,KAAA,EAAiD;AAC5E,EAAA,OAAO,MAAM,IAAA,KAAS,OAAA;AACxB;AAEO,SAAS,cAAc,KAAA,EAAkD;AAC9E,EAAA,OAAO,MAAM,IAAA,KAAS,QAAA;AACxB;AAsIO,IAAM,sBAAA,GAA4C;AAAA,EACvD,IAAA,EAAM,QAAA;AAAA,EACN,oBAAA,EAAsB,CAAA;AAAA,EACtB,eAAA,EAAiB,KAAA;AAAA,EACjB,iBAAA,EAAmB;AACrB;AAiOO,IAAM,oBAAA,GAA2C;AAAA,EACtD,WAAA,EAAa,QAAA;AAAA,EACb,gBAAA,EAAkB,QAAA;AAAA,EAClB,KAAA,EAAO,SAAA;AAAA,EACP,aAAA,EAAe,IAAA;AAAA,EACf,WAAA,EAAa;AACf","file":"types.cjs","sourcesContent":["/**\n * @ash-cloud/ash-ui - Types\n *\n * Normalized types for structured tool call display in agentic UIs.\n * These types provide a unified representation for displaying tool calls\n * with their arguments and results together.\n */\n\nimport type { ReactNode } from 'react';\n\n// =============================================================================\n// Tool Status\n// =============================================================================\n\n/**\n * Status of a tool call execution\n */\nexport type ToolStatus = 'pending' | 'success' | 'failed';\n\n// =============================================================================\n// Action-Specific Result Types\n// =============================================================================\n\n/**\n * Result from a command/bash execution\n */\nexport interface CommandRunResult {\n exitCode?: number;\n success?: boolean;\n output?: string;\n}\n\n/**\n * Generic tool result that can be markdown or structured JSON\n */\nexport interface ToolResult {\n type: 'markdown' | 'json';\n value: unknown;\n}\n\n// =============================================================================\n// Action Types (Discriminated Union)\n// =============================================================================\n\n/**\n * Bash/command execution action\n */\nexport interface CommandRunAction {\n action: 'command_run';\n command: string;\n description?: string;\n result?: CommandRunResult;\n}\n\n/**\n * File read action\n */\nexport interface FileReadAction {\n action: 'file_read';\n path: string;\n offset?: number;\n limit?: number;\n /** Number of lines read (for display) */\n linesRead?: number;\n}\n\n/**\n * File edit action\n */\nexport interface FileEditAction {\n action: 'file_edit';\n path: string;\n oldString?: string;\n newString?: string;\n replaceAll?: boolean;\n /** Number of lines added */\n linesAdded?: number;\n /** Number of lines removed */\n linesRemoved?: number;\n}\n\n/**\n * File write action\n */\nexport interface FileWriteAction {\n action: 'file_write';\n path: string;\n content?: string;\n /** Number of lines written */\n linesWritten?: number;\n}\n\n/**\n * Search/grep action\n */\nexport interface SearchAction {\n action: 'search';\n pattern: string;\n path?: string;\n glob?: string;\n type?: string;\n}\n\n/**\n * Glob/file pattern matching action\n */\nexport interface GlobAction {\n action: 'glob';\n pattern: string;\n path?: string;\n}\n\n/**\n * Web fetch action\n */\nexport interface WebFetchAction {\n action: 'web_fetch';\n url: string;\n prompt?: string;\n}\n\n/**\n * Web search action\n */\nexport interface WebSearchAction {\n action: 'web_search';\n query: string;\n}\n\n/**\n * MCP (Model Context Protocol) tool action\n */\nexport interface McpToolAction {\n action: 'mcp_tool';\n serverName: string;\n toolName: string;\n arguments?: unknown;\n result?: ToolResult;\n}\n\n/**\n * Generic/unknown tool action\n */\nexport interface GenericToolAction {\n action: 'generic_tool';\n toolName: string;\n arguments?: unknown;\n result?: ToolResult;\n}\n\n/**\n * Agent/Task tool action - represents a sub-agent that can have nested tool calls\n */\nexport interface AgentToolAction {\n action: 'agent_tool';\n /** Agent type (e.g., 'Explore', 'Plan', 'Bash', 'general-purpose') */\n agentType: string;\n /** Description of what the agent is doing */\n description: string;\n /** Full prompt given to the agent */\n prompt?: string;\n /** Nested tool calls made by this agent */\n nestedToolCalls?: NormalizedToolCall[];\n /** Current count of tool calls (updates during streaming) */\n toolCallCount?: number;\n /** When the agent started */\n startedAt?: string;\n /** When the agent completed */\n completedAt?: string;\n /** Result/output from the agent */\n result?: ToolResult;\n}\n\n// =============================================================================\n// Todo Types\n// =============================================================================\n\n/**\n * Status of a todo item\n */\nexport type TodoStatus = 'pending' | 'in_progress' | 'completed';\n\n/**\n * A single todo item from TodoWrite tool\n */\nexport interface TodoItem {\n /** Task content - imperative form (e.g., \"Run tests\") */\n content: string;\n /** Current status of the todo */\n status: TodoStatus;\n /** Active form shown during execution (e.g., \"Running tests\") */\n activeForm: string;\n}\n\n/**\n * TodoWrite tool action - tracks task progress\n */\nexport interface TodoWriteAction {\n action: 'todo_write';\n /** All todos in the current list */\n todos: TodoItem[];\n /** Summary statistics */\n stats?: {\n total: number;\n completed: number;\n inProgress: number;\n pending: number;\n };\n}\n\n/**\n * Discriminated union of all action types\n */\nexport type ActionType =\n | CommandRunAction\n | FileReadAction\n | FileEditAction\n | FileWriteAction\n | SearchAction\n | GlobAction\n | WebFetchAction\n | WebSearchAction\n | McpToolAction\n | GenericToolAction\n | TodoWriteAction\n | AgentToolAction;\n\n// =============================================================================\n// Normalized Tool Call\n// =============================================================================\n\n/**\n * A normalized tool call that combines tool_use and tool_result data\n */\nexport interface NormalizedToolCall {\n /** Unique ID from the tool_use block */\n id: string;\n\n /** Original tool name (e.g., 'Bash', 'Read', 'mcp__server__tool') */\n toolName: string;\n\n /** Parsed action type with structured arguments and result */\n actionType: ActionType;\n\n /** Current execution status */\n status: ToolStatus;\n\n /** Human-readable one-liner summary */\n summary: string;\n\n /** Raw input from tool_use event (for display in UI) */\n input?: unknown;\n\n /** Raw output/result from tool_result event (for display in UI) */\n output?: unknown;\n\n /** When the tool call started */\n startedAt?: string;\n\n /** When the tool call completed */\n completedAt?: string;\n\n /** Whether this tool call resulted in an error */\n isError?: boolean;\n\n /** Nested tool calls (for agent/sub-agent tools like Task) */\n nestedToolCalls?: NormalizedToolCall[];\n\n /** Current count of nested tool calls (updates during streaming) */\n nestedToolCallCount?: number;\n}\n\n// =============================================================================\n// Normalized Entry Types\n// =============================================================================\n\n/**\n * User message entry\n */\nexport interface UserMessageEntry {\n type: 'user_message';\n}\n\n/**\n * Assistant message entry\n */\nexport interface AssistantMessageEntry {\n type: 'assistant_message';\n}\n\n/**\n * Thinking/reasoning entry (extended thinking)\n */\nexport interface ThinkingEntry {\n type: 'thinking';\n}\n\n/**\n * Tool call entry with full tool call data\n */\nexport interface ToolCallEntry {\n type: 'tool_call';\n toolCall: NormalizedToolCall;\n}\n\n/**\n * Error entry\n */\nexport interface ErrorEntry {\n type: 'error';\n message: string;\n code?: string;\n}\n\n/**\n * Custom widget entry - rendered via consumer-provided render function\n *\n * Use this for interactive UI components like:\n * - Image grid selectors\n * - Product carousels\n * - Form inputs\n * - Data visualizations\n * - Any custom interactive widget\n *\n * @example\n * ```tsx\n * const entry: NormalizedEntry = {\n * id: 'widget-1',\n * entryType: {\n * type: 'widget',\n * widgetType: 'image-grid',\n * widgetData: { images: [...], selected: null },\n * },\n * content: 'Select an image',\n * };\n * ```\n */\nexport interface WidgetEntry {\n type: 'widget';\n /** Widget type identifier (e.g., 'image-grid', 'product-selector') */\n widgetType: string;\n /** Widget-specific data passed to the render function */\n widgetData: unknown;\n}\n\n/**\n * Discriminated union of all entry types\n */\nexport type NormalizedEntryType =\n | UserMessageEntry\n | AssistantMessageEntry\n | ThinkingEntry\n | ToolCallEntry\n | ErrorEntry\n | WidgetEntry;\n\n// =============================================================================\n// Normalized Entry\n// =============================================================================\n\n/**\n * A normalized conversation entry for display\n */\nexport interface NormalizedEntry {\n /** Unique entry ID */\n id: string;\n\n /** ISO timestamp */\n timestamp?: string;\n\n /** Entry type with type-specific data */\n entryType: NormalizedEntryType;\n\n /** Text content for display (plain text or markdown) */\n content: string;\n\n /**\n * Rich content segments (structured approach - preferred over regex transformers).\n * When provided, this takes precedence over `content` for rendering.\n *\n * @example\n * ```ts\n * richContent: [\n * { type: 'text', content: 'Analyzing ' },\n * { type: 'mention', name: 'Scene1', color: '#ff0' },\n * { type: 'text', content: ' for transitions.' },\n * ]\n * ```\n */\n richContent?: RichContent;\n}\n\n// =============================================================================\n// Type Guards\n// =============================================================================\n\nexport function isCommandRunAction(action: ActionType): action is CommandRunAction {\n return action.action === 'command_run';\n}\n\nexport function isFileReadAction(action: ActionType): action is FileReadAction {\n return action.action === 'file_read';\n}\n\nexport function isFileEditAction(action: ActionType): action is FileEditAction {\n return action.action === 'file_edit';\n}\n\nexport function isFileWriteAction(action: ActionType): action is FileWriteAction {\n return action.action === 'file_write';\n}\n\nexport function isSearchAction(action: ActionType): action is SearchAction {\n return action.action === 'search';\n}\n\nexport function isGlobAction(action: ActionType): action is GlobAction {\n return action.action === 'glob';\n}\n\nexport function isWebFetchAction(action: ActionType): action is WebFetchAction {\n return action.action === 'web_fetch';\n}\n\nexport function isWebSearchAction(action: ActionType): action is WebSearchAction {\n return action.action === 'web_search';\n}\n\nexport function isMcpToolAction(action: ActionType): action is McpToolAction {\n return action.action === 'mcp_tool';\n}\n\nexport function isGenericToolAction(action: ActionType): action is GenericToolAction {\n return action.action === 'generic_tool';\n}\n\nexport function isTodoWriteAction(action: ActionType): action is TodoWriteAction {\n return action.action === 'todo_write';\n}\n\nexport function isAgentToolAction(action: ActionType): action is AgentToolAction {\n return action.action === 'agent_tool';\n}\n\nexport function isToolCallEntry(entry: NormalizedEntryType): entry is ToolCallEntry {\n return entry.type === 'tool_call';\n}\n\nexport function isErrorEntry(entry: NormalizedEntryType): entry is ErrorEntry {\n return entry.type === 'error';\n}\n\nexport function isWidgetEntry(entry: NormalizedEntryType): entry is WidgetEntry {\n return entry.type === 'widget';\n}\n\n// =============================================================================\n// Widget Rendering\n// =============================================================================\n\n/**\n * Props passed to the widget render function\n */\nexport interface WidgetRenderProps<T = unknown> {\n /** The widget entry being rendered */\n entry: NormalizedEntry;\n /** Widget type identifier */\n widgetType: string;\n /** Widget-specific data */\n widgetData: T;\n /** Callback for widget interactions (e.g., selection, submit) */\n onAction?: (action: WidgetAction) => void;\n}\n\n/**\n * Action dispatched from a widget interaction\n */\nexport interface WidgetAction {\n /** Action type (e.g., 'select', 'submit', 'cancel') */\n type: string;\n /** Widget type that dispatched the action */\n widgetType: string;\n /** Entry ID of the widget */\n entryId: string;\n /** Action-specific payload */\n payload?: unknown;\n}\n\n/**\n * Function type for rendering custom widgets\n *\n * @example\n * ```tsx\n * const renderWidget: WidgetRenderFunction = ({ widgetType, widgetData, onAction }) => {\n * switch (widgetType) {\n * case 'image-grid':\n * return (\n * <ImageGrid\n * images={widgetData.images}\n * onSelect={(id) => onAction?.({ type: 'select', widgetType, entryId, payload: { id } })}\n * />\n * );\n * case 'product-selector':\n * return <ProductSelector data={widgetData} onAction={onAction} />;\n * default:\n * return null;\n * }\n * };\n *\n * <MessageList entries={entries} renderWidget={renderWidget} />\n * ```\n */\nexport type WidgetRenderFunction = (props: WidgetRenderProps) => ReactNode;\n\n// =============================================================================\n// Log Types (for SandboxLogsPanel)\n// =============================================================================\n\nexport type LogLevel = 'info' | 'warn' | 'error' | 'debug';\nexport type LogCategory = 'setup' | 'skills' | 'execution' | 'process' | 'startup';\n\nexport interface LogEntry {\n timestamp: string;\n level: LogLevel;\n category: LogCategory;\n message: string;\n data?: Record<string, unknown>;\n}\n\n// =============================================================================\n// File Attachment\n// =============================================================================\n\nexport interface FileAttachment {\n name: string;\n type: string;\n size: number;\n base64: string;\n}\n\n// =============================================================================\n// Display Mode Configuration\n// =============================================================================\n\n/**\n * Display mode for tool calls in the chat interface\n *\n * - 'inline': Each tool call rendered inline as expandable cards (current behavior)\n * - 'compact': Single animated status line that updates with each tool call,\n * with accordion to expand and see execution details. Text streams unbroken.\n * - 'accordion': Simpler step-based accordion list that accumulates tool calls\n * with icons, labels, and durations (like Vidra's ThinkingIndicator).\n */\nexport type ToolDisplayMode = 'inline' | 'compact' | 'accordion';\n\n/**\n * Configuration for tool display behavior\n */\nexport interface ToolDisplayConfig {\n /**\n * Display mode for tool calls\n * @default 'inline'\n */\n mode: ToolDisplayMode;\n\n /**\n * For 'compact' mode: break into a new group every N tool calls\n * Set to 0 or undefined to never break (all tool calls in single group)\n * @default 0\n */\n breakEveryNToolCalls?: number;\n\n /**\n * Whether tool call groups start expanded\n * @default false\n */\n defaultExpanded?: boolean;\n\n /**\n * Animation duration for status line transitions (ms)\n * @default 300\n */\n animationDuration?: number;\n}\n\n/**\n * Default display configuration\n */\nexport const DEFAULT_DISPLAY_CONFIG: ToolDisplayConfig = {\n mode: 'inline',\n breakEveryNToolCalls: 0,\n defaultExpanded: false,\n animationDuration: 300,\n};\n\n// =============================================================================\n// Rich Content (Structured Approach - Preferred)\n// =============================================================================\n\n/**\n * A text segment within rich content\n */\nexport interface RichTextSegment {\n type: 'text';\n /** Plain text or markdown content */\n content: string;\n}\n\n/**\n * A mention/reference segment within rich content\n */\nexport interface RichMentionSegment {\n type: 'mention';\n /** The mentioned entity name */\n name: string;\n /** Optional identifier for the entity */\n id?: string;\n /** Optional color for styling */\n color?: string;\n /** Optional additional data */\n data?: Record<string, unknown>;\n}\n\n/**\n * A custom component segment within rich content\n */\nexport interface RichComponentSegment {\n type: 'component';\n /** Component type identifier (consumer handles rendering) */\n componentType: string;\n /** Props to pass to the component */\n props: Record<string, unknown>;\n}\n\n/**\n * Union of all rich content segment types\n */\nexport type RichContentSegment =\n | RichTextSegment\n | RichMentionSegment\n | RichComponentSegment;\n\n/**\n * Rich content array - the preferred way to send structured content\n *\n * @example\n * ```ts\n * const content: RichContent = [\n * { type: 'text', content: 'Looking at ' },\n * { type: 'mention', name: 'Scene1', color: '#ff0', id: 'seq-1' },\n * { type: 'text', content: ' timeline for the transition.' },\n * ];\n * ```\n */\nexport type RichContent = RichContentSegment[];\n\n/**\n * Props for rendering a mention segment\n */\nexport interface MentionRenderProps {\n segment: RichMentionSegment;\n}\n\n/**\n * Props for rendering a custom component segment\n */\nexport interface ComponentRenderProps {\n segment: RichComponentSegment;\n}\n\n/**\n * Custom render functions for rich content segments\n */\nexport interface RichContentRenderers {\n /**\n * Render a mention segment. If not provided, renders as styled badge.\n */\n renderMention?: (props: MentionRenderProps) => ReactNode;\n /**\n * Render a custom component segment.\n */\n renderComponent?: (props: ComponentRenderProps) => ReactNode;\n}\n\n// =============================================================================\n// Tool Execution Group (for compact mode)\n// =============================================================================\n\n/**\n * A group of consecutive tool calls that are displayed together\n * in compact mode. Text content before/after flows around the group.\n */\nexport interface ToolExecutionGroup {\n /** Unique ID for the group */\n id: string;\n\n /** Tool calls in this group (in order) */\n toolCalls: NormalizedToolCall[];\n\n /** Index of the currently active/latest tool call for status display */\n activeIndex: number;\n\n /** Whether all tool calls in this group have completed */\n isComplete: boolean;\n\n /** Overall status of the group */\n status: 'pending' | 'success' | 'partial_failure' | 'failed';\n}\n\n// =============================================================================\n// Theming & Customization\n// =============================================================================\n\n/**\n * Message visual style variant\n *\n * - 'bubble': Rounded card with padding and background (default for user messages)\n * - 'plain': No background, just text with subtle styling\n * - 'minimal': Bare text, no decoration\n */\nexport type MessageVariant = 'bubble' | 'plain' | 'minimal';\n\n/**\n * Typography scale/density preset\n *\n * - 'dense': Minimal spacing, smallest fonts (12px base) - for maximum information density\n * - 'compact': Tighter spacing, smaller fonts (13px base)\n * - 'default': Standard sizing (14px base)\n * - 'comfortable': More generous spacing (15px base)\n */\nexport type TypographyScale = 'dense' | 'compact' | 'default' | 'comfortable';\n\n/**\n * Message role for data attribute targeting\n */\nexport type MessageRole = 'user' | 'assistant' | 'thinking' | 'tool' | 'error' | 'widget';\n\n/**\n * Metadata to display with a message\n */\nexport interface MessageMetadata {\n /** Timestamp to display */\n timestamp?: string;\n /** Model name/info to display */\n model?: string;\n /** Custom label */\n label?: string;\n /** Any additional metadata */\n extra?: Record<string, unknown>;\n}\n\n/**\n * Function to render custom message metadata\n */\nexport type RenderMetadataFunction = (props: {\n entry: NormalizedEntry;\n metadata?: MessageMetadata;\n}) => ReactNode;\n\n/**\n * Custom markdown component overrides\n *\n * @example\n * ```tsx\n * const components: MarkdownComponents = {\n * h2: ({ children }) => <h2 className=\"custom-h2\">{children}</h2>,\n * code: ({ children, className }) => <CustomCode className={className}>{children}</CustomCode>,\n * };\n * ```\n */\nexport interface MarkdownComponents {\n h1?: React.ComponentType<{ children?: ReactNode }>;\n h2?: React.ComponentType<{ children?: ReactNode }>;\n h3?: React.ComponentType<{ children?: ReactNode }>;\n h4?: React.ComponentType<{ children?: ReactNode }>;\n h5?: React.ComponentType<{ children?: ReactNode }>;\n h6?: React.ComponentType<{ children?: ReactNode }>;\n p?: React.ComponentType<{ children?: ReactNode }>;\n a?: React.ComponentType<{ children?: ReactNode; href?: string }>;\n ul?: React.ComponentType<{ children?: ReactNode }>;\n ol?: React.ComponentType<{ children?: ReactNode }>;\n li?: React.ComponentType<{ children?: ReactNode }>;\n code?: React.ComponentType<{ children?: ReactNode; className?: string }>;\n pre?: React.ComponentType<{ children?: ReactNode }>;\n blockquote?: React.ComponentType<{ children?: ReactNode }>;\n strong?: React.ComponentType<{ children?: ReactNode }>;\n em?: React.ComponentType<{ children?: ReactNode }>;\n hr?: React.ComponentType<Record<string, never>>;\n img?: React.ComponentType<{ src?: string; alt?: string }>;\n table?: React.ComponentType<{ children?: ReactNode }>;\n thead?: React.ComponentType<{ children?: ReactNode }>;\n tbody?: React.ComponentType<{ children?: ReactNode }>;\n tr?: React.ComponentType<{ children?: ReactNode }>;\n th?: React.ComponentType<{ children?: ReactNode }>;\n td?: React.ComponentType<{ children?: ReactNode }>;\n}\n\n/**\n * Style configuration for message display\n */\nexport interface MessageStyleConfig {\n /** Variant for user messages */\n userVariant?: MessageVariant;\n /** Variant for assistant messages */\n assistantVariant?: MessageVariant;\n /** Typography/density scale */\n scale?: TypographyScale;\n /** Show timestamps with messages */\n showTimestamp?: boolean;\n /** Show avatars */\n showAvatars?: boolean;\n /** Custom class name for messages */\n messageClassName?: string;\n}\n\n/**\n * Default style configuration\n */\nexport const DEFAULT_STYLE_CONFIG: MessageStyleConfig = {\n userVariant: 'bubble',\n assistantVariant: 'bubble',\n scale: 'compact',\n showTimestamp: true,\n showAvatars: true,\n}\n"]}
package/dist/types.d.cts CHANGED
@@ -513,5 +513,153 @@ interface ToolExecutionGroup {
513
513
  /** Overall status of the group */
514
514
  status: 'pending' | 'success' | 'partial_failure' | 'failed';
515
515
  }
516
+ /**
517
+ * Message visual style variant
518
+ *
519
+ * - 'bubble': Rounded card with padding and background (default for user messages)
520
+ * - 'plain': No background, just text with subtle styling
521
+ * - 'minimal': Bare text, no decoration
522
+ */
523
+ type MessageVariant = 'bubble' | 'plain' | 'minimal';
524
+ /**
525
+ * Typography scale/density preset
526
+ *
527
+ * - 'dense': Minimal spacing, smallest fonts (12px base) - for maximum information density
528
+ * - 'compact': Tighter spacing, smaller fonts (13px base)
529
+ * - 'default': Standard sizing (14px base)
530
+ * - 'comfortable': More generous spacing (15px base)
531
+ */
532
+ type TypographyScale = 'dense' | 'compact' | 'default' | 'comfortable';
533
+ /**
534
+ * Message role for data attribute targeting
535
+ */
536
+ type MessageRole = 'user' | 'assistant' | 'thinking' | 'tool' | 'error' | 'widget';
537
+ /**
538
+ * Metadata to display with a message
539
+ */
540
+ interface MessageMetadata {
541
+ /** Timestamp to display */
542
+ timestamp?: string;
543
+ /** Model name/info to display */
544
+ model?: string;
545
+ /** Custom label */
546
+ label?: string;
547
+ /** Any additional metadata */
548
+ extra?: Record<string, unknown>;
549
+ }
550
+ /**
551
+ * Function to render custom message metadata
552
+ */
553
+ type RenderMetadataFunction = (props: {
554
+ entry: NormalizedEntry;
555
+ metadata?: MessageMetadata;
556
+ }) => ReactNode;
557
+ /**
558
+ * Custom markdown component overrides
559
+ *
560
+ * @example
561
+ * ```tsx
562
+ * const components: MarkdownComponents = {
563
+ * h2: ({ children }) => <h2 className="custom-h2">{children}</h2>,
564
+ * code: ({ children, className }) => <CustomCode className={className}>{children}</CustomCode>,
565
+ * };
566
+ * ```
567
+ */
568
+ interface MarkdownComponents {
569
+ h1?: React.ComponentType<{
570
+ children?: ReactNode;
571
+ }>;
572
+ h2?: React.ComponentType<{
573
+ children?: ReactNode;
574
+ }>;
575
+ h3?: React.ComponentType<{
576
+ children?: ReactNode;
577
+ }>;
578
+ h4?: React.ComponentType<{
579
+ children?: ReactNode;
580
+ }>;
581
+ h5?: React.ComponentType<{
582
+ children?: ReactNode;
583
+ }>;
584
+ h6?: React.ComponentType<{
585
+ children?: ReactNode;
586
+ }>;
587
+ p?: React.ComponentType<{
588
+ children?: ReactNode;
589
+ }>;
590
+ a?: React.ComponentType<{
591
+ children?: ReactNode;
592
+ href?: string;
593
+ }>;
594
+ ul?: React.ComponentType<{
595
+ children?: ReactNode;
596
+ }>;
597
+ ol?: React.ComponentType<{
598
+ children?: ReactNode;
599
+ }>;
600
+ li?: React.ComponentType<{
601
+ children?: ReactNode;
602
+ }>;
603
+ code?: React.ComponentType<{
604
+ children?: ReactNode;
605
+ className?: string;
606
+ }>;
607
+ pre?: React.ComponentType<{
608
+ children?: ReactNode;
609
+ }>;
610
+ blockquote?: React.ComponentType<{
611
+ children?: ReactNode;
612
+ }>;
613
+ strong?: React.ComponentType<{
614
+ children?: ReactNode;
615
+ }>;
616
+ em?: React.ComponentType<{
617
+ children?: ReactNode;
618
+ }>;
619
+ hr?: React.ComponentType<Record<string, never>>;
620
+ img?: React.ComponentType<{
621
+ src?: string;
622
+ alt?: string;
623
+ }>;
624
+ table?: React.ComponentType<{
625
+ children?: ReactNode;
626
+ }>;
627
+ thead?: React.ComponentType<{
628
+ children?: ReactNode;
629
+ }>;
630
+ tbody?: React.ComponentType<{
631
+ children?: ReactNode;
632
+ }>;
633
+ tr?: React.ComponentType<{
634
+ children?: ReactNode;
635
+ }>;
636
+ th?: React.ComponentType<{
637
+ children?: ReactNode;
638
+ }>;
639
+ td?: React.ComponentType<{
640
+ children?: ReactNode;
641
+ }>;
642
+ }
643
+ /**
644
+ * Style configuration for message display
645
+ */
646
+ interface MessageStyleConfig {
647
+ /** Variant for user messages */
648
+ userVariant?: MessageVariant;
649
+ /** Variant for assistant messages */
650
+ assistantVariant?: MessageVariant;
651
+ /** Typography/density scale */
652
+ scale?: TypographyScale;
653
+ /** Show timestamps with messages */
654
+ showTimestamp?: boolean;
655
+ /** Show avatars */
656
+ showAvatars?: boolean;
657
+ /** Custom class name for messages */
658
+ messageClassName?: string;
659
+ }
660
+ /**
661
+ * Default style configuration
662
+ */
663
+ declare const DEFAULT_STYLE_CONFIG: MessageStyleConfig;
516
664
 
517
- export { type ActionType, type AgentToolAction, type AssistantMessageEntry, type CommandRunAction, type CommandRunResult, type ComponentRenderProps, DEFAULT_DISPLAY_CONFIG, type ErrorEntry, type FileAttachment, type FileEditAction, type FileReadAction, type FileWriteAction, type GenericToolAction, type GlobAction, type LogCategory, type LogEntry, type LogLevel, type McpToolAction, type MentionRenderProps, type NormalizedEntry, type NormalizedEntryType, type NormalizedToolCall, type RichComponentSegment, type RichContent, type RichContentRenderers, type RichContentSegment, type RichMentionSegment, type RichTextSegment, type SearchAction, type ThinkingEntry, type TodoItem, type TodoStatus, type TodoWriteAction, type ToolCallEntry, type ToolDisplayConfig, type ToolDisplayMode, type ToolExecutionGroup, type ToolResult, type ToolStatus, type UserMessageEntry, type WebFetchAction, type WebSearchAction, type WidgetAction, type WidgetEntry, type WidgetRenderFunction, type WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry };
665
+ export { type ActionType, type AgentToolAction, type AssistantMessageEntry, type CommandRunAction, type CommandRunResult, type ComponentRenderProps, DEFAULT_DISPLAY_CONFIG, DEFAULT_STYLE_CONFIG, type ErrorEntry, type FileAttachment, type FileEditAction, type FileReadAction, type FileWriteAction, type GenericToolAction, type GlobAction, type LogCategory, type LogEntry, type LogLevel, type MarkdownComponents, type McpToolAction, type MentionRenderProps, type MessageMetadata, type MessageRole, type MessageStyleConfig, type MessageVariant, type NormalizedEntry, type NormalizedEntryType, type NormalizedToolCall, type RenderMetadataFunction, type RichComponentSegment, type RichContent, type RichContentRenderers, type RichContentSegment, type RichMentionSegment, type RichTextSegment, type SearchAction, type ThinkingEntry, type TodoItem, type TodoStatus, type TodoWriteAction, type ToolCallEntry, type ToolDisplayConfig, type ToolDisplayMode, type ToolExecutionGroup, type ToolResult, type ToolStatus, type TypographyScale, type UserMessageEntry, type WebFetchAction, type WebSearchAction, type WidgetAction, type WidgetEntry, type WidgetRenderFunction, type WidgetRenderProps, isAgentToolAction, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, isWidgetEntry };