npm - react-grab - Versions diffs - 0.0.56 → 0.0.57 - Mend

react-grab 0.0.56 → 0.0.57

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 (15) hide show

package/dist/{chunk-YLB7TBSB.js → chunk-B3JEIYPC.js} +247 -174
package/dist/{chunk-FXFNCH4T.cjs → chunk-IN2B3ZLM.cjs} +247 -174
package/dist/{core-B9k7XYK9.d.cts → core-DPj35Ngb.d.cts} +3 -2
package/dist/{core-B9k7XYK9.d.ts → core-DPj35Ngb.d.ts} +3 -2
package/dist/core.cjs +9 -9
package/dist/core.d.cts +1 -1
package/dist/core.d.ts +1 -1
package/dist/core.js +1 -1
package/dist/index.cjs +10 -9
package/dist/index.d.cts +2 -2
package/dist/index.d.ts +2 -2
package/dist/index.global.js +29 -29
package/dist/index.js +3 -2
package/dist/styles.css +1 -1
package/package.json +2 -2

package/dist/{chunk-FXFNCH4T.cjs → chunk-IN2B3ZLM.cjs} RENAMED Viewed

@@ -751,7 +751,8 @@ function cleanChildren(parent, current, marker, replacement) {
 }
 // dist/styles.css
-var styles_default = '/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-tag-text:#1e001f;--color-label-gray-border:#b0b0b0;--color-label-success-bg:#d9ffe4;--color-label-success-border:#00bb69;--color-label-success-text:#006e3b;--color-label-divider:#dedede;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-\\[2\\.5px\\]{margin-top:2.5px}.-ml-\\[5px\\]{margin-left:-5px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.hidden{display:none}.h-0{height:calc(var(--spacing)*0)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[14px\\]{height:14px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-\\[14px\\]{min-height:14px}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[18px\\]{width:18px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[3px\\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-br-\\[3px\\]{border-bottom-right-radius:3px}.rounded-bl-\\[3px\\]{border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\\[0\\.5px\\]{border-style:var(--tw-border-style);border-width:.5px}.border-t-\\[0\\.5px\\]{border-top-style:var(--tw-border-style);border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-gray-border{border-color:var(--color-label-gray-border)}.border-label-success-border{border-color:var(--color-label-success-border)}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-t-label-divider{border-top-color:var(--color-label-divider)}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-label-success-bg{background-color:var(--color-label-success-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[5px\\]{padding-inline:5px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.text-label-success-text{color:var(--color-label-success-text)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-label-tag-text{color:var(--color-label-tag-text)}.text-white{color:var(--color-white)}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.65\\]{opacity:.65}.brightness-125{--tw-brightness:brightness(125%);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,)}.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-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.react-grab-shimmer{position:relative;overflow:hidden}.react-grab-shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}';
+var styles_default = `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-gray-border:#b0b0b0;--color-label-success-bg:#d9ffe4;--color-label-success-border:#00bb69;--color-label-success-text:#006e3b;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[9px\\]{height:9px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-\\[18px\\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[3px\\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-br-\\[3px\\]{border-bottom-right-radius:3px}.rounded-bl-\\[3px\\]{border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\\[0\\.5px\\]{border-style:var(--tw-border-style);border-width:.5px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-gray-border{border-color:var(--color-label-gray-border)}.border-label-success-border{border-color:var(--color-label-success-border)}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#B6B6B6\\]{border-top-color:#b6b6b6}.bg-\\[\\#F2F2F2\\]{background-color:#f2f2f2}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-label-success-bg{background-color:var(--color-label-success-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.px-\\[5px\\]{padding-inline:5px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.text-\\[\\#47004A\\]{color:#47004a}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.text-label-success-text{color:var(--color-label-success-text)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.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,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);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,)}.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-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.react-grab-shimmer{position:relative;overflow:hidden}.react-grab-shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}`;
 // src/utils/is-keyboard-event-triggered-by-input.ts
 var FORM_TAGS_AND_ROLES = [
@@ -864,6 +865,11 @@ var mountRoot = (cssText) => {
   shadowRoot.appendChild(root);
   const doc = document.body ?? document.documentElement;
   doc.appendChild(host);
+  setTimeout(() => {
+    if (!doc.contains(host)) {
+      doc.appendChild(host);
+    }
+  }, 1e3);
   return root;
 };
@@ -3654,33 +3660,12 @@ var IconOpen = (props) => {
   })();
 };
