react-grab 0.0.57 → 0.0.59

package/dist/{chunk-IN2B3ZLM.cjs → chunk-XODHRTU2.cjs}

@@ -24,6 +24,7 @@ var UNOWNED = {
   context: null,
   owner: null
 };
+var NO_INIT = {};
 var Owner = null;
 var Transition = null;
 var ExternalSourceConfig = null;
@@ -63,6 +64,10 @@ function createSignal(value, options) {
   };
   return [readSignal.bind(s3), setter];
 }
+function createComputed(fn, value, options) {
+  const c3 = createComputation(fn, value, true, STALE);
+  updateComputation(c3);
+}
 function createRenderEffect(fn, value, options) {
   const c3 = createComputation(fn, value, false, STALE);
   updateComputation(c3);
@@ -82,6 +87,123 @@ function createMemo(fn, value, options) {
   updateComputation(c3);
   return readSignal.bind(c3);
 }
+function isPromise(v2) {
+  return v2 && typeof v2 === "object" && "then" in v2;
+}
+function createResource(pSource, pFetcher, pOptions) {
+  let source;
+  let fetcher;
+  let options;
+  if (typeof pFetcher === "function") {
+    source = pSource;
+    fetcher = pFetcher;
+    options = {};
+  } else {
+    source = true;
+    fetcher = pSource;
+    options = pFetcher || {};
+  }
+  let pr = null, initP = NO_INIT, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source);
+  const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
+    equals: false
+  }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
+  function loadEnd(p3, v2, error2, key) {
+    if (pr === p3) {
+      pr = null;
+      key !== void 0 && (resolved = true);
+      if ((p3 === initP || v2 === initP) && options.onHydrated) queueMicrotask(() => options.onHydrated(key, {
+        value: v2
+      }));
+      initP = NO_INIT;
+      completeLoad(v2, error2);
+    }
+    return v2;
+  }
+  function completeLoad(v2, err) {
+    runUpdates(() => {
+      if (err === void 0) setValue(() => v2);
+      setState(err !== void 0 ? "errored" : resolved ? "ready" : "unresolved");
+      setError(err);
+      for (const c3 of contexts.keys()) c3.decrement();
+      contexts.clear();
+    }, false);
+  }
+  function read() {
+    const c3 = SuspenseContext, v2 = value(), err = error();
+    if (err !== void 0 && !pr) throw err;
+    if (Listener && !Listener.user && c3) ;
+    return v2;
+  }
+  function load(refetching = true) {
+    if (refetching !== false && scheduled) return;
+    scheduled = false;
+    const lookup = dynamic ? dynamic() : source;
+    if (lookup == null || lookup === false) {
+      loadEnd(pr, untrack(value));
+      return;
+    }
+    let error2;
+    const p3 = initP !== NO_INIT ? initP : untrack(() => {
+      try {
+        return fetcher(lookup, {
+          value: value(),
+          refetching
+        });
+      } catch (fetcherError) {
+        error2 = fetcherError;
+      }
+    });
+    if (error2 !== void 0) {
+      loadEnd(pr, void 0, castError(error2), lookup);
+      return;
+    } else if (!isPromise(p3)) {
+      loadEnd(pr, p3, void 0, lookup);
+      return p3;
+    }
+    pr = p3;
+    if ("v" in p3) {
+      if (p3.s === 1) loadEnd(pr, p3.v, void 0, lookup);
+      else loadEnd(pr, void 0, castError(p3.v), lookup);
+      return p3;
+    }
+    scheduled = true;
+    queueMicrotask(() => scheduled = false);
+    runUpdates(() => {
+      setState(resolved ? "refreshing" : "pending");
+      trigger();
+    }, false);
+    return p3.then((v2) => loadEnd(p3, v2, void 0, lookup), (e2) => loadEnd(p3, void 0, castError(e2), lookup));
+  }
+  Object.defineProperties(read, {
+    state: {
+      get: () => state()
+    },
+    error: {
+      get: () => error()
+    },
+    loading: {
+      get() {
+        const s3 = state();
+        return s3 === "pending" || s3 === "refreshing";
+      }
+    },
+    latest: {
+      get() {
+        if (!resolved) return read();
+        const err = error();
+        if (err && !pr) throw err;
+        return value();
+      }
+    }
+  });
+  let owner = Owner;
+  if (dynamic) createComputed(() => (owner = Owner, load(false)));
+  else load(false);
+  return [read, {
+    refetch: (info) => runWithOwner(owner, () => load(info)),
+    mutate: setValue
+  }];
+}
 function untrack(fn) {
   if (Listener === null) return fn();
   const listener = Listener;
@@ -116,6 +238,22 @@ function onCleanup(fn) {
   else Owner.cleanups.push(fn);
   return fn;
 }
+function runWithOwner(o3, fn) {
+  const prev = Owner;
+  const prevListener = Listener;
+  Owner = o3;
+  Listener = null;
+  try {
+    return runUpdates(fn, true);
+  } catch (err) {
+    handleError(err);
+  } finally {
+    Owner = prev;
+    Listener = prevListener;
+  }
+}
+var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
+var SuspenseContext;
 function readSignal() {
   if (this.sources && (this.state)) {
     if ((this.state) === STALE) updateComputation(this);
@@ -357,7 +495,7 @@ function mapArray(list, mapFn, options = {}) {
   let items = [], mapped = [], disposers = [], len = 0, indexes = mapFn.length > 1 ? [] : null;
   onCleanup(() => dispose(disposers));
   return () => {
-    let newItems = list() || [], newLen = newItems.length, i2, j2;
+    let newItems = list() || [], newLen = newItems.length, i2, j3;
     newItems[$TRACK];
     return untrack(() => {
       let newIndices, newIndicesNext, temp, tempdisposers, tempIndexes, start, end, newEnd, item;
@@ -380,9 +518,9 @@ function mapArray(list, mapFn, options = {}) {
         }
       } else if (len === 0) {
         mapped = new Array(newLen);
-        for (j2 = 0; j2 < newLen; j2++) {
-          items[j2] = newItems[j2];
-          mapped[j2] = createRoot(mapper);
+        for (j3 = 0; j3 < newLen; j3++) {
+          items[j3] = newItems[j3];
+          mapped[j3] = createRoot(mapper);
         }
         len = newLen;
       } else {
@@ -397,32 +535,32 @@ function mapArray(list, mapFn, options = {}) {
         }
         newIndices = /* @__PURE__ */ new Map();
         newIndicesNext = new Array(newEnd + 1);
-        for (j2 = newEnd; j2 >= start; j2--) {
-          item = newItems[j2];
+        for (j3 = newEnd; j3 >= start; j3--) {
+          item = newItems[j3];
           i2 = newIndices.get(item);
-          newIndicesNext[j2] = i2 === void 0 ? -1 : i2;
-          newIndices.set(item, j2);
+          newIndicesNext[j3] = i2 === void 0 ? -1 : i2;
+          newIndices.set(item, j3);
         }
         for (i2 = start; i2 <= end; i2++) {
           item = items[i2];
-          j2 = newIndices.get(item);
-          if (j2 !== void 0 && j2 !== -1) {
-            temp[j2] = mapped[i2];
-            tempdisposers[j2] = disposers[i2];
-            indexes && (tempIndexes[j2] = indexes[i2]);
-            j2 = newIndicesNext[j2];
-            newIndices.set(item, j2);
+          j3 = newIndices.get(item);
+          if (j3 !== void 0 && j3 !== -1) {
+            temp[j3] = mapped[i2];
+            tempdisposers[j3] = disposers[i2];
+            indexes && (tempIndexes[j3] = indexes[i2]);
+            j3 = newIndicesNext[j3];
+            newIndices.set(item, j3);
           } else disposers[i2]();
         }
-        for (j2 = start; j2 < newLen; j2++) {
-          if (j2 in temp) {
-            mapped[j2] = temp[j2];
-            disposers[j2] = tempdisposers[j2];
+        for (j3 = start; j3 < newLen; j3++) {
+          if (j3 in temp) {
+            mapped[j3] = temp[j3];
+            disposers[j3] = tempdisposers[j3];
             if (indexes) {
-              indexes[j2] = tempIndexes[j2];
-              indexes[j2](j2);
+              indexes[j3] = tempIndexes[j3];
+              indexes[j3](j3);
             }
-          } else mapped[j2] = createRoot(mapper);
+          } else mapped[j3] = createRoot(mapper);
         }
         mapped = mapped.slice(0, len = newLen);
         items = newItems.slice(0);
@@ -430,13 +568,13 @@ function mapArray(list, mapFn, options = {}) {
       return mapped;
     });
     function mapper(disposer) {
-      disposers[j2] = disposer;
+      disposers[j3] = disposer;
       if (indexes) {
-        const [s3, set] = createSignal(j2);
-        indexes[j2] = set;
-        return mapFn(newItems[j2], s3);
+        const [s3, set] = createSignal(j3);
+        indexes[j3] = set;
+        return mapFn(newItems[j3], s3);
       }
-      return mapFn(newItems[j2]);
+      return mapFn(newItems[j3]);
     }
   };
 }
@@ -752,7 +890,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;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-gray-border:#b0b0b0;--color-label-success-bg:#d9ffe4;--color-label-success-border:#00bb69;--color-label-success-text:#006e3b;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[9px\\]{height:9px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-\\[18px\\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[2px\\]{border-radius:2px}.rounded-\\[3px\\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-br-\\[3px\\]{border-bottom-right-radius:3px}.rounded-bl-\\[3px\\]{border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\\[0\\.5px\\]{border-style:var(--tw-border-style);border-width:.5px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-gray-border{border-color:var(--color-label-gray-border)}.border-label-success-border{border-color:var(--color-label-success-border)}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#B6B6B6\\]{border-top-color:#b6b6b6}.bg-\\[\\#F2F2F2\\]{background-color:#f2f2f2}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-label-success-bg{background-color:var(--color-label-success-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.px-\\[5px\\]{padding-inline:5px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.text-\\[\\#47004A\\]{color:#47004a}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.text-label-success-text{color:var(--color-label-success-text)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.react-grab-shimmer{position:relative;overflow:hidden}.react-grab-shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}`;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-gray-border:#b0b0b0}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[9px\\]{height:9px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-\\[18px\\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-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}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[3px\\]{border-radius:3px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-br-\\[3px\\]{border-bottom-right-radius:3px}.rounded-bl-\\[3px\\]{border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\\[0\\.5px\\]{border-style:var(--tw-border-style);border-width:.5px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#001D0E\\]{border-color:#001d0e}.border-\\[\\#00553269\\]{border-color:#00553269}.border-\\[\\#A3FFCA\\]{border-color:#a3ffca}.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-gray-border{border-color:var(--color-label-gray-border)}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#B6B6B6\\]{border-top-color:#b6b6b6}.bg-\\[\\#A3FFCA\\]{background-color:#a3ffca}.bg-\\[\\#F2F2F2\\]{background-color:#f2f2f2}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[3px\\]{padding-inline:3px}.px-\\[5px\\]{padding-inline:5px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pb-1\\.5{padding-bottom:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#00381F\\]{color:#00381f}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#767676\\]{color:#767676}.text-\\[\\#A3FFCA\\]{color:#a3ffca}.text-black{color:var(--color-black)}.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}.\\[box-shadow\\:\\#00000033_0px_2px_3px\\]{box-shadow:0 2px 3px #0003}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.react-grab-shimmer{position:relative;overflow:hidden}.react-grab-shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes pulse{50%{opacity:.5}}`;
 
 // src/utils/is-keyboard-event-triggered-by-input.ts
 var FORM_TAGS_AND_ROLES = [
@@ -3597,33 +3735,12 @@ var Crosshair = (props) => {
   });
 };
 
-// src/components/icon-checkmark.tsx
-var _tmpl$3 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 9 9"fill=none><path d="M1 4.5L3.5 7L8 1.5"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`);
-var IconCheckmark = (props) => {
-  const size = () => props.size ?? 9;
-  return (() => {
-    var _el$ = _tmpl$3();
-    createRenderEffect((_p$) => {
-      var _v$ = size(), _v$2 = size(), _v$3 = props.class;
-      _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "height", _p$.t = _v$2);
-      _v$3 !== _p$.a && setAttribute(_el$, "class", _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })();
-};
-
 // src/components/icon-cursor-simple.tsx
-var _tmpl$4 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 12 12"fill=none><path fill-rule=evenodd clip-rule=evenodd d="M0.675576 0.0318497C0.491988 -0.0369956 0.285105 0.0078173 0.146461 0.146461C0.0078173 0.285105 -0.0369956 0.491988 0.0318497 0.675576L4.15685 11.6756C4.2337 11.8805 4.43492 12.0117 4.65345 11.9992C4.87197 11.9868 5.057 11.8336 5.11009 11.6213L6.41232 6.41232L11.6213 5.11009C11.8336 5.057 11.9868 4.87197 11.9992 4.65345C12.0117 4.43492 11.8805 4.2337 11.6756 4.15685L0.675576 0.0318497Z"fill=currentColor>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 12 12"fill=none><path fill-rule=evenodd clip-rule=evenodd d="M0.675576 0.0318497C0.491988 -0.0369956 0.285105 0.0078173 0.146461 0.146461C0.0078173 0.285105 -0.0369956 0.491988 0.0318497 0.675576L4.15685 11.6756C4.2337 11.8805 4.43492 12.0117 4.65345 11.9992C4.87197 11.9868 5.057 11.8336 5.11009 11.6213L6.41232 6.41232L11.6213 5.11009C11.8336 5.057 11.9868 4.87197 11.9992 4.65345C12.0117 4.43492 11.8805 4.2337 11.6756 4.15685L0.675576 0.0318497Z"fill=currentColor>`);
 var IconCursorSimple = (props) => {
   const size = () => props.size ?? 9;
   return (() => {
-    var _el$ = _tmpl$4();
+    var _el$ = _tmpl$3();
     createRenderEffect((_p$) => {
       var _v$ = size(), _v$2 = size(), _v$3 = props.class;
       _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
@@ -3640,11 +3757,11 @@ var IconCursorSimple = (props) => {
 };
 
 // src/components/icon-open.tsx
-var _tmpl$5 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><path d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6"></path><path d="M11 13l9-9"></path><path d="M15 4h5v5">`);
+var _tmpl$4 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2><path d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6"></path><path d="M11 13l9-9"></path><path d="M15 4h5v5">`);
 var IconOpen = (props) => {
   const size = () => props.size ?? 12;
   return (() => {
-    var _el$ = _tmpl$5();
+    var _el$ = _tmpl$4();
     createRenderEffect((_p$) => {
       var _v$ = size(), _v$2 = size(), _v$3 = props.class;
       _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
@@ -3661,11 +3778,11 @@ var IconOpen = (props) => {
 };
 
 // src/components/icon-stop.tsx
-var _tmpl$6 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 9 9"fill=none><rect x=1 y=1 width=7 height=7 rx=1 fill=currentColor>`);
+var _tmpl$5 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 9 9"fill=none><rect x=1 y=1 width=7 height=7 rx=1 fill=currentColor>`);
 var IconStop = (props) => {
   const size = () => props.size ?? 9;
   return (() => {
-    var _el$ = _tmpl$6();
+    var _el$ = _tmpl$5();
     createRenderEffect((_p$) => {
       var _v$ = size(), _v$2 = size(), _v$3 = props.class;
       _v$ !== _p$.e && setAttribute(_el$, "width", _p$.e = _v$);
@@ -3682,22 +3799,27 @@ var IconStop = (props) => {
 };
 
 // src/components/selection-label.tsx
-var _tmpl$7 = /* @__PURE__ */ template(`<div style="background-image:linear-gradient(in oklab 180deg, oklab(88.7% 0.086 -0.058) 0%, oklab(83.2% 0.132 -0.089) 100%)"><span>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<button>`);
-var _tmpl$42 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$52 = /* @__PURE__ */ template(`<div class="flex items-center h-[18px] rounded-[1.5px] gap-[3px] px-[5px] py-px bg-label-success-bg border-[0.5px] border-solid border-label-success-border"><span class="text-label-success-text text-[12px] leading-4 font-medium tracking-[-0.04em]">`);
-var _tmpl$62 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent">`);
-var _tmpl$72 = /* @__PURE__ */ template(`<div role=button><div class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Click to copy`);
-var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit rounded-bl-[3px] rounded-br-[3px] self-stretch bg-[#F2F2F2] [border-top-width:0.5px] border-t-solid border-t-[#B6B6B6] rounded-t-none">`);
-var _tmpl$9 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] pt-1 pb-1.5 px-1.5">`);
-var _tmpl$0 = /* @__PURE__ */ template(`<button class="flex items-center justify-center w-[18px] h-[18px] rounded-full cursor-pointer bg-black border-none transition-opacity hover:opacity-80"title=Stop>`);
-var _tmpl$1 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] react-grab-shimmer rounded-[3px] pt-1 pb-1.5 px-1.5">`);
-var _tmpl$10 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start p-0.5 rounded-[1px] bg-white [border-width:0.5px] border-solid border-white w-fit h-fit"style="box-shadow:#0000008C 0px 0px 2px"><div class="w-2.5 h-[9px] shrink-0 opacity-[0.99] bg-cover bg-center"style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)></div></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
-var _tmpl$11 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit pt-1 px-1.5"></div><div class="grid w-full transition-[grid-template-rows] duration-30 ease-out"><div class="overflow-hidden min-h-0">`);
-var _tmpl$12 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0"placeholder="type to edit"rows=1 style=field-sizing:content;min-height:16px></textarea><button class="contain-layout shrink-0 flex flex-col items-start p-0.5 rounded-xs bg-white [border-width:0.5px] border-solid border-white w-fit h-fit cursor-pointer ml-1 transition-none hover:scale-105 hover:shadow-md"style="box-shadow:#0000008C 0px 0px 2px"><div style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)>`);
-var _tmpl$13 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-fit h-fit">`);
-var _tmpl$14 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out"style="z-index:2147483647;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2)) drop-shadow(0 2px 4px rgba(0,0,0,0.25))"><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-[2px] bg-white antialiased w-fit h-fit p-0">`);
+var _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"><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-[#00553269] py-0"><span class="text-[#00381F] 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$42 = /* @__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$52 = /* @__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-[#A3FFCA] py-0"><span class="text-[#00381F] 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$62 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center w-fit h-4 rounded-[1px] gap-0.5 px-[3px] [border-width:0.5px] border-solid border-[#001D0E] py-0"style="background-image:linear-gradient(in oklab 180deg, oklab(39.6% -0.086 0.036) 0%, oklab(33.9% -0.074 0.031) 100%)"><span class="text-[#A3FFCA] 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$7 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$8 = /* @__PURE__ */ template(`<button>`);
+var _tmpl$9 = /* @__PURE__ */ template(`<div>`);
+var _tmpl$0 = /* @__PURE__ */ template(`<div class="absolute w-0 h-0"style="border-left:8px solid transparent;border-right:8px solid transparent">`);
+var _tmpl$1 = /* @__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">Copy`);
+var _tmpl$10 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit rounded-bl-[3px] rounded-br-[3px] self-stretch bg-[#F2F2F2] [border-top-width:0.5px] border-t-solid border-t-[#B6B6B6] rounded-t-none">`);
+var _tmpl$11 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex items-center gap-1 rounded-xs bg-[#A3FFCA] 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-[#00381F] text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit"></div></div><div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
+var _tmpl$12 = /* @__PURE__ */ template(`<button class="flex items-center justify-center w-[18px] h-[18px] rounded-full cursor-pointer bg-black border-none transition-opacity hover:opacity-80"title=Stop>`);
+var _tmpl$13 = /* @__PURE__ */ template(`<div class="flex items-center gap-[3px] react-grab-shimmer rounded-[3px] pt-1 pb-1.5 px-1.5">`);
+var _tmpl$14 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
+var _tmpl$15 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-[#767676] 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 rounded-xs bg-white [border-width:0.5px] border-solid border-white p-0.5 w-fit h-fit"style="box-shadow:#0000008C 0px 0px 2px"><div class="w-2.5 h-[9px] shrink-0 opacity-[0.99] bg-cover bg-center"style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)></div></div><span class="text-[#767676] text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to Edit`);
+var _tmpl$16 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit px-1.5"></div><div class="grid w-full transition-[grid-template-rows] duration-30 ease-out"><div class="overflow-hidden min-h-0">`);
+var _tmpl$17 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0"placeholder="type to edit"rows=1 style=field-sizing:content;min-height:16px></textarea><button class="contain-layout shrink-0 flex flex-col items-start p-0.5 rounded-xs bg-white [border-width:0.5px] border-solid border-white w-fit h-fit cursor-pointer ml-1 transition-none hover:scale-105 hover:shadow-md"style="box-shadow:#0000008C 0px 0px 2px"><div style=background-image:url(https://workers.paper.design/file-assets/01K8D51Q7E2ESJTN18XN2MT96X/01KBEJ7N5GQ0ZZ7K456R42AP4V.svg)>`);
+var _tmpl$18 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-fit h-fit">`);
+var _tmpl$19 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out"style=z-index:2147483647><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-xs bg-white [box-shadow:#00000033_0px_2px_3px] antialiased w-fit h-fit p-0">`);
 var ARROW_HEIGHT = 8;
 var LABEL_GAP = 4;
 var IDLE_TIMEOUT_MS = 400;
@@ -3712,7 +3834,7 @@ var TagBadge = (props) => {
     props.onHoverChange?.(false);
   };
   return (() => {
-    var _el$ = _tmpl$7(), _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);
@@ -3731,7 +3853,7 @@ var TagBadge = (props) => {
       }
     }), null);
     createRenderEffect((_p$) => {
-      var _v$ = cn("contain-layout flex items-center px-[3px] py-0 h-4 rounded-[1px] gap-[2px] [border-width:0.5px] border-solid border-label-tag-border", props.shrink && "shrink-0 w-fit", props.isClickable && "cursor-pointer"), _v$2 = cn("text-[#47004A] text-[11.5px] leading-3.5 shrink-0 w-fit h-fit", props.showMono ? "tracking-[-0.08em] font-[ui-monospace,'SFMono-Regular','SF_Mono','Menlo','Consolas','Liberation_Mono',monospace]" : "tracking-[-0.04em] font-medium");
+      var _v$ = cn("contain-layout flex items-center px-[3px] py-0 h-4 rounded-[1px] gap-0.5 [border-width:0.5px] border-solid border-label-tag-border", props.shrink && "shrink-0 w-fit", props.isClickable && "cursor-pointer"), _v$2 = cn("text-[#47004A] text-[11.5px] leading-3.5 shrink-0 w-fit h-fit", props.showMono ? "tracking-[-0.08em] font-[ui-monospace,'SFMono-Regular','SF_Mono','Menlo','Consolas','Liberation_Mono',monospace]" : "tracking-[-0.04em] font-medium");
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
       return _p$;
@@ -3742,67 +3864,78 @@ var TagBadge = (props) => {
     return _el$;
   })();
 };
+var ParentBadge = (props) => (() => {
+  var _el$3 = _tmpl$22(), _el$4 = _el$3.firstChild;
+  insert(_el$4, () => props.name);
+  return _el$3;
+})();
+var CopiedParentBadge = (props) => (() => {
+  var _el$5 = _tmpl$32(), _el$6 = _el$5.firstChild;
+  insert(_el$6, () => props.name);
+  return _el$5;
+})();
+var ChevronSeparator = () => _tmpl$42();
+var CopiedChevronSeparator = () => _tmpl$52();
+var CopiedTagBadge = (props) => (() => {
+  var _el$9 = _tmpl$62(), _el$0 = _el$9.firstChild;
+  insert(_el$0, () => props.tagName);
+  return _el$9;
+})();
 var ActionPill = (props) => {
   const baseClass = cn("flex items-center h-[18px] rounded-[1.5px] gap-[3px] px-[5px] py-px border-[0.5px] border-solid border-label-gray-border", props.shrink && "shrink-0 w-fit", props.asButton && "cursor-pointer bg-transparent", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity");
   const content = [memo(() => props.icon), (() => {
-    var _el$3 = _tmpl$22();
-    insert(_el$3, () => props.label);
-    createRenderEffect(() => className(_el$3, cn("text-black text-[12px] leading-4 font-medium tracking-[-0.04em]", props.shrink && "shrink-0 w-fit h-fit")));
-    return _el$3;
+    var _el$1 = _tmpl$7();
+    insert(_el$1, () => props.label);
+    createRenderEffect(() => className(_el$1, cn("text-black text-[12px] leading-4 font-medium tracking-[-0.04em]", props.shrink && "shrink-0 w-fit h-fit")));
+    return _el$1;
   })()];
   return props.asButton ? (() => {
-    var _el$4 = _tmpl$32();
-    addEventListener(_el$4, "click", props.onClick);
-    className(_el$4, baseClass);
-    insert(_el$4, content);
-    return _el$4;
+    var _el$10 = _tmpl$8();
+    addEventListener(_el$10, "click", props.onClick);
+    className(_el$10, baseClass);
+    insert(_el$10, content);
+    return _el$10;
   })() : (() => {
-    var _el$5 = _tmpl$42();
-    addEventListener(_el$5, "click", props.onClick);
-    className(_el$5, baseClass);
-    insert(_el$5, content);
-    createRenderEffect(() => setAttribute(_el$5, "role", props.onClick ? "button" : void 0));
-    return _el$5;
+    var _el$11 = _tmpl$9();
+    addEventListener(_el$11, "click", props.onClick);
+    className(_el$11, baseClass);
+    insert(_el$11, content);
+    createRenderEffect(() => setAttribute(_el$11, "role", props.onClick ? "button" : void 0));
+    return _el$11;
+  })();
+};
+var Arrow = (props) => {
+  const arrowColor = () => props.color ?? "white";
+  return (() => {
+    var _el$12 = _tmpl$0();
+    createRenderEffect((_$p) => style(_el$12, {
+      left: `${props.leftPx}px`,
+      ...props.position === "bottom" ? {
+        top: "0",
+        transform: "translateX(-50%) translateY(-100%)"
+      } : {
+        bottom: "0",
+        transform: "translateX(-50%) translateY(100%)"
+      },
+      ...props.position === "bottom" ? {
+        "border-bottom": `8px solid ${arrowColor()}`
+      } : {
+        "border-top": `8px solid ${arrowColor()}`
+      }
+    }, _$p));
+    return _el$12;
   })();
 };
-var SuccessPill = (props) => (() => {
-  var _el$6 = _tmpl$52(), _el$7 = _el$6.firstChild;
-  insert(_el$6, createComponent(IconCheckmark, {
-    size: 9,
-    "class": "text-label-success-text shrink-0"
-  }), _el$7);
-  insert(_el$7, () => props.hasAgent ? "Completed" : "Copied");
-  return _el$6;
-})();
-var Arrow = (props) => (() => {
-  var _el$8 = _tmpl$62();
-  createRenderEffect((_$p) => style(_el$8, {
-    left: `${props.leftPx}px`,
-    ...props.position === "bottom" ? {
-      top: "0",
-      transform: "translateX(-50%) translateY(-100%)"
-    } : {
-      bottom: "0",
-      transform: "translateX(-50%) translateY(100%)"
-    },
-    ...props.position === "bottom" ? {
-      "border-bottom": "8px solid white"
-    } : {
-      "border-top": "8px solid white"
-    }
-  }, _$p));
-  return _el$8;
-})();
 var ClickToCopyPill = (props) => (() => {
-  var _el$9 = _tmpl$72();
-  addEventListener(_el$9, "click", props.onClick);
-  createRenderEffect(() => className(_el$9, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
-  return _el$9;
+  var _el$13 = _tmpl$1();
+  addEventListener(_el$13, "click", props.onClick);
+  createRenderEffect(() => className(_el$13, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
+  return _el$13;
 })();
 var BottomSection = (props) => (() => {
-  var _el$0 = _tmpl$8();
-  insert(_el$0, () => props.children);
-  return _el$0;
+  var _el$14 = _tmpl$10();
+  insert(_el$14, () => props.children);
+  return _el$14;
 })();
 var SelectionLabel = (props) => {
   let containerRef;
@@ -3959,52 +4092,56 @@ var SelectionLabel = (props) => {
       return memo(() => props.visible !== false)() && props.selectionBounds;
     },
     get children() {
-      var _el$1 = _tmpl$14(), _el$10 = _el$1.firstChild;
-      _el$1.$$click = stopPropagation;
-      _el$1.$$mousedown = stopPropagation;
+      var _el$15 = _tmpl$19(), _el$20 = _el$15.firstChild;
+      _el$15.$$click = stopPropagation;
+      _el$15.$$mousedown = stopPropagation;
       var _ref$ = containerRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$1) : containerRef = _el$1;
-      insert(_el$1, createComponent(Arrow, {
+      typeof _ref$ === "function" ? use(_ref$, _el$15) : containerRef = _el$15;
+      insert(_el$15, createComponent(Arrow, {
         get position() {
           return arrowPosition();
         },
         get leftPx() {
           return computedPosition().arrowLeft;
+        },
+        get color() {
+          return props.status === "copied" || props.status === "fading" ? "#A3FFCA" : void 0;
         }
-      }), _el$10);
-      insert(_el$10, createComponent(Show, {
+      }), _el$20);
+      insert(_el$15, createComponent(Show, {
         get when() {
           return props.status === "copied" || props.status === "fading";
         },
         get children() {
-          var _el$11 = _tmpl$9();
-          insert(_el$11, createComponent(TagBadge, {
-            get tagName() {
-              return tagDisplay();
-            },
-            get isClickable() {
-              return isTagClickable();
+          var _el$16 = _tmpl$11(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$17.nextSibling;
+          insert(_el$18, () => props.hasAgent ? "Completed" : "Copied");
+          insert(_el$19, createComponent(Show, {
+            get when() {
+              return props.componentName;
             },
-            onClick: handleTagClick,
-            onHoverChange: handleTagHoverChange,
-            showMono: true,
-            shrink: true
+            get children() {
+              return [createComponent(CopiedParentBadge, {
+                get name() {
+                  return props.componentName;
+                }
+              }), createComponent(CopiedChevronSeparator, {})];
+            }
           }), null);
-          insert(_el$11, createComponent(SuccessPill, {
-            get hasAgent() {
-              return props.hasAgent;
+          insert(_el$19, createComponent(CopiedTagBadge, {
+            get tagName() {
+              return tagDisplay();
             }
           }), null);
-          return _el$11;
+          return _el$16;
         }
-      }), null);
-      insert(_el$10, createComponent(Show, {
+      }), _el$20);
+      insert(_el$20, createComponent(Show, {
         get when() {
           return props.status === "copying";
         },
         get children() {
-          var _el$12 = _tmpl$1();
-          insert(_el$12, createComponent(TagBadge, {
+          var _el$21 = _tmpl$13();
+          insert(_el$21, createComponent(TagBadge, {
             get tagName() {
               return tagDisplay();
             },
@@ -4016,7 +4153,7 @@ var SelectionLabel = (props) => {
             showMono: true,
             shrink: true
           }), null);
-          insert(_el$12, createComponent(ActionPill, {
+          insert(_el$21, createComponent(ActionPill, {
             get icon() {
               return createComponent(IconCursorSimple, {
                 size: 9,
@@ -4027,126 +4164,197 @@ var SelectionLabel = (props) => {
               return props.statusText ?? "Grabbing\u2026";
             }
           }), null);
-          insert(_el$12, createComponent(Show, {
+          insert(_el$21, createComponent(Show, {
             get when() {
               return memo(() => !!props.hasAgent)() && props.onAbort;
             },
             get children() {
-              var _el$13 = _tmpl$0();
-              _el$13.$$click = (event) => {
+              var _el$22 = _tmpl$12();
+              _el$22.$$click = (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
                 props.onAbort?.();
               };
-              _el$13.$$mousedown = (event) => {
+              _el$22.$$mousedown = (event) => {
                 event.preventDefault();
                 event.stopPropagation();
                 event.stopImmediatePropagation();
               };
-              insert(_el$13, createComponent(IconStop, {
+              insert(_el$22, createComponent(IconStop, {
                 size: 8,
                 "class": "text-white"
               }));
-              return _el$13;
+              return _el$22;
             }
           }), null);
-          return _el$12;
+          return _el$21;
         }
       }), null);
-      insert(_el$10, createComponent(Show, {
+      insert(_el$20, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
         },
         get children() {
-          var _el$14 = _tmpl$11(), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild;
-          insert(_el$15, createComponent(ClickToCopyPill, {
+          var _el$23 = _tmpl$16(), _el$24 = _el$23.firstChild, _el$26 = _el$24.nextSibling, _el$27 = _el$26.firstChild;
+          insert(_el$24, createComponent(ClickToCopyPill, {
             onClick: handleSubmit,
             shrink: true
           }), null);
-          insert(_el$15, createComponent(TagBadge, {
-            get tagName() {
-              return tagDisplay();
+          insert(_el$24, createComponent(Show, {
+            get when() {
+              return props.componentName;
             },
-            get isClickable() {
-              return isTagClickable();
+            get children() {
+              var _el$25 = _tmpl$14();
+              insert(_el$25, createComponent(ParentBadge, {
+                get name() {
+                  return props.componentName;
+                }
+              }), null);
+              insert(_el$25, createComponent(ChevronSeparator, {}), null);
+              insert(_el$25, createComponent(TagBadge, {
+                get tagName() {
+                  return tagDisplay();
+                },
+                get isClickable() {
+                  return isTagClickable();
+                },
+                onClick: handleTagClick,
+                onHoverChange: handleTagHoverChange,
+                showMono: true,
+                shrink: true
+              }), null);
+              return _el$25;
+            }
+          }), null);
+          insert(_el$24, createComponent(Show, {
+            get when() {
+              return !props.componentName;
             },
-            onClick: handleTagClick,
-            onHoverChange: handleTagHoverChange,
-            showMono: true,
-            shrink: true
+            get children() {
+              return createComponent(TagBadge, {
+                get tagName() {
+                  return tagDisplay();
+                },
+                get isClickable() {
+                  return isTagClickable();
+                },
+                onClick: handleTagClick,
+                onHoverChange: handleTagHoverChange,
+                showMono: true,
+                shrink: true
+              });
+            }
           }), null);
-          insert(_el$17, createComponent(BottomSection, {
+          insert(_el$27, createComponent(BottomSection, {
             get children() {
-              var _el$18 = _tmpl$10(), _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling; _el$20.firstChild;
-              return _el$18;
+              var _el$28 = _tmpl$15(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling; _el$30.firstChild;
+              return _el$28;
             }
           }));
-          createRenderEffect((_$p) => setStyleProperty(_el$16, "grid-template-rows", isIdle() ? "1fr" : "0fr"));
-          return _el$14;
+          createRenderEffect((_$p) => setStyleProperty(_el$26, "grid-template-rows", isIdle() ? "1fr" : "0fr"));
+          return _el$23;
         }
       }), null);
-      insert(_el$10, createComponent(Show, {
+      insert(_el$20, createComponent(Show, {
         get when() {
           return memo(() => !!isNotProcessing())() && props.isInputExpanded;
         },
         get children() {
-          var _el$22 = _tmpl$13(), _el$23 = _el$22.firstChild;
-          insert(_el$23, createComponent(ClickToCopyPill, {
+          var _el$32 = _tmpl$18(), _el$33 = _el$32.firstChild;
+          insert(_el$33, createComponent(ClickToCopyPill, {
             onClick: handleSubmit,
             dimmed: true,
             shrink: true
           }), null);
-          insert(_el$23, createComponent(TagBadge, {
-            get tagName() {
-              return tagDisplay();
+          insert(_el$33, createComponent(Show, {
+            get when() {
+              return props.componentName;
             },
-            get isClickable() {
-              return isTagClickable();
+            get children() {
+              var _el$34 = _tmpl$14();
+              insert(_el$34, createComponent(ParentBadge, {
+                get name() {
+                  return props.componentName;
+                }
+              }), null);
+              insert(_el$34, createComponent(ChevronSeparator, {}), null);
+              insert(_el$34, createComponent(TagBadge, {
+                get tagName() {
+                  return tagDisplay();
+                },
+                get isClickable() {
+                  return isTagClickable();
+                },
+                onClick: handleTagClick,
+                onHoverChange: handleTagHoverChange,
+                showMono: true,
+                shrink: true,
+                forceShowIcon: true
+              }), null);
+              return _el$34;
+            }
+          }), null);
+          insert(_el$33, createComponent(Show, {
+            get when() {
+              return !props.componentName;
             },
-            onClick: handleTagClick,
-            onHoverChange: handleTagHoverChange,
-            showMono: true,
-            shrink: true,
-            forceShowIcon: true
+            get children() {
+              return createComponent(TagBadge, {
+                get tagName() {
+                  return tagDisplay();
+                },
+                get isClickable() {
+                  return isTagClickable();
+                },
+                onClick: handleTagClick,
+                onHoverChange: handleTagHoverChange,
+                showMono: true,
+                shrink: true,
+                forceShowIcon: true
+              });
+            }
           }), null);
-          insert(_el$22, createComponent(BottomSection, {
+          insert(_el$32, createComponent(BottomSection, {
             get children() {
-              var _el$24 = _tmpl$12(), _el$25 = _el$24.firstChild, _el$26 = _el$25.nextSibling, _el$27 = _el$26.firstChild;
-              _el$25.$$keydown = handleKeyDown;
-              _el$25.$$input = handleInput;
+              var _el$35 = _tmpl$17(), _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$38 = _el$37.firstChild;
+              _el$36.$$keydown = handleKeyDown;
+              _el$36.$$input = handleInput;
               var _ref$2 = inputRef;
-              typeof _ref$2 === "function" ? use(_ref$2, _el$25) : inputRef = _el$25;
-              _el$26.$$click = handleSubmit;
-              createRenderEffect(() => className(_el$27, cn("w-2.5 h-[9px] shrink-0 bg-cover bg-center transition-opacity duration-100", props.inputValue ? "opacity-[0.99]" : "opacity-50")));
-              createRenderEffect(() => _el$25.value = props.inputValue ?? "");
-              return _el$24;
+              typeof _ref$2 === "function" ? use(_ref$2, _el$36) : inputRef = _el$36;
+              _el$37.$$click = handleSubmit;
+              createRenderEffect(() => className(_el$38, cn("w-2.5 h-[9px] shrink-0 bg-cover bg-center transition-opacity duration-100", props.inputValue ? "opacity-[0.99]" : "opacity-50")));
+              createRenderEffect(() => _el$36.value = props.inputValue ?? "");
+              return _el$35;
             }
           }), null);
-          return _el$22;
+          return _el$32;
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$3 = `${computedPosition().top}px`, _v$4 = `${computedPosition().left}px`, _v$5 = props.visible ? "auto" : "none", _v$6 = props.status === "fading" ? 0 : 1;
-        _v$3 !== _p$.e && setStyleProperty(_el$1, "top", _p$.e = _v$3);
-        _v$4 !== _p$.t && setStyleProperty(_el$1, "left", _p$.t = _v$4);
-        _v$5 !== _p$.a && setStyleProperty(_el$1, "pointer-events", _p$.a = _v$5);
-        _v$6 !== _p$.o && setStyleProperty(_el$1, "opacity", _p$.o = _v$6);
+        var _v$3 = `${computedPosition().top}px`, _v$4 = `${computedPosition().left}px`, _v$5 = props.visible ? "auto" : "none", _v$6 = props.status === "fading" ? 0 : 1, _v$7 = props.status === "copied" || props.status === "fading" ? "none" : void 0;
+        _v$3 !== _p$.e && setStyleProperty(_el$15, "top", _p$.e = _v$3);
+        _v$4 !== _p$.t && setStyleProperty(_el$15, "left", _p$.t = _v$4);
+        _v$5 !== _p$.a && setStyleProperty(_el$15, "pointer-events", _p$.a = _v$5);
+        _v$6 !== _p$.o && setStyleProperty(_el$15, "opacity", _p$.o = _v$6);
+        _v$7 !== _p$.i && setStyleProperty(_el$20, "display", _p$.i = _v$7);
         return _p$;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
-        o: void 0
+        o: void 0,
+        i: void 0
       });
-      return _el$1;
+      return _el$15;
     }
   });
 };
 delegateEvents(["click", "mousedown", "input", "keydown"]);
 
 // src/components/selection-cursor.tsx
-var _tmpl$15 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
+var _tmpl$20 = /* @__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);
@@ -4183,7 +4391,7 @@ var SelectionCursor = (props) => {
           });
         }
       }), (() => {
-        var _el$ = _tmpl$15(), _el$2 = _el$.firstChild;
+        var _el$ = _tmpl$20(), _el$2 = _el$.firstChild;
         _el$.addEventListener("mouseleave", () => setIsHovered(false));
         _el$.addEventListener("mouseenter", () => setIsHovered(true));
         _el$2.$$click = handleClick;
@@ -4311,6 +4519,9 @@ var ReactGrabRenderer = (props) => {
       get tagName() {
         return session.tagName;
       },
+      get componentName() {
+        return session.componentName;
+      },
       get selectionBounds() {
         return session.selectionBounds;
       },
@@ -4333,6 +4544,9 @@ var ReactGrabRenderer = (props) => {
         get tagName() {
           return props.selectionTagName;
         },
+        get componentName() {
+          return props.selectionComponentName;
+        },
         get selectionBounds() {
           return props.selectionBounds;
         },
@@ -4385,6 +4599,9 @@ var ReactGrabRenderer = (props) => {
       get tagName() {
         return instance.tagName;
       },
+      get componentName() {
+        return instance.componentName;
+      },
       get selectionBounds() {
         return instance.bounds;
       },
@@ -4428,8 +4645,8 @@ var ReactGrabRenderer = (props) => {
   })];
 };
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-Ds2lt3Ph.js
-var e = `0.5.17`;
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/rdt-hook-BE3UuUaz.js
+var e = `0.5.21`;
 var t = `bippy-${e}`;
 var n = Object.defineProperty;
 var r2 = Object.prototype.hasOwnProperty;
@@ -4516,16 +4733,15 @@ var _ = () => {
   }
 };
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-BE254Zqc.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/install-hook-only-_lLceJhv.js
 _();
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-BKZAzaFk.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/core-_xno6DOO.js
 var a2 = 0;
 var o2 = 1;
 var c2 = 5;
 var f2 = 11;
 var p2 = 13;
-var m2 = 14;
 var h2 = 15;
 var ee = 16;
 var te = 19;
@@ -4543,18 +4759,6 @@ var k = (e2) => {
       return typeof e2.type == `string`;
   }
 };
-var pe = (e2) => {
-  switch (e2.tag) {
-    case o2:
-    case f2:
-    case a2:
-    case m2:
-    case h2:
-      return true;
-    default:
-      return false;
-  }
-};
 var me = (e2) => !e2 || typeof e2 != `object` ? false : `pendingProps` in e2 && !(`containerInfo` in e2);
 function N(e2, t2, n2 = false) {
   if (!e2) return null;
@@ -4644,20 +4848,20 @@ var Pe = (e2) => {
 };
 var $ = /* @__PURE__ */ new Set();
 
-// ../../node_modules/.pnpm/bippy@0.5.17_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
+// ../../node_modules/.pnpm/bippy@0.5.21_@types+react@19.2.2_react@19.2.0/node_modules/bippy/dist/source.js
 var b2 = Object.create;
 var x2 = Object.defineProperty;
 var S2 = Object.getOwnPropertyDescriptor;
-var C2 = Object.getOwnPropertyNames;
-var ee2 = Object.getPrototypeOf;
-var te2 = Object.prototype.hasOwnProperty;
-var ne2 = (e2, t2) => () => (t2 || e2((t2 = { exports: {} }).exports, t2), t2.exports);
-var re2 = (e2, t2, n2, r3) => {
-  if (t2 && typeof t2 == `object` || typeof t2 == `function`) for (var i2 = C2(t2), a3 = 0, o3 = i2.length, s3; a3 < o3; a3++) s3 = i2[a3], !te2.call(e2, s3) && s3 !== n2 && x2(e2, s3, { get: ((e3) => t2[e3]).bind(null, s3), enumerable: !(r3 = S2(t2, s3)) || r3.enumerable });
+var ee2 = Object.getOwnPropertyNames;
+var te2 = Object.getPrototypeOf;
+var ne2 = Object.prototype.hasOwnProperty;
+var re2 = (e2, t2) => () => (t2 || e2((t2 = { exports: {} }).exports, t2), t2.exports);
+var ie2 = (e2, t2, n2, r3) => {
+  if (t2 && typeof t2 == `object` || typeof t2 == `function`) for (var i2 = ee2(t2), a3 = 0, o3 = i2.length, s3; a3 < o3; a3++) s3 = i2[a3], !ne2.call(e2, s3) && s3 !== n2 && x2(e2, s3, { get: ((e3) => t2[e3]).bind(null, s3), enumerable: !(r3 = S2(t2, s3)) || r3.enumerable });
   return e2;
 };
-var ie2 = (e2, t2, n2) => (n2 = e2 == null ? {} : b2(ee2(e2)), re2(x2(n2, `default`, { value: e2, enumerable: true }) , e2));
-var ae2 = () => {
+var ae2 = (e2, t2, n2) => (n2 = e2 == null ? {} : b2(te2(e2)), ie2(x2(n2, `default`, { value: e2, enumerable: true }) , e2));
+var oe2 = () => {
   let n2 = h();
   for (let t2 of [...Array.from(d), ...Array.from(n2.renderers.values())]) {
     let e2 = t2.currentDispatcherRef;
@@ -4665,16 +4869,16 @@ var ae2 = () => {
   }
   return null;
 };
-var w2 = (t2) => {
+var C2 = (t2) => {
   for (let n2 of d) {
     let e2 = n2.currentDispatcherRef;
     e2 && typeof e2 == `object` && (`H` in e2 ? e2.H = t2 : e2.current = t2);
   }
 };
-var T2 = (e2) => `
+var w2 = (e2) => `
     in ${e2}`;
-var oe2 = (e2, t2) => {
-  let n2 = T2(e2);
+var T2 = (e2, t2) => {
+  let n2 = w2(e2);
   return t2 && (n2 += ` (at ${t2})`), n2;
 };
 var E = false;
@@ -4682,8 +4886,8 @@ var D = (e2, t2) => {
   if (!e2 || E) return ``;
   let n2 = Error.prepareStackTrace;
   Error.prepareStackTrace = void 0, E = true;
-  let r3 = ae2();
-  w2(null);
+  let r3 = oe2();
+  C2(null);
   let i2 = console.error, a3 = console.warn;
   console.error = () => {
   }, console.warn = () => {
@@ -4751,16 +4955,16 @@ ${t3[r5].replace(` at new `, ` at `)}`, i4 = Te(e2);
       }
     }
   } finally {
-    E = false, Error.prepareStackTrace = n2, w2(r3), console.error = i2, console.warn = a3;
+    E = false, Error.prepareStackTrace = n2, C2(r3), console.error = i2, console.warn = a3;
   }
-  let o3 = e2 ? Te(e2) : ``, s3 = o3 ? T2(o3) : ``;
+  let o3 = e2 ? Te(e2) : ``, s3 = o3 ? w2(o3) : ``;
   return s3;
 };
 var se2 = (e2, t2) => {
   let m3 = e2.tag, h3 = ``;
   switch (m3) {
     case ne:
-      h3 = T2(`Activity`);
+      h3 = w2(`Activity`);
       break;
     case o2:
       h3 = D(e2.type, true);
@@ -4775,19 +4979,19 @@ var se2 = (e2, t2) => {
     case c2:
     case y:
     case b:
-      h3 = T2(e2.type);
+      h3 = w2(e2.type);
       break;
     case ee:
-      h3 = T2(`Lazy`);
+      h3 = w2(`Lazy`);
       break;
     case p2:
-      h3 = e2.child !== t2 && t2 !== null ? T2(`Suspense Fallback`) : T2(`Suspense`);
+      h3 = e2.child !== t2 && t2 !== null ? w2(`Suspense Fallback`) : w2(`Suspense`);
       break;
     case te:
-      h3 = T2(`SuspenseList`);
+      h3 = w2(`SuspenseList`);
       break;
     case re:
-      h3 = T2(`ViewTransition`);
+      h3 = w2(`ViewTransition`);
       break;
     default:
       return ``;
@@ -4802,7 +5006,7 @@ var ce2 = (e2) => {
       let e3 = n2._debugInfo;
       if (e3 && Array.isArray(e3)) for (let n3 = e3.length - 1; n3 >= 0; n3--) {
         let r4 = e3[n3];
-        typeof r4.name == `string` && (t2 += oe2(r4.name, r4.env));
+        typeof r4.name == `string` && (t2 += T2(r4.name, r4.env));
       }
       r3 = n2, n2 = n2.return;
     } while (n2);
@@ -4813,7 +5017,7 @@ Error generating stack: ${e3.message}
 ${e3.stack}` : ``;
   }
 };
-var O2 = (e2) => {
+var le2 = (e2) => {
   let t2 = Error.prepareStackTrace;
   Error.prepareStackTrace = void 0;
   let n2 = e2;
@@ -4827,58 +5031,58 @@ var O2 = (e2) => {
   else return ``;
   return n2;
 };
-var k2 = /(^|@)\S+:\d+/;
-var A2 = /^\s*at .*(\S+:\d+|\(native\))/m;
-var le2 = /^(eval@)?(\[native code\])?$/;
-var M2 = (e2, t2) => {
+var O2 = /(^|@)\S+:\d+/;
+var k2 = /^\s*at .*(\S+:\d+|\(native\))/m;
+var ue2 = /^(eval@)?(\[native code\])?$/;
+var j2 = (e2, t2) => {
   if (t2?.includeInElement !== false) {
     let n2 = e2.split(`
 `), r3 = [];
     for (let e3 of n2) if (/^\s*at\s+/.test(e3)) {
-      let t3 = F2(e3, void 0)[0];
+      let t3 = P2(e3, void 0)[0];
       t3 && r3.push(t3);
     } else if (/^\s*in\s+/.test(e3)) {
       let t3 = e3.replace(/^\s*in\s+/, ``).replace(/\s*\(at .*\)$/, ``);
       r3.push({ function: t3, raw: e3 });
-    } else if (e3.match(k2)) {
-      let t3 = I2(e3, void 0)[0];
+    } else if (e3.match(O2)) {
+      let t3 = F2(e3, void 0)[0];
       t3 && r3.push(t3);
     }
-    return P2(r3, t2);
+    return N2(r3, t2);
   }
-  return e2.match(A2) ? F2(e2, t2) : I2(e2, t2);
+  return e2.match(k2) ? P2(e2, t2) : F2(e2, t2);
 };
-var N2 = (e2) => {
+var M2 = (e2) => {
   if (!e2.includes(`:`)) return [e2, void 0, void 0];
   let t2 = /(.+?)(?::(\d+))?(?::(\d+))?$/, n2 = t2.exec(e2.replace(/[()]/g, ``));
   return [n2[1], n2[2] || void 0, n2[3] || void 0];
 };
-var P2 = (e2, t2) => t2 && t2.slice != null ? Array.isArray(t2.slice) ? e2.slice(t2.slice[0], t2.slice[1]) : e2.slice(0, t2.slice) : e2;
-var F2 = (e2, t2) => {
-  let n2 = P2(e2.split(`
-`).filter((e3) => !!e3.match(A2)), t2);
+var N2 = (e2, t2) => t2 && t2.slice != null ? Array.isArray(t2.slice) ? e2.slice(t2.slice[0], t2.slice[1]) : e2.slice(0, t2.slice) : e2;
+var P2 = (e2, t2) => {
+  let n2 = N2(e2.split(`
+`).filter((e3) => !!e3.match(k2)), t2);
   return n2.map((e3) => {
     let t3 = e3;
     t3.includes(`(eval `) && (t3 = t3.replace(/eval code/g, `eval`).replace(/(\(eval at [^()]*)|(,.*$)/g, ``));
     let n3 = t3.replace(/^\s+/, ``).replace(/\(eval code/g, `(`).replace(/^.*?\s+/, ``), r3 = n3.match(/ (\(.+\)$)/);
     n3 = r3 ? n3.replace(r3[0], ``) : n3;
-    let i2 = N2(r3 ? r3[1] : n3), a3 = r3 && n3 || void 0, o3 = [`eval`, `<anonymous>`].includes(i2[0]) ? void 0 : i2[0];
+    let i2 = M2(r3 ? r3[1] : n3), a3 = r3 && n3 || void 0, o3 = [`eval`, `<anonymous>`].includes(i2[0]) ? void 0 : i2[0];
     return { function: a3, file: o3, line: i2[1] ? +i2[1] : void 0, col: i2[2] ? +i2[2] : void 0, raw: t3 };
   });
 };
-var I2 = (e2, t2) => {
-  let n2 = P2(e2.split(`
-`).filter((e3) => !e3.match(le2)), t2);
+var F2 = (e2, t2) => {
+  let n2 = N2(e2.split(`
+`).filter((e3) => !e3.match(ue2)), t2);
   return n2.map((e3) => {
     let t3 = e3;
     if (t3.includes(` > eval`) && (t3 = t3.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g, `:$1`)), !t3.includes(`@`) && !t3.includes(`:`)) return { function: t3 };
     {
-      let e4 = /(([^\n\r"\u2028\u2029]*".[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*(?:@[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*)*(?:[\n\r\u2028\u2029][^@]*)?)?[^@]*)@/, n3 = t3.match(e4), r3 = n3 && n3[1] ? n3[1] : void 0, i2 = N2(t3.replace(e4, ``));
+      let e4 = /(([^\n\r"\u2028\u2029]*".[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*(?:@[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*)*(?:[\n\r\u2028\u2029][^@]*)?)?[^@]*)@/, n3 = t3.match(e4), r3 = n3 && n3[1] ? n3[1] : void 0, i2 = M2(t3.replace(e4, ``));
       return { function: r3, file: i2[0], line: i2[1] ? +i2[1] : void 0, col: i2[2] ? +i2[2] : void 0, raw: t3 };
     }
   });
 };
-var pe2 = ne2((exports, t2) => {
+var me2 = re2((exports, t2) => {
   (function(n2, r3) {
     typeof exports == `object` && t2 !== void 0 ? r3(exports) : typeof define == `function` && define.amd ? define([`exports`], r3) : (n2 = typeof globalThis < `u` ? globalThis : n2 || self, r3(n2.sourcemapCodec = {}));
   })(void 0, function(e2) {
@@ -5082,12 +5286,12 @@ var pe2 = ne2((exports, t2) => {
       return r4;
     }
     function S3(e3) {
-      e3.sort(C3);
+      e3.sort(ee3);
     }
-    function C3(e3, t4) {
+    function ee3(e3, t4) {
       return e3[0] - t4[0];
     }
-    function ee3(e3) {
+    function te3(e3) {
       let r4 = new d3(), i3 = 0, a4 = 0, o4 = 0, c4 = 0;
       for (let l4 = 0; l4 < e3.length; l4++) {
         let u4 = e3[l4];
@@ -5100,18 +5304,18 @@ var pe2 = ne2((exports, t2) => {
       }
       return r4.flush();
     }
-    e2.decode = x3, e2.decodeGeneratedRanges = _3, e2.decodeOriginalScopes = m3, e2.encode = ee3, e2.encodeGeneratedRanges = v2, e2.encodeOriginalScopes = h3, Object.defineProperty(e2, `__esModule`, { value: true });
+    e2.decode = x3, e2.decodeGeneratedRanges = _3, e2.decodeOriginalScopes = m3, e2.encode = te3, e2.encodeGeneratedRanges = v2, e2.encodeOriginalScopes = h3, Object.defineProperty(e2, `__esModule`, { value: true });
   });
 });
-var B2 = ie2(pe2());
-var V2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-var me2 = /^data:application\/json[^,]+base64,/;
-var he2 = /(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/;
-var H2 = typeof WeakRef < `u`;
+var z2 = ae2(me2());
+var B2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+var he2 = /^data:application\/json[^,]+base64,/;
+var ge2 = /(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/;
+var V2 = typeof WeakRef < `u`;
+var H2 = /* @__PURE__ */ new Map();
 var U2 = /* @__PURE__ */ new Map();
-var W2 = /* @__PURE__ */ new Map();
-var ge2 = (e2) => H2 && e2 instanceof WeakRef;
-var G2 = (e2, t2, n2, r3) => {
+var _e2 = (e2) => V2 && e2 instanceof WeakRef;
+var W2 = (e2, t2, n2, r3) => {
   if (n2 < 0 || n2 >= e2.length) return null;
   let i2 = e2[n2];
   if (!i2 || i2.length === 0) return null;
@@ -5124,49 +5328,49 @@ var G2 = (e2, t2, n2, r3) => {
   let l3 = t2[o3];
   return l3 ? { columnNumber: c3, fileName: l3, lineNumber: s3 + 1 } : null;
 };
-var K = (e2, t2, n2) => {
+var G2 = (e2, t2, n2) => {
   if (e2.sections) {
     let r3 = null;
     for (let i3 of e2.sections) if (t2 > i3.offset.line || t2 === i3.offset.line && n2 >= i3.offset.column) r3 = i3;
     else break;
     if (!r3) return null;
     let i2 = t2 - r3.offset.line, a3 = t2 === r3.offset.line ? n2 - r3.offset.column : n2;
-    return G2(r3.map.mappings, r3.map.sources, i2, a3);
+    return W2(r3.map.mappings, r3.map.sources, i2, a3);
   }
-  return G2(e2.mappings, e2.sources, t2 - 1, n2);
+  return W2(e2.mappings, e2.sources, t2 - 1, n2);
 };
-var _e2 = (e2, t2) => {
+var ve2 = (e2, t2) => {
   let n2 = t2.split(`
 `), r3;
   for (let e3 = n2.length - 1; e3 >= 0 && !r3; e3--) {
-    let t3 = n2[e3].match(he2);
+    let t3 = n2[e3].match(ge2);
     t3 && (r3 = t3[1] || t3[2]);
   }
   if (!r3) return null;
-  let i2 = V2.test(r3);
-  if (!(me2.test(r3) || i2 || r3.startsWith(`/`))) {
+  let i2 = B2.test(r3);
+  if (!(he2.test(r3) || i2 || r3.startsWith(`/`))) {
     let t3 = e2.split(`/`);
     t3[t3.length - 1] = r3, r3 = t3.join(`/`);
   }
   return r3;
 };
-var ve2 = (e2) => ({ file: e2.file, mappings: (0, B2.decode)(e2.mappings), names: e2.names, sourceRoot: e2.sourceRoot, sources: e2.sources, sourcesContent: e2.sourcesContent, version: 3 });
-var ye2 = (e2) => {
-  let t2 = e2.sections.map(({ map: e3, offset: t3 }) => ({ map: { ...e3, mappings: (0, B2.decode)(e3.mappings) }, offset: t3 })), n2 = /* @__PURE__ */ new Set();
+var ye2 = (e2) => ({ file: e2.file, mappings: (0, z2.decode)(e2.mappings), names: e2.names, sourceRoot: e2.sourceRoot, sources: e2.sources, sourcesContent: e2.sourcesContent, version: 3 });
+var be2 = (e2) => {
+  let t2 = e2.sections.map(({ map: e3, offset: t3 }) => ({ map: { ...e3, mappings: (0, z2.decode)(e3.mappings) }, offset: t3 })), n2 = /* @__PURE__ */ new Set();
   for (let e3 of t2) for (let t3 of e3.map.sources) n2.add(t3);
   return { file: e2.file, mappings: [], names: [], sections: t2, sourceRoot: void 0, sources: Array.from(n2), sourcesContent: void 0, version: 3 };
 };
-var q = (e2) => {
+var K = (e2) => {
   if (!e2) return false;
   let t2 = e2.trim();
   if (!t2) return false;
-  let n2 = t2.match(V2);
+  let n2 = t2.match(B2);
   if (!n2) return true;
   let r3 = n2[0].toLowerCase();
   return r3 === `http:` || r3 === `https:`;
 };
-var J = async (e2, t2 = fetch) => {
-  if (!q(e2)) return null;
+var q = async (e2, t2 = fetch) => {
+  if (!K(e2)) return null;
   let n2;
   try {
     let r4 = await t2(e2);
@@ -5175,59 +5379,65 @@ var J = async (e2, t2 = fetch) => {
     return null;
   }
   if (!n2) return null;
-  let r3 = _e2(e2, n2);
-  if (!r3 || !q(r3)) return null;
+  let r3 = ve2(e2, n2);
+  if (!r3 || !K(r3)) return null;
   try {
     let e3 = await t2(r3), n3 = await e3.json();
-    return `sections` in n3 ? ye2(n3) : ve2(n3);
+    return `sections` in n3 ? be2(n3) : ye2(n3);
   } catch {
     return null;
   }
 };
-var Y = async (e2, t2 = true, n2) => {
-  if (t2 && U2.has(e2)) {
-    let t3 = U2.get(e2);
+var J = async (e2, t2 = true, n2) => {
+  if (t2 && H2.has(e2)) {
+    let t3 = H2.get(e2);
     if (t3 == null) return null;
-    if (ge2(t3)) {
+    if (_e2(t3)) {
       let n3 = t3.deref();
       if (n3) return n3;
-      U2.delete(e2);
+      H2.delete(e2);
     } else return t3;
   }
-  if (t2 && W2.has(e2)) return W2.get(e2);
-  let r3 = J(e2, n2);
-  t2 && W2.set(e2, r3);
+  if (t2 && U2.has(e2)) return U2.get(e2);
+  let r3 = q(e2, n2);
+  t2 && U2.set(e2, r3);
   let i2 = await r3;
-  return t2 && W2.delete(e2), t2 && (i2 === null ? U2.set(e2, null) : U2.set(e2, H2 ? new WeakRef(i2) : i2)), i2;
+  return t2 && U2.delete(e2), t2 && (i2 === null ? H2.set(e2, null) : H2.set(e2, V2 ? new WeakRef(i2) : i2)), i2;
 };
-var be2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
-var xe2 = [`rsc://`, `file:///`, `webpack://`, `node:`, `turbopack://`, `metro://`, `///app-pages-browser/`];
-var Se2 = `about://React/`;
-var Ce2 = [`<anonymous>`, `eval`, ``];
-var we2 = /\.(jsx|tsx|ts|js)$/;
-var Te2 = /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
-var Ee2 = /^\?[\w~.\-]+(?:=[^&#]*)?(?:&[\w~.\-]+(?:=[^&#]*)?)*$/;
-var De2 = (e2) => e2._debugStack instanceof Error && typeof e2._debugStack?.stack == `string`;
-var Oe = (e2) => {
+var xe2 = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
+var Se2 = [`rsc://`, `file:///`, `webpack://`, `webpack-internal://`, `node:`, `turbopack://`, `metro://`, `/app-pages-browser/`];
+var Ce2 = `about://React/`;
+var we2 = [`<anonymous>`, `eval`, ``];
+var Te2 = /\.(jsx|tsx|ts|js)$/;
+var Ee2 = /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
+var De2 = /^\?[\w~.\-]+(?:=[^&#]*)?(?:&[\w~.\-]+(?:=[^&#]*)?)*$/;
+var Y = (e2) => e2?.fileName != null;
+var Oe = (e2) => e2._debugStack instanceof Error && typeof e2._debugStack?.stack == `string`;
+var ke2 = (e2) => {
   let t2 = e2._debugSource;
   return t2 ? typeof t2 == `object` && !!t2 && `fileName` in t2 && typeof t2.fileName == `string` && `lineNumber` in t2 && typeof t2.lineNumber == `number` : false;
 };
-var ke2 = async (e2, t2 = true, n2) => {
-  if (Oe(e2)) {
+var Ae2 = async (e2, t2 = true, n2) => {
+  if (ke2(e2)) {
     let t3 = e2._debugSource;
     return t3 || null;
   }
-  let r3 = X2(e2), i2 = await Z(r3, 1, t2, n2);
-  return !i2 || i2.length === 0 ? null : i2[0];
+  let r3 = X2(e2), i2 = await Z(r3, 2 ** 53 - 1, t2, n2);
+  if (!i2 || i2.length === 0) return null;
+  for (let e3 of i2) if (Y(e3)) return e3;
+  return null;
 };
-var X2 = (e2) => De2(e2) ? O2(e2._debugStack.stack) : ce2(e2);
-var Z = async (e2, t2 = 1, n2 = true, r3) => {
-  let i2 = M2(e2, { slice: t2 ?? 1 }), a3 = [];
+var X2 = (e2) => Oe(e2) ? le2(e2._debugStack.stack) : ce2(e2);
+var Z = async (e2, t2 = 2 ** 53 - 1, n2 = true, r3) => {
+  let i2 = j2(e2, { slice: t2 }), a3 = [];
   for (let e3 of i2) {
-    if (!e3?.file) continue;
-    let t3 = await Y(e3.file, n2, r3);
+    if (!e3?.file) {
+      a3.push({ fileName: void 0, lineNumber: e3?.line, columnNumber: e3?.col, functionName: e3?.function });
+      continue;
+    }
+    let t3 = await J(e3.file, n2, r3);
     if (t3 && typeof e3.line == `number` && typeof e3.col == `number`) {
-      let n3 = K(t3, e3.line, e3.col);
+      let n3 = G2(t3, e3.line, e3.col);
       if (n3) {
         a3.push(n3);
         continue;
@@ -5238,30 +5448,30 @@ var Z = async (e2, t2 = 1, n2 = true, r3) => {
   return a3;
 };
 var Q = (e2) => {
-  if (!e2 || Ce2.includes(e2)) return ``;
+  if (!e2 || we2.includes(e2)) return ``;
   let t2 = e2;
-  if (t2.startsWith(Se2)) {
-    let e3 = t2.slice(Se2.length), n3 = e3.indexOf(`/`), r3 = e3.indexOf(`:`);
+  if (t2.startsWith(Ce2)) {
+    let e3 = t2.slice(Ce2.length), n3 = e3.indexOf(`/`), r3 = e3.indexOf(`:`);
     t2 = n3 !== -1 && (r3 === -1 || n3 < r3) ? e3.slice(n3 + 1) : e3;
   }
-  for (let e3 of xe2) if (t2.startsWith(e3)) {
+  for (let e3 of Se2) if (t2.startsWith(e3)) {
     t2 = t2.slice(e3.length), e3 === `file:///` && (t2 = `/${t2.replace(/^\/+/, ``)}`);
     break;
   }
-  if (be2.test(t2)) {
-    let e3 = t2.match(be2);
+  if (xe2.test(t2)) {
+    let e3 = t2.match(xe2);
     e3 && (t2 = t2.slice(e3[0].length));
   }
   let n2 = t2.indexOf(`?`);
   if (n2 !== -1) {
     let e3 = t2.slice(n2);
-    Ee2.test(e3) && (t2 = t2.slice(0, n2));
+    De2.test(e3) && (t2 = t2.slice(0, n2));
   }
   return t2;
 };
-var je2 = (e2) => {
+var Me2 = (e2) => {
   let t2 = Q(e2);
-  return !(!t2 || !we2.test(t2) || Te2.test(t2));
+  return !(!t2 || !Te2.test(t2) || Ee2.test(t2));
 };
 
 // src/utils/is-capitalized.ts
@@ -5309,36 +5519,31 @@ var checkIsSourceComponentName = (name) => {
   if (name.includes("Provider") && name.includes("Context")) return false;
   return true;
 };
-var getNearestComponentName = (element) => {
-  if (!Ee()) return null;
-  try {
-    const fiber = Pe(element);
-    if (!fiber) return null;
-    let foundComponentName = null;
-    N(
-      fiber,
-      (currentFiber) => {
-        if (pe(currentFiber)) {
-          const displayName = Te(currentFiber);
-          if (displayName && checkIsSourceComponentName(displayName)) {
-            foundComponentName = displayName;
-            return true;
-          }
-        }
-        return false;
-      },
-      true
-    );
-    return foundComponentName;
-  } catch {
-    return null;
-  }
-};
 var getStack = async (element) => {
   if (!Ee()) return [];
   try {
     const maybeFiber = Pe(element);
     if (!maybeFiber || !me(maybeFiber)) return [];
+    const ownerStack = X2(maybeFiber);
+    const sources = await Z(ownerStack);
+    if (sources && sources.length > 0) {
+      const stack = [];
+      for (const source of sources) {
+        if (source.functionName && !checkIsInternalComponentName(source.functionName)) {
+          stack.push({
+            name: source.functionName,
+            source: source.fileName ? {
+              fileName: source.fileName,
+              lineNumber: source.lineNumber,
+              columnNumber: source.columnNumber
+            } : null
+          });
+        }
+      }
+      if (stack.length > 0) {
+        return stack;
+      }
+    }
     const fiber = De(maybeFiber);
     const unresolvedStack = [];
     N(
@@ -5348,7 +5553,7 @@ var getStack = async (element) => {
         if (displayName && !checkIsInternalComponentName(displayName)) {
           unresolvedStack.push({
             name: displayName,
-            sourcePromise: ke2(currentFiber)
+            sourcePromise: Ae2(currentFiber)
           });
         }
       },
@@ -5365,55 +5570,55 @@ var getStack = async (element) => {
     return [];
   }
 };
+var getNearestComponentName = async (element) => {
+  const stack = await getStack(element);
+  for (const frame of stack) {
+    if (checkIsSourceComponentName(frame.name)) {
+      return frame.name;
+    }
+  }
+  return null;
+};
 var formatElementInfo = async (element) => {
   const html = getHTMLPreview(element);
   const stack = await getStack(element);
   const isNextProject = checkIsNextProject();
-  let serverComponentName = null;
-  let clientComponentName = null;
   let fileName = null;
   let lineNumber = null;
   let columnNumber = null;
+  let serverComponentName = null;
+  let clientComponentName = null;
   for (const frame of stack) {
-    if (!frame.source) continue;
-    if (frame.source.fileName.startsWith("about://React/Server")) {
-      if (!serverComponentName && checkIsSourceComponentName(frame.name)) {
-        serverComponentName = frame.name;
-      }
+    if (checkIsSourceComponentName(frame.name) && !serverComponentName && !frame.source?.fileName) {
+      serverComponentName = frame.name;
       continue;
     }
-    if (je2(frame.source.fileName)) {
-      if (!fileName) {
-        fileName = Q(frame.source.fileName);
-        lineNumber = frame.source.lineNumber ?? null;
-        columnNumber = frame.source.columnNumber ?? null;
-      }
-      if (!clientComponentName && checkIsSourceComponentName(frame.name)) {
-        clientComponentName = frame.name;
-      }
-      if (fileName && clientComponentName) {
-        break;
-      }
+    if (!frame.source) continue;
+    if (Me2(frame.source.fileName) && !fileName) {
+      fileName = Q(frame.source.fileName);
+      lineNumber = frame.source.lineNumber ?? null;
+      columnNumber = frame.source.columnNumber ?? null;
+      clientComponentName = frame.name;
+      break;
     }
   }
-  const componentName = serverComponentName ?? clientComponentName;
-  if (!componentName || !fileName) {
-    return html;
-  }
-  let result = `${html}
-in ${componentName}`;
-  if (serverComponentName && clientComponentName) {
-    result += ` (Server \u2192 Client: ${clientComponentName})`;
+  let result = html;
+  if (serverComponentName) {
+    result += `
+  in ${serverComponentName} (Server)`;
   }
-  result += ` at ${fileName}`;
-  if (isNextProject && lineNumber && columnNumber) {
-    result += `:${lineNumber}:${columnNumber}`;
+  if (fileName) {
+    result += `
+${clientComponentName ? `  in ${clientComponentName}` : ""} at ${fileName}`;
+    if (isNextProject && lineNumber && columnNumber) {
+      result += `:${lineNumber}:${columnNumber}`;
+    }
   }
   return result;
 };
 var getFileName = (stack) => {
   for (const frame of stack) {
-    if (frame.source && je2(frame.source.fileName)) {
+    if (frame.source && Me2(frame.source.fileName)) {
       return Q(frame.source.fileName);
     }
   }
@@ -5888,7 +6093,7 @@ var deepMergeTheme = mergeThemeWithBase;
 // src/utils/agent-session.ts
 var STORAGE_KEY = "react-grab:agent-sessions";
 var generateSessionId = () => `session-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
-var createSession = (context, position, selectionBounds, tagName) => ({
+var createSession = (context, position, selectionBounds, tagName, componentName) => ({
   id: generateSessionId(),
   context,
   lastStatus: "",
@@ -5896,7 +6101,8 @@ var createSession = (context, position, selectionBounds, tagName) => ({
   createdAt: Date.now(),
   position,
   selectionBounds,
-  tagName
+  tagName,
+  componentName
 });
 var getStorage = (storage) => {
   if (!storage) return null;
@@ -6107,7 +6313,8 @@ var createAgentManager = (initialAgentOptions) => {
     const content = await generateSnippet(elements);
     const context = { content, prompt, options: agentOptions?.getOptions?.() };
     const tagName = (element.tagName || "").toLowerCase() || void 0;
-    const session = createSession(context, position, selectionBounds, tagName);
+    const componentName = getNearestComponentName(element) || void 0;
+    const session = createSession(context, position, selectionBounds, tagName, componentName);
     session.lastStatus = "Please wait\u2026";
     sessionElements.set(session.id, element);
     setSessions((prev) => new Map(prev).set(session.id, session));
@@ -6174,7 +6381,7 @@ var createAgentManager = (initialAgentOptions) => {
 };
 
 // src/core.tsx
-var _tmpl$16 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
+var _tmpl$21 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
 var _tmpl$23 = /* @__PURE__ */ template(`<span class="font-mono tabular-nums align-middle">&lt;<!>>`);
 var _tmpl$33 = /* @__PURE__ */ template(`<span class="tabular-nums ml-1 align-middle"> in `);
 var hasInited = false;
@@ -6256,7 +6463,7 @@ var init = (rawOptions) => {
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.57";
+      const version = "0.0.59";
       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;`, "");
@@ -6316,10 +6523,13 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
       if (elements.length === 0 || !elements[0]) return void 0;
       return extractElementTagName(elements[0]) || void 0;
     });
-    const nativeSelectionComponentName = createMemo(() => {
+    const [nativeSelectionComponentName] = createResource(() => {
       const elements = nativeSelectionElements();
-      if (elements.length === 0 || !elements[0]) return void 0;
-      return getNearestComponentName(elements[0]) || void 0;
+      if (elements.length === 0 || !elements[0]) return null;
+      return elements[0];
+    }, async (element) => {
+      if (!element) return void 0;
+      return await getNearestComponentName(element) || void 0;
     });
     const clearNativeSelectionState = () => {
       setNativeSelectionCursorX(OFFSCREEN_POSITION);
@@ -6417,12 +6627,13 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
         }
       }));
     };
-    const createLabelInstance = (bounds, tagName, status, element) => {
+    const createLabelInstance = (bounds, tagName, componentName, status, element) => {
       const instanceId = `label-${Date.now()}-${Math.random().toString(36).slice(2)}`;
       setLabelInstances((prev) => [...prev, {
         id: instanceId,
         bounds,
         tagName,
+        componentName,
         status,
         createdAt: Date.now(),
         element
@@ -6438,12 +6649,12 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const removeLabelInstance = (instanceId) => {
       setLabelInstances((prev) => prev.filter((instance) => instance.id !== instanceId));
     };
-    const executeCopyOperation = async (positionX, positionY, operation, bounds, tagName, element) => {
+    const executeCopyOperation = async (positionX, positionY, operation, bounds, tagName, componentName, element) => {
       setCopyStartX(positionX);
       setCopyStartY(positionY);
       setIsCopying(true);
       startProgressAnimation();
-      const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, "copying", element) : null;
+      const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, componentName, "copying", element) : null;
       await operation().finally(() => {
         setIsCopying(false);
         stopProgressAnimation();
@@ -6601,18 +6812,22 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         y: drag.y
       };
     });
+    const [labelComponentName] = createResource(() => targetElement(), async (element) => {
+      if (!element) return null;
+      return getNearestComponentName(element);
+    });
     const labelContent = createMemo(() => {
       const element = targetElement();
       const copying = isCopying();
       if (!element) {
         return (() => {
-          var _el$ = _tmpl$16();
+          var _el$ = _tmpl$21();
           insert(_el$, copying ? "Please wait\u2026" : "1 element");
           return _el$;
         })();
       }
       const tagName = extractElementTagName(element);
-      const componentName = getNearestComponentName(element);
+      const componentName = labelComponentName();
       if (tagName && componentName) {
         return [(() => {
           var _el$2 = _tmpl$23(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling; _el$5.nextSibling;
@@ -6632,7 +6847,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         })();
       }
       return (() => {
-        var _el$10 = _tmpl$16();
+        var _el$10 = _tmpl$21();
         insert(_el$10, copying ? "Please wait\u2026" : "1 element");
         return _el$10;
       })();
@@ -6663,7 +6878,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       }
       getStack(element).then((stack) => {
         for (const frame of stack) {
-          if (frame.source && je2(frame.source.fileName)) {
+          if (frame.source && Me2(frame.source.fileName)) {
             setSelectionFilePath(Q(frame.source.fileName));
             setSelectionLineNumber(frame.source.lineNumber);
             return;
@@ -6889,8 +7104,10 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       setIsInputMode(false);
       setInputText("");
       const tagName = extractElementTagName(element);
-      void executeCopyOperation(currentX, currentY, () => copySingleElementToClipboard(element, prompt || void 0), bounds, tagName, element).then(() => {
-        deactivateRenderer();
+      void getNearestComponentName(element).then((componentName) => {
+        void executeCopyOperation(currentX, currentY, () => copySingleElementToClipboard(element, prompt || void 0), bounds, tagName, componentName ?? void 0, element).then(() => {
+          deactivateRenderer();
+        });
       });
     };
     const handleInputCancel = () => {
@@ -6913,10 +7130,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       setHasNativeSelection(false);
       clearNativeSelectionState();
       window.getSelection()?.removeAllRanges();
+      const componentName = nativeSelectionComponentName();
       if (elements.length === 1) {
-        await executeCopyOperation(currentX, currentY, () => copySingleElementToClipboard(elements[0]), bounds, tagName);
+        await executeCopyOperation(currentX, currentY, () => copySingleElementToClipboard(elements[0]), bounds, tagName, componentName);
       } else {
-        await executeCopyOperation(currentX, currentY, () => copyMultipleElementsToClipboard(elements), bounds, tagName);
+        await executeCopyOperation(currentX, currentY, () => copyMultipleElementsToClipboard(elements), bounds, tagName, componentName);
       }
     };
     const handleNativeSelectionEnter = () => {
@@ -6997,7 +7215,9 @@ ${plainTextContentOnly}` : plainTextContentOnly;
             setIsInputExpanded(true);
             setIsInputMode(true);
           } else {
-            void executeCopyOperation(clientX, clientY, () => copyMultipleElementsToClipboard(selectedElements), bounds, tagName, firstElement);
+            void getNearestComponentName(firstElement).then((componentName) => {
+              void executeCopyOperation(clientX, clientY, () => copyMultipleElementsToClipboard(selectedElements), bounds, tagName, componentName ?? void 0, firstElement);
+            });
           }
         }
       } else {
@@ -7006,7 +7226,9 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         setLastGrabbedElement(element);
         const bounds = createElementBounds(element);
         const tagName = extractElementTagName(element);
-        void executeCopyOperation(clientX, clientY, () => copySingleElementToClipboard(element), bounds, tagName, element);
+        void getNearestComponentName(element).then((componentName) => {
+          void executeCopyOperation(clientX, clientY, () => copySingleElementToClipboard(element), bounds, tagName, componentName ?? void 0, element);
+        });
       }
     };
     const abortController = new AbortController();
@@ -7342,6 +7564,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       if (!element) return void 0;
       return extractElementTagName(element) || void 0;
     });
+    const [selectionComponentName] = createResource(() => targetElement(), async (element) => {
+      if (!element) return void 0;
+      const name = await getNearestComponentName(element);
+      return name ?? void 0;
+    });
     const selectionLabelVisible = createMemo(() => {
       if (!theme().elementLabel.enabled) return false;
       if (successLabels().length > 0) return false;
@@ -7394,6 +7621,9 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         get selectionTagName() {
           return selectionTagName();
         },
+        get selectionComponentName() {
+          return selectionComponentName();
+        },
         get selectionLabelVisible() {
           return selectionLabelVisible();
         },
@@ -7555,7 +7785,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
 };
 /*! Bundled license information:
 
-bippy/dist/rdt-hook-Ds2lt3Ph.js:
+bippy/dist/rdt-hook-BE3UuUaz.js:
   (**
    * @license bippy
    *
@@ -7565,7 +7795,7 @@ bippy/dist/rdt-hook-Ds2lt3Ph.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-bippy/dist/install-hook-only-BE254Zqc.js:
+bippy/dist/install-hook-only-_lLceJhv.js:
   (**
    * @license bippy
    *
@@ -7575,7 +7805,7 @@ bippy/dist/install-hook-only-BE254Zqc.js:
    * LICENSE file in the root directory of this source tree.
    *)
 
-bippy/dist/core-BKZAzaFk.js:
+bippy/dist/core-_xno6DOO.js:
   (**
    * @license bippy
    *
@@ -7621,6 +7851,5 @@ exports.Ee = Ee;
 exports.formatElementInfo = formatElementInfo;
 exports.generateSnippet = generateSnippet;
 exports.getFileName = getFileName;
-exports.getNearestComponentName = getNearestComponentName;
 exports.getStack = getStack;
 exports.init = init;