npm - react-grab - Versions diffs - 0.0.72 → 0.0.74 - Mend

react-grab 0.0.72 → 0.0.74

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

package/README.md +1 -1
package/dist/{chunk-GFBDYRPI.cjs → chunk-DV467MQN.cjs} +257 -172
package/dist/{chunk-DZ2VZRJA.js → chunk-ZK4APTZS.js} +257 -172
package/dist/{core-HtZR37lF.d.cts → core-CzaOp9UL.d.cts} +27 -1
package/dist/{core-HtZR37lF.d.ts → core-CzaOp9UL.d.ts} +27 -1
package/dist/core.cjs +7 -7
package/dist/core.d.cts +1 -1
package/dist/core.d.ts +1 -1
package/dist/core.js +1 -1
package/dist/index.cjs +8 -8
package/dist/index.d.cts +2 -2
package/dist/index.d.ts +2 -2
package/dist/index.global.js +27 -27
package/dist/index.js +2 -2
package/dist/styles.css +1 -1
package/package.json +1 -1

package/dist/{chunk-DZ2VZRJA.js → chunk-ZK4APTZS.js} RENAMED Viewed

@@ -949,7 +949,7 @@ function cleanChildren(parent, current, marker, replacement) {
 // dist/styles.css
 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}}}@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-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)}.-mt-px{margin-top:-1px}.-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}.size-fit{width:fit-content;height:fit-content}.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-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.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-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.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}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.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-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[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-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.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-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.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-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.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-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pl-1\\.5{padding-left: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-\\[11px\\]{font-size:11px}.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}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.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,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.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}.select-none{-webkit-user-select:none;user-select: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\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}@keyframes pulse{50%{opacity:.5}}`;
+@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}}}@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-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)}.-mt-px{margin-top:-1px}.-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}.size-fit{width:fit-content;height:fit-content}.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-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.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-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.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}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.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-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[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-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.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-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.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-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.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-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left: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-\\[11px\\]{font-size:11px}.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}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.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,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.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}.select-none{-webkit-user-select:none;user-select: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\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}@keyframes pulse{50%{opacity:.5}}`;
 // src/utils/is-keyboard-event-triggered-by-input.ts
 var FORM_TAGS_AND_ROLES = [
@@ -1078,7 +1078,7 @@ var buildOpenFileUrl = (filePath, lineNumber) => {
 };
 // src/constants.ts
-var VERSION = "0.0.72";
+var VERSION = "0.0.74";
 var VIEWPORT_MARGIN_PX = 8;
 var OFFSCREEN_POSITION = -1e3;
 var SELECTION_LERP_FACTOR = 0.95;
@@ -1086,6 +1086,8 @@ var SUCCESS_LABEL_DURATION_MS = 1700;
 var COPIED_LABEL_DURATION_MS = 1500;
 var SELECTION_CURSOR_SETTLE_DELAY_MS = 500;
 var BLUR_DEACTIVATION_THRESHOLD_MS = 500;
+var INPUT_FOCUS_ACTIVATION_DELAY_MS = 150;
+var DEFAULT_KEY_HOLD_DURATION_MS = 200;
 var DRAG_THRESHOLD_PX = 2;
 var ELEMENT_DETECTION_THROTTLE_MS = 32;
 var BOUNDS_RECALC_INTERVAL_MS = 100;
@@ -3806,7 +3808,7 @@ var Crosshair = (props) => {
 var useSpeechRecognition = (options) => {
   let speechRecognition;
   const [isListening, setIsListening] = createSignal(false);
-  const isSupported = () => typeof window !== "undefined" && (!!window.SpeechRecognition || !!window.webkitSpeechRecognition);
+  const isSupported = () => typeof window !== "undefined" && (Boolean(window.SpeechRecognition) || Boolean(window.webkitSpeechRecognition));
   const start = () => {
     if (!isSupported()) return;
     const SpeechRecognitionConstructor = window.SpeechRecognition || window.webkitSpeechRecognition;
@@ -3949,18 +3951,21 @@ var _tmpl$52 = /* @__PURE__ */ template(`<div role=button><div class="text-black
 var _tmpl$62 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit self-stretch [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] antialiased rounded-t-none rounded-b-xs -mt-px"style="background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(96.1% 0 0) 5.92%)">`);
 var _tmpl$7 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">No</span></button><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#7e0002] cursor-pointer transition-all hover:bg-[#FEF2F2] h-[17px]"><span class="text-[#B91C1C] text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Yes`);
 var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Discard prompt?`);
-var _tmpl$9 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex items-center gap-1 rounded-xs bg-white antialiased w-fit h-fit py-1 px-1.5"><div class="contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]"><div class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">`);
-var _tmpl$0 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">`);
-var _tmpl$1 = /* @__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 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
-var _tmpl$10 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse">`);
-var _tmpl$11 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
-var _tmpl$12 = /* @__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 px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></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$13 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>`);
-var _tmpl$14 = /* @__PURE__ */ template(`<button>`);
-var _tmpl$15 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">`);
-var _tmpl$16 = /* @__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 wrap-break-word overflow-y-auto"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none></textarea><div class="flex items-center gap-0.5 ml-1 w-[17px] h-[17px] justify-end">`);
-var _tmpl$17 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div>`);
-var _tmpl$18 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out filter-[drop-shadow(0px_0px_4px_#51515180)] select-none"style=z-index:2147483647><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-xs bg-white antialiased w-fit h-fit p-0">`);
+var _tmpl$9 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Undo`);
+var _tmpl$0 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
+var _tmpl$1 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit">`);
+var _tmpl$10 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col justify-center items-end rounded-xs bg-white antialiased w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit tabular-nums">`);
+var _tmpl$11 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">`);
+var _tmpl$12 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events 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 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
+var _tmpl$13 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse tabular-nums">`);
+var _tmpl$14 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
+var _tmpl$15 = /* @__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 px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></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$16 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>`);
+var _tmpl$17 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$18 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">`);
+var _tmpl$19 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events 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 wrap-break-word overflow-y-auto"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none></textarea><div class="flex items-center gap-0.5 ml-1 w-[17px] h-[17px] justify-end">`);
+var _tmpl$20 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div>`);
+var _tmpl$21 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out filter-[drop-shadow(0px_0px_4px_#51515180)] select-none"style=z-index:2147483647><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-xs bg-white antialiased w-fit h-fit p-0">`);
 var ARROW_HEIGHT = 8;
 var LABEL_GAP = 4;
 var IDLE_TIMEOUT_MS = 400;
@@ -4165,6 +4170,15 @@ var SelectionLabel = (props) => {
       resetIdleTimer();
     }
   });
+  createEffect(() => {
+    void props.tagName;
+    void props.componentName;
+    void props.statusText;
+    void props.inputValue;
+    void props.hasAgent;
+    void props.isInputExpanded;
+    requestAnimationFrame(measureContainer);
+  });
   createEffect(() => {
     if (props.visible) {
       requestAnimationFrame(measureContainer);
@@ -4281,7 +4295,7 @@ var SelectionLabel = (props) => {
       return memo(() => props.visible !== false)() && (props.selectionBounds || shouldShowWithoutBounds());
     },
     get children() {
-      var _el$14 = _tmpl$18(), _el$18 = _el$14.firstChild;
+      var _el$14 = _tmpl$21(), _el$21 = _el$14.firstChild;
       _el$14.$$click = stopPropagation;
       _el$14.$$mousedown = stopPropagation;
       _el$14.$$pointerdown = handleContainerPointerDown;
@@ -4294,84 +4308,120 @@ var SelectionLabel = (props) => {
         get leftPx() {
           return computedPosition().arrowLeft;
         }
-      }), _el$18);
+      }), _el$21);
       insert(_el$14, createComponent(Show, {
         get when() {
           return props.status === "copied" || props.status === "fading";
         },
         get children() {
-          var _el$15 = _tmpl$9(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
-          insert(_el$17, () => props.hasAgent ? "Completed" : "Copied");
+          var _el$15 = _tmpl$10(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
+          insert(_el$17, (() => {
+            var _c$ = memo(() => !!props.hasAgent);
+            return () => _c$() ? props.statusText ?? "Completed" : "Copied";
+          })());
+          insert(_el$15, createComponent(Show, {
+            get when() {
+              return props.onDismiss || props.onUndo;
+            },
+            get children() {
+              return createComponent(BottomSection, {
+                get children() {
+                  var _el$18 = _tmpl$1();
+                  insert(_el$18, createComponent(Show, {
+                    get when() {
+                      return props.onUndo;
+                    },
+                    get children() {
+                      var _el$19 = _tmpl$9();
+                      _el$19.$$click = () => props.onUndo?.();
+                      return _el$19;
+                    }
+                  }), null);
+                  insert(_el$18, createComponent(Show, {
+                    get when() {
+                      return props.onDismiss;
+                    },
+                    get children() {
+                      var _el$20 = _tmpl$0();
+                      _el$20.$$click = () => props.onDismiss?.();
+                      return _el$20;
+                    }
+                  }), null);
+                  return _el$18;
+                }
+              });
+            }
+          }), null);
           return _el$15;
         }
-      }), _el$18);
-      insert(_el$18, createComponent(Show, {
+      }), _el$21);
+      insert(_el$21, createComponent(Show, {
         get when() {
           return props.status === "copying";
         },
         get children() {
-          var _el$19 = _tmpl$10(), _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild;
-          insert(_el$22, () => props.statusText ?? "Grabbing\u2026");
-          insert(_el$19, createComponent(BottomSection, {
+          var _el$22 = _tmpl$13(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild;
+          insert(_el$25, () => props.statusText ?? "Grabbing\u2026");
+          insert(_el$22, createComponent(BottomSection, {
             get children() {
-              var _el$23 = _tmpl$1(), _el$24 = _el$23.firstChild;
+              var _el$26 = _tmpl$12(), _el$27 = _el$26.firstChild;
               var _ref$2 = inputRef;
-              typeof _ref$2 === "function" ? use(_ref$2, _el$24) : inputRef = _el$24;
-              insert(_el$23, createComponent(Show, {
+              typeof _ref$2 === "function" ? use(_ref$2, _el$27) : inputRef = _el$27;
+              insert(_el$26, createComponent(Show, {
                 get when() {
                   return props.onAbort;
                 },
                 get children() {
-                  var _el$25 = _tmpl$0();
-                  _el$25.$$click = (event) => {
+                  var _el$28 = _tmpl$11();
+                  _el$28.$$click = (event) => {
                     event.stopPropagation();
                     props.onAbort?.();
                   };
-                  _el$25.$$pointerup = (event) => {
+                  _el$28.$$pointerup = (event) => {
                     event.stopPropagation();
                     props.onAbort?.();
                   };
-                  _el$25.$$mousedown = (event) => event.stopPropagation();
-                  _el$25.$$pointerdown = (event) => event.stopPropagation();
-                  return _el$25;
+                  _el$28.$$mousedown = (event) => event.stopPropagation();
+                  _el$28.$$pointerdown = (event) => event.stopPropagation();
+                  return _el$28;
                 }
               }), null);
-              createRenderEffect(() => _el$24.value = props.inputValue ?? "");
-              return _el$23;
+              createRenderEffect(() => _el$27.value = props.inputValue ?? "");
+              return _el$26;
             }
           }), null);
-          return _el$19;
+          return _el$22;
         }
       }), null);
-      insert(_el$18, createComponent(Show, {
+      insert(_el$21, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
         },
         get children() {
-          var _el$26 = _tmpl$13(), _el$27 = _el$26.firstChild, _el$29 = _el$27.nextSibling, _el$30 = _el$29.firstChild;
-          insert(_el$27, createComponent(ClickToCopyPill, {
+          var _el$29 = _tmpl$16(), _el$30 = _el$29.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.firstChild;
+          insert(_el$30, createComponent(ClickToCopyPill, {
             onClick: handleSubmit,
             shrink: true,
             get hasParent() {
-              return !!props.componentName;
+              return Boolean(props.componentName);
             },
             get hasAgent() {
               return props.hasAgent;
             }
           }), null);
-          insert(_el$27, createComponent(Show, {
+          insert(_el$30, createComponent(Show, {
             get when() {
               return props.componentName;
             },
             get children() {
-              var _el$28 = _tmpl$11();
-              insert(_el$28, createComponent(ParentBadge, {
+              var _el$31 = _tmpl$14();
+              insert(_el$31, createComponent(ParentBadge, {
                 get name() {
                   return props.componentName;
                 }
               }), null);
-              insert(_el$28, createComponent(ChevronSeparator, {}), null);
-              insert(_el$28, createComponent(TagBadge, {
+              insert(_el$31, createComponent(ChevronSeparator, {}), null);
+              insert(_el$31, createComponent(TagBadge, {
                 get tagName() {
                   return tagDisplay();
                 },
@@ -4383,10 +4433,10 @@ var SelectionLabel = (props) => {
                 showMono: true,
                 shrink: true
               }), null);
-              return _el$28;
+              return _el$31;
             }
           }), null);
-          insert(_el$27, createComponent(Show, {
+          insert(_el$30, createComponent(Show, {
             get when() {
               return !props.componentName;
             },
@@ -4405,60 +4455,60 @@ var SelectionLabel = (props) => {
               });
             }
           }), null);
-          insert(_el$30, createComponent(BottomSection, {
+          insert(_el$33, createComponent(BottomSection, {
             get children() {
-              var _el$31 = _tmpl$12(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling;
-              insert(_el$33, createComponent(IconReturn, {
+              var _el$34 = _tmpl$15(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling;
+              insert(_el$36, createComponent(IconReturn, {
                 size: 10,
                 "class": "opacity-[0.99] text-black"
               }));
-              return _el$31;
+              return _el$34;
             }
           }));
           createRenderEffect((_p$) => {
             var _v$3 = cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1"), _v$4 = isIdle() ? "1fr" : "0fr", _v$5 = cn("overflow-hidden min-h-0", !isIdle() && "w-0");
-            _v$3 !== _p$.e && className(_el$27, _p$.e = _v$3);
-            _v$4 !== _p$.t && setStyleProperty(_el$29, "grid-template-rows", _p$.t = _v$4);
-            _v$5 !== _p$.a && className(_el$30, _p$.a = _v$5);
+            _v$3 !== _p$.e && className(_el$30, _p$.e = _v$3);
+            _v$4 !== _p$.t && setStyleProperty(_el$32, "grid-template-rows", _p$.t = _v$4);
+            _v$5 !== _p$.a && className(_el$33, _p$.a = _v$5);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
           });
-          return _el$26;
+          return _el$29;
         }
       }), null);
-      insert(_el$18, createComponent(Show, {
+      insert(_el$21, createComponent(Show, {
         get when() {
           return memo(() => !!(isNotProcessing() && props.isInputExpanded))() && !props.isPendingDismiss;
         },
         get children() {
-          var _el$34 = _tmpl$17(), _el$35 = _el$34.firstChild;
-          insert(_el$35, createComponent(ClickToCopyPill, {
+          var _el$37 = _tmpl$20(), _el$38 = _el$37.firstChild;
+          insert(_el$38, createComponent(ClickToCopyPill, {
             onClick: handleSubmit,
             dimmed: true,
             shrink: true,
             get hasParent() {
-              return !!props.componentName;
+              return Boolean(props.componentName);
             },
             get hasAgent() {
               return props.hasAgent;
             }
           }), null);
-          insert(_el$35, createComponent(Show, {
+          insert(_el$38, createComponent(Show, {
             get when() {
               return props.componentName;
             },
             get children() {
-              var _el$36 = _tmpl$11();
-              insert(_el$36, createComponent(ParentBadge, {
+              var _el$39 = _tmpl$14();
+              insert(_el$39, createComponent(ParentBadge, {
                 get name() {
                   return props.componentName;
                 }
               }), null);
-              insert(_el$36, createComponent(ChevronSeparator, {}), null);
-              insert(_el$36, createComponent(TagBadge, {
+              insert(_el$39, createComponent(ChevronSeparator, {}), null);
+              insert(_el$39, createComponent(TagBadge, {
                 get tagName() {
                   return tagDisplay();
                 },
@@ -4471,10 +4521,10 @@ var SelectionLabel = (props) => {
                 shrink: true,
                 forceShowIcon: true
               }), null);
-              return _el$36;
+              return _el$39;
             }
           }), null);
-          insert(_el$35, createComponent(Show, {
+          insert(_el$38, createComponent(Show, {
             get when() {
               return !props.componentName;
             },
@@ -4494,21 +4544,21 @@ var SelectionLabel = (props) => {
               });
             }
           }), null);
-          insert(_el$34, createComponent(BottomSection, {
+          insert(_el$37, createComponent(BottomSection, {
             get children() {
-              var _el$37 = _tmpl$16(), _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling;
-              _el$38.$$keydown = handleKeyDown;
-              _el$38.$$input = handleInput;
+              var _el$40 = _tmpl$19(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
+              _el$41.$$keydown = handleKeyDown;
+              _el$41.$$input = handleInput;
               var _ref$3 = inputRef;
-              typeof _ref$3 === "function" ? use(_ref$3, _el$38) : inputRef = _el$38;
-              insert(_el$39, createComponent(Show, {
+              typeof _ref$3 === "function" ? use(_ref$3, _el$41) : inputRef = _el$41;
+              insert(_el$42, createComponent(Show, {
                 get when() {
                   return memo(() => !!(props.hasAgent && speechRecognition.isSupported()))() && !props.inputValue;
                 },
                 get children() {
-                  var _el$40 = _tmpl$14();
-                  addEventListener(_el$40, "click", speechRecognition.toggle);
-                  insert(_el$40, createComponent(IconMic, {
+                  var _el$43 = _tmpl$17();
+                  addEventListener(_el$43, "click", speechRecognition.toggle);
+                  insert(_el$43, createComponent(IconMic, {
                     size: 11,
                     get ["class"]() {
                       return speechRecognition.isListening() ? "animate-pulse" : "";
@@ -4516,40 +4566,40 @@ var SelectionLabel = (props) => {
                   }));
                   createRenderEffect((_p$) => {
                     var _v$6 = cn("contain-layout shrink-0 flex items-center justify-center px-[2px] py-[2px] rounded-xs [border-width:0.5px] border-solid size-fit cursor-pointer transition-all hover:scale-105", speechRecognition.isListening() ? "bg-grab-purple border-grab-purple text-white" : "bg-white border-[#B3B3B3] text-black"), _v$7 = speechRecognition.isListening() ? "Stop listening" : "Start voice input";
-                    _v$6 !== _p$.e && className(_el$40, _p$.e = _v$6);
-                    _v$7 !== _p$.t && setAttribute(_el$40, "title", _p$.t = _v$7);
+                    _v$6 !== _p$.e && className(_el$43, _p$.e = _v$6);
+                    _v$7 !== _p$.t && setAttribute(_el$43, "title", _p$.t = _v$7);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$40;
+                  return _el$43;
                 }
               }), null);
-              insert(_el$39, createComponent(Show, {
+              insert(_el$42, createComponent(Show, {
                 get when() {
                   return props.inputValue;
                 },
                 get children() {
-                  var _el$41 = _tmpl$15();
-                  _el$41.$$click = handleSubmit;
-                  insert(_el$41, createComponent(IconReturn, {
+                  var _el$44 = _tmpl$18();
+                  _el$44.$$click = handleSubmit;
+                  insert(_el$44, createComponent(IconReturn, {
                     size: 10,
                     "class": "opacity-[0.99] text-black"
                   }));
-                  return _el$41;
+                  return _el$44;
                 }
               }), null);
-              createRenderEffect(() => setAttribute(_el$38, "placeholder", speechRecognition.isListening() ? "listening..." : props.hasAgent && props.isAgentConnected ? "type to edit" : "type prompt"));
-              createRenderEffect(() => _el$38.value = props.inputValue ?? "");
-              return _el$37;
+              createRenderEffect(() => setAttribute(_el$41, "placeholder", speechRecognition.isListening() ? "listening..." : props.hasAgent && props.isAgentConnected ? "type to edit" : "type prompt"));
+              createRenderEffect(() => _el$41.value = props.inputValue ?? "");
+              return _el$40;
             }
           }), null);
-          createRenderEffect(() => className(_el$35, cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1")));
-          return _el$34;
+          createRenderEffect(() => className(_el$38, cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1")));
+          return _el$37;
         }
       }), null);
-      insert(_el$18, createComponent(Show, {
+      insert(_el$21, createComponent(Show, {
         get when() {
           return props.isPendingDismiss;
         },
@@ -4565,12 +4615,12 @@ var SelectionLabel = (props) => {
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = props.status === "copied" || props.status === "fading" ? "none" : void 0;
+        var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded || props.status === "copied" && props.onDismiss || props.status === "copying" && props.onAbort ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = props.status === "copied" || props.status === "fading" ? "none" : void 0;
         _v$8 !== _p$.e && setStyleProperty(_el$14, "top", _p$.e = _v$8);
         _v$9 !== _p$.t && setStyleProperty(_el$14, "left", _p$.t = _v$9);
         _v$0 !== _p$.a && setStyleProperty(_el$14, "pointer-events", _p$.a = _v$0);
         _v$1 !== _p$.o && setStyleProperty(_el$14, "opacity", _p$.o = _v$1);
-        _v$10 !== _p$.i && setStyleProperty(_el$18, "display", _p$.i = _v$10);
+        _v$10 !== _p$.i && setStyleProperty(_el$21, "display", _p$.i = _v$10);
         return _p$;
       }, {
         e: void 0,
@@ -4586,7 +4636,7 @@ var SelectionLabel = (props) => {
 delegateEvents(["click", "pointerdown", "mousedown", "pointerup", "input", "keydown"]);
 // src/components/selection-cursor.tsx
-var _tmpl$19 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
+var _tmpl$23 = /* @__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);
@@ -4623,7 +4673,7 @@ var SelectionCursor = (props) => {
           });
         }
       }), (() => {
-        var _el$ = _tmpl$19(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$23(), _el$2 = _el$.firstChild;
         _el$.addEventListener("mouseleave", () => setIsHovered(false));
         _el$.addEventListener("mouseenter", () => setIsHovered(true));
         _el$2.$$click = handleClick;
@@ -4775,7 +4825,13 @@ var ReactGrabRenderer = (props) => {
       get inputValue() {
         return session().context.prompt;
       },
-      onAbort: () => props.onAbortSession?.(session().id)
+      onAbort: () => props.onAbortSession?.(session().id),
+      get onDismiss() {
+        return session().isStreaming ? void 0 : () => props.onDismissSession?.(session().id);
+      },
+      get onUndo() {
+        return session().isStreaming ? void 0 : () => props.onUndoSession?.(session().id);
+      }
     })]
   }), createComponent(Show, {
     get when() {
@@ -4905,7 +4961,7 @@ var ReactGrabRenderer = (props) => {
   })];
 };
-// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.2_react@19.2.1/node_modules/bippy/dist/rdt-hook-7WClMTWh.js
+// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/rdt-hook-7WClMTWh.js
 var e = `0.5.25`;
 var t = `bippy-${e}`;
 var n = Object.defineProperty;
@@ -4993,7 +5049,7 @@ var _ = () => {
   }
 };
-// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.2_react@19.2.1/node_modules/bippy/dist/core-CoV0JPOT.js
+// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/core-CoV0JPOT.js
 var a2 = 0;
 var o2 = 1;
 var c2 = 5;
@@ -5081,7 +5137,7 @@ var Pe = (e2) => {
   return null;
 };
-// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.2_react@19.2.1/node_modules/bippy/dist/source.js
+// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/source.js
 var g2 = Object.create;
 var _2 = Object.defineProperty;
 var v = Object.getOwnPropertyDescriptor;
@@ -5723,7 +5779,7 @@ var je = (e2) => {
 // src/utils/is-capitalized.ts
 var isCapitalized = (value) => value.length > 0 && /^[A-Z]/.test(value);
-// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.2_react@19.2.1/node_modules/bippy/dist/install-hook-only-CTBENLgG.js
+// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/install-hook-only-CTBENLgG.js
 _();
 // src/context.ts
@@ -5886,11 +5942,12 @@ var getHTMLPreview = (element) => {
 // src/utils/copy-content.ts
 var REACT_GRAB_MIME_TYPE = "application/x-react-grab";
-var copyContent = (content, onSuccess) => {
+var copyContent = (content, options) => {
   const metadata = JSON.stringify({
     version: VERSION,
     content,
-    timestamp: Date.now()
+    timestamp: Date.now(),
+    ...options?.prompt && { prompt: options.prompt }
   });
   const copyHandler = (event) => {
     event.preventDefault();
@@ -5908,7 +5965,7 @@ var copyContent = (content, onSuccess) => {
   try {
     const didCopySucceed = document.execCommand("copy");
     if (didCopySucceed) {
-      onSuccess?.();
+      options?.onSuccess?.();
     }
     return didCopySucceed;
   } finally {
@@ -6362,9 +6419,7 @@ var createAgentManager = (initialAgentOptions) => {
   const isProcessing = () => sessions().size > 0;
   const executeSessionStream = async (session, streamIterator) => {
     const storage = agentOptions?.storage;
-    let didComplete = false;
     let wasAborted = false;
-    let hadError = false;
     try {
       for await (const status of streamIterator) {
         const currentSessions = sessions();
@@ -6378,13 +6433,16 @@ var createAgentManager = (initialAgentOptions) => {
         setSessions((prev) => new Map(prev).set(session.id, updatedSession));
         agentOptions?.onStatus?.(status, updatedSession);
       }
-      didComplete = true;
       const finalSessions = sessions();
       const finalSession = finalSessions.get(session.id);
       if (finalSession) {
+        const completionMessage = agentOptions?.provider?.getCompletionMessage?.();
         const completedSession = updateSession(
           finalSession,
-          { isStreaming: false },
+          {
+            isStreaming: false,
+            ...completionMessage ? { lastStatus: completionMessage } : {}
+          },
           storage
         );
         setSessions((prev) => new Map(prev).set(session.id, completedSession));
@@ -6416,7 +6474,6 @@ var createAgentManager = (initialAgentOptions) => {
             setSessions((prev) => new Map(prev).set(session.id, errorSession));
           }
         } else {
-          hadError = true;
           if (currentSession) {
             const errorSession = updateSession(
               currentSession,
@@ -6435,7 +6492,7 @@ var createAgentManager = (initialAgentOptions) => {
       }
     } finally {
       abortControllers.delete(session.id);
-      const removeSession = () => {
+      if (wasAborted) {
         sessionElements.delete(session.id);
         clearSessionById(session.id, storage);
         setSessions((prev) => {
@@ -6443,11 +6500,6 @@ var createAgentManager = (initialAgentOptions) => {
           next.delete(session.id);
           return next;
         });
-      };
-      if (wasAborted) {
-        removeSession();
-      } else if (didComplete || hadError) {
-        setTimeout(removeSession, 1500);
       }
     }
   };
@@ -6562,20 +6614,33 @@ var createAgentManager = (initialAgentOptions) => {
     setSessions(/* @__PURE__ */ new Map());
     clearSessions(agentOptions?.storage);
   };
+  const dismissSession = (sessionId) => {
+    const storage = agentOptions?.storage;
+    sessionElements.delete(sessionId);
+    clearSessionById(sessionId, storage);
+    setSessions((prev) => {
+      const next = new Map(prev);
+      next.delete(sessionId);
+      return next;
+    });
+  };
+  const undoSession = (sessionId) => {
+    const currentSessions = sessions();
+    const session = currentSessions.get(sessionId);
+    if (session) {
+      const element = sessionElements.get(sessionId);
+      agentOptions?.onUndo?.(session, element);
+      void agentOptions?.provider?.undo?.();
+    }
+    dismissSession(sessionId);
+  };
   const updateSessionBoundsOnViewportChange = () => {
     const currentSessions = sessions();
     if (currentSessions.size === 0) return;
     const updatedSessions = new Map(currentSessions);
     let didUpdate = false;
     for (const [sessionId, session] of currentSessions) {
-      let element = sessionElements.get(sessionId);
-      if (!element || !document.contains(element)) {
-        const reacquiredElement = tryReacquireElement(session);
-        if (reacquiredElement) {
-          sessionElements.set(sessionId, reacquiredElement);
-          element = reacquiredElement;
-        }
-      }
+      const element = sessionElements.get(sessionId);
       if (element && document.contains(element)) {
         const newBounds = createElementBounds(element);
         if (newBounds) {
@@ -6610,6 +6675,8 @@ var createAgentManager = (initialAgentOptions) => {
     startSession,
     abortSession,
     abortAllSessions,
+    dismissSession,
+    undoSession,
     updateSessionBoundsOnViewportChange,
     getSessionElement,
     setOptions,
@@ -6618,8 +6685,8 @@ var createAgentManager = (initialAgentOptions) => {
 };
 // src/core.tsx
-var _tmpl$20 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
-var _tmpl$23 = /* @__PURE__ */ template(`<span class="font-mono tabular-nums align-middle">&lt;<!>>`);
+var _tmpl$24 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
+var _tmpl$25 = /* @__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 onIdle = (callback) => {
   if ("scheduler" in globalThis) {
@@ -6669,13 +6736,15 @@ var init = (rawOptions) => {
       },
       getTheme: () => initialTheme,
       setAgent: () => {
+      },
+      updateOptions: () => {
       }
     };
   }
   const scriptOptions = getScriptOptions();
-  const options = {
+  let options = {
     enabled: true,
-    keyHoldDuration: 200,
+    keyHoldDuration: DEFAULT_KEY_HOLD_DURATION_MS,
     allowActivationInsideInput: true,
     maxContextLines: 3,
     ...scriptOptions,
@@ -6706,13 +6775,15 @@ var init = (rawOptions) => {
       },
       getTheme: () => mergedTheme,
       setAgent: () => {
+      },
+      updateOptions: () => {
       }
     };
   }
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.72";
+      const version = "0.0.74";
       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;`, "");
@@ -6950,7 +7021,9 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
 ${combinedSnippets}` : combinedSnippets;
           copiedContent = plainTextContent;
-          didCopy = copyContent(plainTextContent);
+          didCopy = copyContent(plainTextContent, {
+            prompt: extraPrompt
+          });
         }
         if (!didCopy) {
           const plainTextContentOnly = createCombinedTextContent(elements);
@@ -6959,12 +7032,11 @@ ${combinedSnippets}` : combinedSnippets;
 ${plainTextContentOnly}` : plainTextContentOnly;
             copiedContent = contentWithPrompt;
-            didCopy = copyContent(contentWithPrompt);
+            didCopy = copyContent(contentWithPrompt, {
+              prompt: extraPrompt
+            });
           }
         }
-        if (didCopy) {
-          options.onCopySuccess?.(elements, copiedContent);
-        }
       } catch (error) {
         options.onCopyError?.(error);
         const plainTextContentOnly = createCombinedTextContent(elements);
@@ -6973,9 +7045,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
 ${plainTextContentOnly}` : plainTextContentOnly;
           copiedContent = contentWithPrompt;
-          didCopy = copyContent(contentWithPrompt);
+          didCopy = copyContent(contentWithPrompt, {
+            prompt: extraPrompt
+          });
         }
       }
+      if (didCopy) {
+        options.onCopySuccess?.(elements, copiedContent);
+      }
       options.onAfterCopy?.(elements, didCopy);
       return didCopy;
     };
@@ -7025,6 +7102,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       onCleanup(() => clearInterval(intervalId));
     });
     createEffect(() => {
+      if (isToggleFrozen()) return;
       const element = targetElement();
       if (element) {
         setFrozenElement(element);
@@ -7084,7 +7162,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const copying = isCopying();
       if (!element) {
         return (() => {
-          var _el$ = _tmpl$20();
+          var _el$ = _tmpl$24();
           insert(_el$, copying ? "Processing\u2026" : "1 element");
           return _el$;
         })();
@@ -7093,7 +7171,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const componentName = labelComponentName();
       if (tagName && componentName) {
         return [(() => {
-          var _el$2 = _tmpl$23(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling; _el$5.nextSibling;
+          var _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling; _el$5.nextSibling;
           insert(_el$2, tagName, _el$5);
           return _el$2;
         })(), (() => {
@@ -7104,13 +7182,13 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       }
       if (tagName) {
         return (() => {
-          var _el$8 = _tmpl$23(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling; _el$1.nextSibling;
+          var _el$8 = _tmpl$25(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling; _el$1.nextSibling;
           insert(_el$8, tagName, _el$1);
           return _el$8;
         })();
       }
       return (() => {
-        var _el$10 = _tmpl$20();
+        var _el$10 = _tmpl$24();
         insert(_el$10, copying ? "Processing\u2026" : "1 element");
         return _el$10;
       })();
@@ -7240,7 +7318,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
     }));
     const startProgressAnimation = (duration) => {
       const startTime = Date.now();
-      const animationDuration = options.keyHoldDuration;
+      const animationDuration = options.keyHoldDuration ?? DEFAULT_KEY_HOLD_DURATION_MS;
       setProgressStartTime(startTime);
       const animateProgress = () => {
         const currentStartTime = progressStartTime();
@@ -7322,25 +7400,32 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       previouslyFocusedElement = null;
       options.onDeactivate?.();
     };
+    const restoreInputFromSession = (session, element) => {
+      if (element && document.contains(element)) {
+        const rect = element.getBoundingClientRect();
+        const centerY = rect.top + rect.height / 2;
+        setMouseX(session.position.x);
+        setMouseY(centerY);
+        setFrozenElement(element);
+        setInputText(session.context.prompt);
+        setIsInputExpanded(true);
+        setIsInputMode(true);
+        setIsToggleMode(true);
+        setIsToggleFrozen(true);
+        if (!isActivated()) {
+          activateRenderer();
+        }
+      }
+    };
     const agentOptions = options.agent ? {
       ...options.agent,
       onAbort: (session, element) => {
         options.agent?.onAbort?.(session, element);
-        if (element && document.contains(element)) {
-          const rect = element.getBoundingClientRect();
-          const centerY = rect.top + rect.height / 2;
-          setMouseX(session.position.x);
-          setMouseY(centerY);
-          setFrozenElement(element);
-          setInputText(session.context.prompt);
-          setIsInputExpanded(true);
-          setIsInputMode(true);
-          setIsToggleMode(true);
-          setIsToggleFrozen(true);
-          if (!isActivated()) {
-            activateRenderer();
-          }
-        }
+        restoreInputFromSession(session, element);
+      },
+      onUndo: (session, element) => {
+        options.agent?.onUndo?.(session, element);
+        restoreInputFromSession(session, element);
       }
     } : void 0;
     const agentManager = createAgentManager(agentOptions);
@@ -7629,7 +7714,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         }
       }
       const copiedElement = lastCopiedElement();
-      if (isEnterCode(event.code) && !isHoldingKeys() && !isInputMode() && !isActivated() && copiedElement && document.contains(copiedElement)) {
+      if (isEnterCode(event.code) && !isHoldingKeys() && !isInputMode() && !isActivated() && copiedElement && document.contains(copiedElement) && !labelInstances().some((instance) => instance.status === "copied" || instance.status === "fading")) {
         event.preventDefault();
         event.stopPropagation();
         event.stopImmediatePropagation();
@@ -7740,9 +7825,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       if (!isHoldingKeys()) {
         setIsHoldingKeys(true);
       }
+      const keyHoldDuration = options.keyHoldDuration ?? DEFAULT_KEY_HOLD_DURATION_MS;
+      const activationDuration = isKeyboardEventTriggeredByInput(event) ? keyHoldDuration + INPUT_FOCUS_ACTIVATION_DELAY_MS : keyHoldDuration;
       holdTimerId = window.setTimeout(() => {
         activateRenderer();
-      }, options.keyHoldDuration);
+      }, activationDuration);
     }, {
       signal: eventListenerSignal,
       capture: true
@@ -7761,10 +7848,10 @@ ${plainTextContentOnly}` : plainTextContentOnly;
             altKey
           } = options.activationKey;
           return {
-            metaKey: !!metaKey,
-            ctrlKey: !!ctrlKey,
-            shiftKey: !!shiftKey,
-            altKey: !!altKey
+            metaKey: Boolean(metaKey),
+            ctrlKey: Boolean(ctrlKey),
+            shiftKey: Boolean(shiftKey),
+            altKey: Boolean(altKey)
           };
         }
         return {
@@ -8126,6 +8213,8 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           return agentManager.sessions();
         },
         onAbortSession: (sessionId) => agentManager.abortSession(sessionId),
+        onDismissSession: (sessionId) => agentManager.dismissSession(sessionId),
+        onUndoSession: (sessionId) => agentManager.undoSession(sessionId),
         onInputChange: handleInputChange,
         onInputSubmit: () => void handleInputSubmit(),
         onInputCancel: handleInputCancel,
@@ -8225,21 +8314,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           provider: newAgentOptions.provider ?? existingOptions?.provider,
           onAbort: (session, element) => {
             newAgentOptions?.onAbort?.(session, element);
-            if (element && document.contains(element)) {
-              const rect = element.getBoundingClientRect();
-              const centerY = rect.top + rect.height / 2;
-              setMouseX(session.position.x);
-              setMouseY(centerY);
-              setFrozenElement(element);
-              setInputText(session.context.prompt);
-              setIsInputExpanded(true);
-              setIsInputMode(true);
-              setIsToggleMode(true);
-              setIsToggleFrozen(true);
-              if (!isActivated()) {
-                activateRenderer();
-              }
-            }
+            restoreInputFromSession(session, element);
+          },
+          onUndo: (session, element) => {
+            newAgentOptions?.onUndo?.(session, element);
+            restoreInputFromSession(session, element);
           }
         };
         agentManager.setOptions(mergedOptions);
@@ -8250,6 +8329,12 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           });
         }
         agentManager.tryResumeSessions();
+      },
+      updateOptions: (newOptions) => {
+        options = {
+          ...options,
+          ...newOptions
+        };
       }
     };
   });