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

react-grab 0.0.71 → 0.0.72

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-HJLMLJJA.js → chunk-DZ2VZRJA.js} +420 -146
package/dist/{chunk-RPPUX2ZU.cjs → chunk-GFBDYRPI.cjs} +420 -146
package/dist/{core-Dm5hxkI3.d.cts → core-HtZR37lF.d.cts} +7 -2
package/dist/{core-Dm5hxkI3.d.ts → core-HtZR37lF.d.ts} +7 -2
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-HJLMLJJA.js → chunk-DZ2VZRJA.js} RENAMED Viewed

@@ -576,6 +576,61 @@ function mapArray(list, mapFn, options = {}) {
     }
   };
 }
+function indexArray(list, mapFn, options = {}) {
+  let items = [], mapped = [], disposers = [], signals = [], len = 0, i2;
+  onCleanup(() => dispose(disposers));
+  return () => {
+    const newItems = list() || [], newLen = newItems.length;
+    newItems[$TRACK];
+    return untrack(() => {
+      if (newLen === 0) {
+        if (len !== 0) {
+          dispose(disposers);
+          disposers = [];
+          items = [];
+          mapped = [];
+          len = 0;
+          signals = [];
+        }
+        if (options.fallback) {
+          items = [FALLBACK];
+          mapped[0] = createRoot((disposer) => {
+            disposers[0] = disposer;
+            return options.fallback();
+          });
+          len = 1;
+        }
+        return mapped;
+      }
+      if (items[0] === FALLBACK) {
+        disposers[0]();
+        disposers = [];
+        items = [];
+        mapped = [];
+        len = 0;
+      }
+      for (i2 = 0; i2 < newLen; i2++) {
+        if (i2 < items.length && items[i2] !== newItems[i2]) {
+          signals[i2](() => newItems[i2]);
+        } else if (i2 >= items.length) {
+          mapped[i2] = createRoot(mapper);
+        }
+      }
+      for (; i2 < items.length; i2++) {
+        disposers[i2]();
+      }
+      len = signals.length = disposers.length = newLen;
+      items = newItems.slice(0);
+      return mapped = mapped.slice(0, len);
+    });
+    function mapper(disposer) {
+      disposers[i2] = disposer;
+      const [s3, set] = createSignal(newItems[i2]);
+      signals[i2] = set;
+      return mapFn(s3, i2);
+    }
+  };
+}
 function createComponent(Comp, props) {
   return untrack(() => Comp(props || {}));
 }
@@ -586,6 +641,12 @@ function For(props) {
   };
   return createMemo(mapArray(() => props.each, props.children, fallback || void 0));
 }