-// src/components/icon-return-key.tsx
-var _tmpl$6 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 12 12"><g fill=none stroke-linecap=round stroke-linejoin=round stroke-width=1 stroke=currentColor><path d=m1.25,6.75h8.5c.5523,0,1-.4477,1-1v-2.5c0-.5523-.4477-1-1-1h-1.75></path><polyline points="3.75 4 1 6.75 3.75 9.5">`);
-var IconReturnKey = (props) => {
-  const size = () => props.size ?? 14;
-  return (() => {
-    var _el$ = _tmpl$6();
-    createRenderEffect((_p$) => {
-      var _v$ = size(), _v$2 = size(), _v$3 = props.class;
-      _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
-      _v$3 !== _p$.a && setAttribute(_el$, "class", _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })();
-};
 // src/components/icon-stop.tsx
-var _tmpl$7 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 9 9"fill=none><rect x=1 y=1 width=7 height=7 rx=1 fill=currentColor>`);
+var _tmpl$6 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 9 9"fill=none><rect x=1 y=1 width=7 height=7 rx=1 fill=currentColor>`);
 var IconStop = (props) => {
   const size = () => props.size ?? 9;
   return (() => {
-    var _el$ = _tmpl$7();
+    var _el$ = _tmpl$6();
     createRenderEffect((_p$) => {
       var _v$ = size(), _v$2 = size(), _v$3 = props.class;
       _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
@@ -3697,22 +3682,25 @@ var IconStop = (props) => {
 };
 // src/components/selection-label.tsx
-var _tmpl$8 = /* @__PURE__ */ template(`<div style="background-image:linear-gradient(in oklab 180deg, oklab(88.7% 0.086 -0.058) 0%, oklab(83.2% 0.132 -0.089) 100%)"><span>`);
+var _tmpl$7 = /* @__PURE__ */ template(`<div style="background-image:linear-gradient(in oklab 180deg, oklab(88.7% 0.086 -0.058) 0%, oklab(83.2% 0.132 -0.089) 100%)"><span>`);
 var _tmpl$22 = /* @__PURE__ */ template(`<span>`);
 var _tmpl$32 = /* @__PURE__ */ template(`<button>`);
 var _tmpl$42 = /* @__PURE__ */ template(`<div>`);
 var _tmpl$52 = /* @__PURE__ */ template(`<div class="flex items-center h-[18px] rounded-[1.5px] gap-[3px] px-[5px] py-px bg-label-success-bg border-[0.5px] border-solid border-label-success-border"><span class="text-label-success-text text-[12px] leading-4 font-medium tracking-[-0.04em]">`);
-var _tmpl$62 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent;z-index:1">`);
-var _tmpl$72 = /* @__PURE__ */ template(`<div class="shrink-0 flex flex-col items-start px-2 py-[5px] w-full h-fit rounded-bl-[3px] rounded-br-[3px] border-t-[0.5px] border-t-solid border-t-label-divider">`);
-var _tmpl$82 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px]">`);
-var _tmpl$9 = /* @__PURE__ */ template(`<button class="flex items-center justify-center w-[18px] h-[18px] rounded-full cursor-pointer bg-black border-none transition-opacity hover:opacity-80"title=Stop>`);
-var _tmpl$0 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] react-grab-shimmer rounded-[3px]">`);
-var _tmpl$1 = /* @__PURE__ */ template(`<div class="shrink-0 flex items-center gap-1 w-full h-[14px]"><span class="text-label-muted text-[12px] leading-3.5 shrink-0 tracking-[-0.04em] font-medium w-fit h-fit">to change`);
-var _tmpl$10 = /* @__PURE__ */ template(`<div class="shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="shrink-0 flex items-center gap-[3px] pt-1 w-fit h-fit px-1">`);
-var _tmpl$11 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-start w-full min-h-[14px]"><textarea class="text-black text-[12px] leading-3.5 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0"placeholder="type to modify..."rows=1 style=field-sizing:content;min-height:14px></textarea><button class="shrink-0 flex items-center gap-1 w-fit h-fit cursor-pointer bg-transparent border-none p-0 ml-1 mt-[2.5px]">`);
-var _tmpl$12 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out"style=z-index:2147483647><div class="relative flex items-center gap-[5px] bg-white rounded-[3px]"style="box-shadow:#00000033 0px 2px 3px">`);
+var _tmpl$62 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent">`);
+var _tmpl$72 = /* @__PURE__ */ template(`<div role=button><div class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Click to copy`);
+var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit rounded-bl-[3px] rounded-br-[3px] self-stretch bg-[#F2F2F2] [border-top-width:0.5px] border-t-solid border-t-[#B6B6B6] rounded-t-none">`);
+var _tmpl$9 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] pt-1 pb-1.5 px-1.5">`);
+var _tmpl$0 = /* @__PURE__ */ template(`<button class="flex items-center justify-center w-[18px] h-[18px] rounded-full cursor-pointer bg-black border-none transition-opacity hover:opacity-80"title=Stop>`);
+var _tmpl$1 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] react-grab-shimmer rounded-[3px] pt-1 pb-1.5 px-1.5">`);
+var _tmpl$10 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start p-0.5 rounded-[1px] bg-white [border-width:0.5px] border-solid border-white w-fit h-fit"style="box-shadow:#0000008C 0px 0px 2px"><div class="w-2.5 h-[9px] shrink-0 opacity-[0.99] bg-cover bg-center"style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)></div></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
+var _tmpl$11 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit pt-1 px-1.5"></div><div class="grid w-full transition-[grid-template-rows] duration-30 ease-out"><div class="overflow-hidden min-h-0">`);
+var _tmpl$12 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0"placeholder="type to edit"rows=1 style=field-sizing:content;min-height:16px></textarea><button class="contain-layout shrink-0 flex flex-col items-start p-0.5 rounded-xs bg-white [border-width:0.5px] border-solid border-white w-fit h-fit cursor-pointer ml-1 transition-none hover:scale-105 hover:shadow-md"style="box-shadow:#0000008C 0px 0px 2px"><div style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)>`);
+var _tmpl$13 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-fit h-fit">`);
+var _tmpl$14 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out"style="z-index:2147483647;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2)) drop-shadow(0 2px 4px rgba(0,0,0,0.25))"><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-[2px] bg-white antialiased w-fit h-fit p-0">`);
 var ARROW_HEIGHT = 8;
 var LABEL_GAP = 4;
+var IDLE_TIMEOUT_MS = 400;
 var TagBadge = (props) => {
   const [isHovered, setIsHovered] = createSignal(false);
   const handleMouseEnter = () => {
@@ -3724,26 +3712,26 @@ var TagBadge = (props) => {
     props.onHoverChange?.(false);
   };
   return (() => {
-    var _el$ = _tmpl$8(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$7(), _el$2 = _el$.firstChild;
     addEventListener(_el$, "click", props.onClick);
     _el$.addEventListener("mouseleave", handleMouseLeave);
     _el$.addEventListener("mouseenter", handleMouseEnter);
     insert(_el$2, () => props.tagName);
     insert(_el$, createComponent(Show, {
       get when() {
-        return props.isClickable;
+        return props.isClickable || props.forceShowIcon;
       },
       get children() {
         return createComponent(IconOpen, {
           size: 10,
           get ["class"]() {
-            return cn("text-label-tag-border transition-all duration-100", isHovered() ? "opacity-100 scale-100" : "opacity-0 scale-75 -ml-[5px] w-0");
+            return cn("text-label-tag-border transition-all duration-100", isHovered() || props.forceShowIcon ? "opacity-100 scale-100" : "opacity-0 scale-75 -ml-[2px] w-0");
           }
         });
       }
     }), null);
     createRenderEffect((_p$) => {
-      var _v$ = cn("flex items-center px-1 py-px h-[18px] rounded-[1.5px] gap-[5px] border-[0.5px] border-solid border-label-tag-border", props.shrink && "shrink-0 w-fit", props.isClickable && "cursor-pointer"), _v$2 = cn("text-label-tag-text text-[12px] leading-4 font-medium tracking-[-0.04em]", props.showMono && "font-mono", props.shrink && "shrink-0 w-fit h-fit");
+      var _v$ = cn("contain-layout flex items-center px-[3px] py-0 h-4 rounded-[1px] gap-[2px] [border-width:0.5px] border-solid border-label-tag-border", props.shrink && "shrink-0 w-fit", props.isClickable && "cursor-pointer"), _v$2 = cn("text-[#47004A] text-[11.5px] leading-3.5 shrink-0 w-fit h-fit", props.showMono ? "tracking-[-0.08em] font-[ui-monospace,'SFMono-Regular','SF_Mono','Menlo','Consolas','Liberation_Mono',monospace]" : "tracking-[-0.04em] font-medium");
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
       return _p$;
@@ -3805,32 +3793,17 @@ var Arrow = (props) => (() => {
   }, _$p));
   return _el$8;
 })();
-var ClickToCopyPill = (props) => createComponent(ActionPill, {
-  get icon() {
-    return createComponent(IconCursorSimple, {
-      size: 9,
-      "class": "text-black shrink-0"
-    });
-  },
-  label: "Click to copy",
-  get onClick() {
-    return props.onClick;
-  },
-  get asButton() {
-    return props.asButton;
-  },
-  get dimmed() {
-    return props.dimmed;
-  },
-  get shrink() {
-    return props.shrink;
-  }
-});
-var BottomSection = (props) => (() => {
+var ClickToCopyPill = (props) => (() => {
   var _el$9 = _tmpl$72();
-  insert(_el$9, () => props.children);
+  addEventListener(_el$9, "click", props.onClick);
+  createRenderEffect(() => className(_el$9, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
   return _el$9;
 })();
+var BottomSection = (props) => (() => {
+  var _el$0 = _tmpl$8();
+  insert(_el$0, () => props.children);
+  return _el$0;
+})();
 var SelectionLabel = (props) => {
   let containerRef;
   let inputRef;
@@ -3839,6 +3812,7 @@ var SelectionLabel = (props) => {
   const [measuredHeight, setMeasuredHeight] = createSignal(0);
   const [arrowPosition, setArrowPosition] = createSignal("bottom");
   const [viewportVersion, setViewportVersion] = createSignal(0);
+  const [isIdle, setIsIdle] = createSignal(false);
   const isNotProcessing = () => props.status !== "copying" && props.status !== "copied" && props.status !== "fading";
   const measureContainer = () => {
     if (containerRef && !isTagCurrentlyHovered) {
@@ -3853,14 +3827,45 @@ var SelectionLabel = (props) => {
   const handleViewportChange = () => {
     setViewportVersion((version) => version + 1);
   };
+  let idleTimeout;
+  const resetIdleTimer = () => {
+    setIsIdle(false);
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+    idleTimeout = setTimeout(() => {
+      setIsIdle(true);
+    }, IDLE_TIMEOUT_MS);
+  };
+  const handleGlobalKeyDown = (event) => {
+    if (event.code === "Enter" && isIdle() && !props.isInputExpanded && isNotProcessing()) {
+      event.preventDefault();
+      event.stopPropagation();
+      props.onToggleExpand?.();
+    }
+  };
   onMount(() => {
     measureContainer();
     window.addEventListener("scroll", handleViewportChange, true);
     window.addEventListener("resize", handleViewportChange);
+    window.addEventListener("keydown", handleGlobalKeyDown, {
+      capture: true
+    });
+    resetIdleTimer();
   });
   onCleanup(() => {
     window.removeEventListener("scroll", handleViewportChange, true);
     window.removeEventListener("resize", handleViewportChange);
+    window.removeEventListener("keydown", handleGlobalKeyDown, {
+      capture: true
+    });
+    if (idleTimeout) {
+      clearTimeout(idleTimeout);
+    }
+  });
+  createEffect(() => {
+    void props.selectionBounds;
+    resetIdleTimer();
   });
   createEffect(() => {
     if (props.visible) {
@@ -3868,7 +3873,7 @@ var SelectionLabel = (props) => {
     }
   });
   createEffect(() => {
-    void [props.status, props.isInputExpanded, props.inputValue];
+    void props.status;
     requestAnimationFrame(measureContainer);
   });
   createEffect(() => {
@@ -3954,26 +3959,26 @@ var SelectionLabel = (props) => {
       return memo(() => props.visible !== false)() && props.selectionBounds;
     },
     get children() {
-      var _el$0 = _tmpl$12(), _el$1 = _el$0.firstChild;
-      _el$0.$$click = stopPropagation;
-      _el$0.$$mousedown = stopPropagation;
+      var _el$1 = _tmpl$14(), _el$10 = _el$1.firstChild;
+      _el$1.$$click = stopPropagation;
+      _el$1.$$mousedown = stopPropagation;
       var _ref$ = containerRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$0) : containerRef = _el$0;
-      insert(_el$0, createComponent(Arrow, {
+      typeof _ref$ === "function" ? use(_ref$, _el$1) : containerRef = _el$1;
+      insert(_el$1, createComponent(Arrow, {
         get position() {
           return arrowPosition();
         },
         get leftPx() {
           return computedPosition().arrowLeft;
         }
-      }), _el$1);
-      insert(_el$1, createComponent(Show, {
+      }), _el$10);
+      insert(_el$10, createComponent(Show, {
         get when() {
           return props.status === "copied" || props.status === "fading";
         },
         get children() {
-          var _el$10 = _tmpl$82();
-          insert(_el$10, createComponent(TagBadge, {
+          var _el$11 = _tmpl$9();
+          insert(_el$11, createComponent(TagBadge, {
             get tagName() {
               return tagDisplay();
             },
@@ -3981,23 +3986,25 @@ var SelectionLabel = (props) => {
               return isTagClickable();
             },
             onClick: handleTagClick,
-            onHoverChange: handleTagHoverChange
+            onHoverChange: handleTagHoverChange,
+            showMono: true,
+            shrink: true
           }), null);
-          insert(_el$10, createComponent(SuccessPill, {
+          insert(_el$11, createComponent(SuccessPill, {
             get hasAgent() {
               return props.hasAgent;
             }
           }), null);
-          return _el$10;
+          return _el$11;
         }
       }), null);
-      insert(_el$1, createComponent(Show, {
+      insert(_el$10, createComponent(Show, {
         get when() {
           return props.status === "copying";
         },
         get children() {
-          var _el$11 = _tmpl$0();
-          insert(_el$11, createComponent(TagBadge, {
+          var _el$12 = _tmpl$1();
+          insert(_el$12, createComponent(TagBadge, {
             get tagName() {
               return tagDisplay();
             },
@@ -4006,9 +4013,10 @@ var SelectionLabel = (props) => {
             },
             onClick: handleTagClick,
             onHoverChange: handleTagHoverChange,
-            showMono: true
+            showMono: true,
+            shrink: true
           }), null);
-          insert(_el$11, createComponent(ActionPill, {
+          insert(_el$12, createComponent(ActionPill, {
             get icon() {
               return createComponent(IconCursorSimple, {
                 size: 9,
@@ -4019,40 +4027,44 @@ var SelectionLabel = (props) => {
               return props.statusText ?? "Grabbing\u2026";
             }
           }), null);
-          insert(_el$11, createComponent(Show, {
+          insert(_el$12, createComponent(Show, {
             get when() {
               return memo(() => !!props.hasAgent)() && props.onAbort;
             },
             get children() {
-              var _el$12 = _tmpl$9();
-              _el$12.$$click = (event) => {
+              var _el$13 = _tmpl$0();
+              _el$13.$$click = (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
                 props.onAbort?.();
               };
-              _el$12.$$mousedown = (event) => {
+              _el$13.$$mousedown = (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
               };
-              insert(_el$12, createComponent(IconStop, {
+              insert(_el$13, createComponent(IconStop, {
                 size: 8,
                 "class": "text-white"
               }));
-              return _el$12;
+              return _el$13;
             }
           }), null);
-          return _el$11;
+          return _el$12;
         }
       }), null);
-      insert(_el$1, createComponent(Show, {
+      insert(_el$10, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
         },
         get children() {
-          var _el$13 = _tmpl$10(), _el$14 = _el$13.firstChild;
-          insert(_el$14, createComponent(TagBadge, {
+          var _el$14 = _tmpl$11(), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild;
+          insert(_el$15, createComponent(ClickToCopyPill, {
+            onClick: handleSubmit,
+            shrink: true
+          }), null);
+          insert(_el$15, createComponent(TagBadge, {
             get tagName() {
               return tagDisplay();
             },
@@ -4064,30 +4076,28 @@ var SelectionLabel = (props) => {
             showMono: true,
             shrink: true
           }), null);
-          insert(_el$14, createComponent(ClickToCopyPill, {
-            onClick: handleSubmit,
-            shrink: true
-          }), null);
-          insert(_el$13, createComponent(BottomSection, {
+          insert(_el$17, createComponent(BottomSection, {
             get children() {
-              var _el$15 = _tmpl$1(), _el$16 = _el$15.firstChild;
-              insert(_el$15, createComponent(IconReturnKey, {
-                size: 12,
-                "class": "shrink-0 text-black opacity-[0.65]"
-              }), _el$16);
-              return _el$15;
+              var _el$18 = _tmpl$10(), _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling; _el$20.firstChild;
+              return _el$18;
             }
-          }), null);
-          return _el$13;
+          }));
+          createRenderEffect((_$p) => setStyleProperty(_el$16, "grid-template-rows", isIdle() ? "1fr" : "0fr"));
+          return _el$14;
         }
       }), null);
-      insert(_el$1, createComponent(Show, {
+      insert(_el$10, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && props.isInputExpanded;
         },
         get children() {
-          var _el$17 = _tmpl$10(), _el$18 = _el$17.firstChild;
-          insert(_el$18, createComponent(TagBadge, {
+          var _el$22 = _tmpl$13(), _el$23 = _el$22.firstChild;
+          insert(_el$23, createComponent(ClickToCopyPill, {
+            onClick: handleSubmit,
+            dimmed: true,
+            shrink: true
+          }), null);
+          insert(_el$23, createComponent(TagBadge, {
             get tagName() {
               return tagDisplay();
             },
@@ -4097,55 +4107,46 @@ var SelectionLabel = (props) => {
             onClick: handleTagClick,
             onHoverChange: handleTagHoverChange,
             showMono: true,
-            shrink: true
+            shrink: true,
+            forceShowIcon: true
           }), null);
-          insert(_el$18, createComponent(ClickToCopyPill, {
-            onClick: handleSubmit,
-            dimmed: true,
-            shrink: true
-          }), null);
-          insert(_el$17, createComponent(BottomSection, {
+          insert(_el$22, createComponent(BottomSection, {
             get children() {
-              var _el$19 = _tmpl$11(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
-              _el$20.$$keydown = handleKeyDown;
-              _el$20.$$input = handleInput;
+              var _el$24 = _tmpl$12(), _el$25 = _el$24.firstChild, _el$26 = _el$25.nextSibling, _el$27 = _el$26.firstChild;
+              _el$25.$$keydown = handleKeyDown;
+              _el$25.$$input = handleInput;
               var _ref$2 = inputRef;
-              typeof _ref$2 === "function" ? use(_ref$2, _el$20) : inputRef = _el$20;
-              _el$21.$$click = handleSubmit;
-              insert(_el$21, createComponent(IconReturnKey, {
-                size: 12,
-                "class": "shrink-0 text-black"
-              }));
-              createRenderEffect(() => _el$20.value = props.inputValue ?? "");
-              return _el$19;
+              typeof _ref$2 === "function" ? use(_ref$2, _el$25) : inputRef = _el$25;
+              _el$26.$$click = handleSubmit;
+              createRenderEffect(() => className(_el$27, cn("w-2.5 h-[9px] shrink-0 bg-cover bg-center transition-opacity duration-100", props.inputValue ? "opacity-[0.99]" : "opacity-50")));
+              createRenderEffect(() => _el$25.value = props.inputValue ?? "");
+              return _el$24;
             }
           }), null);
-          return _el$17;
+          return _el$22;
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$3 = `${computedPosition().top}px`, _v$4 = `${computedPosition().left}px`, _v$5 = props.visible ? "auto" : "none", _v$6 = props.status === "fading" ? 0 : 1, _v$7 = !isNotProcessing() ? "4px" : "0";
-        _v$3 !== _p$.e && setStyleProperty(_el$0, "top", _p$.e = _v$3);
-        _v$4 !== _p$.t && setStyleProperty(_el$0, "left", _p$.t = _v$4);
-        _v$5 !== _p$.a && setStyleProperty(_el$0, "pointer-events", _p$.a = _v$5);
-        _v$6 !== _p$.o && setStyleProperty(_el$0, "opacity", _p$.o = _v$6);
-        _v$7 !== _p$.i && setStyleProperty(_el$1, "padding", _p$.i = _v$7);
+        var _v$3 = `${computedPosition().top}px`, _v$4 = `${computedPosition().left}px`, _v$5 = props.visible ? "auto" : "none", _v$6 = props.status === "fading" ? 0 : 1;
+        _v$3 !== _p$.e && setStyleProperty(_el$1, "top", _p$.e = _v$3);
+        _v$4 !== _p$.t && setStyleProperty(_el$1, "left", _p$.t = _v$4);
+        _v$5 !== _p$.a && setStyleProperty(_el$1, "pointer-events", _p$.a = _v$5);
+        _v$6 !== _p$.o && setStyleProperty(_el$1, "opacity", _p$.o = _v$6);
         return _p$;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
-        o: void 0,
-        i: void 0
+        o: void 0
       });
-      return _el$0;
+      return _el$1;
     }
   });
 };
 delegateEvents(["click", "mousedown", "input", "keydown"]);
 // src/components/selection-cursor.tsx
-var _tmpl$13 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
+var _tmpl$15 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
 var SelectionCursor = (props) => {
   const [isHovered, setIsHovered] = createSignal(false);
   const [debouncedVisible, setDebouncedVisible] = createSignal(false);
@@ -4182,7 +4183,7 @@ var SelectionCursor = (props) => {
           });
         }
       }), (() => {
-        var _el$ = _tmpl$13(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$15(), _el$2 = _el$.firstChild;
         _el$.addEventListener("mouseleave", () => setIsHovered(false));
         _el$.addEventListener("mouseenter", () => setIsHovered(true));
         _el$2.$$click = handleClick;
@@ -4427,8 +4428,8 @@ var ReactGrabRenderer = (props) => {
   })];
 };
-// ../../node_modules/.pnpm/bippy@0.5.16_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-CrcWl4lP.js
-var e = `0.5.16`;
+// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-Ds2lt3Ph.js
+var e = `0.5.17`;
 var t = `bippy-${e}`;
 var n = Object.defineProperty;
 var r2 = Object.prototype.hasOwnProperty;
@@ -4515,10 +4516,10 @@ var _ = () => {
   }
 };
-// ../../node_modules/.pnpm/bippy@0.5.16_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-DtUPvEBg.js
+// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-BE254Zqc.js
 _();
-// ../../node_modules/.pnpm/bippy@0.5.16_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-D7_ABaNC.js
+// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-BKZAzaFk.js
 var a2 = 0;
 var o2 = 1;
 var c2 = 5;
@@ -4554,7 +4555,7 @@ var pe = (e2) => {
       return false;
   }
 };
-var me = (e2) => !e2 || typeof e2 != `object` ? true : `pendingProps` in e2 && !(`containerInfo` in e2);
+var me = (e2) => !e2 || typeof e2 != `object` ? false : `pendingProps` in e2 && !(`containerInfo` in e2);
 function N(e2, t2, n2 = false) {
   if (!e2) return null;
   let r3 = t2(e2);
@@ -4643,7 +4644,7 @@ var Pe = (e2) => {
 };
 var $ = /* @__PURE__ */ new Set();
-// ../../node_modules/.pnpm/bippy@0.5.16_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
+// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
 var b2 = Object.create;
 var x2 = Object.defineProperty;
 var S2 = Object.getOwnPropertyDescriptor;
@@ -5200,7 +5201,7 @@ var Y = async (e2, t2 = true, n2) => {
   return t2 && W2.delete(e2), t2 && (i2 === null ? U2.set(e2, null) : U2.set(e2, H2 ? new WeakRef(i2) : i2)), i2;
 };
 var be2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-var xe2 = [`rsc://`, `file:///`, `webpack://`, `node:`, `turbopack://`, `metro://`];
+var xe2 = [`rsc://`, `file:///`, `webpack://`, `node:`, `turbopack://`, `metro://`, `///app-pages-browser/`];
 var Se2 = `about://React/`;
 var Ce2 = [`<anonymous>`, `eval`, ``];
 var we2 = /\.(jsx|tsx|ts|js)$/;
@@ -5293,6 +5294,7 @@ var NEXT_INTERNAL_COMPONENT_NAMES = /* @__PURE__ */ new Set([
   "RootErrorBoundary"
 ]);
 var checkIsNextProject = () => {
+  if (typeof document === "undefined") return false;
   return Boolean(document.getElementById("__NEXT_DATA__"));
 };
 var checkIsInternalComponentName = (name) => {
@@ -5367,15 +5369,17 @@ var formatElementInfo = async (element) => {
   const html = getHTMLPreview(element);
   const stack = await getStack(element);
   const isNextProject = checkIsNextProject();
-  let serverBoundary = null;
-  let componentName = null;
+  let serverComponentName = null;
+  let clientComponentName = null;
   let fileName = null;
   let lineNumber = null;
   let columnNumber = null;
   for (const frame of stack) {
     if (!frame.source) continue;
     if (frame.source.fileName.startsWith("about://React/Server")) {
-      if (!serverBoundary) serverBoundary = frame.name;
+      if (!serverComponentName && checkIsSourceComponentName(frame.name)) {
+        serverComponentName = frame.name;
+      }
       continue;
     }
     if (je2(frame.source.fileName)) {
@@ -5384,25 +5388,27 @@ var formatElementInfo = async (element) => {
         lineNumber = frame.source.lineNumber ?? null;
         columnNumber = frame.source.columnNumber ?? null;
       }
-      if (!componentName && checkIsSourceComponentName(frame.name)) {
-        componentName = frame.name;
+      if (!clientComponentName && checkIsSourceComponentName(frame.name)) {
+        clientComponentName = frame.name;
       }
-      if (fileName && componentName) {
+      if (fileName && clientComponentName) {
         break;
       }
     }
   }
+  const componentName = serverComponentName ?? clientComponentName;
   if (!componentName || !fileName) {
     return html;
   }
   let result = `${html}
-in ${componentName} at ${fileName}`;
+in ${componentName}`;
+  if (serverComponentName && clientComponentName) {
+    result += ` (Server \u2192 Client: ${clientComponentName})`;
+  }
+  result += ` at ${fileName}`;
   if (isNextProject && lineNumber && columnNumber) {
     result += `:${lineNumber}:${columnNumber}`;
   }
-  if (serverBoundary) {
-    result += ` (via Server: ${serverBoundary})`;
-  }
   return result;
 };
 var getFileName = (stack) => {
@@ -5967,10 +5973,17 @@ var generateSnippet = async (elements) => {
 };
 // src/agent.ts
-var createAgentManager = (agentOptions) => {
+var createAgentManager = (initialAgentOptions) => {
   const [sessions, setSessions] = createSignal(/* @__PURE__ */ new Map());
   const abortControllers = /* @__PURE__ */ new Map();
   const sessionElements = /* @__PURE__ */ new Map();
+  let agentOptions = initialAgentOptions;
+  const setOptions = (options) => {
+    agentOptions = options;
+  };
+  const getOptions = () => {
+    return agentOptions;
+  };
   const isProcessing = () => sessions().size > 0;
   const executeSessionStream = async (session, streamIterator) => {
     const storage = agentOptions?.storage;
@@ -6154,12 +6167,14 @@ var createAgentManager = (agentOptions) => {
     abortSession,
     abortAllSessions,
     updateSessionBoundsOnViewportChange,
-    getSessionElement
+    getSessionElement,
+    setOptions,
+    getOptions
   };
 };
 // src/core.tsx
-var _tmpl$14 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
+var _tmpl$16 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
 var _tmpl$23 = /* @__PURE__ */ template(`<span class="font-mono tabular-nums align-middle">&lt;<!>>`);
 var _tmpl$33 = /* @__PURE__ */ template(`<span class="tabular-nums ml-1 align-middle"> in `);
 var hasInited = false;
@@ -6174,6 +6189,34 @@ var getScriptOptions = () => {
   }
 };
 var init = (rawOptions) => {
+  const initialTheme = mergeTheme(rawOptions?.theme);
+  if (typeof window === "undefined") {
+    return {
+      activate: () => {
+      },
+      deactivate: () => {
+      },
+      toggle: () => {
+      },
+      isActive: () => false,
+      dispose: () => {
+      },
+      copyElement: () => Promise.resolve(false),
+      getState: () => ({
+        isActive: false,
+        isDragging: false,
+        isCopying: false,
+        isInputMode: false,
+        targetElement: null,
+        dragBounds: null
+      }),
+      updateTheme: () => {
+      },
+      getTheme: () => initialTheme,
+      setAgent: () => {
+      }
+    };
+  }
   const scriptOptions = getScriptOptions();
   const options = {
     enabled: true,
@@ -6182,7 +6225,7 @@ var init = (rawOptions) => {
     ...scriptOptions,
     ...rawOptions
   };
-  const initialTheme = mergeTheme(options.theme);
+  const mergedTheme = mergeTheme(options.theme);
   if (options.enabled === false || hasInited) {
     return {
       activate: () => {
@@ -6205,13 +6248,15 @@ var init = (rawOptions) => {
       }),
       updateTheme: () => {
       },
-      getTheme: () => initialTheme
+      getTheme: () => mergedTheme,
+      setAgent: () => {
+      }
     };
   }
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.56";
+      const version = "0.0.57";
       const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
       console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
 https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
@@ -6232,7 +6277,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
   };
   logIntro();
   return createRoot((dispose2) => {
-    const [theme, setTheme] = createSignal(initialTheme);
+    const [theme, setTheme] = createSignal(mergedTheme);
     const [isHoldingKeys, setIsHoldingKeys] = createSignal(false);
     const [mouseX, setMouseX] = createSignal(OFFSCREEN_POSITION);
     const [mouseY, setMouseY] = createSignal(OFFSCREEN_POSITION);
@@ -6260,6 +6305,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const [isToggleFrozen, setIsToggleFrozen] = createSignal(false);
     const [isInputExpanded, setIsInputExpanded] = createSignal(false);
     const [frozenElement, setFrozenElement] = createSignal(null);
+    const [hasAgentProvider, setHasAgentProvider] = createSignal(Boolean(options.agent?.provider));
     const [nativeSelectionCursorX, setNativeSelectionCursorX] = createSignal(OFFSCREEN_POSITION);
     const [nativeSelectionCursorY, setNativeSelectionCursorY] = createSignal(OFFSCREEN_POSITION);
     const [hasNativeSelection, setHasNativeSelection] = createSignal(false);
@@ -6411,9 +6457,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
           }, COPIED_LABEL_DURATION_MS);
         }
         if (isToggleMode()) {
-          setTimeout(() => {
-            deactivateRenderer();
-          }, COPIED_LABEL_DURATION_MS + 350);
+          deactivateRenderer();
         }
       });
     };
@@ -6562,7 +6606,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const copying = isCopying();
       if (!element) {
         return (() => {
-          var _el$ = _tmpl$14();
+          var _el$ = _tmpl$16();
           insert(_el$, copying ? "Please wait\u2026" : "1 element");
           return _el$;
         })();
@@ -6588,7 +6632,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         })();
       }
       return (() => {
-        var _el$10 = _tmpl$14();
+        var _el$10 = _tmpl$16();
         insert(_el$10, copying ? "Please wait\u2026" : "1 element");
         return _el$10;
       })();
@@ -6829,7 +6873,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const currentY = bounds.y + bounds.height / 2;
       setMouseX(currentX);
       setMouseY(currentY);
-      if (options.agent?.provider && prompt) {
+      if (hasAgentProvider() && prompt) {
         deactivateRenderer();
         void agentManager.startSession({
           element,
@@ -6942,7 +6986,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
             transform: stripTranslateFromTransform(firstElement)
           };
           const tagName = extractElementTagName(firstElement);
-          if (options.agent?.provider) {
+          if (hasAgentProvider()) {
             const centerX = bounds.x + bounds.width / 2;
             const centerY = bounds.y + bounds.height / 2;
             setMouseX(centerX);
@@ -7385,7 +7429,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           return isInputExpanded();
         },
         get hasAgent() {
-          return Boolean(options.agent?.provider);
+          return hasAgentProvider();
         },
         get agentSessions() {
           return agentManager.sessions();
@@ -7420,7 +7464,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         }
       }), rendererRoot);
     }
-    if (options.agent?.provider) {
+    if (hasAgentProvider()) {
       agentManager.tryResumeSessions();
     }
     const copyElementAPI = async (elements) => {
@@ -7473,16 +7517,45 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       getState: getStateAPI,
       updateTheme: (partialTheme) => {
         const currentTheme = theme();
-        const mergedTheme = deepMergeTheme(currentTheme, partialTheme);
-        setTheme(mergedTheme);
+        const mergedTheme2 = deepMergeTheme(currentTheme, partialTheme);
+        setTheme(mergedTheme2);
       },
-      getTheme: () => theme()
+      getTheme: () => theme(),
+      setAgent: (newAgentOptions) => {
+        const existingOptions = agentManager.getOptions();
+        const mergedOptions = {
+          ...existingOptions,
+          ...newAgentOptions,
+          provider: newAgentOptions.provider ?? existingOptions?.provider,
+          onAbort: (session, element) => {
+            newAgentOptions?.onAbort?.(session, element);
+            if (element && document.contains(element)) {
+              const rect = element.getBoundingClientRect();
+              const centerX = rect.left + rect.width / 2;
+              const centerY = rect.top + rect.height / 2;
+              setMouseX(centerX);
+              setMouseY(centerY);
+              setFrozenElement(element);
+              setInputText(session.context.prompt);
+              setIsInputExpanded(true);
+              setIsInputMode(true);
+              setIsToggleMode(true);
+              setIsToggleFrozen(true);
+              if (!isActivated()) {
+                activateRenderer();
+              }
+            }
+          }
+        };
+        agentManager.setOptions(mergedOptions);
+        setHasAgentProvider(Boolean(mergedOptions.provider));
+      }
     };
   });
 };
 /*! Bundled license information:
-bippy/dist/rdt-hook-CrcWl4lP.js:
+bippy/dist/rdt-hook-Ds2lt3Ph.js:
   (**
    * @license bippy
    *
@@ -7492,7 +7565,7 @@ bippy/dist/rdt-hook-CrcWl4lP.js:
    * LICENSE file in the root directory of this source tree.
    *)
-bippy/dist/install-hook-only-DtUPvEBg.js:
+bippy/dist/install-hook-only-BE254Zqc.js:
   (**
    * @license bippy
    *
@@ -7502,7 +7575,7 @@ bippy/dist/install-hook-only-DtUPvEBg.js:
    * LICENSE file in the root directory of this source tree.
    *)
-bippy/dist/core-D7_ABaNC.js:
+bippy/dist/core-BKZAzaFk.js:
   (**
    * @license bippy
    *