react-grab 0.0.72 → 0.0.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/{chunk-GFBDYRPI.cjs → chunk-6ZPKD3CA.cjs} +223 -159
- package/dist/{chunk-DZ2VZRJA.js → chunk-KXX6WKZA.js} +223 -159
- package/dist/{core-HtZR37lF.d.cts → core-eQvDkDGv.d.cts} +5 -0
- package/dist/{core-HtZR37lF.d.ts → core-eQvDkDGv.d.ts} +5 -0
- package/dist/core.cjs +7 -7
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.global.js +27 -27
- package/dist/index.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -951,7 +951,7 @@ function cleanChildren(parent, current, marker, replacement) {
|
|
|
951
951
|
|
|
952
952
|
// dist/styles.css
|
|
953
953
|
var styles_default = `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
954
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
954
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grab-pink:#b21c8e;--color-grab-purple:#d239c0;--color-label-tag-border:#730079;--color-label-muted:#767676}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-2147483645{z-index:2147483645}.z-2147483646{z-index:2147483646}.z-2147483647{z-index:2147483647}.z-\\[2147483645\\]{z-index:2147483645}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mt-px{margin-top:-1px}.-ml-\\[2px\\]{margin-left:-2px}.ml-1{margin-left:calc(var(--spacing)*1)}.box-border{box-sizing:border-box}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-fit{width:fit-content;height:fit-content}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-5\\.5{height:calc(var(--spacing)*5.5)}.h-\\[7px\\]{height:7px}.h-\\[17px\\]{height:17px}.h-\\[18px\\]{height:18px}.h-fit{height:fit-content}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-\\[7px\\]{width:7px}.w-\\[17px\\]{width:17px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[280px\\]{max-width:280px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-\\[3px\\]{gap:3px}.gap-\\[5px\\]{gap:5px}.gap-px{gap:1px}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\\[1\\.5px\\]{border-radius:1.5px}.rounded-\\[1px\\]{border-radius:1px}.rounded-full{border-radius:3.40282e38px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-xs{border-bottom-right-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.\\[border-width\\:0\\.5px\\]{border-width:.5px}.\\[border-top-width\\:0\\.5px\\]{border-top-width:.5px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#7e0002\\]{border-color:#7e0002}.border-\\[\\#B3B3B3\\]{border-color:#b3b3b3}.border-grab-purple{border-color:var(--color-grab-purple)}.border-grab-purple\\/40{border-color:#d239c066}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/40{border-color:color-mix(in oklab,var(--color-grab-purple)40%,transparent)}}.border-grab-purple\\/50{border-color:#d239c080}@supports (color:color-mix(in lab, red, red)){.border-grab-purple\\/50{border-color:color-mix(in oklab,var(--color-grab-purple)50%,transparent)}}.border-label-tag-border{border-color:var(--color-label-tag-border)}.border-white{border-color:var(--color-white)}.border-t-\\[\\#D9D9D9\\]{border-top-color:#d9d9d9}.bg-\\[\\#F7F7F7\\]{background-color:#f7f7f7}.bg-black{background-color:var(--color-black)}.bg-grab-pink{background-color:var(--color-grab-pink)}.bg-grab-purple{background-color:var(--color-grab-purple)}.bg-grab-purple\\/5{background-color:#d239c00d}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/5{background-color:color-mix(in oklab,var(--color-grab-purple)5%,transparent)}}.bg-grab-purple\\/8{background-color:#d239c014}@supports (color:color-mix(in lab, red, red)){.bg-grab-purple\\/8{background-color:color-mix(in oklab,var(--color-grab-purple)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.py-0{padding-block:calc(var(--spacing)*0)}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[5px\\]{padding-block:5px}.py-px{padding-block:1px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.align-middle{vertical-align:middle}.font-\\[ui-monospace\\,\\'SFMono-Regular\\'\\,\\'SF_Mono\\'\\,\\'Menlo\\'\\,\\'Consolas\\'\\,\\'Liberation_Mono\\'\\,monospace\\]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.leading-3\\.5{--tw-leading:calc(var(--spacing)*3.5);line-height:calc(var(--spacing)*3.5)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\\[-0\\.04em\\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\\[-0\\.08em\\]{--tw-tracking:-.08em;letter-spacing:-.08em}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\\[\\#0C0C0C\\]{color:#0c0c0c}.text-\\[\\#47004A\\]{color:#47004a}.text-\\[\\#71717a\\]{color:#71717a}.text-\\[\\#B91C1C\\]{color:#b91c1c}.text-\\[\\#c00002\\]{color:#c00002}.text-black{color:var(--color-black)}.text-label-muted{color:var(--color-label-muted)}.text-label-tag-border{color:var(--color-label-tag-border)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.opacity-\\[0\\.99\\]{opacity:.99}.brightness-125{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter-\\[drop-shadow\\(0px_0px_4px_\\#51515180\\)\\]{filter:drop-shadow(0 0 4px #51515180)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-30{--tw-duration:30ms;transition-duration:30ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\\[transform\\,width\\,height\\]{will-change:transform,width,height}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[font-synthesis\\:none\\]{font-synthesis:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:bg-\\[\\#F5F5F5\\]:hover{background-color:#f5f5f5}.hover\\:bg-\\[\\#FEF2F2\\]:hover{background-color:#fef2f2}.hover\\:opacity-100:hover{opacity:1}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}`;
|
|
955
955
|
|
|
956
956
|
// src/utils/is-keyboard-event-triggered-by-input.ts
|
|
957
957
|
var FORM_TAGS_AND_ROLES = [
|
|
@@ -1080,7 +1080,7 @@ var buildOpenFileUrl = (filePath, lineNumber) => {
|
|
|
1080
1080
|
};
|
|
1081
1081
|
|
|
1082
1082
|
// src/constants.ts
|
|
1083
|
-
var VERSION = "0.0.
|
|
1083
|
+
var VERSION = "0.0.73";
|
|
1084
1084
|
var VIEWPORT_MARGIN_PX = 8;
|
|
1085
1085
|
var OFFSCREEN_POSITION = -1e3;
|
|
1086
1086
|
var SELECTION_LERP_FACTOR = 0.95;
|
|
@@ -1088,6 +1088,7 @@ var SUCCESS_LABEL_DURATION_MS = 1700;
|
|
|
1088
1088
|
var COPIED_LABEL_DURATION_MS = 1500;
|
|
1089
1089
|
var SELECTION_CURSOR_SETTLE_DELAY_MS = 500;
|
|
1090
1090
|
var BLUR_DEACTIVATION_THRESHOLD_MS = 500;
|
|
1091
|
+
var INPUT_FOCUS_ACTIVATION_DELAY_MS = 150;
|
|
1091
1092
|
var DRAG_THRESHOLD_PX = 2;
|
|
1092
1093
|
var ELEMENT_DETECTION_THROTTLE_MS = 32;
|
|
1093
1094
|
var BOUNDS_RECALC_INTERVAL_MS = 100;
|
|
@@ -3951,18 +3952,21 @@ var _tmpl$52 = /* @__PURE__ */ template(`<div role=button><div class="text-black
|
|
|
3951
3952
|
var _tmpl$62 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col items-start px-2 py-[5px] w-auto h-fit self-stretch [border-top-width:0.5px] border-t-solid border-t-[#D9D9D9] antialiased rounded-t-none rounded-b-xs -mt-px"style="background-image:linear-gradient(in oklab 180deg, oklab(100% 0 0) 0%, oklab(96.1% 0 0) 5.92%)">`);
|
|
3952
3953
|
var _tmpl$7 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit"><button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">No</span></button><button class="contain-layout shrink-0 flex items-center justify-center gap-1 px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#7e0002] cursor-pointer transition-all hover:bg-[#FEF2F2] h-[17px]"><span class="text-[#B91C1C] text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Yes`);
|
|
3953
3954
|
var _tmpl$8 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-end gap-1 w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Discard prompt?`);
|
|
3954
|
-
var _tmpl$9 = /* @__PURE__ */ template(`<
|
|
3955
|
-
var _tmpl$0 = /* @__PURE__ */ template(`<button
|
|
3956
|
-
var _tmpl$1 = /* @__PURE__ */ template(`<div class="shrink-0 flex
|
|
3957
|
-
var _tmpl$10 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-
|
|
3958
|
-
var _tmpl$11 = /* @__PURE__ */ template(`<
|
|
3959
|
-
var _tmpl$12 = /* @__PURE__ */ template(`<div class="
|
|
3960
|
-
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
|
|
3961
|
-
var _tmpl$14 = /* @__PURE__ */ template(`<
|
|
3962
|
-
var _tmpl$15 = /* @__PURE__ */ template(`<
|
|
3963
|
-
var _tmpl$16 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-
|
|
3964
|
-
var _tmpl$17 = /* @__PURE__ */ template(`<
|
|
3965
|
-
var _tmpl$18 = /* @__PURE__ */ template(`<
|
|
3955
|
+
var _tmpl$9 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Undo`);
|
|
3956
|
+
var _tmpl$0 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex items-center justify-center px-[3px] py-px rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] cursor-pointer transition-all hover:bg-[#F5F5F5] h-[17px]"><span class="text-black text-[11px] leading-3.5 tracking-[-0.04em] font-sans font-medium">Ok`);
|
|
3957
|
+
var _tmpl$1 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center justify-end gap-[5px] w-full h-fit">`);
|
|
3958
|
+
var _tmpl$10 = /* @__PURE__ */ template(`<div class="[font-synthesis:none] contain-layout shrink-0 flex flex-col justify-center items-end rounded-xs bg-white antialiased w-fit h-fit"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1.5 pb-1 px-1.5 w-full h-fit"><span class="text-black text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit tabular-nums">`);
|
|
3959
|
+
var _tmpl$11 = /* @__PURE__ */ template(`<button data-react-grab-ignore-events class="contain-layout shrink-0 flex flex-col items-start rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] p-1 size-fit cursor-pointer ml-1 transition-none hover:scale-105"><div data-react-grab-ignore-events class="shrink-0 w-[7px] h-[7px] rounded-[1px] bg-black pointer-events-none">`);
|
|
3960
|
+
var _tmpl$12 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 opacity-50 wrap-break-word overflow-y-auto"placeholder="type to edit"rows=1 disabled style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none>`);
|
|
3961
|
+
var _tmpl$13 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div class="contain-layout shrink-0 flex items-center gap-1 pt-1 px-1.5 w-auto h-fit"><div class="contain-layout flex items-center px-0 py-px w-auto h-fit rounded-[1.5px] gap-[3px]"><span class="text-[12px] leading-4 tracking-[-0.04em] font-sans font-medium w-auto h-fit whitespace-normal text-[#71717a] animate-pulse tabular-nums">`);
|
|
3962
|
+
var _tmpl$14 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-px w-fit h-fit">`);
|
|
3963
|
+
var _tmpl$15 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex items-center gap-1 w-fit h-fit"><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">Press</span><div class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit"></div><span class="text-label-muted text-[12px] leading-4 shrink-0 tracking-[-0.04em] font-sans font-medium w-fit h-fit">to edit`);
|
|
3964
|
+
var _tmpl$16 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit"><div></div><div class="grid transition-[grid-template-rows] duration-30 ease-out self-stretch"><div>`);
|
|
3965
|
+
var _tmpl$17 = /* @__PURE__ */ template(`<button>`);
|
|
3966
|
+
var _tmpl$18 = /* @__PURE__ */ template(`<button class="contain-layout shrink-0 flex flex-col items-start px-[3px] py-[3px] rounded-xs bg-white [border-width:0.5px] border-solid border-[#B3B3B3] size-fit cursor-pointer transition-all hover:scale-105">`);
|
|
3967
|
+
var _tmpl$19 = /* @__PURE__ */ template(`<div class="shrink-0 flex justify-between items-end w-full min-h-4"><textarea data-react-grab-ignore-events class="text-black text-[12px] leading-4 tracking-[-0.04em] font-medium bg-transparent border-none outline-none resize-none flex-1 p-0 m-0 wrap-break-word overflow-y-auto"rows=1 style=field-sizing:content;min-height:16px;max-height:95px;scrollbar-width:none></textarea><div class="flex items-center gap-0.5 ml-1 w-[17px] h-[17px] justify-end">`);
|
|
3968
|
+
var _tmpl$20 = /* @__PURE__ */ template(`<div class="contain-layout shrink-0 flex flex-col justify-center items-start gap-1 w-fit h-fit max-w-[280px]"><div>`);
|
|
3969
|
+
var _tmpl$21 = /* @__PURE__ */ template(`<div data-react-grab-ignore-events class="fixed font-sans antialiased transition-opacity duration-300 ease-out filter-[drop-shadow(0px_0px_4px_#51515180)] select-none"style=z-index:2147483647><div class="[font-synthesis:none] contain-layout flex items-center gap-[5px] rounded-xs bg-white antialiased w-fit h-fit p-0">`);
|
|
3966
3970
|
var ARROW_HEIGHT = 8;
|
|
3967
3971
|
var LABEL_GAP = 4;
|
|
3968
3972
|
var IDLE_TIMEOUT_MS = 400;
|
|
@@ -4283,7 +4287,7 @@ var SelectionLabel = (props) => {
|
|
|
4283
4287
|
return memo(() => props.visible !== false)() && (props.selectionBounds || shouldShowWithoutBounds());
|
|
4284
4288
|
},
|
|
4285
4289
|
get children() {
|
|
4286
|
-
var _el$14 = _tmpl$
|
|
4290
|
+
var _el$14 = _tmpl$21(), _el$21 = _el$14.firstChild;
|
|
4287
4291
|
_el$14.$$click = stopPropagation;
|
|
4288
4292
|
_el$14.$$mousedown = stopPropagation;
|
|
4289
4293
|
_el$14.$$pointerdown = handleContainerPointerDown;
|
|
@@ -4296,62 +4300,98 @@ var SelectionLabel = (props) => {
|
|
|
4296
4300
|
get leftPx() {
|
|
4297
4301
|
return computedPosition().arrowLeft;
|
|
4298
4302
|
}
|
|
4299
|
-
}), _el$
|
|
4303
|
+
}), _el$21);
|
|
4300
4304
|
insert(_el$14, createComponent(Show, {
|
|
4301
4305
|
get when() {
|
|
4302
4306
|
return props.status === "copied" || props.status === "fading";
|
|
4303
4307
|
},
|
|
4304
4308
|
get children() {
|
|
4305
|
-
var _el$15 = _tmpl$
|
|
4306
|
-
insert(_el$17, () =>
|
|
4309
|
+
var _el$15 = _tmpl$10(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild;
|
|
4310
|
+
insert(_el$17, (() => {
|
|
4311
|
+
var _c$ = memo(() => !!props.hasAgent);
|
|
4312
|
+
return () => _c$() ? props.statusText ?? "Completed" : "Copied";
|
|
4313
|
+
})());
|
|
4314
|
+
insert(_el$15, createComponent(Show, {
|
|
4315
|
+
get when() {
|
|
4316
|
+
return props.onDismiss || props.onUndo;
|
|
4317
|
+
},
|
|
4318
|
+
get children() {
|
|
4319
|
+
return createComponent(BottomSection, {
|
|
4320
|
+
get children() {
|
|
4321
|
+
var _el$18 = _tmpl$1();
|
|
4322
|
+
insert(_el$18, createComponent(Show, {
|
|
4323
|
+
get when() {
|
|
4324
|
+
return props.onUndo;
|
|
4325
|
+
},
|
|
4326
|
+
get children() {
|
|
4327
|
+
var _el$19 = _tmpl$9();
|
|
4328
|
+
_el$19.$$click = () => props.onUndo?.();
|
|
4329
|
+
return _el$19;
|
|
4330
|
+
}
|
|
4331
|
+
}), null);
|
|
4332
|
+
insert(_el$18, createComponent(Show, {
|
|
4333
|
+
get when() {
|
|
4334
|
+
return props.onDismiss;
|
|
4335
|
+
},
|
|
4336
|
+
get children() {
|
|
4337
|
+
var _el$20 = _tmpl$0();
|
|
4338
|
+
_el$20.$$click = () => props.onDismiss?.();
|
|
4339
|
+
return _el$20;
|
|
4340
|
+
}
|
|
4341
|
+
}), null);
|
|
4342
|
+
return _el$18;
|
|
4343
|
+
}
|
|
4344
|
+
});
|
|
4345
|
+
}
|
|
4346
|
+
}), null);
|
|
4307
4347
|
return _el$15;
|
|
4308
4348
|
}
|
|
4309
|
-
}), _el$
|
|
4310
|
-
insert(_el$
|
|
4349
|
+
}), _el$21);
|
|
4350
|
+
insert(_el$21, createComponent(Show, {
|
|
4311
4351
|
get when() {
|
|
4312
4352
|
return props.status === "copying";
|
|
4313
4353
|
},
|
|
4314
4354
|
get children() {
|
|
4315
|
-
var _el$
|
|
4316
|
-
insert(_el$
|
|
4317
|
-
insert(_el$
|
|
4355
|
+
var _el$22 = _tmpl$13(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild;
|
|
4356
|
+
insert(_el$25, () => props.statusText ?? "Grabbing\u2026");
|
|
4357
|
+
insert(_el$22, createComponent(BottomSection, {
|
|
4318
4358
|
get children() {
|
|
4319
|
-
var _el$
|
|
4359
|
+
var _el$26 = _tmpl$12(), _el$27 = _el$26.firstChild;
|
|
4320
4360
|
var _ref$2 = inputRef;
|
|
4321
|
-
typeof _ref$2 === "function" ? use(_ref$2, _el$
|
|
4322
|
-
insert(_el$
|
|
4361
|
+
typeof _ref$2 === "function" ? use(_ref$2, _el$27) : inputRef = _el$27;
|
|
4362
|
+
insert(_el$26, createComponent(Show, {
|
|
4323
4363
|
get when() {
|
|
4324
4364
|
return props.onAbort;
|
|
4325
4365
|
},
|
|
4326
4366
|
get children() {
|
|
4327
|
-
var _el$
|
|
4328
|
-
_el$
|
|
4367
|
+
var _el$28 = _tmpl$11();
|
|
4368
|
+
_el$28.$$click = (event) => {
|
|
4329
4369
|
event.stopPropagation();
|
|
4330
4370
|
props.onAbort?.();
|
|
4331
4371
|
};
|
|
4332
|
-
_el$
|
|
4372
|
+
_el$28.$$pointerup = (event) => {
|
|
4333
4373
|
event.stopPropagation();
|
|
4334
4374
|
props.onAbort?.();
|
|
4335
4375
|
};
|
|
4336
|
-
_el$
|
|
4337
|
-
_el$
|
|
4338
|
-
return _el$
|
|
4376
|
+
_el$28.$$mousedown = (event) => event.stopPropagation();
|
|
4377
|
+
_el$28.$$pointerdown = (event) => event.stopPropagation();
|
|
4378
|
+
return _el$28;
|
|
4339
4379
|
}
|
|
4340
4380
|
}), null);
|
|
4341
|
-
createRenderEffect(() => _el$
|
|
4342
|
-
return _el$
|
|
4381
|
+
createRenderEffect(() => _el$27.value = props.inputValue ?? "");
|
|
4382
|
+
return _el$26;
|
|
4343
4383
|
}
|
|
4344
4384
|
}), null);
|
|
4345
|
-
return _el$
|
|
4385
|
+
return _el$22;
|
|
4346
4386
|
}
|
|
4347
4387
|
}), null);
|
|
4348
|
-
insert(_el$
|
|
4388
|
+
insert(_el$21, createComponent(Show, {
|
|
4349
4389
|
get when() {
|
|
4350
4390
|
return memo(() => !!isNotProcessing())() && !props.isInputExpanded;
|
|
4351
4391
|
},
|
|
4352
4392
|
get children() {
|
|
4353
|
-
var _el$
|
|
4354
|
-
insert(_el$
|
|
4393
|
+
var _el$29 = _tmpl$16(), _el$30 = _el$29.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.firstChild;
|
|
4394
|
+
insert(_el$30, createComponent(ClickToCopyPill, {
|
|
4355
4395
|
onClick: handleSubmit,
|
|
4356
4396
|
shrink: true,
|
|
4357
4397
|
get hasParent() {
|
|
@@ -4361,19 +4401,19 @@ var SelectionLabel = (props) => {
|
|
|
4361
4401
|
return props.hasAgent;
|
|
4362
4402
|
}
|
|
4363
4403
|
}), null);
|
|
4364
|
-
insert(_el$
|
|
4404
|
+
insert(_el$30, createComponent(Show, {
|
|
4365
4405
|
get when() {
|
|
4366
4406
|
return props.componentName;
|
|
4367
4407
|
},
|
|
4368
4408
|
get children() {
|
|
4369
|
-
var _el$
|
|
4370
|
-
insert(_el$
|
|
4409
|
+
var _el$31 = _tmpl$14();
|
|
4410
|
+
insert(_el$31, createComponent(ParentBadge, {
|
|
4371
4411
|
get name() {
|
|
4372
4412
|
return props.componentName;
|
|
4373
4413
|
}
|
|
4374
4414
|
}), null);
|
|
4375
|
-
insert(_el$
|
|
4376
|
-
insert(_el$
|
|
4415
|
+
insert(_el$31, createComponent(ChevronSeparator, {}), null);
|
|
4416
|
+
insert(_el$31, createComponent(TagBadge, {
|
|
4377
4417
|
get tagName() {
|
|
4378
4418
|
return tagDisplay();
|
|
4379
4419
|
},
|
|
@@ -4385,10 +4425,10 @@ var SelectionLabel = (props) => {
|
|
|
4385
4425
|
showMono: true,
|
|
4386
4426
|
shrink: true
|
|
4387
4427
|
}), null);
|
|
4388
|
-
return _el$
|
|
4428
|
+
return _el$31;
|
|
4389
4429
|
}
|
|
4390
4430
|
}), null);
|
|
4391
|
-
insert(_el$
|
|
4431
|
+
insert(_el$30, createComponent(Show, {
|
|
4392
4432
|
get when() {
|
|
4393
4433
|
return !props.componentName;
|
|
4394
4434
|
},
|
|
@@ -4407,37 +4447,37 @@ var SelectionLabel = (props) => {
|
|
|
4407
4447
|
});
|
|
4408
4448
|
}
|
|
4409
4449
|
}), null);
|
|
4410
|
-
insert(_el$
|
|
4450
|
+
insert(_el$33, createComponent(BottomSection, {
|
|
4411
4451
|
get children() {
|
|
4412
|
-
var _el$
|
|
4413
|
-
insert(_el$
|
|
4452
|
+
var _el$34 = _tmpl$15(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling;
|
|
4453
|
+
insert(_el$36, createComponent(IconReturn, {
|
|
4414
4454
|
size: 10,
|
|
4415
4455
|
"class": "opacity-[0.99] text-black"
|
|
4416
4456
|
}));
|
|
4417
|
-
return _el$
|
|
4457
|
+
return _el$34;
|
|
4418
4458
|
}
|
|
4419
4459
|
}));
|
|
4420
4460
|
createRenderEffect((_p$) => {
|
|
4421
4461
|
var _v$3 = cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1"), _v$4 = isIdle() ? "1fr" : "0fr", _v$5 = cn("overflow-hidden min-h-0", !isIdle() && "w-0");
|
|
4422
|
-
_v$3 !== _p$.e && className(_el$
|
|
4423
|
-
_v$4 !== _p$.t && setStyleProperty(_el$
|
|
4424
|
-
_v$5 !== _p$.a && className(_el$
|
|
4462
|
+
_v$3 !== _p$.e && className(_el$30, _p$.e = _v$3);
|
|
4463
|
+
_v$4 !== _p$.t && setStyleProperty(_el$32, "grid-template-rows", _p$.t = _v$4);
|
|
4464
|
+
_v$5 !== _p$.a && className(_el$33, _p$.a = _v$5);
|
|
4425
4465
|
return _p$;
|
|
4426
4466
|
}, {
|
|
4427
4467
|
e: void 0,
|
|
4428
4468
|
t: void 0,
|
|
4429
4469
|
a: void 0
|
|
4430
4470
|
});
|
|
4431
|
-
return _el$
|
|
4471
|
+
return _el$29;
|
|
4432
4472
|
}
|
|
4433
4473
|
}), null);
|
|
4434
|
-
insert(_el$
|
|
4474
|
+
insert(_el$21, createComponent(Show, {
|
|
4435
4475
|
get when() {
|
|
4436
4476
|
return memo(() => !!(isNotProcessing() && props.isInputExpanded))() && !props.isPendingDismiss;
|
|
4437
4477
|
},
|
|
4438
4478
|
get children() {
|
|
4439
|
-
var _el$
|
|
4440
|
-
insert(_el$
|
|
4479
|
+
var _el$37 = _tmpl$20(), _el$38 = _el$37.firstChild;
|
|
4480
|
+
insert(_el$38, createComponent(ClickToCopyPill, {
|
|
4441
4481
|
onClick: handleSubmit,
|
|
4442
4482
|
dimmed: true,
|
|
4443
4483
|
shrink: true,
|
|
@@ -4448,19 +4488,19 @@ var SelectionLabel = (props) => {
|
|
|
4448
4488
|
return props.hasAgent;
|
|
4449
4489
|
}
|
|
4450
4490
|
}), null);
|
|
4451
|
-
insert(_el$
|
|
4491
|
+
insert(_el$38, createComponent(Show, {
|
|
4452
4492
|
get when() {
|
|
4453
4493
|
return props.componentName;
|
|
4454
4494
|
},
|
|
4455
4495
|
get children() {
|
|
4456
|
-
var _el$
|
|
4457
|
-
insert(_el$
|
|
4496
|
+
var _el$39 = _tmpl$14();
|
|
4497
|
+
insert(_el$39, createComponent(ParentBadge, {
|
|
4458
4498
|
get name() {
|
|
4459
4499
|
return props.componentName;
|
|
4460
4500
|
}
|
|
4461
4501
|
}), null);
|
|
4462
|
-
insert(_el$
|
|
4463
|
-
insert(_el$
|
|
4502
|
+
insert(_el$39, createComponent(ChevronSeparator, {}), null);
|
|
4503
|
+
insert(_el$39, createComponent(TagBadge, {
|
|
4464
4504
|
get tagName() {
|
|
4465
4505
|
return tagDisplay();
|
|
4466
4506
|
},
|
|
@@ -4473,10 +4513,10 @@ var SelectionLabel = (props) => {
|
|
|
4473
4513
|
shrink: true,
|
|
4474
4514
|
forceShowIcon: true
|
|
4475
4515
|
}), null);
|
|
4476
|
-
return _el$
|
|
4516
|
+
return _el$39;
|
|
4477
4517
|
}
|
|
4478
4518
|
}), null);
|
|
4479
|
-
insert(_el$
|
|
4519
|
+
insert(_el$38, createComponent(Show, {
|
|
4480
4520
|
get when() {
|
|
4481
4521
|
return !props.componentName;
|
|
4482
4522
|
},
|
|
@@ -4496,21 +4536,21 @@ var SelectionLabel = (props) => {
|
|
|
4496
4536
|
});
|
|
4497
4537
|
}
|
|
4498
4538
|
}), null);
|
|
4499
|
-
insert(_el$
|
|
4539
|
+
insert(_el$37, createComponent(BottomSection, {
|
|
4500
4540
|
get children() {
|
|
4501
|
-
var _el$
|
|
4502
|
-
_el$
|
|
4503
|
-
_el$
|
|
4541
|
+
var _el$40 = _tmpl$19(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
|
|
4542
|
+
_el$41.$$keydown = handleKeyDown;
|
|
4543
|
+
_el$41.$$input = handleInput;
|
|
4504
4544
|
var _ref$3 = inputRef;
|
|
4505
|
-
typeof _ref$3 === "function" ? use(_ref$3, _el$
|
|
4506
|
-
insert(_el$
|
|
4545
|
+
typeof _ref$3 === "function" ? use(_ref$3, _el$41) : inputRef = _el$41;
|
|
4546
|
+
insert(_el$42, createComponent(Show, {
|
|
4507
4547
|
get when() {
|
|
4508
4548
|
return memo(() => !!(props.hasAgent && speechRecognition.isSupported()))() && !props.inputValue;
|
|
4509
4549
|
},
|
|
4510
4550
|
get children() {
|
|
4511
|
-
var _el$
|
|
4512
|
-
addEventListener(_el$
|
|
4513
|
-
insert(_el$
|
|
4551
|
+
var _el$43 = _tmpl$17();
|
|
4552
|
+
addEventListener(_el$43, "click", speechRecognition.toggle);
|
|
4553
|
+
insert(_el$43, createComponent(IconMic, {
|
|
4514
4554
|
size: 11,
|
|
4515
4555
|
get ["class"]() {
|
|
4516
4556
|
return speechRecognition.isListening() ? "animate-pulse" : "";
|
|
@@ -4518,40 +4558,40 @@ var SelectionLabel = (props) => {
|
|
|
4518
4558
|
}));
|
|
4519
4559
|
createRenderEffect((_p$) => {
|
|
4520
4560
|
var _v$6 = cn("contain-layout shrink-0 flex items-center justify-center px-[2px] py-[2px] rounded-xs [border-width:0.5px] border-solid size-fit cursor-pointer transition-all hover:scale-105", speechRecognition.isListening() ? "bg-grab-purple border-grab-purple text-white" : "bg-white border-[#B3B3B3] text-black"), _v$7 = speechRecognition.isListening() ? "Stop listening" : "Start voice input";
|
|
4521
|
-
_v$6 !== _p$.e && className(_el$
|
|
4522
|
-
_v$7 !== _p$.t && setAttribute(_el$
|
|
4561
|
+
_v$6 !== _p$.e && className(_el$43, _p$.e = _v$6);
|
|
4562
|
+
_v$7 !== _p$.t && setAttribute(_el$43, "title", _p$.t = _v$7);
|
|
4523
4563
|
return _p$;
|
|
4524
4564
|
}, {
|
|
4525
4565
|
e: void 0,
|
|
4526
4566
|
t: void 0
|
|
4527
4567
|
});
|
|
4528
|
-
return _el$
|
|
4568
|
+
return _el$43;
|
|
4529
4569
|
}
|
|
4530
4570
|
}), null);
|
|
4531
|
-
insert(_el$
|
|
4571
|
+
insert(_el$42, createComponent(Show, {
|
|
4532
4572
|
get when() {
|
|
4533
4573
|
return props.inputValue;
|
|
4534
4574
|
},
|
|
4535
4575
|
get children() {
|
|
4536
|
-
var _el$
|
|
4537
|
-
_el$
|
|
4538
|
-
insert(_el$
|
|
4576
|
+
var _el$44 = _tmpl$18();
|
|
4577
|
+
_el$44.$$click = handleSubmit;
|
|
4578
|
+
insert(_el$44, createComponent(IconReturn, {
|
|
4539
4579
|
size: 10,
|
|
4540
4580
|
"class": "opacity-[0.99] text-black"
|
|
4541
4581
|
}));
|
|
4542
|
-
return _el$
|
|
4582
|
+
return _el$44;
|
|
4543
4583
|
}
|
|
4544
4584
|
}), null);
|
|
4545
|
-
createRenderEffect(() => setAttribute(_el$
|
|
4546
|
-
createRenderEffect(() => _el$
|
|
4547
|
-
return _el$
|
|
4585
|
+
createRenderEffect(() => setAttribute(_el$41, "placeholder", speechRecognition.isListening() ? "listening..." : props.hasAgent && props.isAgentConnected ? "type to edit" : "type prompt"));
|
|
4586
|
+
createRenderEffect(() => _el$41.value = props.inputValue ?? "");
|
|
4587
|
+
return _el$40;
|
|
4548
4588
|
}
|
|
4549
4589
|
}), null);
|
|
4550
|
-
createRenderEffect(() => className(_el$
|
|
4551
|
-
return _el$
|
|
4590
|
+
createRenderEffect(() => className(_el$38, cn("contain-layout shrink-0 flex items-center gap-1 pt-1 w-fit h-fit pl-1.5", props.componentName ? "pr-1.5" : "pr-1")));
|
|
4591
|
+
return _el$37;
|
|
4552
4592
|
}
|
|
4553
4593
|
}), null);
|
|
4554
|
-
insert(_el$
|
|
4594
|
+
insert(_el$21, createComponent(Show, {
|
|
4555
4595
|
get when() {
|
|
4556
4596
|
return props.isPendingDismiss;
|
|
4557
4597
|
},
|
|
@@ -4567,12 +4607,12 @@ var SelectionLabel = (props) => {
|
|
|
4567
4607
|
}
|
|
4568
4608
|
}), null);
|
|
4569
4609
|
createRenderEffect((_p$) => {
|
|
4570
|
-
var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = props.status === "copied" || props.status === "fading" ? "none" : void 0;
|
|
4610
|
+
var _v$8 = `${computedPosition().top}px`, _v$9 = `${computedPosition().left}px`, _v$0 = props.isInputExpanded || props.status === "copied" && props.onDismiss || props.status === "copying" && props.onAbort ? "auto" : "none", _v$1 = props.status === "fading" ? 0 : 1, _v$10 = props.status === "copied" || props.status === "fading" ? "none" : void 0;
|
|
4571
4611
|
_v$8 !== _p$.e && setStyleProperty(_el$14, "top", _p$.e = _v$8);
|
|
4572
4612
|
_v$9 !== _p$.t && setStyleProperty(_el$14, "left", _p$.t = _v$9);
|
|
4573
4613
|
_v$0 !== _p$.a && setStyleProperty(_el$14, "pointer-events", _p$.a = _v$0);
|
|
4574
4614
|
_v$1 !== _p$.o && setStyleProperty(_el$14, "opacity", _p$.o = _v$1);
|
|
4575
|
-
_v$10 !== _p$.i && setStyleProperty(_el$
|
|
4615
|
+
_v$10 !== _p$.i && setStyleProperty(_el$21, "display", _p$.i = _v$10);
|
|
4576
4616
|
return _p$;
|
|
4577
4617
|
}, {
|
|
4578
4618
|
e: void 0,
|
|
@@ -4588,7 +4628,7 @@ var SelectionLabel = (props) => {
|
|
|
4588
4628
|
delegateEvents(["click", "pointerdown", "mousedown", "pointerup", "input", "keydown"]);
|
|
4589
4629
|
|
|
4590
4630
|
// src/components/selection-cursor.tsx
|
|
4591
|
-
var _tmpl$
|
|
4631
|
+
var _tmpl$23 = /* @__PURE__ */ template(`<div class="fixed z-2147483647"><button data-react-grab-selection-cursor>`);
|
|
4592
4632
|
var SelectionCursor = (props) => {
|
|
4593
4633
|
const [isHovered, setIsHovered] = createSignal(false);
|
|
4594
4634
|
const [debouncedVisible, setDebouncedVisible] = createSignal(false);
|
|
@@ -4625,7 +4665,7 @@ var SelectionCursor = (props) => {
|
|
|
4625
4665
|
});
|
|
4626
4666
|
}
|
|
4627
4667
|
}), (() => {
|
|
4628
|
-
var _el$ = _tmpl$
|
|
4668
|
+
var _el$ = _tmpl$23(), _el$2 = _el$.firstChild;
|
|
4629
4669
|
_el$.addEventListener("mouseleave", () => setIsHovered(false));
|
|
4630
4670
|
_el$.addEventListener("mouseenter", () => setIsHovered(true));
|
|
4631
4671
|
_el$2.$$click = handleClick;
|
|
@@ -4777,7 +4817,13 @@ var ReactGrabRenderer = (props) => {
|
|
|
4777
4817
|
get inputValue() {
|
|
4778
4818
|
return session().context.prompt;
|
|
4779
4819
|
},
|
|
4780
|
-
onAbort: () => props.onAbortSession?.(session().id)
|
|
4820
|
+
onAbort: () => props.onAbortSession?.(session().id),
|
|
4821
|
+
get onDismiss() {
|
|
4822
|
+
return session().isStreaming ? void 0 : () => props.onDismissSession?.(session().id);
|
|
4823
|
+
},
|
|
4824
|
+
get onUndo() {
|
|
4825
|
+
return session().isStreaming ? void 0 : () => props.onUndoSession?.(session().id);
|
|
4826
|
+
}
|
|
4781
4827
|
})]
|
|
4782
4828
|
}), createComponent(Show, {
|
|
4783
4829
|
get when() {
|
|
@@ -4907,7 +4953,7 @@ var ReactGrabRenderer = (props) => {
|
|
|
4907
4953
|
})];
|
|
4908
4954
|
};
|
|
4909
4955
|
|
|
4910
|
-
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.
|
|
4956
|
+
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/rdt-hook-7WClMTWh.js
|
|
4911
4957
|
var e = `0.5.25`;
|
|
4912
4958
|
var t = `bippy-${e}`;
|
|
4913
4959
|
var n = Object.defineProperty;
|
|
@@ -4995,7 +5041,7 @@ var _ = () => {
|
|
|
4995
5041
|
}
|
|
4996
5042
|
};
|
|
4997
5043
|
|
|
4998
|
-
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.
|
|
5044
|
+
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/core-CoV0JPOT.js
|
|
4999
5045
|
var a2 = 0;
|
|
5000
5046
|
var o2 = 1;
|
|
5001
5047
|
var c2 = 5;
|
|
@@ -5083,7 +5129,7 @@ var Pe = (e2) => {
|
|
|
5083
5129
|
return null;
|
|
5084
5130
|
};
|
|
5085
5131
|
|
|
5086
|
-
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.
|
|
5132
|
+
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/source.js
|
|
5087
5133
|
var g2 = Object.create;
|
|
5088
5134
|
var _2 = Object.defineProperty;
|
|
5089
5135
|
var v = Object.getOwnPropertyDescriptor;
|
|
@@ -5725,7 +5771,7 @@ var je = (e2) => {
|
|
|
5725
5771
|
// src/utils/is-capitalized.ts
|
|
5726
5772
|
var isCapitalized = (value) => value.length > 0 && /^[A-Z]/.test(value);
|
|
5727
5773
|
|
|
5728
|
-
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.
|
|
5774
|
+
// ../../node_modules/.pnpm/bippy@0.5.25_@types+react@19.2.7_react@19.2.1/node_modules/bippy/dist/install-hook-only-CTBENLgG.js
|
|
5729
5775
|
_();
|
|
5730
5776
|
|
|
5731
5777
|
// src/context.ts
|
|
@@ -5888,11 +5934,12 @@ var getHTMLPreview = (element) => {
|
|
|
5888
5934
|
|
|
5889
5935
|
// src/utils/copy-content.ts
|
|
5890
5936
|
var REACT_GRAB_MIME_TYPE = "application/x-react-grab";
|
|
5891
|
-
var copyContent = (content,
|
|
5937
|
+
var copyContent = (content, options) => {
|
|
5892
5938
|
const metadata = JSON.stringify({
|
|
5893
5939
|
version: VERSION,
|
|
5894
5940
|
content,
|
|
5895
|
-
timestamp: Date.now()
|
|
5941
|
+
timestamp: Date.now(),
|
|
5942
|
+
...options?.prompt && { prompt: options.prompt }
|
|
5896
5943
|
});
|
|
5897
5944
|
const copyHandler = (event) => {
|
|
5898
5945
|
event.preventDefault();
|
|
@@ -5910,7 +5957,7 @@ var copyContent = (content, onSuccess) => {
|
|
|
5910
5957
|
try {
|
|
5911
5958
|
const didCopySucceed = document.execCommand("copy");
|
|
5912
5959
|
if (didCopySucceed) {
|
|
5913
|
-
onSuccess?.();
|
|
5960
|
+
options?.onSuccess?.();
|
|
5914
5961
|
}
|
|
5915
5962
|
return didCopySucceed;
|
|
5916
5963
|
} finally {
|
|
@@ -6364,9 +6411,7 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6364
6411
|
const isProcessing = () => sessions().size > 0;
|
|
6365
6412
|
const executeSessionStream = async (session, streamIterator) => {
|
|
6366
6413
|
const storage = agentOptions?.storage;
|
|
6367
|
-
let didComplete = false;
|
|
6368
6414
|
let wasAborted = false;
|
|
6369
|
-
let hadError = false;
|
|
6370
6415
|
try {
|
|
6371
6416
|
for await (const status of streamIterator) {
|
|
6372
6417
|
const currentSessions = sessions();
|
|
@@ -6380,13 +6425,16 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6380
6425
|
setSessions((prev) => new Map(prev).set(session.id, updatedSession));
|
|
6381
6426
|
agentOptions?.onStatus?.(status, updatedSession);
|
|
6382
6427
|
}
|
|
6383
|
-
didComplete = true;
|
|
6384
6428
|
const finalSessions = sessions();
|
|
6385
6429
|
const finalSession = finalSessions.get(session.id);
|
|
6386
6430
|
if (finalSession) {
|
|
6431
|
+
const completionMessage = agentOptions?.provider?.getCompletionMessage?.();
|
|
6387
6432
|
const completedSession = updateSession(
|
|
6388
6433
|
finalSession,
|
|
6389
|
-
{
|
|
6434
|
+
{
|
|
6435
|
+
isStreaming: false,
|
|
6436
|
+
...completionMessage ? { lastStatus: completionMessage } : {}
|
|
6437
|
+
},
|
|
6390
6438
|
storage
|
|
6391
6439
|
);
|
|
6392
6440
|
setSessions((prev) => new Map(prev).set(session.id, completedSession));
|
|
@@ -6418,7 +6466,6 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6418
6466
|
setSessions((prev) => new Map(prev).set(session.id, errorSession));
|
|
6419
6467
|
}
|
|
6420
6468
|
} else {
|
|
6421
|
-
hadError = true;
|
|
6422
6469
|
if (currentSession) {
|
|
6423
6470
|
const errorSession = updateSession(
|
|
6424
6471
|
currentSession,
|
|
@@ -6437,7 +6484,7 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6437
6484
|
}
|
|
6438
6485
|
} finally {
|
|
6439
6486
|
abortControllers.delete(session.id);
|
|
6440
|
-
|
|
6487
|
+
if (wasAborted) {
|
|
6441
6488
|
sessionElements.delete(session.id);
|
|
6442
6489
|
clearSessionById(session.id, storage);
|
|
6443
6490
|
setSessions((prev) => {
|
|
@@ -6445,11 +6492,6 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6445
6492
|
next.delete(session.id);
|
|
6446
6493
|
return next;
|
|
6447
6494
|
});
|
|
6448
|
-
};
|
|
6449
|
-
if (wasAborted) {
|
|
6450
|
-
removeSession();
|
|
6451
|
-
} else if (didComplete || hadError) {
|
|
6452
|
-
setTimeout(removeSession, 1500);
|
|
6453
6495
|
}
|
|
6454
6496
|
}
|
|
6455
6497
|
};
|
|
@@ -6564,20 +6606,33 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6564
6606
|
setSessions(/* @__PURE__ */ new Map());
|
|
6565
6607
|
clearSessions(agentOptions?.storage);
|
|
6566
6608
|
};
|
|
6609
|
+
const dismissSession = (sessionId) => {
|
|
6610
|
+
const storage = agentOptions?.storage;
|
|
6611
|
+
sessionElements.delete(sessionId);
|
|
6612
|
+
clearSessionById(sessionId, storage);
|
|
6613
|
+
setSessions((prev) => {
|
|
6614
|
+
const next = new Map(prev);
|
|
6615
|
+
next.delete(sessionId);
|
|
6616
|
+
return next;
|
|
6617
|
+
});
|
|
6618
|
+
};
|
|
6619
|
+
const undoSession = (sessionId) => {
|
|
6620
|
+
const currentSessions = sessions();
|
|
6621
|
+
const session = currentSessions.get(sessionId);
|
|
6622
|
+
if (session) {
|
|
6623
|
+
const element = sessionElements.get(sessionId);
|
|
6624
|
+
agentOptions?.onUndo?.(session, element);
|
|
6625
|
+
void agentOptions?.provider?.undo?.();
|
|
6626
|
+
}
|
|
6627
|
+
dismissSession(sessionId);
|
|
6628
|
+
};
|
|
6567
6629
|
const updateSessionBoundsOnViewportChange = () => {
|
|
6568
6630
|
const currentSessions = sessions();
|
|
6569
6631
|
if (currentSessions.size === 0) return;
|
|
6570
6632
|
const updatedSessions = new Map(currentSessions);
|
|
6571
6633
|
let didUpdate = false;
|
|
6572
6634
|
for (const [sessionId, session] of currentSessions) {
|
|
6573
|
-
|
|
6574
|
-
if (!element || !document.contains(element)) {
|
|
6575
|
-
const reacquiredElement = tryReacquireElement(session);
|
|
6576
|
-
if (reacquiredElement) {
|
|
6577
|
-
sessionElements.set(sessionId, reacquiredElement);
|
|
6578
|
-
element = reacquiredElement;
|
|
6579
|
-
}
|
|
6580
|
-
}
|
|
6635
|
+
const element = sessionElements.get(sessionId);
|
|
6581
6636
|
if (element && document.contains(element)) {
|
|
6582
6637
|
const newBounds = createElementBounds(element);
|
|
6583
6638
|
if (newBounds) {
|
|
@@ -6612,6 +6667,8 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6612
6667
|
startSession,
|
|
6613
6668
|
abortSession,
|
|
6614
6669
|
abortAllSessions,
|
|
6670
|
+
dismissSession,
|
|
6671
|
+
undoSession,
|
|
6615
6672
|
updateSessionBoundsOnViewportChange,
|
|
6616
6673
|
getSessionElement,
|
|
6617
6674
|
setOptions,
|
|
@@ -6620,8 +6677,8 @@ var createAgentManager = (initialAgentOptions) => {
|
|
|
6620
6677
|
};
|
|
6621
6678
|
|
|
6622
6679
|
// src/core.tsx
|
|
6623
|
-
var _tmpl$
|
|
6624
|
-
var _tmpl$
|
|
6680
|
+
var _tmpl$24 = /* @__PURE__ */ template(`<span class="tabular-nums align-middle">`);
|
|
6681
|
+
var _tmpl$25 = /* @__PURE__ */ template(`<span class="font-mono tabular-nums align-middle"><<!>>`);
|
|
6625
6682
|
var _tmpl$33 = /* @__PURE__ */ template(`<span class="tabular-nums ml-1 align-middle"> in `);
|
|
6626
6683
|
var onIdle = (callback) => {
|
|
6627
6684
|
if ("scheduler" in globalThis) {
|
|
@@ -6714,7 +6771,7 @@ var init = (rawOptions) => {
|
|
|
6714
6771
|
hasInited = true;
|
|
6715
6772
|
const logIntro = () => {
|
|
6716
6773
|
try {
|
|
6717
|
-
const version = "0.0.
|
|
6774
|
+
const version = "0.0.73";
|
|
6718
6775
|
const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
|
|
6719
6776
|
console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
|
|
6720
6777
|
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;`, "");
|
|
@@ -6952,7 +7009,9 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
|
|
|
6952
7009
|
|
|
6953
7010
|
${combinedSnippets}` : combinedSnippets;
|
|
6954
7011
|
copiedContent = plainTextContent;
|
|
6955
|
-
didCopy = copyContent(plainTextContent
|
|
7012
|
+
didCopy = copyContent(plainTextContent, {
|
|
7013
|
+
prompt: extraPrompt
|
|
7014
|
+
});
|
|
6956
7015
|
}
|
|
6957
7016
|
if (!didCopy) {
|
|
6958
7017
|
const plainTextContentOnly = createCombinedTextContent(elements);
|
|
@@ -6961,7 +7020,9 @@ ${combinedSnippets}` : combinedSnippets;
|
|
|
6961
7020
|
|
|
6962
7021
|
${plainTextContentOnly}` : plainTextContentOnly;
|
|
6963
7022
|
copiedContent = contentWithPrompt;
|
|
6964
|
-
didCopy = copyContent(contentWithPrompt
|
|
7023
|
+
didCopy = copyContent(contentWithPrompt, {
|
|
7024
|
+
prompt: extraPrompt
|
|
7025
|
+
});
|
|
6965
7026
|
}
|
|
6966
7027
|
}
|
|
6967
7028
|
if (didCopy) {
|
|
@@ -6975,7 +7036,9 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
6975
7036
|
|
|
6976
7037
|
${plainTextContentOnly}` : plainTextContentOnly;
|
|
6977
7038
|
copiedContent = contentWithPrompt;
|
|
6978
|
-
didCopy = copyContent(contentWithPrompt
|
|
7039
|
+
didCopy = copyContent(contentWithPrompt, {
|
|
7040
|
+
prompt: extraPrompt
|
|
7041
|
+
});
|
|
6979
7042
|
}
|
|
6980
7043
|
}
|
|
6981
7044
|
options.onAfterCopy?.(elements, didCopy);
|
|
@@ -7027,6 +7090,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7027
7090
|
onCleanup(() => clearInterval(intervalId));
|
|
7028
7091
|
});
|
|
7029
7092
|
createEffect(() => {
|
|
7093
|
+
if (isToggleFrozen()) return;
|
|
7030
7094
|
const element = targetElement();
|
|
7031
7095
|
if (element) {
|
|
7032
7096
|
setFrozenElement(element);
|
|
@@ -7086,7 +7150,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7086
7150
|
const copying = isCopying();
|
|
7087
7151
|
if (!element) {
|
|
7088
7152
|
return (() => {
|
|
7089
|
-
var _el$ = _tmpl$
|
|
7153
|
+
var _el$ = _tmpl$24();
|
|
7090
7154
|
insert(_el$, copying ? "Processing\u2026" : "1 element");
|
|
7091
7155
|
return _el$;
|
|
7092
7156
|
})();
|
|
@@ -7095,7 +7159,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7095
7159
|
const componentName = labelComponentName();
|
|
7096
7160
|
if (tagName && componentName) {
|
|
7097
7161
|
return [(() => {
|
|
7098
|
-
var _el$2 = _tmpl$
|
|
7162
|
+
var _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling; _el$5.nextSibling;
|
|
7099
7163
|
insert(_el$2, tagName, _el$5);
|
|
7100
7164
|
return _el$2;
|
|
7101
7165
|
})(), (() => {
|
|
@@ -7106,13 +7170,13 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7106
7170
|
}
|
|
7107
7171
|
if (tagName) {
|
|
7108
7172
|
return (() => {
|
|
7109
|
-
var _el$8 = _tmpl$
|
|
7173
|
+
var _el$8 = _tmpl$25(), _el$9 = _el$8.firstChild, _el$1 = _el$9.nextSibling; _el$1.nextSibling;
|
|
7110
7174
|
insert(_el$8, tagName, _el$1);
|
|
7111
7175
|
return _el$8;
|
|
7112
7176
|
})();
|
|
7113
7177
|
}
|
|
7114
7178
|
return (() => {
|
|
7115
|
-
var _el$10 = _tmpl$
|
|
7179
|
+
var _el$10 = _tmpl$24();
|
|
7116
7180
|
insert(_el$10, copying ? "Processing\u2026" : "1 element");
|
|
7117
7181
|
return _el$10;
|
|
7118
7182
|
})();
|
|
@@ -7324,25 +7388,32 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7324
7388
|
previouslyFocusedElement = null;
|
|
7325
7389
|
options.onDeactivate?.();
|
|
7326
7390
|
};
|
|
7391
|
+
const restoreInputFromSession = (session, element) => {
|
|
7392
|
+
if (element && document.contains(element)) {
|
|
7393
|
+
const rect = element.getBoundingClientRect();
|
|
7394
|
+
const centerY = rect.top + rect.height / 2;
|
|
7395
|
+
setMouseX(session.position.x);
|
|
7396
|
+
setMouseY(centerY);
|
|
7397
|
+
setFrozenElement(element);
|
|
7398
|
+
setInputText(session.context.prompt);
|
|
7399
|
+
setIsInputExpanded(true);
|
|
7400
|
+
setIsInputMode(true);
|
|
7401
|
+
setIsToggleMode(true);
|
|
7402
|
+
setIsToggleFrozen(true);
|
|
7403
|
+
if (!isActivated()) {
|
|
7404
|
+
activateRenderer();
|
|
7405
|
+
}
|
|
7406
|
+
}
|
|
7407
|
+
};
|
|
7327
7408
|
const agentOptions = options.agent ? {
|
|
7328
7409
|
...options.agent,
|
|
7329
7410
|
onAbort: (session, element) => {
|
|
7330
7411
|
options.agent?.onAbort?.(session, element);
|
|
7331
|
-
|
|
7332
|
-
|
|
7333
|
-
|
|
7334
|
-
|
|
7335
|
-
|
|
7336
|
-
setFrozenElement(element);
|
|
7337
|
-
setInputText(session.context.prompt);
|
|
7338
|
-
setIsInputExpanded(true);
|
|
7339
|
-
setIsInputMode(true);
|
|
7340
|
-
setIsToggleMode(true);
|
|
7341
|
-
setIsToggleFrozen(true);
|
|
7342
|
-
if (!isActivated()) {
|
|
7343
|
-
activateRenderer();
|
|
7344
|
-
}
|
|
7345
|
-
}
|
|
7412
|
+
restoreInputFromSession(session, element);
|
|
7413
|
+
},
|
|
7414
|
+
onUndo: (session, element) => {
|
|
7415
|
+
options.agent?.onUndo?.(session, element);
|
|
7416
|
+
restoreInputFromSession(session, element);
|
|
7346
7417
|
}
|
|
7347
7418
|
} : void 0;
|
|
7348
7419
|
const agentManager = createAgentManager(agentOptions);
|
|
@@ -7631,7 +7702,7 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7631
7702
|
}
|
|
7632
7703
|
}
|
|
7633
7704
|
const copiedElement = lastCopiedElement();
|
|
7634
|
-
if (isEnterCode(event.code) && !isHoldingKeys() && !isInputMode() && !isActivated() && copiedElement && document.contains(copiedElement)) {
|
|
7705
|
+
if (isEnterCode(event.code) && !isHoldingKeys() && !isInputMode() && !isActivated() && copiedElement && document.contains(copiedElement) && !labelInstances().some((instance) => instance.status === "copied" || instance.status === "fading")) {
|
|
7635
7706
|
event.preventDefault();
|
|
7636
7707
|
event.stopPropagation();
|
|
7637
7708
|
event.stopImmediatePropagation();
|
|
@@ -7742,9 +7813,10 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
7742
7813
|
if (!isHoldingKeys()) {
|
|
7743
7814
|
setIsHoldingKeys(true);
|
|
7744
7815
|
}
|
|
7816
|
+
const activationDuration = isKeyboardEventTriggeredByInput(event) ? options.keyHoldDuration + INPUT_FOCUS_ACTIVATION_DELAY_MS : options.keyHoldDuration;
|
|
7745
7817
|
holdTimerId = window.setTimeout(() => {
|
|
7746
7818
|
activateRenderer();
|
|
7747
|
-
},
|
|
7819
|
+
}, activationDuration);
|
|
7748
7820
|
}, {
|
|
7749
7821
|
signal: eventListenerSignal,
|
|
7750
7822
|
capture: true
|
|
@@ -8128,6 +8200,8 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
8128
8200
|
return agentManager.sessions();
|
|
8129
8201
|
},
|
|
8130
8202
|
onAbortSession: (sessionId) => agentManager.abortSession(sessionId),
|
|
8203
|
+
onDismissSession: (sessionId) => agentManager.dismissSession(sessionId),
|
|
8204
|
+
onUndoSession: (sessionId) => agentManager.undoSession(sessionId),
|
|
8131
8205
|
onInputChange: handleInputChange,
|
|
8132
8206
|
onInputSubmit: () => void handleInputSubmit(),
|
|
8133
8207
|
onInputCancel: handleInputCancel,
|
|
@@ -8227,21 +8301,11 @@ ${plainTextContentOnly}` : plainTextContentOnly;
|
|
|
8227
8301
|
provider: newAgentOptions.provider ?? existingOptions?.provider,
|
|
8228
8302
|
onAbort: (session, element) => {
|
|
8229
8303
|
newAgentOptions?.onAbort?.(session, element);
|
|
8230
|
-
|
|
8231
|
-
|
|
8232
|
-
|
|
8233
|
-
|
|
8234
|
-
|
|
8235
|
-
setFrozenElement(element);
|
|
8236
|
-
setInputText(session.context.prompt);
|
|
8237
|
-
setIsInputExpanded(true);
|
|
8238
|
-
setIsInputMode(true);
|
|
8239
|
-
setIsToggleMode(true);
|
|
8240
|
-
setIsToggleFrozen(true);
|
|
8241
|
-
if (!isActivated()) {
|
|
8242
|
-
activateRenderer();
|
|
8243
|
-
}
|
|
8244
|
-
}
|
|
8304
|
+
restoreInputFromSession(session, element);
|
|
8305
|
+
},
|
|
8306
|
+
onUndo: (session, element) => {
|
|
8307
|
+
newAgentOptions?.onUndo?.(session, element);
|
|
8308
|
+
restoreInputFromSession(session, element);
|
|
8245
8309
|
}
|
|
8246
8310
|
};
|
|
8247
8311
|
agentManager.setOptions(mergedOptions);
|