+function Index(props) {
+  const fallback = "fallback" in props && {
+    fallback: () => props.fallback
+  };
+  return createMemo(indexArray(() => props.each, props.children, fallback || void 0));
+}
 function Show(props) {
   const keyed = props.keyed;
   const conditionValue = createMemo(() => props.when, void 0, void 0);
@@ -888,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)}.-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-\\[9px\\]{height:9px}.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-2\\.5{width:calc(var(--spacing)*2.5)}.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-\\[\\#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)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.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-\\[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-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\\: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}}@keyframes flash{0%{opacity:1;background-color:#d239c040;border-color:#d239c0}50%{opacity:1;background-color:#d239c073;border-color:#e650d2}to{opacity:1;background-color:#d239c014;border-color:#d239c080}}.react-grab-flash{animation:.4s ease-out forwards flash}.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}@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-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}}`;
 // src/utils/is-keyboard-event-triggered-by-input.ts
 var FORM_TAGS_AND_ROLES = [
@@ -1017,7 +1078,7 @@ var buildOpenFileUrl = (filePath, lineNumber) => {
 };
 // src/constants.ts
-var VERSION = "0.0.71";
+var VERSION = "0.0.72";
 var VIEWPORT_MARGIN_PX = 8;
 var OFFSCREEN_POSITION = -1e3;
 var SELECTION_LERP_FACTOR = 0.95;
@@ -3599,7 +3660,7 @@ var SelectionBox = (props) => {
     get children() {
       var _el$ = _tmpl$();
       createRenderEffect((_p$) => {
-        var _v$ = cn("fixed box-border", props.variant === "drag" && "pointer-events-none", props.variant !== "drag" && "pointer-events-auto", props.variant === "grabbed" && "z-2147483645", props.variant !== "grabbed" && "z-2147483646", props.variant === "drag" && "border border-solid border-grab-purple/40 bg-grab-purple/5 will-change-[transform,width,height] cursor-crosshair", props.variant === "selection" && "border border-solid border-grab-purple/50 bg-grab-purple/8 transition-opacity duration-100 ease-out", props.variant === "grabbed" && "border border-solid react-grab-flash", props.variant === "processing" && !props.isCompleted && "border border-solid border-grab-purple/50 bg-grab-purple/8", props.variant === "processing" && props.isCompleted && "border border-solid react-grab-flash"), _v$2 = `${currentY()}px`, _v$3 = `${currentX()}px`, _v$4 = `${currentWidth()}px`, _v$5 = `${currentHeight()}px`, _v$6 = props.bounds.borderRadius, _v$7 = props.bounds.transform, _v$8 = props.isFading ? 0 : opacity(), _v$9 = props.variant === "drag" ? "layout paint size" : void 0;
+        var _v$ = cn("fixed box-border", props.variant === "drag" && "pointer-events-none", props.variant !== "drag" && "pointer-events-auto", props.variant === "grabbed" && "z-2147483645", props.variant !== "grabbed" && "z-2147483646", props.variant === "drag" && "border border-solid border-grab-purple/40 bg-grab-purple/5 will-change-[transform,width,height] cursor-crosshair", props.variant === "selection" && "border border-solid border-grab-purple/50 bg-grab-purple/8 transition-opacity duration-100 ease-out", props.variant === "grabbed" && "border border-solid border-grab-purple/50 bg-grab-purple/8", props.variant === "processing" && !props.isCompleted && "border border-solid border-grab-purple/50 bg-grab-purple/8", props.variant === "processing" && props.isCompleted && "border border-solid border-grab-purple/50 bg-grab-purple/8"), _v$2 = `${currentY()}px`, _v$3 = `${currentX()}px`, _v$4 = `${currentWidth()}px`, _v$5 = `${currentHeight()}px`, _v$6 = props.bounds.borderRadius, _v$7 = props.bounds.transform, _v$8 = props.isFading ? 0 : opacity(), _v$9 = props.variant === "drag" ? "layout paint size" : void 0;
         _v$ !== _p$.e && className(_el$, _p$.e = _v$);
         _v$2 !== _p$.t && setStyleProperty(_el$, "top", _p$.t = _v$2);
         _v$3 !== _p$.a && setStyleProperty(_el$, "left", _p$.a = _v$3);
@@ -3761,7 +3822,7 @@ var useSpeechRecognition = (options) => {
       let baseValue;
       if (lastInterimText && currentValue.endsWith(lastInterimText)) {
         baseValue = currentValue.slice(0, -lastInterimText.length);
-      } else if (currentValue === lastValueWeSet) {
+      } else if (currentValue === lastValueWeSet && lastInterimText) {
         baseValue = currentValue.slice(0, -lastInterimText.length);
       } else {
         baseValue = currentValue;
@@ -3858,25 +3919,48 @@ var IconMic = (props) => {
   })();
 };
+// src/components/icon-return.tsx
+var _tmpl$5 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 22 19"fill=none><path d="M6.76263 18.6626C7.48251 18.6626 7.95474 18.1682 7.95474 17.4895C7.95474 17.1207 7.80474 16.8576 7.58683 16.6361L5.3018 14.4137L2.84621 12.3589L2.44374 13.0037L5.92137 13.1622H17.9232C20.4842 13.1622 21.593 12.021 21.593 9.47237V3.66983C21.593 1.10875 20.4842 0 17.9232 0H12.5414C11.8179 0 11.3018 0.545895 11.3018 1.21695C11.3018 1.888 11.8179 2.43389 12.5414 2.43389H17.8424C18.7937 2.43389 19.1897 2.83653 19.1897 3.78784V9.35747C19.1897 10.3257 18.7937 10.7314 17.8424 10.7314H5.92137L2.44374 10.8832L2.84621 11.5281L5.3018 9.47993L7.58683 7.2606C7.80474 7.03914 7.95474 6.7693 7.95474 6.40049C7.95474 5.72854 7.48251 5.22747 6.76263 5.22747C6.46129 5.22747 6.12975 5.36905 5.89231 5.6096L0.376815 11.0425C0.134921 11.2777 0 11.6141 0 11.9452C0 12.2728 0.134921 12.6158 0.376815 12.848L5.89231 18.2871C6.12975 18.5276 6.46129 18.6626 6.76263 18.6626Z"fill=currentColor>`);
+var IconReturn = (props) => {
+  const size = () => props.size ?? 12;
+  return (() => {
+    var _el$ = _tmpl$5();
+    createRenderEffect((_p$) => {
+      var _v$ = size(), _v$2 = size() * 19 / 22, _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/selection-label.tsx
-var _tmpl$5 = /* @__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$6 = /* @__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(`<div class="contain-layout shrink-0 flex items-center w-fit h-4 rounded-[1px] gap-1 px-[3px] [border-width:0.5px] border-solid border-[#B3B3B3] py-0 bg-[#F7F7F7]"><span class="text-[#0C0C0C] text-[11.5px] leading-3.5 shrink-0 tracking-[-0.08em] font-[ui-monospace,'SFMono-Regular','SF_Mono','Menlo','Consolas','Liberation_Mono',monospace] w-fit h-fit">`);
 var _tmpl$32 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center w-fit h-4 rounded-[1px] gap-1 px-[3px] [border-width:0.5px] border-solid border-white py-0"><span class="text-[#0C0C0C] text-[11.5px] leading-3.5 shrink-0 tracking-[-0.08em] font-[ui-monospace,'SFMono-Regular','SF_Mono','Menlo','Consolas','Liberation_Mono',monospace] w-fit h-fit">&gt;`);
 var _tmpl$42 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent">`);
 var _tmpl$52 = /* @__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">`);
-var _tmpl$6 = /* @__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"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="[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$8 = /* @__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$9 = /* @__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$0 = /* @__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]"><div class="text-black text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal react-grab-shimmer">`);
-var _tmpl$1 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
-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 px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"><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></div><div class="grid transition-[grid-template-rows] duration-30 ease-out"><div>`);
-var _tmpl$12 = /* @__PURE__ */ template(`<button>`);
-var _tmpl$13 = /* @__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"><div class="w-2.5 h-[9px] shrink-0 bg-cover bg-center opacity-[0.99]"style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)>`);
-var _tmpl$14 = /* @__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$15 = /* @__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$16 = /* @__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$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 ARROW_HEIGHT = 8;
 var LABEL_GAP = 4;
 var IDLE_TIMEOUT_MS = 400;
@@ -3891,7 +3975,7 @@ var TagBadge = (props) => {
     props.onHoverChange?.(false);
   };
   return (() => {
-    var _el$ = _tmpl$5(), _el$2 = _el$.firstChild;
+    var _el$ = _tmpl$6(), _el$2 = _el$.firstChild;
     addEventListener(_el$, "click", props.onClick);
     _el$.addEventListener("mouseleave", handleMouseLeave);
     _el$.addEventListener("mouseenter", handleMouseEnter);
@@ -3964,19 +4048,61 @@ var ClickToCopyPill = (props) => {
   })();
 };
 var BottomSection = (props) => (() => {
-  var _el$9 = _tmpl$6();
+  var _el$9 = _tmpl$62();
   insert(_el$9, () => props.children);
   return _el$9;
 })();
+var DismissConfirmation = (props) => {
+  const handleKeyDown = (event) => {
+    if (event.code === "Enter") {
+      event.preventDefault();
+      event.stopPropagation();
+      props.onConfirm?.();
+    } else if (event.code === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      props.onCancel?.();
+    }
+  };
+  onMount(() => {
+    window.addEventListener("keydown", handleKeyDown, {
+      capture: true
+    });
+  });
+  onCleanup(() => {
+    window.removeEventListener("keydown", handleKeyDown, {
+      capture: true
+    });
+  });
+  return (() => {
+    var _el$0 = _tmpl$8(); _el$0.firstChild;
+    insert(_el$0, createComponent(BottomSection, {
+      get children() {
+        var _el$10 = _tmpl$7(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling; _el$12.firstChild;
+        addEventListener(_el$11, "click", props.onCancel);
+        addEventListener(_el$12, "click", props.onConfirm);
+        insert(_el$12, createComponent(IconReturn, {
+          size: 10,
+          "class": "text-[#c00002]"
+        }), null);
+        return _el$10;
+      }
+    }), null);
+    return _el$0;
+  })();
+};
 var SelectionLabel = (props) => {
   let containerRef;
   let inputRef;
   let isTagCurrentlyHovered = false;
+  let lastValidPosition = null;
+  let lastElementIdentity = null;
   const [measuredWidth, setMeasuredWidth] = createSignal(0);
   const [measuredHeight, setMeasuredHeight] = createSignal(0);
   const [arrowPosition, setArrowPosition] = createSignal("bottom");
   const [viewportVersion, setViewportVersion] = createSignal(0);
   const [isIdle, setIsIdle] = createSignal(false);
+  const [hadValidBounds, setHadValidBounds] = createSignal(false);
   const speechRecognition = useSpeechRecognition({
     onTranscript: (transcript) => props.onInputChange?.(transcript),
     getCurrentValue: () => props.inputValue ?? ""
@@ -4033,8 +4159,11 @@ var SelectionLabel = (props) => {
     }
   });
   createEffect(() => {
-    void props.selectionBounds;
-    resetIdleTimer();
+    const elementIdentity = `${props.tagName ?? ""}:${props.componentName ?? ""}`;
+    if (elementIdentity !== lastElementIdentity) {
+      lastElementIdentity = elementIdentity;
+      resetIdleTimer();
+    }
   });
   createEffect(() => {
     if (props.visible) {
@@ -4059,8 +4188,10 @@ var SelectionLabel = (props) => {
     const bounds = props.selectionBounds;
     const labelWidth = measuredWidth();
     const labelHeight = measuredHeight();
-    if (!bounds || labelWidth === 0 || labelHeight === 0) {
-      return {
+    const hasMeasurements = labelWidth > 0 && labelHeight > 0;
+    const hasValidBounds = bounds && bounds.width > 0 && bounds.height > 0;
+    if (!hasMeasurements || !hasValidBounds) {
+      return lastValidPosition ?? {
         left: -9999,
         top: -9999,
         arrowLeft: 0
@@ -4092,11 +4223,14 @@ var SelectionLabel = (props) => {
       positionTop = VIEWPORT_MARGIN_PX;
     }
     const arrowLeft = Math.max(12, Math.min(cursorX - positionLeft, labelWidth - 12));
-    return {
+    const position = {
       left: positionLeft,
       top: positionTop,
       arrowLeft
     };
+    lastValidPosition = position;
+    setHadValidBounds(true);
+    return position;
   };
   const handleKeyDown = (event) => {
     event.stopPropagation();
@@ -4129,85 +4263,93 @@ var SelectionLabel = (props) => {
     event.stopPropagation();
     event.stopImmediatePropagation();
   };
+  const handleContainerPointerDown = (event) => {
+    stopPropagation(event);
+    const isEditableInputVisible = isNotProcessing() && props.isInputExpanded && !props.isPendingDismiss;
+    if (isEditableInputVisible && inputRef) {
+      inputRef.focus();
+    }
+  };
   const handleSubmit = () => {
     if (props.isInputExpanded && !props.inputValue?.trim()) return;
     speechRecognition.stop();
     props.onSubmit?.();
   };
+  const shouldShowWithoutBounds = () => hadValidBounds() && (props.status === "copied" || props.status === "fading");
   return createComponent(Show, {
     get when() {
-      return memo(() => props.visible !== false)() && props.selectionBounds;
+      return memo(() => props.visible !== false)() && (props.selectionBounds || shouldShowWithoutBounds());
     },
     get children() {
-      var _el$0 = _tmpl$16(), _el$12 = _el$0.firstChild;
-      _el$0.$$click = stopPropagation;
-      _el$0.$$mousedown = stopPropagation;
-      _el$0.$$pointerdown = stopPropagation;
+      var _el$14 = _tmpl$18(), _el$18 = _el$14.firstChild;
+      _el$14.$$click = stopPropagation;
+      _el$14.$$mousedown = stopPropagation;
+      _el$14.$$pointerdown = handleContainerPointerDown;
       var _ref$ = containerRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$0) : containerRef = _el$0;
-      insert(_el$0, createComponent(Arrow, {
+      typeof _ref$ === "function" ? use(_ref$, _el$14) : containerRef = _el$14;
+      insert(_el$14, createComponent(Arrow, {
         get position() {
           return arrowPosition();
         },
         get leftPx() {
           return computedPosition().arrowLeft;
         }
-      }), _el$12);
-      insert(_el$0, createComponent(Show, {
+      }), _el$18);
+      insert(_el$14, createComponent(Show, {
         get when() {
           return props.status === "copied" || props.status === "fading";
         },
         get children() {
-          var _el$1 = _tmpl$7(), _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild;
-          insert(_el$11, () => props.hasAgent ? "Completed" : "Copied");
-          return _el$1;
+          var _el$15 = _tmpl$9(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
+          insert(_el$17, () => props.hasAgent ? "Completed" : "Copied");
+          return _el$15;
         }
-      }), _el$12);
-      insert(_el$12, createComponent(Show, {
+      }), _el$18);
+      insert(_el$18, createComponent(Show, {
         get when() {
           return props.status === "copying";
         },
         get children() {
-          var _el$13 = _tmpl$0(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild;
-          insert(_el$16, () => props.statusText ?? "Grabbing\u2026");
-          insert(_el$13, createComponent(BottomSection, {
+          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, {
             get children() {
-              var _el$17 = _tmpl$9(), _el$18 = _el$17.firstChild;
+              var _el$23 = _tmpl$1(), _el$24 = _el$23.firstChild;
               var _ref$2 = inputRef;
-              typeof _ref$2 === "function" ? use(_ref$2, _el$18) : inputRef = _el$18;
-              insert(_el$17, createComponent(Show, {
+              typeof _ref$2 === "function" ? use(_ref$2, _el$24) : inputRef = _el$24;
+              insert(_el$23, createComponent(Show, {
                 get when() {
                   return props.onAbort;
                 },
                 get children() {
-                  var _el$19 = _tmpl$8();
-                  _el$19.$$click = (event) => {
+                  var _el$25 = _tmpl$0();
+                  _el$25.$$click = (event) => {
                     event.stopPropagation();
                     props.onAbort?.();
                   };
-                  _el$19.$$pointerup = (event) => {
+                  _el$25.$$pointerup = (event) => {
                     event.stopPropagation();
                     props.onAbort?.();
                   };
-                  _el$19.$$mousedown = (event) => event.stopPropagation();
-                  _el$19.$$pointerdown = (event) => event.stopPropagation();
-                  return _el$19;
+                  _el$25.$$mousedown = (event) => event.stopPropagation();
+                  _el$25.$$pointerdown = (event) => event.stopPropagation();
+                  return _el$25;
                 }
               }), null);
-              createRenderEffect(() => _el$18.value = props.inputValue ?? "");
-              return _el$17;
+              createRenderEffect(() => _el$24.value = props.inputValue ?? "");
+              return _el$23;
             }
           }), null);
-          return _el$13;
+          return _el$19;
         }
       }), null);
-      insert(_el$12, createComponent(Show, {
+      insert(_el$18, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
         },
         get children() {
-          var _el$20 = _tmpl$11(), _el$21 = _el$20.firstChild, _el$23 = _el$21.nextSibling, _el$24 = _el$23.firstChild;
-          insert(_el$21, createComponent(ClickToCopyPill, {
+          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, {
             onClick: handleSubmit,
             shrink: true,
             get hasParent() {
@@ -4217,19 +4359,19 @@ var SelectionLabel = (props) => {
               return props.hasAgent;
             }
           }), null);
-          insert(_el$21, createComponent(Show, {
+          insert(_el$27, createComponent(Show, {
             get when() {
               return props.componentName;
             },
             get children() {
-              var _el$22 = _tmpl$1();
-              insert(_el$22, createComponent(ParentBadge, {
+              var _el$28 = _tmpl$11();
+              insert(_el$28, createComponent(ParentBadge, {
                 get name() {
                   return props.componentName;
                 }
               }), null);
-              insert(_el$22, createComponent(ChevronSeparator, {}), null);
-              insert(_el$22, createComponent(TagBadge, {
+              insert(_el$28, createComponent(ChevronSeparator, {}), null);
+              insert(_el$28, createComponent(TagBadge, {
                 get tagName() {
                   return tagDisplay();
                 },
@@ -4241,10 +4383,10 @@ var SelectionLabel = (props) => {
                 showMono: true,
                 shrink: true
               }), null);
-              return _el$22;
+              return _el$28;
             }
           }), null);
-          insert(_el$21, createComponent(Show, {
+          insert(_el$27, createComponent(Show, {
             get when() {
               return !props.componentName;
             },
@@ -4263,33 +4405,37 @@ var SelectionLabel = (props) => {
               });
             }
           }), null);
-          insert(_el$24, createComponent(BottomSection, {
+          insert(_el$30, createComponent(BottomSection, {
             get children() {
-              var _el$25 = _tmpl$10(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling; _el$27.firstChild;
-              return _el$25;
+              var _el$31 = _tmpl$12(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling;
+              insert(_el$33, createComponent(IconReturn, {
+                size: 10,
+                "class": "opacity-[0.99] text-black"
+              }));
+              return _el$31;
             }
           }));
           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$21, _p$.e = _v$3);
-            _v$4 !== _p$.t && setStyleProperty(_el$23, "grid-template-rows", _p$.t = _v$4);
-            _v$5 !== _p$.a && className(_el$24, _p$.a = _v$5);
+            _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);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
           });
-          return _el$20;
+          return _el$26;
         }
       }), null);
-      insert(_el$12, createComponent(Show, {
+      insert(_el$18, createComponent(Show, {
         get when() {
-          return memo(() => !!isNotProcessing())() && props.isInputExpanded;
+          return memo(() => !!(isNotProcessing() && props.isInputExpanded))() && !props.isPendingDismiss;
         },
         get children() {
-          var _el$29 = _tmpl$15(), _el$30 = _el$29.firstChild;
-          insert(_el$30, createComponent(ClickToCopyPill, {
+          var _el$34 = _tmpl$17(), _el$35 = _el$34.firstChild;
+          insert(_el$35, createComponent(ClickToCopyPill, {
             onClick: handleSubmit,
             dimmed: true,
             shrink: true,
@@ -4300,19 +4446,19 @@ var SelectionLabel = (props) => {
               return props.hasAgent;
             }
           }), null);
-          insert(_el$30, createComponent(Show, {
+          insert(_el$35, createComponent(Show, {
             get when() {
               return props.componentName;
             },
             get children() {
-              var _el$31 = _tmpl$1();
-              insert(_el$31, createComponent(ParentBadge, {
+              var _el$36 = _tmpl$11();
+              insert(_el$36, createComponent(ParentBadge, {
                 get name() {
                   return props.componentName;
                 }
               }), null);
-              insert(_el$31, createComponent(ChevronSeparator, {}), null);
-              insert(_el$31, createComponent(TagBadge, {
+              insert(_el$36, createComponent(ChevronSeparator, {}), null);
+              insert(_el$36, createComponent(TagBadge, {
                 get tagName() {
                   return tagDisplay();
                 },
@@ -4325,10 +4471,10 @@ var SelectionLabel = (props) => {
                 shrink: true,
                 forceShowIcon: true
               }), null);
-              return _el$31;
+              return _el$36;
             }
           }), null);
-          insert(_el$30, createComponent(Show, {
+          insert(_el$35, createComponent(Show, {
             get when() {
               return !props.componentName;
             },
@@ -4348,21 +4494,21 @@ var SelectionLabel = (props) => {
               });
             }
           }), null);
-          insert(_el$29, createComponent(BottomSection, {
+          insert(_el$34, createComponent(BottomSection, {
             get children() {
-              var _el$32 = _tmpl$14(), _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling;
-              _el$33.$$keydown = handleKeyDown;
-              _el$33.$$input = handleInput;
+              var _el$37 = _tmpl$16(), _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling;
+              _el$38.$$keydown = handleKeyDown;
+              _el$38.$$input = handleInput;
               var _ref$3 = inputRef;
-              typeof _ref$3 === "function" ? use(_ref$3, _el$33) : inputRef = _el$33;
-              insert(_el$34, createComponent(Show, {
+              typeof _ref$3 === "function" ? use(_ref$3, _el$38) : inputRef = _el$38;
+              insert(_el$39, createComponent(Show, {
                 get when() {
                   return memo(() => !!(props.hasAgent && speechRecognition.isSupported()))() && !props.inputValue;
                 },
                 get children() {
-                  var _el$35 = _tmpl$12();
-                  addEventListener(_el$35, "click", speechRecognition.toggle);
-                  insert(_el$35, createComponent(IconMic, {
+                  var _el$40 = _tmpl$14();
+                  addEventListener(_el$40, "click", speechRecognition.toggle);
+                  insert(_el$40, createComponent(IconMic, {
                     size: 11,
                     get ["class"]() {
                       return speechRecognition.isListening() ? "animate-pulse" : "";
@@ -4370,42 +4516,61 @@ 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$35, _p$.e = _v$6);
-                    _v$7 !== _p$.t && setAttribute(_el$35, "title", _p$.t = _v$7);
+                    _v$6 !== _p$.e && className(_el$40, _p$.e = _v$6);
+                    _v$7 !== _p$.t && setAttribute(_el$40, "title", _p$.t = _v$7);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$35;
+                  return _el$40;
                 }
               }), null);
-              insert(_el$34, createComponent(Show, {
+              insert(_el$39, createComponent(Show, {
                 get when() {
                   return props.inputValue;
                 },
                 get children() {
-                  var _el$36 = _tmpl$13(); _el$36.firstChild;
-                  _el$36.$$click = handleSubmit;
-                  return _el$36;
+                  var _el$41 = _tmpl$15();
+                  _el$41.$$click = handleSubmit;
+                  insert(_el$41, createComponent(IconReturn, {
+                    size: 10,
+                    "class": "opacity-[0.99] text-black"
+                  }));
+                  return _el$41;
                 }
               }), null);
-              createRenderEffect(() => setAttribute(_el$33, "placeholder", speechRecognition.isListening() ? "listening..." : props.hasAgent ? "type to edit" : "type prompt"));
-              createRenderEffect(() => _el$33.value = props.inputValue ?? "");
-              return _el$32;
+              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;
             }
           }), null);
-          createRenderEffect(() => className(_el$30, 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$29;
+          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;
+        }
+      }), null);
+      insert(_el$18, createComponent(Show, {
+        get when() {
+          return props.isPendingDismiss;
+        },
+        get children() {
+          return createComponent(DismissConfirmation, {
+            get onConfirm() {
+              return props.onConfirmDismiss;
+            },
+            get onCancel() {
+              return props.onCancelDismiss;
+            }
+          });
         }
       }), 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;
-        _v$8 !== _p$.e && setStyleProperty(_el$0, "top", _p$.e = _v$8);
-        _v$9 !== _p$.t && setStyleProperty(_el$0, "left", _p$.t = _v$9);
-        _v$0 !== _p$.a && setStyleProperty(_el$0, "pointer-events", _p$.a = _v$0);
-        _v$1 !== _p$.o && setStyleProperty(_el$0, "opacity", _p$.o = _v$1);
-        _v$10 !== _p$.i && setStyleProperty(_el$12, "display", _p$.i = _v$10);
+        _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);
         return _p$;
       }, {
         e: void 0,
@@ -4414,14 +4579,14 @@ var SelectionLabel = (props) => {
         o: void 0,
         i: void 0
       });
-      return _el$0;
+      return _el$14;
     }
   });
 };
 delegateEvents(["click", "pointerdown", "mousedown", "pointerup", "input", "keydown"]);
 // src/components/selection-cursor.tsx
-var _tmpl$17 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
+var _tmpl$19 = /* @__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);
@@ -4458,7 +4623,7 @@ var SelectionCursor = (props) => {
           });
         }
       }), (() => {
-        var _el$ = _tmpl$17(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$19(), _el$2 = _el$.firstChild;
         _el$.addEventListener("mouseleave", () => setIsHovered(false));
         _el$.addEventListener("mouseenter", () => setIsHovered(true));
         _el$2.$$click = handleClick;
@@ -4503,6 +4668,7 @@ delegateEvents(["click"]);
 // src/components/renderer.tsx
 var ReactGrabRenderer = (props) => {
+  const agentSessionsList = createMemo(() => props.agentSessions ? Array.from(props.agentSessions.values()) : []);
   return [createComponent(Show, {
     get when() {
       return memo(() => !!props.selectionVisible)() && props.selectionBounds;
@@ -4564,51 +4730,52 @@ var ReactGrabRenderer = (props) => {
         return box.createdAt;
       }
     })
-  }), createComponent(For, {
+  }), createComponent(Index, {
     get each() {
-      return memo(() => !!props.agentSessions)() ? Array.from(props.agentSessions.values()) : [];
+      return agentSessionsList();
     },
     children: (session) => [createComponent(Show, {
       get when() {
-        return session.selectionBounds;
+        return session().selectionBounds;
       },
       get children() {
         return createComponent(SelectionBox, {
           variant: "processing",
           get bounds() {
-            return session.selectionBounds;
+            return session().selectionBounds;
           },
           visible: true,
           get isCompleted() {
-            return !session.isStreaming;
+            return !session().isStreaming;
           }
         });
       }
     }), createComponent(SelectionLabel, {
       get tagName() {
-        return session.tagName;
+        return session().tagName;
       },
       get componentName() {
-        return session.componentName;
+        return session().componentName;
       },
       get selectionBounds() {
-        return session.selectionBounds;
+        return session().selectionBounds;
       },
       get mouseX() {
-        return session.position.x;
+        return session().position.x;
       },
       visible: true,
       hasAgent: true,
+      isAgentConnected: true,
       get status() {
-        return session.isStreaming ? "copying" : "copied";
+        return session().isStreaming ? "copying" : "copied";
       },
       get statusText() {
-        return session.lastStatus || "Thinking\u2026";
+        return session().lastStatus || "Thinking\u2026";
       },
       get inputValue() {
-        return session.context.prompt;
+        return session().context.prompt;
       },
-      onAbort: () => props.onAbortSession?.(session.id)
+      onAbort: () => props.onAbortSession?.(session().id)
     })]
   }), createComponent(Show, {
     get when() {
@@ -4640,6 +4807,9 @@ var ReactGrabRenderer = (props) => {
         get hasAgent() {
           return props.hasAgent;
         },
+        get isAgentConnected() {
+          return props.isAgentConnected;
+        },
         get status() {
           return props.selectionLabelStatus;
         },
@@ -4661,6 +4831,15 @@ var ReactGrabRenderer = (props) => {
         get onToggleExpand() {
           return props.onToggleExpand;
         },
+        get isPendingDismiss() {
+          return props.isPendingDismiss;
+        },
+        get onConfirmDismiss() {
+          return props.onConfirmDismiss;
+        },
+        get onCancelDismiss() {
+          return props.onCancelDismiss;
+        },
         onOpen: () => {
           if (props.selectionFilePath) {
             const openFileUrl = buildOpenFileUrl(props.selectionFilePath, props.selectionLineNumber);
@@ -6209,7 +6388,8 @@ var createAgentManager = (initialAgentOptions) => {
           storage
         );
         setSessions((prev) => new Map(prev).set(session.id, completedSession));
-        agentOptions?.onComplete?.(completedSession);
+        const element = sessionElements.get(session.id);
+        agentOptions?.onComplete?.(completedSession, element);
       }
     } catch (error) {
       const currentSessions = sessions();
@@ -6342,7 +6522,7 @@ var createAgentManager = (initialAgentOptions) => {
       return;
     }
     const elements = [element];
-    const content = await generateSnippet(elements);
+    const content = await generateSnippet(elements, { maxLines: Infinity });
     const context = {
       content,
       prompt,
@@ -6361,7 +6541,7 @@ var createAgentManager = (initialAgentOptions) => {
     sessionElements.set(session.id, element);
     setSessions((prev) => new Map(prev).set(session.id, session));
     saveSessionById(session, storage);
-    agentOptions.onStart?.(session);
+    agentOptions.onStart?.(session, element);
     const abortController = new AbortController();
     abortControllers.set(session.id, abortController);
     const streamIterator = agentOptions.provider.send(
@@ -6438,7 +6618,7 @@ var createAgentManager = (initialAgentOptions) => {
 };
 // src/core.tsx
-var _tmpl$18 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
+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$33 = /* @__PURE__ */ template(`<span class="tabular-nums ml-1 align-middle"> in `);
 var onIdle = (callback) => {
@@ -6532,7 +6712,7 @@ var init = (rawOptions) => {
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.71";
+      const version = "0.0.72";
       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;`, "");
@@ -6566,6 +6746,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const [selectionLabelStatus, setSelectionLabelStatus] = createSignal("idle");
     const [labelInstances, setLabelInstances] = createSignal([]);
     const [lastGrabbedElement, setLastGrabbedElement] = createSignal(null);
+    const [lastCopiedElement, setLastCopiedElement] = createSignal(null);
     const [progressStartTime, setProgressStartTime] = createSignal(null);
     const [grabbedBoxes, setGrabbedBoxes] = createSignal([]);
     const [isActivated, setIsActivated] = createSignal(false);
@@ -6585,6 +6766,8 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const [isInputExpanded, setIsInputExpanded] = createSignal(false);
     const [frozenElement, setFrozenElement] = createSignal(null);
     const [hasAgentProvider, setHasAgentProvider] = createSignal(Boolean(options.agent?.provider));
+    const [isAgentConnected, setIsAgentConnected] = createSignal(false);
+    const [isPendingDismiss, setIsPendingDismiss] = createSignal(false);
     const elementInputCache = /* @__PURE__ */ new WeakMap();
     const [nativeSelectionCursorX, setNativeSelectionCursorX] = createSignal(OFFSCREEN_POSITION);
     const [nativeSelectionCursorY, setNativeSelectionCursorY] = createSignal(OFFSCREEN_POSITION);
@@ -6605,6 +6788,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
       return await getNearestComponentName(element) || void 0;
     });
     const clearNativeSelectionState = () => {
+      setHasNativeSelection(false);
       setNativeSelectionCursorX(OFFSCREEN_POSITION);
       setNativeSelectionCursorY(OFFSCREEN_POSITION);
       setNativeSelectionElements([]);
@@ -6720,6 +6904,9 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
       await operation().finally(() => {
         setIsCopying(false);
         setDidJustCopy(true);
+        if (element) {
+          setLastCopiedElement(element);
+        }
         stopProgressAnimation();
         if (instanceId) {
           updateLabelInstance(instanceId, "copied");
@@ -6821,6 +7008,12 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       if (element && !document.contains(element)) return null;
       return element;
     });
+    const effectiveElement = createMemo(() => {
+      if (isToggleFrozen()) {
+        return frozenElement();
+      }
+      return targetElement();
+    });
     createEffect(() => {
       const element = detectedElement();
       if (!element) return;
@@ -6839,7 +7032,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
     });
     const selectionBounds = createMemo(() => {
       viewportVersion();
-      const element = targetElement();
+      const element = effectiveElement();
       if (!element) return void 0;
       return createElementBounds(element);
     });
@@ -6891,7 +7084,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const copying = isCopying();
       if (!element) {
         return (() => {
-          var _el$ = _tmpl$18();
+          var _el$ = _tmpl$20();
           insert(_el$, copying ? "Processing\u2026" : "1 element");
           return _el$;
         })();
@@ -6917,7 +7110,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         })();
       }
       return (() => {
-        var _el$10 = _tmpl$18();
+        var _el$10 = _tmpl$20();
         insert(_el$10, copying ? "Processing\u2026" : "1 element");
         return _el$10;
       })();
@@ -7110,6 +7303,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       setInputText("");
       setIsToggleFrozen(false);
       setIsInputExpanded(false);
+      setIsPendingDismiss(false);
       setFrozenElement(null);
       setSelectionLabelStatus("idle");
       setDidJustCopy(false);
@@ -7154,6 +7348,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       setInputText(value);
     };
     const handleInputSubmit = () => {
+      setLastCopiedElement(null);
       const element = frozenElement() || targetElement();
       const prompt = isInputMode() ? inputText().trim() : "";
       if (!element) {
@@ -7182,7 +7377,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       }
       setIsInputMode(false);
       setInputText("");
-      elementInputCache.delete(element);
+      if (prompt) {
+        elementInputCache.set(element, prompt);
+      } else {
+        elementInputCache.delete(element);
+      }
       const tagName = extractElementTagName(element);
       void getNearestComponentName(element).then((componentName) => {
         void executeCopyOperation(currentX, currentY, () => copySingleElementToClipboard(element, prompt || void 0), bounds, tagName, componentName ?? void 0, element).then(() => {
@@ -7191,14 +7390,27 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       });
     };
     const handleInputCancel = () => {
+      setLastCopiedElement(null);
       if (!isInputMode()) return;
-      const element = frozenElement() || targetElement();
       const currentInput = inputText().trim();
+      if (currentInput && !isPendingDismiss()) {
+        setIsPendingDismiss(true);
+        return;
+      }
+      const element = frozenElement() || targetElement();
       if (element && currentInput) {
         elementInputCache.set(element, currentInput);
       }
+      setIsPendingDismiss(false);
+      deactivateRenderer();
+    };
+    const handleConfirmDismiss = () => {
+      setIsPendingDismiss(false);
       deactivateRenderer();
     };
+    const handleCancelDismiss = () => {
+      setIsPendingDismiss(false);
+    };
     const handleToggleExpand = () => {
       const element = frozenElement() || targetElement();
       if (element) {
@@ -7310,19 +7522,22 @@ ${plainTextContentOnly}` : plainTextContentOnly;
             transform: stripTranslateFromTransform(firstElement)
           };
           const tagName = extractElementTagName(firstElement);
+          const centerX = bounds.x + bounds.width / 2;
+          const centerY = bounds.y + bounds.height / 2;
           if (hasAgentProvider()) {
-            const centerX = bounds.x + bounds.width / 2;
-            const centerY = bounds.y + bounds.height / 2;
             setMouseX(centerX);
             setMouseY(centerY);
             setFrozenElement(firstElement);
             setIsToggleMode(true);
             setIsToggleFrozen(true);
             setIsInputExpanded(true);
+            if (!isActivated()) {
+              activateRenderer();
+            }
             setIsInputMode(true);
           } else {
             void getNearestComponentName(firstElement).then((componentName) => {
-              void executeCopyOperation(clientX, clientY, () => copyMultipleElementsToClipboard(selectedElements), bounds, tagName, componentName ?? void 0, firstElement, true);
+              void executeCopyOperation(centerX, centerY, () => copyMultipleElementsToClipboard(selectedElements), bounds, tagName, componentName ?? void 0, firstElement, true);
             });
           }
         }
@@ -7362,7 +7577,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       const originalKey = originalKeyDescriptor?.get ? originalKeyDescriptor.get.call(event) : event.key;
       const isEnterKey = originalKey === "Enter" || isEnterCode(event.code);
       const isOverlayActive = isActivated() || isHoldingKeys();
-      const shouldBlockEnter = isEnterKey && isOverlayActive && !isInputMode();
+      const shouldBlockEnter = isEnterKey && isOverlayActive && !isInputMode() && !isToggleMode();
       if (shouldBlockEnter) {
         claimedEvents.add(event);
         event.preventDefault();
@@ -7387,13 +7602,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
     window.addEventListener("keydown", (event) => {
       blockEnterIfNeeded(event);
       const isEnterToActivateInput = isEnterCode(event.code) && isHoldingKeys() && !isInputMode();
-      if (isInputMode() && isTargetKeyCombination(event, options)) {
+      if (isInputMode() && isTargetKeyCombination(event, options) && !event.repeat) {
         event.preventDefault();
         event.stopPropagation();
         setIsInputMode(false);
         setInputText("");
         setIsToggleFrozen(false);
         setIsInputExpanded(false);
+        setIsPendingDismiss(false);
         return;
       }
       if (isInputMode() || isEventFromOverlay(event, "data-react-grab-ignore-events") && !isEnterToActivateInput) {
@@ -7412,6 +7628,33 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           return;
         }
       }
+      const copiedElement = lastCopiedElement();
+      if (isEnterCode(event.code) && !isHoldingKeys() && !isInputMode() && !isActivated() && copiedElement && document.contains(copiedElement)) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        const bounds = createElementBounds(copiedElement);
+        const selectionCenterX = bounds.x + bounds.width / 2;
+        const centerY = bounds.y + bounds.height / 2;
+        setMouseX(selectionCenterX);
+        setMouseY(centerY);
+        setCopyStartX(selectionCenterX);
+        setCopyStartY(centerY);
+        setCopyOffsetFromCenterX(0);
+        setFrozenElement(copiedElement);
+        setLastCopiedElement(null);
+        setLabelInstances([]);
+        const cachedInput = elementInputCache.get(copiedElement);
+        if (cachedInput) {
+          setInputText(cachedInput);
+        }
+        setIsToggleMode(true);
+        setIsToggleFrozen(true);
+        setIsInputExpanded(true);
+        activateRenderer();
+        setIsInputMode(true);
+        return;
+      }
       if (isEnterCode(event.code) && isHoldingKeys() && !isInputMode()) {
         event.preventDefault();
         event.stopPropagation();
@@ -7634,7 +7877,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         if (hadDrag) {
           setDidJustDrag(false);
         }
-        if (isToggleMode() && !isCopying()) {
+        if (isToggleMode() && !isCopying() && !isInputMode()) {
           if (!isHoldingKeys()) {
             deactivateRenderer();
           } else {
@@ -7698,6 +7941,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         selectionDebounceTimerId = null;
         const currentSelection = window.getSelection();
         if (!currentSelection || currentSelection.isCollapsed || currentSelection.rangeCount === 0) {
+          clearNativeSelectionState();
           return;
         }
         const range = currentSelection.getRangeAt(0);
@@ -7706,6 +7950,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           clearNativeSelectionState();
           return;
         }
+        const selectedText = currentSelection.toString().trim();
+        if (!selectedText) {
+          clearNativeSelectionState();
+          return;
+        }
         const isBackward = (() => {
           if (!currentSelection.anchorNode || !currentSelection.focusNode) return false;
           const position = currentSelection.anchorNode.compareDocumentPosition(currentSelection.focusNode);
@@ -7755,14 +8004,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
     const selectionVisible = createMemo(() => {
       if (!theme().selectionBox.enabled) return false;
       if (didJustCopy()) return false;
-      return isRendererActive() && !isDragging() && Boolean(targetElement());
+      return isRendererActive() && !isDragging() && Boolean(effectiveElement());
     });
     const selectionTagName = createMemo(() => {
-      const element = targetElement();
+      const element = effectiveElement();
       if (!element) return void 0;
       return extractElementTagName(element) || void 0;
     });
-    const [selectionComponentName] = createResource(() => targetElement(), async (element) => {
+    const [selectionComponentName] = createResource(() => effectiveElement(), async (element) => {
       if (!element) return void 0;
       const name = await getNearestComponentName(element);
       return name ?? void 0;
@@ -7770,7 +8019,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
     const selectionLabelVisible = createMemo(() => {
       if (!theme().elementLabel.enabled) return false;
       if (didJustCopy()) return false;
-      return isRendererActive() && !isDragging() && Boolean(targetElement());
+      return isRendererActive() && !isDragging() && Boolean(effectiveElement());
     });
     const computedLabelInstances = createMemo(() => {
       viewportVersion();
@@ -7784,13 +8033,25 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         };
       });
     });
+    const computedGrabbedBoxes = createMemo(() => {
+      viewportVersion();
+      return grabbedBoxes().map((box) => {
+        if (!box.element || !document.body.contains(box.element)) {
+          return box;
+        }
+        return {
+          ...box,
+          bounds: createElementBounds(box.element)
+        };
+      });
+    });
     const dragVisible = createMemo(() => theme().dragBox.enabled && isRendererActive() && isDraggingBeyondThreshold());
     const labelVariant = createMemo(() => isCopying() ? "processing" : "hover");
     const labelVisible = createMemo(() => {
       if (!theme().elementLabel.enabled) return false;
       if (isInputMode()) return false;
       if (isCopying()) return true;
-      return isRendererActive() && !isDragging() && Boolean(targetElement());
+      return isRendererActive() && !isDragging() && Boolean(effectiveElement());
     });
     const crosshairVisible = createMemo(() => theme().crosshair.enabled && isRendererActive() && !isDragging() && !isTouchMode() && !isToggleFrozen());
     const shouldShowGrabbedBoxes = createMemo(() => theme().grabbedBoxes.enabled);
@@ -7837,7 +8098,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
           return dragBounds();
         },
         get grabbedBoxes() {
-          return memo(() => !!shouldShowGrabbedBoxes())() ? grabbedBoxes() : [];
+          return memo(() => !!shouldShowGrabbedBoxes())() ? computedGrabbedBoxes() : [];
         },
         labelZIndex: Z_INDEX_LABEL,
         get mouseX() {
@@ -7858,6 +8119,9 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         get hasAgent() {
           return hasAgentProvider();
         },
+        get isAgentConnected() {
+          return isAgentConnected();
+        },
         get agentSessions() {
           return agentManager.sessions();
         },
@@ -7866,6 +8130,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         onInputSubmit: () => void handleInputSubmit(),
         onInputCancel: handleInputCancel,
         onToggleExpand: handleToggleExpand,
+        get isPendingDismiss() {
+          return isPendingDismiss();
+        },
+        onConfirmDismiss: handleConfirmDismiss,
+        onCancelDismiss: handleCancelDismiss,
         get nativeSelectionCursorVisible() {
           return hasNativeSelection();
         },
@@ -7975,6 +8244,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         };
         agentManager.setOptions(mergedOptions);
         setHasAgentProvider(Boolean(mergedOptions.provider));
+        if (mergedOptions.provider?.checkConnection) {
+          void mergedOptions.provider.checkConnection().then((connected) => {
+            setIsAgentConnected(connected);
+          });
+        }
         agentManager.tryResumeSessions();
       }
     };