@magicx-eng/ai-autocomplete-react 0.1.41 → 0.1.42

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as kn,useLayoutEffect as ht,useRef as Q}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-cc65f4cc")){let n=document.createElement("style");n.id="ac-style-cc65f4cc",n.textContent=`.AIAutocomplete-module_container_KKjFU {
+import{forwardRef as qn,useCallback as dt,useEffect as Xt,useImperativeHandle as Gn,useLayoutEffect as Qn,useRef as ve}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-cc65f4cc")){let n=document.createElement("style");n.id="ac-style-cc65f4cc",n.textContent=`.AIAutocomplete-module_container_KKjFU {
   position: relative;
   /* Inherits the host page's font by default. Consumers can pin a specific
      font on the library via \`--aia-font-family: 'Custom Font'\` without
@@ -15,15 +15,15 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   overflow: hidden;
   display: flex;
   align-items: center;
-  gap: 0px;
+  gap: 4px;
 }
 
 .AIAutocomplete-module_editorArea_7rBWq {
   position: relative;
   flex: 1;
   min-width: 0;
-  min-height: 38px;
-  line-height: 38px;
+  min-height: 26.6px;
+  line-height: 26.6px;
   font-family: inherit;
   font-size: var(--aia-written-text-font-size, 19px);
   white-space: pre-wrap;
@@ -40,7 +40,10 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
     --aia-caret-color,
     var(--aia-written-text-color, var(--aia-color-text-default, #fff))
   );
-  font-weight: 200;
+  font-weight: 250;
+  /* Align the text's inline box with the pill list (also vertical-align: middle)
+     so they share a vertical center when pills stretch the line box to ~36px. */
+  vertical-align: middle;
 }
 
 /* Completed params render as inline bold runs. \`:where()\` keeps specificity
@@ -54,12 +57,19 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
    (a global string), so target it via an attribute selector to bypass
    CSS Modules' class-name hashing. */
 :where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--editing"] {
-  outline: 1.5px solid var(--aia-edit-outline, currentColor);
-  outline-offset: 1px;
+  background-color: color-mix(in srgb, var(--aia-edit-outline, currentColor) 20%, transparent);
   border-radius: 4px;
   caret-color: transparent;
 }
 
+/* In re-edit mode the caret is parked just *before* the bold strong (see
+   useContentEditableEditor.ts) \u2014 that means it sits in the parent .input, not
+   inside the strong, so the rule above doesn't hide it. Use :has() to hide
+   the caret on the whole editor while any completed param is selected. */
+.AIAutocomplete-module_input_IW-P-:has(strong[class~="magicx-aia-segment--editing"]) {
+  caret-color: transparent;
+}
+
 :where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-segment--editing"]::selection {
   background: transparent;
   color: inherit;
@@ -91,7 +101,8 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   margin-left: 8px;
 }
 
-.AIAutocomplete-module_pillListContainer_h92IA:empty {
+.AIAutocomplete-module_pillListContainer_h92IA:empty,
+.AIAutocomplete-module_pillListContainer_h92IA[data-aia-pill-wrapped] {
   margin-left: 0;
 }
 
@@ -119,10 +130,11 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   display: contents;
 }
 
-/* Text shimmer on newly added completed param. The shimmer span wraps the
-   bold completion text inside the editor; a moving gradient clipped to the
-   text shape produces the sweep effect. */
-.AIAutocomplete-module_shimmerRevealed_RR8dp {
+/* Text shimmer on a newly promoted completed param. The shared renderer
+   (core/render/renderEditable.ts) stamps the global class names below onto
+   the just-added <strong>; we match them via [class~=] to bypass CSS Modules'
+   hashing \u2014 same trick as the editing-outline rule above. */
+:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-shimmer-revealed"] {
   color: transparent;
   background: linear-gradient(
     120deg,
@@ -138,7 +150,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   background-clip: text;
 }
 
-.AIAutocomplete-module_shimmerSweep_ARCon {
+:where(.AIAutocomplete-module_input_IW-P-) strong[class~="magicx-aia-shimmer-sweep"] {
   animation: AIAutocomplete-module_textShimmer_eCLdq 650ms ease-out forwards;
 }
 
@@ -150,7 +162,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
     background-position: -50% 0;
   }
 }
-`,document.head.appendChild(n)}var X={container:"AIAutocomplete-module_container_KKjFU",inputWrapper:"AIAutocomplete-module_inputWrapper_FLq1b",editorArea:"AIAutocomplete-module_editorArea_7rBWq",input:"AIAutocomplete-module_input_IW-P-",pillListContainer:"AIAutocomplete-module_pillListContainer_h92IA",submitButton:"AIAutocomplete-module_submitButton_sl1Mi",submitSlot:"AIAutocomplete-module_submitSlot_GhuCM",shimmerRevealed:"AIAutocomplete-module_shimmerRevealed_RR8dp",shimmerSweep:"AIAutocomplete-module_shimmerSweep_ARCon",textShimmer:"AIAutocomplete-module_textShimmer_eCLdq"};if(typeof document<"u"&&!document.getElementById("ac-style-2eef895d")){let n=document.createElement("style");n.id="ac-style-2eef895d",n.textContent=`.AIAutocompleteDropdown-module_dropdown_yz2KC {
+`,document.head.appendChild(n)}var J={container:"AIAutocomplete-module_container_KKjFU",inputWrapper:"AIAutocomplete-module_inputWrapper_FLq1b",editorArea:"AIAutocomplete-module_editorArea_7rBWq",input:"AIAutocomplete-module_input_IW-P-",pillListContainer:"AIAutocomplete-module_pillListContainer_h92IA",submitButton:"AIAutocomplete-module_submitButton_sl1Mi",submitSlot:"AIAutocomplete-module_submitSlot_GhuCM",textShimmer:"AIAutocomplete-module_textShimmer_eCLdq"};if(typeof document<"u"&&!document.getElementById("ac-style-2eef895d")){let n=document.createElement("style");n.id="ac-style-2eef895d",n.textContent=`.AIAutocompleteDropdown-module_dropdown_yz2KC {
   position: absolute;
   left: 0;
   right: 0;
@@ -187,6 +199,15 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
 
 .AIAutocompleteDropdown-module_pillBar_pwTXe {
   padding: 27px 27px 0px 27px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 48px), transparent 100%);
+  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 48px), transparent 100%);
+}
+
+.AIAutocompleteDropdown-module_pillBar_pwTXe::-webkit-scrollbar {
+  display: none;
 }
 
 /* --- Fallback loading skeleton (only when no pills/options are cached) --- */
@@ -223,7 +244,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
     opacity: 0.25;
   }
 }
-`,document.head.appendChild(n)}var Z={dropdown:"AIAutocompleteDropdown-module_dropdown_yz2KC",visible:"AIAutocompleteDropdown-module_visible_QCoXj",pillBar:"AIAutocompleteDropdown-module_pillBar_pwTXe",skeletonBars:"AIAutocompleteDropdown-module_skeletonBars_HVr9C",skeletonBar:"AIAutocompleteDropdown-module_skeletonBar_O3xIx",aiaSkeletonPulse:"AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q"};if(typeof document<"u"&&!document.getElementById("ac-style-b745b4fb")){let n=document.createElement("style");n.id="ac-style-b745b4fb",n.textContent=`.PillList-module_list_qvLqO {
+`,document.head.appendChild(n)}var ne={dropdown:"AIAutocompleteDropdown-module_dropdown_yz2KC",visible:"AIAutocompleteDropdown-module_visible_QCoXj",pillBar:"AIAutocompleteDropdown-module_pillBar_pwTXe",skeletonBars:"AIAutocompleteDropdown-module_skeletonBars_HVr9C",skeletonBar:"AIAutocompleteDropdown-module_skeletonBar_O3xIx",aiaSkeletonPulse:"AIAutocompleteDropdown-module_aiaSkeletonPulse_G8W7q"};if(typeof document<"u"&&!document.getElementById("ac-style-b745b4fb")){let n=document.createElement("style");n.id="ac-style-b745b4fb",n.textContent=`.PillList-module_list_qvLqO {
   position: relative;
   z-index: 1;
   pointer-events: auto;
@@ -306,7 +327,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
     opacity: 0;
   }
 }
-`,document.head.appendChild(n)}var K={list:"PillList-module_list_qvLqO",pill:"PillList-module_pill_osSyz",fadeIn:"PillList-module_fadeIn_Aezob",rounded:"PillList-module_rounded_WvXy4",skeleton:"PillList-module_skeleton_Lp8x6",skeletonPulse:"PillList-module_skeletonPulse_xZ8Yf",active:"PillList-module_active_Oll--"};import{jsx as Me}from"react/jsx-runtime";var Xt=[125,69];function xt(n){return n===0?.4:n===1?.3:.15}function fe({pills:n,activePillIndex:e,onSelectPill:t,rounded:o,loading:r}){return r&&n.length===0?Me("span",{className:K.list,"data-aia-pill-list-loading":"",children:Xt.map((a,i)=>Me("span",{"data-aia-pill-skeleton":"",className:`${K.pill} ${o?K.rounded:""} ${K.skeleton}`,style:{width:a,opacity:xt(i)}},`skel-${a}`))}):Me("span",{className:K.list,"data-aia-pill-list-loading":r?"":void 0,children:n.map((a,i)=>Me("button",{type:"button","data-aia-pill":"","data-aia-loading":r?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:`${K.pill} ${o?K.rounded:""} ${i===e&&!r?K.active:""} ${r?K.skeleton:""}`,style:{opacity:xt(i)},onMouseDown:s=>s.preventDefault(),onClick:r?void 0:()=>t(i),disabled:r,children:a.text},`${a.type}-${a.text}`))})}import{useEffect as en,useLayoutEffect as tn,useRef as nn,useState as on}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-d91f2b06")){let n=document.createElement("style");n.id="ac-style-d91f2b06",n.textContent=`.SuggestionGrid-module_scrollWrapper_MOqfw {
+`,document.head.appendChild(n)}var $={list:"PillList-module_list_qvLqO",pill:"PillList-module_pill_osSyz",fadeIn:"PillList-module_fadeIn_Aezob",rounded:"PillList-module_rounded_WvXy4",skeleton:"PillList-module_skeleton_Lp8x6",skeletonPulse:"PillList-module_skeletonPulse_xZ8Yf",active:"PillList-module_active_Oll--"};import{jsx as Ce}from"react/jsx-runtime";var an=[125,69];function ft(n){return n===0?.4:n===1?.3:.15}function be({pills:n,activePillIndex:e,onSelectPill:t,rounded:o,loading:i}){return i&&n.length===0?Ce("span",{className:$.list,"data-aia-pill-list-loading":"",children:an.map((a,r)=>Ce("span",{"data-aia-pill-skeleton":"",className:`${$.pill} ${o?$.rounded:""} ${$.skeleton}`,style:{width:a,opacity:ft(r)}},`skel-${a}`))}):Ce("span",{className:$.list,"data-aia-pill-list-loading":i?"":void 0,children:n.map((a,r)=>Ce("button",{type:"button","data-aia-pill":"","data-aia-loading":i?"":void 0,tabIndex:-1,contentEditable:!1,suppressContentEditableWarning:!0,className:`${$.pill} ${o?$.rounded:""} ${r===e&&!i?$.active:""} ${i?$.skeleton:""}`,style:{opacity:ft(r)},onMouseDown:s=>s.preventDefault(),onClick:i?void 0:()=>t(r),disabled:i,children:a.text},`${a.type}-${a.text}`))})}import{useEffect as cn,useLayoutEffect as pn,useRef as un,useState as mn}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-d91f2b06")){let n=document.createElement("style");n.id="ac-style-d91f2b06",n.textContent=`.SuggestionGrid-module_scrollWrapper_MOqfw {
   position: relative;
 }
 
@@ -361,7 +382,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   background: var(--aia-scrollbar-thumb, rgba(0, 0, 0, 0.3));
   border-radius: 3px;
 }
-`,document.head.appendChild(n)}var st={scrollWrapper:"SuggestionGrid-module_scrollWrapper_MOqfw",grid:"SuggestionGrid-module_grid_jvaPb"};import{useEffect as Jt,useRef as Yt,useState as Zt}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-f6bdc634")){let n=document.createElement("style");n.id="ac-style-f6bdc634",n.textContent=`.SuggestionItem-module_item_d4vpD {
+`,document.head.appendChild(n)}var Ye={scrollWrapper:"SuggestionGrid-module_scrollWrapper_MOqfw",grid:"SuggestionGrid-module_grid_jvaPb"};import{useEffect as sn,useRef as ln,useState as dn}from"react";if(typeof document<"u"&&!document.getElementById("ac-style-f6bdc634")){let n=document.createElement("style");n.id="ac-style-f6bdc634",n.textContent=`.SuggestionItem-module_item_d4vpD {
   position: relative;
   overflow: visible;
   display: flex;
@@ -703,7 +724,7 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
     filter: brightness(0.55);
   }
 }
-`,document.head.appendChild(n)}var z={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",glassFade:"SuggestionItem-module_glassFade_oyiSj",tapDown:"SuggestionItem-module_tapDown_G3WGz",streaks:"SuggestionItem-module_streaks_d9PEB",streaksVert:"SuggestionItem-module_streaksVert_ERlV1",streakHorizRight:"SuggestionItem-module_streakHorizRight_aboGz",streakHorizLeft:"SuggestionItem-module_streakHorizLeft_BreWJ",streakVertUp:"SuggestionItem-module_streakVertUp_to1GD",streakVertDown:"SuggestionItem-module_streakVertDown_OrcLh",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD"};import{jsx as lt,jsxs as vt}from"react/jsx-runtime";function yt({option:n,isHighlighted:e,onSelect:t,onHighlight:o,id:r,loading:a}){let[i,s]=Zt(!1),d=Yt(void 0);Jt(()=>()=>clearTimeout(d.current),[]);let l=()=>{a||!n.is_tappable||i||(s(!0),t(n),clearTimeout(d.current),d.current=setTimeout(()=>s(!1),500))},p=[z.item,e&&!a?z.highlighted:"",n.is_tappable?z.tappable:z.nonTappable,i?z.pressed:""].filter(Boolean).join(" ");return vt("div",{id:r,role:"option","data-aia-option":"","data-aia-loading":a?"":void 0,"aria-selected":e,className:p,tabIndex:a||!n.is_tappable?-1:0,onClick:l,onKeyDown:u=>{!a&&n.is_tappable&&(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l())},onMouseEnter:!a&&n.is_tappable?o:void 0,children:[lt("div",{className:z.streaks}),lt("div",{className:z.streaksVert}),vt("span",{className:z.content,children:[n.icon?`${n.icon} ${n.text}`:n.text,n.tag&&lt("span",{className:z.tag,children:n.tag})]})]})}import{jsx as dt}from"react/jsx-runtime";function wt({options:n,activeIndex:e,onSelect:t,onHighlight:o,listboxId:r,loading:a}){let i=nn(null),[s,d]=on(!1);return en(()=>{let l=i.current;if(!l)return;let p=()=>{d(l.scrollHeight-l.scrollTop-l.clientHeight>1)};l.addEventListener("scroll",p,{passive:!0});let u=new ResizeObserver(p);return u.observe(l),()=>{l.removeEventListener("scroll",p),u.disconnect()}},[]),tn(()=>{let l=i.current;l&&d(l.scrollHeight-l.scrollTop-l.clientHeight>1)},[n]),dt("div",{className:st.scrollWrapper,"data-fade":s?"":void 0,children:dt("div",{ref:i,className:st.grid,children:n.map((l,p)=>dt(yt,{option:l,isHighlighted:p===e,onSelect:t,onHighlight:()=>o(p),id:`${r}-option-${p}`,loading:a},l.text))})})}import{jsx as ee,jsxs as an}from"react/jsx-runtime";var rn=[159,119,164];function ct({suggestions:n,activeIndex:e,onSelect:t,onHighlight:o,isOpen:r,id:a,className:i,pills:s,onPillClick:d,showPills:l=!0,isLoading:p=!1}){let c=n[0]?.options??[],h=l&&s&&s.length>0&&d,b=c.length>0,v=p&&!b,f=r&&(b||h||p);return an("div",{id:a,role:"listbox","data-aia-dropdown":"","data-aia-loading":p?"":void 0,className:`${Z.dropdown} ${f?Z.visible:""} ${i??""}`,onMouseDown:m=>m.preventDefault(),children:[l&&s&&s.length>0&&d&&ee("div",{className:Z.pillBar,"data-aia-pillbar":"",children:ee(fe,{pills:s,activePillIndex:0,onSelectPill:d,rounded:!0,loading:p})}),l&&(!s||s.length===0)&&p&&ee("div",{className:Z.pillBar,"data-aia-pillbar":"",children:ee(fe,{pills:[],activePillIndex:0,onSelectPill:()=>{},rounded:!0,loading:!0})}),b&&ee(wt,{options:c,activeIndex:e,onSelect:t,onHighlight:o,listboxId:a,loading:p}),v&&ee("div",{className:Z.skeletonBars,"data-aia-skeleton-bars":"",children:rn.map(m=>ee("span",{className:Z.skeletonBar,style:{width:m}},`bar-${m}`))})]})}if(typeof document<"u"&&!document.getElementById("ac-style-dc8da745")){let n=document.createElement("style");n.id="ac-style-dc8da745",n.textContent=`/*
+`,document.head.appendChild(n)}var U={item:"SuggestionItem-module_item_d4vpD",fadeIn:"SuggestionItem-module_fadeIn_I8u35",content:"SuggestionItem-module_content_T-Qba",tappable:"SuggestionItem-module_tappable_70KcX",nonTappable:"SuggestionItem-module_nonTappable_xSZM-",highlighted:"SuggestionItem-module_highlighted_Hb0SU",tag:"SuggestionItem-module_tag_e3Fwe",pressed:"SuggestionItem-module_pressed_98o-r",glassFade:"SuggestionItem-module_glassFade_oyiSj",tapDown:"SuggestionItem-module_tapDown_G3WGz",streaks:"SuggestionItem-module_streaks_d9PEB",streaksVert:"SuggestionItem-module_streaksVert_ERlV1",streakHorizRight:"SuggestionItem-module_streakHorizRight_aboGz",streakHorizLeft:"SuggestionItem-module_streakHorizLeft_BreWJ",streakVertUp:"SuggestionItem-module_streakVertUp_to1GD",streakVertDown:"SuggestionItem-module_streakVertDown_OrcLh",skeletonPulse:"SuggestionItem-module_skeletonPulse_plvdD"};import{jsx as Ze,jsxs as ht}from"react/jsx-runtime";function bt({option:n,isHighlighted:e,onSelect:t,onHighlight:o,id:i,loading:a}){let[r,s]=dn(!1),l=ln(void 0);sn(()=>()=>clearTimeout(l.current),[]);let d=()=>{a||!n.is_tappable||r||(s(!0),t(n),clearTimeout(l.current),l.current=setTimeout(()=>s(!1),500))},u=[U.item,e&&!a?U.highlighted:"",n.is_tappable?U.tappable:U.nonTappable,r?U.pressed:""].filter(Boolean).join(" ");return ht("div",{id:i,role:"option","data-aia-option":"","data-aia-loading":a?"":void 0,"aria-selected":e,className:u,tabIndex:a||!n.is_tappable?-1:0,onClick:d,onKeyDown:p=>{!a&&n.is_tappable&&(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),d())},onMouseEnter:!a&&n.is_tappable?o:void 0,children:[Ze("div",{className:U.streaks}),Ze("div",{className:U.streaksVert}),ht("span",{className:U.content,children:[n.icon?`${n.icon} ${n.text}`:n.text,n.tag&&Ze("span",{className:U.tag,children:n.tag})]})]})}import{jsx as et}from"react/jsx-runtime";function xt({options:n,activeIndex:e,onSelect:t,onHighlight:o,listboxId:i,loading:a}){let r=un(null),[s,l]=mn(!1);return cn(()=>{let d=r.current;if(!d)return;let u=()=>{l(d.scrollHeight-d.scrollTop-d.clientHeight>1)};d.addEventListener("scroll",u,{passive:!0});let p=new ResizeObserver(u);return p.observe(d),()=>{d.removeEventListener("scroll",u),p.disconnect()}},[]),pn(()=>{let d=r.current;d&&l(d.scrollHeight-d.scrollTop-d.clientHeight>1)},[n]),et("div",{className:Ye.scrollWrapper,"data-fade":s?"":void 0,children:et("div",{ref:r,className:Ye.grid,children:n.map((d,u)=>et(bt,{option:d,isHighlighted:u===e,onSelect:t,onHighlight:()=>o(u),id:`${i}-option-${u}`,loading:a},d.text))})})}import{jsx as oe,jsxs as fn}from"react/jsx-runtime";var gn=[159,119,164];function tt({suggestions:n,activeIndex:e,onSelect:t,onHighlight:o,isOpen:i,id:a,className:r,pills:s,onPillClick:l,showPills:d=!0,isLoading:u=!1}){let m=n[0]?.options??[],v=d&&s&&s.length>0&&l,g=m.length>0,b=u&&!g,f=i&&(g||v||u);return fn("div",{id:a,role:"listbox","data-aia-dropdown":"","data-aia-loading":u?"":void 0,className:`${ne.dropdown} ${f?ne.visible:""} ${r??""}`,onMouseDown:c=>c.preventDefault(),children:[d&&s&&s.length>0&&l&&oe("div",{className:ne.pillBar,"data-aia-pillbar":"",children:oe(be,{pills:s,activePillIndex:0,onSelectPill:l,rounded:!0,loading:u})}),d&&(!s||s.length===0)&&u&&oe("div",{className:ne.pillBar,"data-aia-pillbar":"",children:oe(be,{pills:[],activePillIndex:0,onSelectPill:()=>{},rounded:!0,loading:!0})}),g&&oe(xt,{options:m,activeIndex:e,onSelect:t,onHighlight:o,listboxId:a,loading:u}),b&&oe("div",{className:ne.skeletonBars,"data-aia-skeleton-bars":"",children:gn.map(c=>oe("span",{className:ne.skeletonBar,style:{width:c}},`bar-${c}`))})]})}if(typeof document<"u"&&!document.getElementById("ac-style-dc8da745")){let n=document.createElement("style");n.id="ac-style-dc8da745",n.textContent=`/*
  * Built-in appearance defaults \u2014 zero specificity via :where().
  * Consumer CSS always wins without !important.
  *
@@ -798,5 +819,5 @@ import{forwardRef as En,useCallback as G,useEffect as ve,useImperativeHandle as
   animation-duration: 0s !important;
   transition-duration: 0s !important;
 }
-`,document.head.appendChild(n)}var Pt='[contenteditable="false"]',ie;function sn(){if(ie!==void 0)return ie;let n=globalThis.Intl.Segmenter;if(!n)return ie=null,null;try{ie=new n(void 0,{granularity:"grapheme"})}catch{ie=null}return ie??null}function Re(n,e){let t=n;for(;t&&t!==e;){if(t.nodeType===Node.ELEMENT_NODE&&t.matches(Pt))return!0;t=t.parentNode}return!1}function Ne(n){return(n.ownerDocument??document).createTreeWalker(n,NodeFilter.SHOW_TEXT,{acceptNode(e){return Re(e,n)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}})}function re(n){let e=Ne(n),t="",o=e.nextNode();for(;o;)t+=o.data,o=e.nextNode();return t}function He(n){let e=Ne(n),t=0,o=e.nextNode();for(;o;)t+=o.data.length,o=e.nextNode();return t}function H(n){let e=(n.ownerDocument??document).getSelection();if(!e||e.rangeCount===0)return null;let t=e.anchorNode,o=e.anchorOffset;if(!t||!n.contains(t))return null;if(t.nodeType===Node.ELEMENT_NODE){let r=t;if(Re(r,n)&&r!==n)return null;let a=0;for(let i=0;i<o&&i<r.childNodes.length;i++)a+=It(r.childNodes[i],n);return a+St(r,n)}return t.nodeType!==Node.TEXT_NODE||Re(t,n)?null:St(t,n)+o}function It(n,e){if(n.nodeType===Node.TEXT_NODE)return Re(n,e)?0:n.data.length;if(n.nodeType!==Node.ELEMENT_NODE)return 0;let t=n;if(t.matches(Pt))return 0;let o=0;for(let r of Array.from(t.childNodes))o+=It(r,e);return o}function St(n,e){let t=Ne(e),o=0,r=t.nextNode();for(;r;){if(r===n||n.nodeType===Node.ELEMENT_NODE&&n.contains(r))return o;o+=r.data.length,r=t.nextNode()}return o}function L(n,e){let t=n.ownerDocument??document,o=t.getSelection();if(!o)return;let r=Math.max(0,Math.min(e,He(n))),a=Ne(n),i=0,s=null,d=0,l=a.nextNode(),p=null;for(;l;){let c=l.data.length;if(r<i+c){s=l,d=r-i;break}if(r===i+c){let h=a.nextNode();h?(s=h,d=0):(s=l,d=c);break}i+=c,p=l,l=a.nextNode()}let u=t.createRange();if(s){let c=s.parentElement?.closest('strong[data-seg="completed"]');c&&c!==n&&n.contains(c)?d===0?u.setStartBefore(c):d===s.data.length?u.setStartAfter(c):u.setStart(s,d):u.setStart(s,d)}else p?u.setStart(p,p.data.length):u.setStart(n,0);u.collapse(!0),o.removeAllRanges(),o.addRange(u)}function At(n){let e=H(n);return e==null?!1:e>=He(n)}function Ct(n,e){if(e<=0)return 0;let t=sn();if(!t)return e-1;let o=n.slice(0,e),r=0;for(let{index:a}of t.segment(o))a<e&&(r=a);return r}function Be(n){let{input:e,segments:t,newParamId:o,editingParamId:r,placeholderText:a,isFocused:i}=n,s=t.length===0;e.dataset.aiaEmpty=s?"true":"false",s&&a?e.dataset.placeholder=a:delete e.dataset.placeholder;let d=t.map(f=>`${f.type}:${f.value}`).join("\0"),l=e.dataset.segKey??"",p=e.dataset.newParamId??"",u=e.dataset.editingParamId??"";if(d===l&&(o??"")===p&&(r??"")===u)return;let c=i?H(e):null;e.dataset.segKey=d,e.dataset.newParamId=o??"",e.dataset.editingParamId=r??"";let h=e.ownerDocument??document,b=h.createDocumentFragment(),v=0;for(let f of t)if(v+=f.value.length,f.type==="completed"){let m=h.createElement("strong");m.dataset.seg="completed",m.dataset.paramId=f.param.id;let g=f.param.id===o,w=f.param.id===r,A=["magicx-aia-segment","magicx-aia-segment--completed"];g&&A.push("magicx-aia-shimmer-revealed","magicx-aia-shimmer-sweep"),w&&A.push("magicx-aia-segment--editing"),m.className=A.join(" "),m.textContent=f.value,b.appendChild(m)}else b.appendChild(h.createTextNode(f.value));e.replaceChildren(b),e.dataset.aiaTextLength=String(v),c!=null&&L(e,Math.max(0,Math.min(c,v)))}import{useCallback as E,useEffect as Je,useRef as W,useState as _n}from"react";function N(n,e){let t=n,o={},r=[];for(let a of e){let i=(o[a.type]??0)+1;o[a.type]=i;let d=`{{${a.type.toUpperCase().replace(/\s+/g,"_")}_${i}}}`,l=t.indexOf(a.text);l!==-1&&(t=t.slice(0,l)+d+t.slice(l+a.text.length)),r.push({...a,placeholder:d})}return{rawQuery:t,completedParams:r}}function he(n,e,t){return e>0||!t?e:n.toLowerCase().startsWith(t.toLowerCase())?t.length:e}function ae(n,e,t){let o=n.slice(e);if(t||e===0||n[e-1]===" ")return o;let r=o.indexOf(" ");return r===-1?"":o.slice(r+1)}function Tt(n,e){let t=n.trimEnd().replace(/\s+/g," ");if(t.length===0||e.length===0)return 0;let o=t.split(" "),r=e.toLowerCase();for(let a=0;a<o.length;a++){let i=o.slice(a).join(" ");if(r.startsWith(i.toLowerCase())){let s=t.length-i.length;return n.length-s}}return 0}function be(n,e){if(!n)return[];let t=e.trimStart();if(!t)return n;let o=t.toLowerCase();return n.filter(r=>!r.is_tappable||r.text.toLowerCase().includes(o))}function se(n,e){if(!n)return null;let t=e.trim();if(!t)return null;let o=t.toLowerCase();return n.find(r=>r.is_tappable&&r.text.toLowerCase()===o)??null}var le=class{constructor(e,t="auto"){this.container=e;this.mode=t;this.mediaQuery=null;this.onSystemChange=e=>{this.container.dataset.mode=e.matches?"dark":"light"};this.apply()}setMode(e){this.detachListener(),this.mode=e,this.apply()}destroy(){this.detachListener()}apply(){this.mode==="auto"?(this.mediaQuery??(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)")),this.mediaQuery.addEventListener("change",this.onSystemChange),this.container.dataset.mode=this.mediaQuery.matches?"dark":"light"):this.container.dataset.mode=this.mode}detachListener(){this.mediaQuery?.removeEventListener("change",this.onSystemChange)}};function _t(n,e){let t=[],o=0;for(let a of e){let i=n.indexOf(a.text,o);i!==-1&&(i>o&&t.push({type:"text",value:n.slice(o,i)}),t.push({type:"completed",value:a.text,param:a}),o=i+a.text.length)}let r=n.slice(o);return r&&t.push({type:"text",value:r}),t}function Et(n,e){let t=[],o=[],r=0;for(let a of e){let i=n.indexOf(a.text,r);i===-1?o.push(a):(t.push(a),r=i+a.text.length)}return{valid:t,invalid:o}}var Fe=class{constructor(e){this.config=e;this.current=null;this.expiresAt=null;this.inFlightRefresh=null;e.accessToken&&(this.current=e.accessToken)}async getToken(e=!1){if(!e&&this.current&&!this.isExpired())return this.current;if(!e&&this.inFlightRefresh)return this.inFlightRefresh;this.inFlightRefresh=this.refresh();try{return await this.inFlightRefresh}finally{this.inFlightRefresh=null}}async refresh(){let e=await this.config.getAccessToken();return this.current=e.accessToken,this.expiresAt=e.expiresAt??null,this.current}isExpired(){return this.expiresAt==null?!1:Date.now()>=this.expiresAt-3e4}};var ln="https://api.ai-autocomplete.com",Ke=`${ln}/api/suggest`,kt=new WeakMap;function xe(n){return n?.type==="accessToken"}function dn(n){if(!(!n||xe(n)))return n}function ze(n){let e=kt.get(n.getAccessToken);return e||(e=new Fe(n),kt.set(n.getAccessToken,e)),e}function We(n){return{"Content-Type":"application/json",...n?.appIdentifier&&{"X-App-Identifier":n.appIdentifier},...n?.headers}}function $e(n){let e=dn(n),t=e?.apiKey;return t?(e?.authScheme??"Bearer")==="Basic"?`Basic ${btoa(t)}`:`Bearer ${t}`:null}function cn(n){return(n??Ke).replace(/\/suggest(\?|#|$)/,"/telemetry/events$1")}async function pn(n){return xe(n)?`Bearer ${await ze(n).getToken()}`:$e(n)}async function Ot(n){try{let e=cn(n.apiConfig?.endpoint),t=We(n.apiConfig),o=await pn(n.apiConfig);o&&(t.Authorization=o);let r=JSON.stringify({source:n.source,session_id:n.sessionId,type:n.type,at:new Date().toISOString(),query_data:n.queryData});await fetch(e,{method:"POST",headers:t,body:r})}catch{}}var un="0.1.41",Dt=!1;function mn(){return crypto.randomUUID()}function gn(n,e){return{placeholder:n.placeholder,type:n.type,...e&&{text:n.text},kind:n.kind}}function fn(n,e,t,o){let r=e.find(i=>i.type==="contact"&&i.metadata?.contact_account_count)?.metadata?.contact_account_count,a=typeof r=="number"?r:void 0;return{data:{raw_query:n,completed_params:e.map(i=>gn(i,t)),...a!=null&&{contact_account_count:a}},meta:{request_id:mn(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:un,session_id:o}}}async function Lt(n,e,t,o,r){return fetch(n,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:o,signal:r})}async function Mt(n,e,t){let o=t.apiConfig,r=!t.maskCompletedText,a=fn(n,e,r,t.sessionId),i=We(o),s=o?.endpoint??Ke,d=JSON.stringify(a);if(xe(o)){let u=ze(o),c=await u.getToken(),h=await Lt(s,i,c,d,t.signal);if(h.status===401){let b=await u.getToken(!0);h=await Lt(s,i,b,d,t.signal)}if(!h.ok)throw new Error(`API error: ${h.status} ${h.statusText}`);return h.json()}let l=$e(o);!l&&!Dt&&(Dt=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),l&&(i.Authorization=l);let p=await fetch(s,{method:"POST",headers:i,body:d,signal:t.signal});if(!p.ok)throw new Error(`API error: ${p.status} ${p.statusText}`);return p.json()}function Rt(n,e){return e?n.map(t=>{let o=e[t.type];if(!o)return t;let r=o("");if(r.length===0)return t;let a=new Set(r.map(s=>s.text)),i=(t.options??[]).filter(s=>!a.has(s.text));return{...t,options:[...r,...i]}}):n}var hn=100,bn=300,xn=2,qe=class{constructor(e,t,o,r,a,i,s={}){this.store=e;this.getApiConfig=t;this.getOptionOverrides=o;this.getMaskCompletedText=r;this.getOnError=a;this.getSessionId=i;this.callbacks=s;this.fetchVersion=0;this.abortController=null;this.debounceTimer=null;this.slowDebounceTimer=null;this.unsubscribe=null}start(){this.doFetch("",[]);let e=this.store.get().text,t=this.store.get().completedParams;this.unsubscribe=this.store.subscribe(o=>{(o.text!==e||o.completedParams!==t)&&(e=o.text,t=o.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let o=new AbortController;this.abortController=o;let r=++this.fetchVersion,a=this.store.get().text.length;this.store.set({isLoading:!0,error:null});try{let i=await Mt(e,t,{sessionId:this.getSessionId(),maskCompletedText:this.getMaskCompletedText(),signal:o.signal,apiConfig:this.getApiConfig()});if(r!==this.fetchVersion)return;let s=Rt(i.data.suggestions??[],this.getOptionOverrides()),d=i.data.input??[],l=d[d.length-1],p=this.store.get().text,u,c;if(l?.state==="in_progress"){c=!0;let f=p.toLowerCase().lastIndexOf(l.text.toLowerCase());u=f!==-1?f:a}else c=!1,u=a;let b=s.filter(f=>f.type!=="placeholder")[0],v=null;if(b){let f=ae(p,u,c),m=se(b.options,f);m&&(v={id:crypto.randomUUID(),placeholder:"",type:b.type,text:m.text,kind:m.kind,suggestionType:b.type,suggestionPlaceholder:b.text,options:b.options??[],metadata:m.metadata},s=s.filter(g=>g!==b),this.callbacks.onAutoMatch?.({active:b,matched:m,rawQuery:e}))}this.store.set(f=>({suggestions:s,isLoading:!1,isReady:i.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:u,filterInProgress:c,...v?{completedParams:[...f.completedParams,v]}:{}}))}catch(i){if(r===this.fetchVersion){let s=i instanceof Error?i:new Error(String(i));this.store.set({error:s,isLoading:!1}),this.getOnError()?.(s)}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=o=>{let r=this.store.get();if(!r.text&&r.completedParams.length===0)return this.doFetch("",[]),!0;let a=r.suggestions.filter(g=>g.type==="placeholder").map(g=>g.text).join(" "),i=he(r.text,r.filterBase,a),s=ae(r.text,i,r.filterInProgress),l=r.suggestions.filter(g=>g.type!=="placeholder")[0],u=(l?be(l.options,s):[]).filter(g=>g.is_tappable),c=l?se(l.options,s)!==null:!1,h=s.trim().length>0;if(u.length>0&&!c&&h||r.completedParams.length===0&&r.text.length>0&&a.length>0&&a.toLowerCase().startsWith(r.text.toLowerCase()))return!1;let{rawQuery:b,completedParams:v}=N(r.text,r.completedParams),f=b.length<r.lastRawQuery.length,m=Math.abs(b.length-r.lastRawQuery.length);return f||m>=o?(this.doFetch(b,v),!0):!1};this.debounceTimer=setTimeout(()=>{t(xn)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},hn),this.slowDebounceTimer=setTimeout(()=>t(1),bn)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};function Nt(n){return n instanceof HTMLTextAreaElement||n instanceof HTMLInputElement?n.selectionStart!=null&&n.selectionStart===n.value.length:n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?At(n):!1}function vn(n){return n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?H(n):null}var Ue=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{listboxId:o,getOnSubmit:r}=this.ctx,a=this.getEffectiveColumns(),i=r(),s=this.getTappableIndices(a);switch(e.key){case"ArrowDown":{let d=Nt(e.target),l=!!t.editingParam;if(!d&&!l&&t.activeDropdownIndex<0)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:s[0]??0});break}if(s.length===0)return;let p=s.indexOf(t.activeDropdownIndex),u=p<s.length-1?p+1:0;this.store.set({activeDropdownIndex:s[u]});break}case"ArrowUp":{if(s.length===0||t.activeDropdownIndex<0)break;if(e.preventDefault(),t.activeDropdownIndex<a){this.store.set({activeDropdownIndex:-1});break}let d=s.indexOf(t.activeDropdownIndex),l=d>0?d-1:s.length-1;this.store.set({activeDropdownIndex:s[l]});break}case"ArrowRight":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%a<a-1){let p=t.activeDropdownIndex+1;p<t.filteredOptions.length&&t.filteredOptions[p]?.is_tappable&&this.store.set({activeDropdownIndex:p})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){e.preventDefault();let l=e.target.closest("[data-aia-input]")??e.target,p=t.editingTail;this.ctx.exitEditMode?.(),L(l,p);break}Nt(e.target)&&t.actionableSuggestions.length>1&&(e.preventDefault(),this.pillsSetActivePill(1));break}case"ArrowLeft":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%a>0){let d=t.activeDropdownIndex-1;d>=0&&t.filteredOptions[d]?.is_tappable&&this.store.set({activeDropdownIndex:d})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingAnchor!=null){e.preventDefault();let d=e.target.closest("[data-aia-input]")??e.target,l=t.editingAnchor;this.ctx.exitEditMode?.(),L(d,l);break}break}case"Backspace":{if(t.editingParam||!this.ctx.removeParamAtCaret)break;let d=vn(e.target);if(d==null)break;this.ctx.removeParamAtCaret(d)&&e.preventDefault();break}case"Enter":{if(e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable)this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(i){let{rawQuery:d,completedParams:l}=N(t.text,t.completedParams);i({query:t.text.trim(),raw_query:d,completed_params:l}),this.ctx.afterSubmit?.()}break}case"Tab":{let d=!t.text&&!!t.placeholderText,l=t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable;if(d&&!l){e.preventDefault();let p=t.placeholderText;if(this.store.set(u=>({text:p,filterBase:p.length,suggestions:u.suggestions.filter(c=>c.type!=="placeholder")})),e.target instanceof HTMLElement){let u=e.target.closest("[data-aia-input]")??e.target;queueMicrotask(()=>L(u,p.length))}}else if(l)e.preventDefault(),this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(t.isDropdownOpen){let p=t.filteredOptions.findIndex(u=>u.is_tappable);p>=0&&(e.preventDefault(),this.clickOrSelect(p,t.filteredOptions,o))}break}case"Escape":{if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){let d=e.target.closest("[data-aia-input]")??e.target,l=t.editingTail;this.ctx.exitEditMode?.(),L(d,l)}this.store.set({activeDropdownIndex:-1});break}}}getTappableIndices(e){let o=this.store.get().filteredOptions.map((a,i)=>a.is_tappable?i:-1).filter(a=>a!==-1),r=Array.from({length:e},()=>[]);for(let a of o)r[a%e].push(a);return r.flat()}getEffectiveColumns(){let t=document.getElementById(`${this.ctx.listboxId}-option-0`)?.parentElement;if(!t)return this.ctx.columns;let o=getComputedStyle(t).gridTemplateColumns.split(" ").filter(Boolean).length;return o>0?o:this.ctx.columns}clickOrSelect(e,t,o){let r=document.getElementById(`${o}-option-${e}`);r?r.click():this.ctx.selectOption(t[e])}pillsSetActivePill(e){let t=this.store.get(),o=t.suggestions.filter(s=>s.type!=="placeholder");if(e<0||e>=o.length)return;let r=o[e],a=o.filter((s,d)=>d!==e),i=t.suggestions.filter(s=>s.type==="placeholder");this.store.set({suggestions:[...i,r,...a],pillTapped:!0,activeDropdownIndex:-1})}};var Ge=class{constructor(e,t={}){this.store=e;this.callbacks=t}setActivePill(e){let t=this.store.get(),o=t.suggestions.filter(s=>s.type!=="placeholder");if(e<0||e>=o.length)return;let r=o[e],a=o.filter((s,d)=>d!==e),i=t.suggestions.filter(s=>s.type==="placeholder");if(this.callbacks.onPillSelected){let{rawQuery:s}=N(t.text,t.completedParams);this.callbacks.onPillSelected({rawQuery:s,selectedPill:r.text,otherPills:a.map(d=>d.text)})}this.store.set({suggestions:[...i,r,...a],pillTapped:!0,activeDropdownIndex:-1})}removeLastParam(){this.store.get().completedParams.length!==0&&this.store.set(t=>({completedParams:t.completedParams.slice(0,-1),activeDropdownIndex:-1}))}};var Ht=[125,69];function Bt(n){return n===0?.4:n===1?.3:.15}function Qe(n,e,t,o,r=!1,a=!1){let i=n.querySelector(".magicx-aia-pill-list");if(i||(i=document.createElement("span"),i.className="magicx-aia-pill-list",n.appendChild(i)),a&&e.length===0){i.setAttribute("data-aia-pill-list-loading",""),i.innerHTML="";for(let l=0;l<Ht.length;l++){let p=Ht[l],u=document.createElement("span");u.setAttribute("data-aia-pill-skeleton",""),u.className=`magicx-aia-pill magicx-aia-pill--skeleton${r?" magicx-aia-pill--rounded":""}`,u.style.width=`${p}px`,u.style.opacity=String(Bt(l)),i.appendChild(u)}return}a?i.setAttribute("data-aia-pill-list-loading",""):i.removeAttribute("data-aia-pill-list-loading");for(let l of i.querySelectorAll("[data-aia-pill-skeleton]"))l.remove();let s=new Map;for(let l of i.querySelectorAll(".magicx-aia-pill"))s.set(l.dataset.pillKey??"",l);let d=new Set;for(let l=0;l<e.length;l++){let p=e[l],u=`${p.type}-${p.text}`;d.add(u);let c=s.get(u);(!c||c.tagName!=="BUTTON")&&(c?.remove(),c=document.createElement("button"),c.type="button",c.tabIndex=-1,c.dataset.pillKey=u,c.setAttribute("data-aia-pill",""),c.setAttribute("contenteditable","false"),c.textContent=p.text,c.addEventListener("mousedown",b=>b.preventDefault()));let h=["magicx-aia-pill"];r&&h.push("magicx-aia-pill--rounded"),l===t&&!a&&h.push("magicx-aia-pill--active"),a&&h.push("magicx-aia-pill--skeleton"),c.className=h.join(" "),c.style.width="",c.style.opacity=String(Bt(l)),a?(c.setAttribute("data-aia-loading",""),c.disabled=!0,c.onclick=null):(c.removeAttribute("data-aia-loading"),c.disabled=!1,c.onclick=()=>o(l)),i.children[l]!==c&&i.insertBefore(c,i.children[l]??null)}for(let[l,p]of s)d.has(l)||p.remove()}function pt(n){n.querySelector(".magicx-aia-pill-list")?.remove()}var yn=[159,119,164];function je(n){let e=document.createElement("div");return e.id=n,e.setAttribute("role","listbox"),e.setAttribute("data-aia-dropdown",""),e.className="magicx-aia-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function Ve(n,e){let{filteredOptions:t,activeIndex:o,isOpen:r,isLoading:a,pills:i,showPills:s,onSelect:d,onHighlight:l,onPillClick:p}=e,u=s&&i.length>0,c=t.length>0;r&&(c||u||a)?n.classList.add("magicx-aia-dropdown--visible"):n.classList.remove("magicx-aia-dropdown--visible"),a?n.setAttribute("data-aia-loading",""):n.removeAttribute("data-aia-loading");let b=u||a&&s,v=n.querySelector(".magicx-aia-pill-bar");b?(v||(v=document.createElement("div"),v.className="magicx-aia-pill-bar",v.setAttribute("data-aia-pillbar",""),n.insertBefore(v,n.firstChild)),Qe(v,i,0,p,!0,a)):v&&v.remove();let f=n.querySelector(".magicx-aia-grid");c?(f||(f=document.createElement("div"),f.className="magicx-aia-grid",n.appendChild(f)),wn(f,t,o,d,l,e.listboxId,a)):f&&f.remove();let m=n.querySelector(".magicx-aia-skeleton-bars");if(a&&!c){if(!m){m=document.createElement("div"),m.className="magicx-aia-skeleton-bars",m.setAttribute("data-aia-skeleton-bars","");for(let g of yn){let w=document.createElement("span");w.className="magicx-aia-skeleton-bar",w.style.width=`${g}px`,m.appendChild(w)}n.appendChild(m)}}else m&&m.remove()}function wn(n,e,t,o,r,a,i){let s=e.map(c=>c.text).join("\0"),d=n.dataset.optionsKey??"",l=n.dataset.loading??"",p=i?"1":"0",u=s!==d||l!==p;if(n.dataset.optionsKey=s,n.dataset.loading=p,u){let c=document.createDocumentFragment();for(let h=0;h<e.length;h++){let b=e[h],v=Sn(b,h,t,o,r,a,i);c.appendChild(v)}n.innerHTML="",n.appendChild(c)}else{let c=n.querySelectorAll(".magicx-aia-option");for(let h=0;h<c.length;h++){let b=c[h],v=h===t&&!i;b.setAttribute("aria-selected",String(v)),v?b.classList.add("magicx-aia-option--highlighted"):b.classList.remove("magicx-aia-option--highlighted")}}}function Sn(n,e,t,o,r,a,i){let s=document.createElement("div");s.id=`${a}-option-${e}`,s.setAttribute("role","option"),s.setAttribute("data-aia-option",""),i&&s.setAttribute("data-aia-loading",""),s.setAttribute("aria-selected",String(e===t&&!i)),s.tabIndex=i||!n.is_tappable?-1:0;let d=["magicx-aia-option"];e===t&&!i&&d.push("magicx-aia-option--highlighted"),n.is_tappable?d.push("magicx-aia-option--tappable"):d.push("magicx-aia-option--non-tappable"),s.className=d.join(" ");let l=document.createElement("div");l.className="magicx-aia-streaks",s.appendChild(l);let p=document.createElement("div");p.className="magicx-aia-streaks-vert",s.appendChild(p);let u=document.createElement("span");if(u.className="magicx-aia-option-content",u.textContent=n.icon?`${n.icon} ${n.text}`:n.text,n.tag){let c=document.createElement("span");c.className="magicx-aia-option-tag",c.textContent=n.tag,u.appendChild(c)}return s.appendChild(u),!i&&n.is_tappable&&(s.addEventListener("click",()=>{s.classList.add("magicx-aia-option--pressed"),o(n),setTimeout(()=>s.classList.remove("magicx-aia-option--pressed"),500)}),s.addEventListener("mouseenter",()=>r(e))),s}function Ft(n,e){let t=je(e.listboxId);return n.appendChild(t),{dropdown:t}}function ut(n,e,t){Ve(n.dropdown,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:!0,onSelect:t.selectOption,onHighlight:o=>t.store.set({activeDropdownIndex:o}),onPillClick:t.setActivePill})}var Pn='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" role="img" aria-label="Submit"><path d="M9 14V4M9 4L4 9M9 4L14 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';function In(){let n=document.createElement("div");return n.setAttribute("contenteditable","plaintext-only"),n.contentEditable==="plaintext-only"}function Kt(n,e){let{listboxId:t}=e,o=je(t);n.appendChild(o);let r=document.createElement("div");r.className="magicx-aia-input-wrapper",n.appendChild(r);let a=document.createElement("div");a.className="magicx-aia-editor",a.setAttribute("data-aia-editor",""),r.appendChild(a);let i=document.createElement("div");i.className="magicx-aia-input",i.setAttribute("data-aia-input",""),i.setAttribute("contenteditable",In()?"plaintext-only":"true"),i.setAttribute("role","combobox"),i.setAttribute("aria-autocomplete","list"),i.setAttribute("aria-haspopup","listbox"),i.setAttribute("aria-controls",t),i.setAttribute("aria-expanded","false"),i.setAttribute("spellcheck","true"),i.setAttribute("enterkeyhint","send"),a.appendChild(i);let s=document.createElement("span");s.className="magicx-aia-pill-list-container",s.setAttribute("data-aia-pill-list-container",""),a.appendChild(s);let d=null,l=null;e.submitButton===void 0?(d=document.createElement("button"),d.type="button",d.className="magicx-aia-submit",d.setAttribute("aria-label","Submit"),d.setAttribute("data-aia-submit",""),d.innerHTML=Pn,r.appendChild(d),l=d):e.submitButton!==null&&(l=e.submitButton,l.hasAttribute("data-aia-submit")||l.setAttribute("data-aia-submit",""),r.appendChild(l));let p=new AbortController,{signal:u}=p,c=!1,h=0,b=()=>{let m=re(i),w=m.length>0&&m[0]!==m[0].toUpperCase()?m[0].toUpperCase()+m.slice(1):m;e.handleChange(w)},v=()=>{let m=(i.ownerDocument??document).getSelection();if(!m||m.rangeCount===0)return null;let g=m.anchorNode;return!g||!i.contains(g)?null:(g.nodeType===Node.ELEMENT_NODE?g:g.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null};r.addEventListener("click",m=>{m.target?.closest("[data-aia-pill]")||i.focus()},{signal:u}),i.addEventListener("input",()=>{c||(h=performance.now(),b(),e.handleCaretAfterInput(H(i)))},{signal:u});let f=i.ownerDocument??document;return f.addEventListener("selectionchange",()=>{let m=f.getSelection();if(!m||m.rangeCount===0||!i.contains(m.anchorNode))return;let g=v(),w=e.store.get().editingParam?.id??null;if(g&&g!==w){e.startEditingParam(g);return}performance.now()-h<50||e.handleCaretMove(H(i))},{signal:u}),i.addEventListener("compositionstart",()=>{c=!0},{signal:u}),i.addEventListener("compositionend",()=>{c=!1,b()},{signal:u}),i.addEventListener("beforeinput",m=>{let g=m,w=g.inputType;if(w==="insertParagraph"||w==="insertLineBreak"||w==="insertFromDrop"){m.preventDefault();return}if(w.startsWith("insert")||w.startsWith("delete")){let A=w.startsWith("delete")?"":g.data??"";e.replaceEditingRange(A)&&m.preventDefault()}},{signal:u}),i.addEventListener("paste",m=>{m.preventDefault();let g=(m.clipboardData?.getData("text/plain")??"").replace(/\r?\n/g," ");if(!g)return;let w=i.ownerDocument??document,A=w.getSelection();if(!A||A.rangeCount===0)return;let k=A.getRangeAt(0);if(!i.contains(k.startContainer))return;k.deleteContents();let $=w.createTextNode(g);k.insertNode($),k.setStartAfter($),k.collapse(!0),A.removeAllRanges(),A.addRange(k),b()},{signal:u}),i.addEventListener("keydown",m=>e.handleKeyDown(m),{signal:u}),i.addEventListener("focus",()=>e.store.set({isFocused:!0}),{signal:u}),i.addEventListener("blur",()=>e.store.set({isFocused:!1}),{signal:u}),l&&l.addEventListener("click",m=>{let g=e.store.get();if(!(!!g.text||g.completedParams.length>0)||!e.onSubmit)return;m.stopPropagation();let{rawQuery:A,completedParams:k}=N(g.text,g.completedParams);e.onSubmit({query:g.text.trim(),raw_query:A,completed_params:k}),e.afterSubmit?.()},{signal:u}),e.autoFocus!==!1&&i.focus(),{input:i,inlinePillContainer:s,dropdown:o,submitButton:d,abort:p}}function mt(n,e,t){let{input:o,inlinePillContainer:r,dropdown:a,submitButton:i}=n,{pillPlacement:s,setActivePill:d,selectOption:l,store:p}=t;o.setAttribute("aria-expanded",String(e.isDropdownOpen));let u=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";if(u?o.setAttribute("aria-activedescendant",u):o.removeAttribute("aria-activedescendant"),i){let f=!!e.text||e.completedParams.length>0;i.disabled=!f}let c=o.dataset.newParamId??"",h=e.newParamId!==null&&e.newParamId!==c;if(Be({input:o,segments:e.segments,newParamId:e.newParamId,editingParamId:e.editingParam?.id??null,placeholderText:e.placeholderText,isFocused:e.isFocused}),s==="inline"){let f=e.isLoading&&!e.editingParam&&!e.inSelectionAnimation;f||e.actionableSuggestions.length>0?Qe(r,e.actionableSuggestions,0,d,!1,f):pt(r)}else pt(r);h?(o.focus(),L(o,e.caretOffset??e.text.length)):e.isFocused&&re(o)!==e.text&&L(o,e.text.length);let b=e.editingParam?{type:e.editingParam.suggestionType,text:e.editingParam.suggestionPlaceholder,required:!0,options:e.editingParam.options}:null,v=b??e.actionableSuggestions[0];Ve(a,{suggestions:v?[{...v,options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:b?[b]:e.actionableSuggestions,showPills:s==="dropdown",onSelect:l,onHighlight:f=>p.set({activeDropdownIndex:f}),onPillClick:d})}function zt(n){let e=n,t=new Set;return{get:()=>e,set:o=>{let r=typeof o=="function"?o(e):o,a={...e,...r},i=e;e=a;for(let s of t)s(a,i)},subscribe:o=>(t.add(o),()=>{t.delete(o)})}}var gt=!1;function Wt(){if(gt||typeof document>"u")return;if(document.querySelector("style[data-magicx-aia]")){gt=!0;return}gt=!0;let n=document.createElement("style");n.setAttribute("data-magicx-aia",""),n.textContent=An,document.head.appendChild(n)}var An="";var Cn=0;function Tn(){return`:ac-${++Cn}:`}var $t=500;function qt(){return{text:"",completedParams:[],suggestions:[],activeDropdownIndex:-1,newParamId:null,isLoading:!1,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],placeholderText:"",isDropdownOpen:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1}}var Xe=class{constructor(e,t={}){this.store=zt(qt());this._listboxId=Tn();this.modeController=null;this.unsubscribers=[];this.derivedInProgress=!1;this.domRefs=null;this.dropdownRefs=null;this.externalListeners=new Set;this.sessionId=crypto.randomUUID();this.container=e,this.opts=t,this.renderMode=t.renderMode??"full",t.value!==void 0&&this.store.set({text:t.value}),t.completedParams!==void 0&&this.store.set({completedParams:t.completedParams}),this.pillsController=new Ge(this.store,{onPillSelected:({rawQuery:o,selectedPill:r,otherPills:a})=>{this.fireTelemetry("pill",{raw_query:o,selected_pill:r,other_pills:a})}}),this.fetchController=new qe(this.store,()=>this.opts.apiConfig,()=>this.opts.optionOverrides,()=>this.opts.maskCompletedText,()=>this.opts.onError,()=>this.sessionId,{onAutoMatch:({active:o,matched:r,rawQuery:a})=>{this.fireTelemetry("option",{raw_query:a,selected_option:r.text,other_options:(o.options??[]).filter(i=>i.text!==r.text).map(i=>i.text)})}}),this.keyboardController=new Ue(this.store,{columns:t.columns??2,listboxId:this.listboxId,getOnSubmit:()=>this.opts.onSubmit,afterSubmit:this.renderMode==="full"?()=>this.reset():void 0,selectOption:o=>this.selectOption(o),removeParamAtCaret:o=>this.removeParamAtCaret(o),exitEditMode:()=>this.exitEditMode()}),this.unsubscribers.push(this.store.subscribe((o,r)=>{this.recomputeDerived(o,r)})),this.unsubscribers.push(this.store.subscribe((o,r)=>{o.text!==r.text&&this.opts.onChange?.(o.text),o.completedParams!==r.completedParams&&this.opts.onParamsChange?.(o.completedParams),o.isFocused!==r.isFocused&&(o.isFocused?this.opts.onFocus?.():this.opts.onBlur?.()),this.opts.onStateChange?.(o)})),this.renderMode!=="headless"&&(Wt(),this.setupContainer()),this.renderMode==="full"?this.buildAndRenderFull():this.renderMode==="dropdown"&&this.buildAndRenderDropdown(),this.fetchController.start()}focus(){this.domRefs?.input.focus()}blur(){this.domRefs?.input.blur()}reset(){this.store.set({...qt(),skipNextFetch:!0}),this.sessionId=crypto.randomUUID(),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.newParamTimer&&clearTimeout(this.newParamTimer),this.suggestionRemovalTimer&&clearTimeout(this.suggestionRemovalTimer),this.selectionAnimationTimer&&clearTimeout(this.selectionAnimationTimer),this.externalListeners.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],this.domRefs?.abort.abort(),this.domRefs=null,this.dropdownRefs=null,this.renderMode!=="headless"&&(this.container.innerHTML="")}setMode(e){this.modeController?.setMode(e)}setValue(e){this.store.set({text:e})}setCompletedParams(e){this.store.set({completedParams:e})}setActivePill(e){this.pillsController.setActivePill(e)}removeLastParam(){this.pillsController.removeLastParam()}removeParamAtCaret(e){let t=this.store.get(),{text:o,completedParams:r}=t,a=0;for(let i=0;i<r.length;i++){let s=r[i],d=o.indexOf(s.text,a);if(d===-1)continue;let l=d,p=d+s.text.length;if(e>l&&e<=p){let u=Ct(o,e),c=o.slice(0,u)+o.slice(e),h=r.filter((b,v)=>v!==i);return this.store.set(b=>({text:c,filterBase:Math.min(b.filterBase,c.length),completedParams:h,pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(u),!0}a=p}return!1}scheduleSetCursor(e){queueMicrotask(()=>{let t=this.domRefs;t?L(t.input,e):this.opts.setCursor?.(e)})}clearNewParamId(){this.store.set({newParamId:null})}startEditingParam(e){let t=this.store.get();if(t.editingParam?.id===e)return;let o=t.completedParams.find(i=>i.id===e);if(!o)return;let r=0,a=-1;for(let i of t.completedParams){let s=t.text.indexOf(i.text,r);if(s!==-1){if(i.id===e){a=s;break}r=s+i.text.length}}a<0||this.store.set({editingParam:o,editingAnchor:a,editingTail:a+o.text.length,caretOffset:a+o.text.length,activeDropdownIndex:-1})}replaceEditingRange(e){let t=this.store.get(),o=t.editingParam,r=t.editingAnchor,a=t.editingTail;if(!o||r==null||a==null||!t.completedParams.some(d=>d.id===o.id))return!1;let i=t.text.slice(0,r)+e+t.text.slice(a),s=r+e.length;return this.store.set(d=>({text:i,completedParams:d.completedParams.filter(l=>l.id!==o.id),editingTail:s,caretOffset:s,activeDropdownIndex:-1})),this.scheduleSetCursor(s),this.maybePromoteEditExactMatch(),!0}exitEditMode(){this.store.get().editingParam&&this.store.set({editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1})}handleCaretAfterInput(e){let t=this.store.get(),o={caretOffset:e};t.editingParam&&t.editingAnchor!=null&&e!=null&&(e<t.editingAnchor?(o.editingParam=null,o.editingAnchor=null,o.editingTail=null,o.activeDropdownIndex=-1):t.editingTail!=null&&(o.editingTail=Math.max(t.editingTail,e))),this.store.set(o),this.maybePromoteEditExactMatch()}handleCaretMove(e){let t=this.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null&&e!=null&&(e<t.editingAnchor||e>t.editingTail)){this.store.set({caretOffset:e,editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1});return}this.store.set({caretOffset:e})}setActiveDropdownIndex(e){this.store.set({activeDropdownIndex:e})}handleTextChange(e){this.handleChange(e)}handleKeyDown(e){this.keyboardController.handleKeyDown(e)}setFocused(e){this.store.get().isFocused!==e&&this.store.set({isFocused:e})}subscribe(e){return this.externalListeners.add(e),()=>{this.externalListeners.delete(e)}}getState(){return this.store.get()}get listboxId(){return this._listboxId}get isReady(){return this.store.get().isReady}on(e,t){switch(e){case"submit":return this.opts.onSubmit=t,()=>{this.opts.onSubmit=void 0};case"error":return this.opts.onError=t,()=>{this.opts.onError=void 0};case"change":return this.opts.onChange=t,()=>{this.opts.onChange=void 0};case"paramsChange":return this.opts.onParamsChange=t,()=>{this.opts.onParamsChange=void 0};case"stateChange":return this.opts.onStateChange=t,()=>{this.opts.onStateChange=void 0};case"focus":return this.opts.onFocus=t,()=>{this.opts.onFocus=void 0};case"blur":return this.opts.onBlur=t,()=>{this.opts.onBlur=void 0};default:return()=>{}}}update(e){Object.assign(this.opts,e),e.mode!==void 0&&this.modeController?.setMode(e.mode),e.optionsPosition!==void 0&&(this.container.dataset.optionsPosition=e.optionsPosition),e.animations!==void 0&&(this.container.dataset.animations=e.animations?"on":"off"),e.pillPlacement!==void 0&&(this.container.dataset.pillPlacement=e.pillPlacement,this.store.set({})),(e.dropdownTrigger!==void 0||e.closeDropdownOnBlur!==void 0)&&this.store.set({}),e.value!==void 0&&this.store.set({text:e.value}),e.completedParams!==void 0&&this.store.set({completedParams:e.completedParams})}selectOption(e){let t=this.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null){this.selectOptionInEditMode(e);return}let o=t.actionableSuggestions[0];if(!o)return;let{rawQuery:r}=N(t.text,t.completedParams);this.fireTelemetry("option",{raw_query:r,selected_option:e.text,other_options:t.filteredOptions.filter(m=>m.text!==e.text).map(m=>m.text)});let a=t.filterBase,i=t.text.slice(0,a),s=i.length===0&&t.text.length===0,d=i.length===0&&t.text.length>0&&t.placeholderText.length>0&&t.placeholderText.toLowerCase().startsWith(t.text.toLowerCase());(s||d)&&t.placeholderText&&(i=`${t.placeholderText} `);let l=Tt(i,e.text);l>0&&(i=i.slice(0,i.length-l));let p=i.length>0&&i[i.length-1]!==" ",u=`${i}${p?" ":""}${e.text} `,c=(s||d)&&u.length>0?u[0].toUpperCase()+u.slice(1):u,h=c.toLowerCase().lastIndexOf(e.text.toLowerCase()),b=h>=0?c.slice(h,h+e.text.length):e.text,v={id:crypto.randomUUID(),placeholder:"",type:o.type,text:b,kind:e.kind,suggestionType:o.type,suggestionPlaceholder:o.text,options:o.options??[],metadata:e.metadata},f=t.actionableSuggestions.length-1;this.store.set(m=>({text:c,filterBase:c.length,completedParams:[...m.completedParams,v],newParamId:v.id,caretOffset:c.length,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:f>0,inSelectionAnimation:!0})),this.startSelectionAnimationTimer(),this.suggestionRemovalTimer&&clearTimeout(this.suggestionRemovalTimer),f>0&&(this.suggestionRemovalTimer=window.setTimeout(()=>{this.store.set(m=>({suggestions:m.suggestions.filter(g=>g!==o)}))},$t))}startSelectionAnimationTimer(){this.selectionAnimationTimer&&clearTimeout(this.selectionAnimationTimer),this.selectionAnimationTimer=window.setTimeout(()=>{this.store.set({inSelectionAnimation:!1})},$t)}selectOptionInEditMode(e){let t=this.store.get(),o=t.editingParam,r=t.editingAnchor,a=t.editingTail;if(!o||r==null||a==null)return;this.fireTelemetry("option",{raw_query:N(t.text,t.completedParams).rawQuery,selected_option:e.text,other_options:o.options.filter(m=>m.text!==e.text).map(m=>m.text)});let i=t.text.slice(0,r),s=t.text.slice(a),d=r===0&&e.text.length>0?e.text[0].toUpperCase()+e.text.slice(1):e.text,l=s.length===0||s[0]!==" ",p=l?`${d} `:d,u=i+p+s,c=r+p.length+(l?0:1),h={id:crypto.randomUUID(),placeholder:"",type:o.suggestionType,text:d,kind:e.kind,suggestionType:o.suggestionType,suggestionPlaceholder:o.suggestionPlaceholder,options:o.options,metadata:e.metadata},b=t.completedParams.findIndex(m=>m.id===o.id),v=t.completedParams.filter(m=>m.id!==o.id),f=b>=0?Math.min(b,v.length):v.length;v.splice(f,0,h),this.store.set({text:u,completedParams:v,newParamId:h.id,filterBase:c,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:c,activeDropdownIndex:-1,pillTapped:!1,skipNextFetch:!0,inSelectionAnimation:!0}),this.startSelectionAnimationTimer(),this.scheduleSetCursor(c)}fireTelemetry(e,t){let o=this.opts.source??(this.renderMode==="full"?"full-sdk":"headless-sdk");Ot({source:o,sessionId:this.sessionId,type:e,queryData:t,apiConfig:this.opts.apiConfig})}recomputeDerived(e,t){if(this.derivedInProgress)return;this.derivedInProgress=!0;let o=_t(e.text,e.completedParams),r=e.suggestions.filter(g=>g.type!=="placeholder"),a=r[0],i=a?this.opts.optionOverrides?.[a.type]:void 0,s=e.suggestions.filter(g=>g.type==="placeholder").map(g=>g.text).join(" "),d=he(e.text,Math.min(e.filterBase,e.text.length),s),p=e.lastRawQuery!==""||d>0?ae(e.text,d,e.filterInProgress):"",u=a?i?i(p.trim()):a.options??[]:[],c=e.editingParam!=null&&e.editingAnchor!=null,h;if(c&&e.editingParam&&e.editingAnchor!=null){let g=e.editingParam.id,w=e.completedParams.some($=>$.id===g),A=e.caretOffset??e.editingAnchor,k=w?"":e.text.slice(e.editingAnchor,A);h=be(e.editingParam.options,k)}else h=be(u,p);let b=this.opts.dropdownTrigger??"auto",v=this.opts.closeDropdownOnBlur??!0,f=!1;if(c){let g=v?e.isFocused:!0;f=h.length>0&&g}else if(b==="auto"){let g=v?e.isFocused:!0,w=e.text.replace(/\s+$/,"").length,A=e.caretOffset==null||e.caretOffset>=w;f=(h.length>0||e.isLoading)&&g&&A}else b==="manual"&&(f=(h.length>0||e.isLoading)&&e.pillTapped);this.store.set({segments:o,actionableSuggestions:r,filteredOptions:h,placeholderText:s,isDropdownOpen:f}),this.derivedInProgress=!1;let m=this.store.get();for(let g of this.externalListeners)g(m)}setupContainer(){this.container.classList.add("magicx-aia"),this.container.dataset.pillPlacement=this.renderMode==="dropdown"?"dropdown":this.opts.pillPlacement??"inline",this.container.dataset.optionsPosition=this.opts.optionsPosition??"below",this.container.dataset.animations=this.opts.animations??!0?"on":"off",this.modeController=new le(this.container,this.opts.mode??"auto")}buildAndRenderFull(){let e=this,t={store:this.store,listboxId:this.listboxId,get pillPlacement(){return e.opts.pillPlacement??"inline"},get onSubmit(){return e.opts.onSubmit},afterSubmit:()=>e.reset(),submitButton:this.opts.submitButton,autoFocus:this.opts.autoFocus??!0,selectOption:o=>this.selectOption(o),setActivePill:o=>this.pillsController.setActivePill(o),handleKeyDown:o=>this.keyboardController.handleKeyDown(o),handleChange:o=>this.handleChange(o),startEditingParam:o=>this.startEditingParam(o),handleCaretAfterInput:o=>this.handleCaretAfterInput(o),handleCaretMove:o=>this.handleCaretMove(o),replaceEditingRange:o=>this.replaceEditingRange(o)};this.domRefs=Kt(this.container,t),this.subscribeBatchedRender(()=>{this.domRefs&&mt(this.domRefs,this.store.get(),t)}),mt(this.domRefs,this.store.get(),t),this.subscribeNewParamTimer()}buildAndRenderDropdown(){let e={store:this.store,listboxId:this.listboxId,selectOption:t=>this.selectOption(t),setActivePill:t=>this.pillsController.setActivePill(t)};this.dropdownRefs=Ft(this.container,e),this.subscribeBatchedRender(()=>{this.dropdownRefs&&ut(this.dropdownRefs,this.store.get(),e)}),ut(this.dropdownRefs,this.store.get(),e),this.subscribeNewParamTimer()}subscribeBatchedRender(e){let t=!1;this.unsubscribers.push(this.store.subscribe(()=>{t||(t=!0,queueMicrotask(()=>{t=!1,e()}))}))}subscribeNewParamTimer(){this.unsubscribers.push(this.store.subscribe((e,t)=>{e.newParamId&&e.newParamId!==t.newParamId&&(this.newParamTimer&&clearTimeout(this.newParamTimer),this.newParamTimer=window.setTimeout(()=>{this.store.set({newParamId:null})},650))}))}handleChange(e){let t=this.store.get();this.store.set({text:e,pillTapped:!1,activeDropdownIndex:-1});let{valid:o,invalid:r}=Et(e,t.completedParams);r.length>0&&this.store.set({completedParams:o}),this.maybePromoteExactMatch(e)}maybePromoteExactMatch(e){let t=this.store.get(),r=t.suggestions.filter(g=>g.type!=="placeholder")[0];if(!r?.options)return;let a=t.suggestions.filter(g=>g.type==="placeholder").map(g=>g.text).join(" "),i=he(e,t.filterBase,a),s=ae(e,i,t.filterInProgress),d=se(r.options,s);if(!d)return;let l=d.text.toLowerCase(),p=e.toLowerCase().lastIndexOf(l),u=p>=0?p:Math.max(0,e.length-d.text.length),c=u+d.text.length,h=e.slice(u,c),b=e,f=c<e.length&&e[c]===" "?c+1:c,m={id:crypto.randomUUID(),placeholder:"",type:r.type,text:h,kind:d.kind,suggestionType:r.type,suggestionPlaceholder:r.text,options:r.options??[],metadata:d.metadata};this.store.set(g=>({text:b,completedParams:[...g.completedParams,m],suggestions:g.suggestions.filter(w=>w!==r),filterBase:f,newParamId:m.id,caretOffset:f,activeDropdownIndex:-1}))}maybePromoteEditExactMatch(){let e=this.store.get(),t=e.editingParam,o=e.editingAnchor,r=e.editingTail;if(!t||o==null||r==null||e.completedParams.some(w=>w.id===t.id))return;let a=e.text.slice(o,r),i=se(t.options,a);if(!i)return;let s=i.text.toLowerCase(),d=a.toLowerCase().lastIndexOf(s),l=o+Math.max(0,d),p=l+i.text.length,u=e.text.slice(l,p),c=e.text,b=p<e.text.length&&e.text[p]===" "?p+1:p,v={id:crypto.randomUUID(),placeholder:"",type:t.suggestionType,text:u,kind:i.kind,suggestionType:t.suggestionType,suggestionPlaceholder:t.suggestionPlaceholder,options:t.options,metadata:i.metadata},f=e.completedParams.length,m=0;for(let w=0;w<e.completedParams.length;w++){let A=c.indexOf(e.completedParams[w].text,m);if(A!==-1){if(A>=b){f=w;break}m=A+e.completedParams[w].text.length}}let g=[...e.completedParams];g.splice(f,0,v),this.store.set(()=>({text:c,completedParams:g,newParamId:v.id,filterBase:b,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:b,activeDropdownIndex:-1})),this.scheduleSetCursor(b)}};function ft({onSubmit:n,onError:e,optionOverrides:t,maskCompletedText:o,apiConfig:r,columns:a=2,dropdownTrigger:i,closeDropdownOnBlur:s,onFocus:d,onBlur:l,value:p,completedParams:u,onChange:c,onParamsChange:h,source:b,setCursor:v}){let f=W(null),[m,g]=_n(null),w=W(n);w.current=n;let A=W(e);A.current=e;let k=W(c);k.current=c;let $=W(h);$.current=h;let de=W(d);de.current=d;let _=W(l);_.current=l;let ce=W(v);ce.current=v,Je(()=>{if(typeof document>"u")return;let S=new Xe(document.createElement("div"),{renderMode:"headless",apiConfig:r,optionOverrides:t,maskCompletedText:o,columns:a,dropdownTrigger:i,closeDropdownOnBlur:s,source:b,value:p,completedParams:u,onSubmit:(...O)=>w.current?.(...O),onError:(...O)=>A.current?.(...O),onChange:(...O)=>k.current?.(...O),onParamsChange:(...O)=>$.current?.(...O),onFocus:()=>de.current?.(),onBlur:()=>_.current?.(),setCursor:O=>ce.current?.(O)});f.current=S,g(S.getState());let M=S.subscribe(O=>g(O));return()=>{M(),S.destroy(),f.current===S&&(f.current=null)}},[]);let x=f.current,C=E(()=>{},[]);Je(()=>{p!==void 0&&x?.setValue(p)},[p,x]),Je(()=>{u!==void 0&&x?.setCompletedParams(u)},[u,x]);let ye=JSON.stringify(r??null),te=W(t),pe=W(0);if(t!==te.current){let S=te.current,M=t,O=Object.keys(S??{}),q=Object.keys(M??{});(O.length!==q.length||q.some(Y=>!S?.[Y]||M[Y]!==S[Y]))&&pe.current++,te.current=t}Je(()=>{x?.update({apiConfig:r,optionOverrides:t,dropdownTrigger:i,closeDropdownOnBlur:s})},[ye,pe.current,i,s,x]);let we=E(S=>{if(!x)return;let M=S.target.value,q=M.length>0&&!S.nativeEvent?.isComposing&&M[0]!==M[0].toUpperCase()?M[0].toUpperCase()+M.slice(1):M;x.handleTextChange(q)},[x]),Ze=E(S=>{x?.handleKeyDown(S.nativeEvent)},[x]),ue=E(()=>x?.setFocused(!0),[x]),Se=E(()=>x?.setFocused(!1),[x]),et=E(S=>x?.handleTextChange(S),[x]),me=E(S=>{if(!x)return;let M="nativeEvent"in S?S.nativeEvent:S;x.handleKeyDown(M)},[x]),j=E(S=>x?.setFocused(S),[x]),Pe=E(S=>x?.startEditingParam(S),[x]),Ie=E(()=>x?.exitEditMode(),[x]),Ae=E(S=>x?.handleCaretAfterInput(S),[x]),tt=E(S=>x?.handleCaretMove(S),[x]),Ce=E(S=>x?.replaceEditingRange(S)??!1,[x]),ge=E(S=>x?.setActivePill(S),[x]),Te=E(()=>x?.removeLastParam(),[x]),_e=E(()=>x?.clearNewParamId(),[x]),Ee=E(()=>x?.reset(),[x]),ne=E(S=>x?.selectOption(S),[x]),V=E(S=>x?.setActiveDropdownIndex(S),[x]);if(!x)return{completedParams:u??[],suggestionPills:[],setActivePill:C,removeLastParam:C,segments:[],newParamId:null,clearNewParamId:C,suggestions:[],activeIndex:-1,isReady:!1,isLoading:!0,isFocused:!1,isDropdownOpen:!1,placeholderText:"",listboxId:"",error:null,handleTextChange:C,handleKeyDown:C,setFocused:C,editingParam:null,editingAnchor:null,caretOffset:null,startEditingParam:C,exitEditMode:C,handleCaretAfterInput:C,handleCaretMove:C,replaceEditingRange:()=>!1,inputProps:{value:p??"",placeholder:void 0,onChange:C,onKeyDown:C,onFocus:C,onBlur:C,role:"combobox","aria-expanded":!1,"aria-activedescendant":void 0,"aria-autocomplete":"list","aria-controls":""},reset:C,dropdownProps:{suggestions:[],activeIndex:-1,onSelect:C,onHighlight:C,isOpen:!1,id:"",pills:[],onPillClick:C}};let P=m??x.getState(),nt=p!==void 0?p:P.text,ke=u!==void 0?u:P.completedParams,oe=P.actionableSuggestions,Oe=oe[0],De=P.filteredOptions,ot=P.activeDropdownIndex>=0?`${x.listboxId}-option-${P.activeDropdownIndex}`:void 0,B=P.editingParam,F=B?{type:B.suggestionType,text:B.suggestionPlaceholder,required:!0,options:B.options}:null,Le=F??Oe,it=F?[F]:oe;return{completedParams:ke,suggestionPills:oe,setActivePill:ge,removeLastParam:Te,segments:P.segments,newParamId:P.newParamId,clearNewParamId:_e,suggestions:P.suggestions,activeIndex:P.activeDropdownIndex,isReady:P.isReady,isLoading:P.isLoading&&!P.editingParam&&!P.inSelectionAnimation,isFocused:P.isFocused,isDropdownOpen:P.isDropdownOpen,placeholderText:P.placeholderText,listboxId:x.listboxId,error:P.error,handleTextChange:et,handleKeyDown:me,setFocused:j,editingParam:B,editingAnchor:P.editingAnchor,caretOffset:P.caretOffset,startEditingParam:Pe,exitEditMode:Ie,handleCaretAfterInput:Ae,handleCaretMove:tt,replaceEditingRange:Ce,inputProps:{value:nt,placeholder:P.placeholderText||void 0,onChange:we,onKeyDown:Ze,onFocus:ue,onBlur:Se,role:"combobox","aria-expanded":P.isDropdownOpen,"aria-activedescendant":ot,"aria-autocomplete":"list","aria-controls":x.listboxId},reset:Ee,dropdownProps:{suggestions:Le?[{...Le,options:De}]:[],activeIndex:P.activeDropdownIndex,onSelect:ne,onHighlight:V,isOpen:P.isDropdownOpen,id:x.listboxId,pills:it,onPillClick:ge,isLoading:P.isLoading&&!P.editingParam&&!P.inSelectionAnimation}}}import{jsx as J,jsxs as bt}from"react/jsx-runtime";function On(n){return n!=="auto"?n:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var Ye;function Dn(){if(Ye!==void 0)return Ye;if(typeof document>"u")return!1;let n=document.createElement("div");return n.setAttribute("contenteditable","plaintext-only"),Ye=n.contentEditable==="plaintext-only",Ye}var Ln=En(function({onSubmit:e,onError:t,optionOverrides:o,maskCompletedText:r,className:a,apiConfig:i,columns:s,pillPlacement:d="inline",mode:l="auto",optionsPosition:p="below",animations:u=!0,dropdownTrigger:c,closeDropdownOnBlur:h,autoFocus:b=!0,onFocus:v,onBlur:f,value:m,completedParams:g,onChange:w,onParamsChange:A,submitButton:k},$){let de=Q(null),_=Q(null),ce=Q(()=>{}),x=Q(null),C=Q(!1),ye=Q(""),te=Q(""),pe=Q(null),we=Q(0);ve(()=>{let y=de.current;if(y)return x.current?x.current.setMode(l):x.current=new le(y,l),()=>{x.current?.destroy(),x.current=null}},[l]);let Ze=G(y=>{let I=_.current;I&&L(I,y)},[]),{completedParams:ue,suggestionPills:Se,setActivePill:et,segments:me,newParamId:j,clearNewParamId:Pe,placeholderText:Ie,isFocused:Ae,isDropdownOpen:tt,isLoading:Ce,activeIndex:ge,listboxId:Te,handleTextChange:_e,handleKeyDown:Ee,setFocused:ne,editingParam:V,editingAnchor:P,caretOffset:nt,startEditingParam:ke,handleCaretAfterInput:oe,handleCaretMove:Oe,replaceEditingRange:De,dropdownProps:ot,reset:B}=ft({onSubmit:y=>ce.current(y),onError:t,optionOverrides:o,maskCompletedText:r,apiConfig:i,columns:s,dropdownTrigger:c,closeDropdownOnBlur:h,onFocus:v,onBlur:f,value:m,completedParams:g,onChange:w,onParamsChange:A,source:"full-sdk",setCursor:Ze});pe.current=nt,ve(()=>{if(!b)return;let y=_.current;y&&(document.activeElement===y?ne(!0):y.focus())},[b,ne]),ve(()=>{if(!j)return;let y=window.setTimeout(()=>Pe(),650);return()=>window.clearTimeout(y)},[j,Pe]),ve(()=>{let y=_.current;if(!y)return;let I=y.ownerDocument??document,T=()=>{let R=I.getSelection();if(!R||R.rangeCount===0||!R.anchorNode||!y.contains(R.anchorNode))return;let D=R.anchorNode,at=(D.nodeType===Node.ELEMENT_NODE?D:D.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null;if(at&&at!==V?.id){ke(at);return}performance.now()-we.current<50||Oe(H(y))};return I.addEventListener("selectionchange",T),()=>I.removeEventListener("selectionchange",T)},[V,ke,Oe]),ht(()=>{let y=_.current;y&&Be({input:y,segments:me,newParamId:j,editingParamId:V?.id??null,placeholderText:Ie??"",isFocused:Ae})},[me,j,V,Ie,Ae]),ht(()=>{let y=ye.current,I=j??"";if(ye.current=I,!I||I===y)return;let T=_.current;if(!T)return;T.focus();let R=pe.current??He(T);L(T,R)},[j]),ht(()=>{let y=te.current,I=V?.id??"";if(te.current=I,!I||I===y||P==null)return;let T=_.current;T&&L(T,P)},[V,P]),kn($,()=>({focus:()=>_.current?.focus(),blur:()=>_.current?.blur(),reset:B,setMode:y=>x.current?.setMode(y)}),[B]);let F=G(()=>{if(C.current)return;let y=_.current;if(!y)return;let I=re(y),R=I.length>0&&I[0]!==I[0].toUpperCase()?I[0].toUpperCase()+I.slice(1):I;_e(R)},[_e]),Le=G(()=>{we.current=performance.now(),F();let y=_.current;y&&oe(H(y))},[F,oe]);ve(()=>{let y=_.current;if(!y)return;let I=T=>{let R=T,D=R.inputType;if(D==="insertParagraph"||D==="insertLineBreak"||D==="insertFromDrop"){T.preventDefault();return}if(D.startsWith("insert")||D.startsWith("delete")){let U=D.startsWith("delete")?"":R.data??"";De(U)&&T.preventDefault()}};return y.addEventListener("beforeinput",I),()=>y.removeEventListener("beforeinput",I)},[De]);let it=G(()=>{C.current=!0},[]),S=G(()=>{C.current=!1,F()},[F]),M=G(y=>{y.preventDefault();let I=_.current;if(!I)return;let T=(y.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!T)return;let R=I.ownerDocument??document,D=R.getSelection();if(!D||D.rangeCount===0)return;let U=D.getRangeAt(0);if(!I.contains(U.startContainer))return;U.deleteContents();let rt=R.createTextNode(T);U.insertNode(rt),U.setStartAfter(rt),U.collapse(!0),D.removeAllRanges(),D.addRange(U),F()},[F]),O=G(y=>Ee(y),[Ee]),q=!!me.length||ue.length>0,Y=G(()=>{if(!q)return;let y=_.current?re(_.current):"",{rawQuery:I,completedParams:T}=N(y,ue);e({query:y.trim(),raw_query:I,completed_params:T}),B()},[q,ue,e,B]);ce.current=Y;let Ut=G(y=>{y.target?.closest("[data-aia-pill]")||_.current?.focus()},[]),Gt=d==="inline",Qt=d==="dropdown",jt=ge>=0?`${Te}-option-${ge}`:void 0,Vt=Dn()?"plaintext-only":"true";return bt("div",{ref:de,className:`magicx-aia ${X.container} ${a??""}`,"data-pill-placement":d,"data-options-position":p,"data-animations":u?"on":"off","data-mode":On(l),children:[J(ct,{...ot,showPills:Qt}),bt("div",{className:X.inputWrapper,onClick:Ut,children:[bt("div",{className:X.editorArea,"data-aia-editor":"",children:[J("div",{ref:_,className:X.input,"data-aia-input":"",contentEditable:Vt,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":Te,"aria-expanded":tt,"aria-activedescendant":jt,spellCheck:!0,enterKeyHint:"send",onInput:Le,onKeyDown:O,onCompositionStart:it,onCompositionEnd:S,onPaste:M,onFocus:()=>ne(!0),onBlur:()=>ne(!1)}),Gt&&(Ce||Se.length>0)&&J("span",{className:X.pillListContainer,"data-aia-pill-list-container":"",children:J(fe,{pills:Se,activePillIndex:0,onSelectPill:et,loading:Ce})})]}),k===null?null:k===void 0?J("button",{type:"button","data-aia-submit":"",className:X.submitButton,disabled:!q,onClick:y=>{y.stopPropagation(),Y()},"aria-label":"Submit",children:J("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:J("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}):J("span",{"data-aia-submit":"",className:X.submitSlot,onClick:y=>{q&&(y.stopPropagation(),Y())},children:k})]})]})});export{Ln as AIAutocomplete,ct as AIAutocompleteDropdown,ft as useAIAutocomplete};
+`,document.head.appendChild(n)}var yt='[contenteditable="false"]',le;function hn(){if(le!==void 0)return le;let n=globalThis.Intl.Segmenter;if(!n)return le=null,null;try{le=new n(void 0,{granularity:"grapheme"})}catch{le=null}return le??null}function Ae(n,e){let t=n;for(;t&&t!==e;){if(t.nodeType===Node.ELEMENT_NODE&&t.matches(yt))return!0;t=t.parentNode}return!1}function Ee(n){return(n.ownerDocument??document).createTreeWalker(n,NodeFilter.SHOW_TEXT,{acceptNode(e){return Ae(e,n)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}})}function de(n){let e=Ee(n),t="",o=e.nextNode();for(;o;)t+=o.data,o=e.nextNode();return t}function Te(n){let e=Ee(n),t=0,o=e.nextNode();for(;o;)t+=o.data.length,o=e.nextNode();return t}function B(n){let e=(n.ownerDocument??document).getSelection();if(!e||e.rangeCount===0)return null;let t=e.anchorNode,o=e.anchorOffset;if(!t||!n.contains(t))return null;if(t.nodeType===Node.ELEMENT_NODE){let i=t;if(Ae(i,n)&&i!==n)return null;let a=0;for(let r=0;r<o&&r<i.childNodes.length;r++)a+=wt(i.childNodes[r],n);return a+vt(i,n)}return t.nodeType!==Node.TEXT_NODE||Ae(t,n)?null:vt(t,n)+o}function wt(n,e){if(n.nodeType===Node.TEXT_NODE)return Ae(n,e)?0:n.data.length;if(n.nodeType!==Node.ELEMENT_NODE)return 0;let t=n;if(t.matches(yt))return 0;let o=0;for(let i of Array.from(t.childNodes))o+=wt(i,e);return o}function vt(n,e){let t=Ee(e),o=0,i=t.nextNode();for(;i;){if(i===n||n.nodeType===Node.ELEMENT_NODE&&n.contains(i))return o;o+=i.data.length,i=t.nextNode()}return o}function O(n,e){let t=n.ownerDocument??document,o=t.getSelection();if(!o)return;let i=Math.max(0,Math.min(e,Te(n))),a=Ee(n),r=0,s=null,l=0,d=a.nextNode(),u=null;for(;d;){let m=d.data.length;if(i<r+m){s=d,l=i-r;break}if(i===r+m){let v=a.nextNode();v?(s=v,l=0):(s=d,l=m);break}r+=m,u=d,d=a.nextNode()}let p=t.createRange();if(s){let m=s.parentElement?.closest('strong[data-seg="completed"]');m&&m!==n&&n.contains(m)?l===0?p.setStartBefore(m):l===s.data.length?p.setStartAfter(m):p.setStart(s,l):p.setStart(s,l)}else u?p.setStart(u,u.data.length):p.setStart(n,0);p.collapse(!0),o.removeAllRanges(),o.addRange(p)}function St(n){let e=B(n);return e==null?!1:e>=Te(n)}function Pt(n,e){if(e<=0)return 0;let t=hn();if(!t)return e-1;let o=n.slice(0,e),i=0;for(let{index:a}of t.segment(o))a<e&&(i=a);return i}import{useCallback as Vt,useEffect as Qe,useRef as K,useState as Wn}from"react";function R(n,e){let t=n,o={},i=[];for(let a of e){let r=(o[a.type]??0)+1;o[a.type]=r;let l=`{{${a.type.toUpperCase().replace(/\s+/g,"_")}_${r}}}`,d=t.indexOf(a.text);d!==-1&&(t=t.slice(0,d)+l+t.slice(d+a.text.length)),i.push({...a,placeholder:l})}return{rawQuery:t,completedParams:i}}function ce(n,e,t){return e>0||!t?e:n.toLowerCase().startsWith(t.toLowerCase())?t.length:e}function ie(n,e,t){let o=n.slice(e);if(t||e===0||n[e-1]===" ")return o;let i=o.indexOf(" ");return i===-1?"":o.slice(i+1)}function It(n,e){let t=n.trimEnd().replace(/\s+/g," ");if(t.length===0||e.length===0)return 0;let o=t.split(" "),i=e.toLowerCase();for(let a=0;a<o.length;a++){let r=o.slice(a).join(" ");if(i.startsWith(r.toLowerCase())){let s=t.length-r.length;return n.length-s}}return 0}function re(n,e){if(!n)return[];let t=e.trimStart();if(!t)return n;let o=t.toLowerCase();return n.filter(i=>!i.is_tappable||i.text.toLowerCase().includes(o))}function pe(n,e){if(!n)return null;let t=e.trim();if(!t)return null;let o=t.toLowerCase();return n.find(i=>i.is_tappable&&i.text.toLowerCase()===o)??null}var ue=class{constructor(e,t="auto"){this.container=e;this.mode=t;this.mediaQuery=null;this.onSystemChange=e=>{this.container.dataset.mode=e.matches?"dark":"light"};this.apply()}setMode(e){this.detachListener(),this.mode=e,this.apply()}destroy(){this.detachListener()}apply(){this.mode==="auto"?(this.mediaQuery??(this.mediaQuery=window.matchMedia("(prefers-color-scheme: dark)")),this.mediaQuery.addEventListener("change",this.onSystemChange),this.container.dataset.mode=this.mediaQuery.matches?"dark":"light"):this.container.dataset.mode=this.mode}detachListener(){this.mediaQuery?.removeEventListener("change",this.onSystemChange)}};function Ct(n,e){let t=[],o=0;for(let a of e){let r=n.indexOf(a.text,o);r!==-1&&(r>o&&t.push({type:"text",value:n.slice(o,r)}),t.push({type:"completed",value:a.text,param:a}),o=r+a.text.length)}let i=n.slice(o);return i&&t.push({type:"text",value:i}),t}function At(n,e){let t=[],o=[],i=0;for(let a of e){let r=n.indexOf(a.text,i);r===-1?o.push(a):(t.push(a),i=r+a.text.length)}return{valid:t,invalid:o}}var _e=class{constructor(e){this.config=e;this.current=null;this.expiresAt=null;this.inFlightRefresh=null;e.accessToken&&(this.current=e.accessToken)}async getToken(e=!1){if(!e&&this.current&&!this.isExpired())return this.current;if(!e&&this.inFlightRefresh)return this.inFlightRefresh;this.inFlightRefresh=this.refresh();try{return await this.inFlightRefresh}finally{this.inFlightRefresh=null}}async refresh(){let e=await this.config.getAccessToken();return this.current=e.accessToken,this.expiresAt=e.expiresAt??null,this.current}isExpired(){return this.expiresAt==null?!1:Date.now()>=this.expiresAt-3e4}};var bn="https://api.ai-autocomplete.com",ke=`${bn}/api/suggest`,Et=new WeakMap;function xe(n){return n?.type==="accessToken"}function xn(n){if(!(!n||xe(n)))return n}function Oe(n){let e=Et.get(n.getAccessToken);return e||(e=new _e(n),Et.set(n.getAccessToken,e)),e}function De(n){return{"Content-Type":"application/json",...n?.appIdentifier&&{"X-App-Identifier":n.appIdentifier},...n?.headers}}function Le(n){let e=xn(n),t=e?.apiKey;return t?(e?.authScheme??"Bearer")==="Basic"?`Basic ${btoa(t)}`:`Bearer ${t}`:null}function vn(n){return(n??ke).replace(/\/suggest(\?|#|$)/,"/telemetry/events$1")}async function yn(n){return xe(n)?`Bearer ${await Oe(n).getToken()}`:Le(n)}async function Tt(n){try{let e=vn(n.apiConfig?.endpoint),t=De(n.apiConfig),o=await yn(n.apiConfig);o&&(t.Authorization=o);let i=JSON.stringify({source:n.source,session_id:n.sessionId,type:n.type,at:new Date().toISOString(),query_data:n.queryData});await fetch(e,{method:"POST",headers:t,body:i})}catch{}}var wn="0.1.42",_t=!1;function Sn(){return crypto.randomUUID()}function Pn(n,e){return{placeholder:n.placeholder,type:n.type,...e&&{text:n.text},kind:n.kind}}function In(n,e,t,o){let i=e.find(r=>r.type==="contact"&&r.metadata?.contact_account_count)?.metadata?.contact_account_count,a=typeof i=="number"?i:void 0;return{data:{raw_query:n,completed_params:e.map(r=>Pn(r,t)),...a!=null&&{contact_account_count:a}},meta:{request_id:Sn(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:wn,session_id:o}}}async function kt(n,e,t,o,i){return fetch(n,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:o,signal:i})}async function Ot(n,e,t){let o=t.apiConfig,i=!t.maskCompletedText,a=In(n,e,i,t.sessionId),r=De(o),s=o?.endpoint??ke,l=JSON.stringify(a);if(xe(o)){let p=Oe(o),m=await p.getToken(),v=await kt(s,r,m,l,t.signal);if(v.status===401){let g=await p.getToken(!0);v=await kt(s,r,g,l,t.signal)}if(!v.ok)throw new Error(`API error: ${v.status} ${v.statusText}`);return v.json()}let d=Le(o);!d&&!_t&&(_t=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),d&&(r.Authorization=d);let u=await fetch(s,{method:"POST",headers:r,body:l,signal:t.signal});if(!u.ok)throw new Error(`API error: ${u.status} ${u.statusText}`);return u.json()}function Dt(n,e){return e?n.map(t=>{let o=e[t.type];if(!o)return t;let i=o("");if(i.length===0)return t;let a=new Set(i.map(s=>s.text)),r=(t.options??[]).filter(s=>!a.has(s.text));return{...t,options:[...i,...r]}}):n}var Cn=100,An=300,En=2,Me=class{constructor(e,t,o,i,a,r,s={}){this.store=e;this.getApiConfig=t;this.getOptionOverrides=o;this.getMaskCompletedText=i;this.getOnError=a;this.getSessionId=r;this.callbacks=s;this.fetchVersion=0;this.abortController=null;this.debounceTimer=null;this.slowDebounceTimer=null;this.unsubscribe=null}start(){this.doFetch("",[]);let e=this.store.get().text,t=this.store.get().completedParams;this.unsubscribe=this.store.subscribe(o=>{(o.text!==e||o.completedParams!==t)&&(e=o.text,t=o.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let o=new AbortController;this.abortController=o;let i=++this.fetchVersion,a=this.store.get().text.length;this.store.set({isLoading:!0,error:null});try{let r=await Ot(e,t,{sessionId:this.getSessionId(),maskCompletedText:this.getMaskCompletedText(),signal:o.signal,apiConfig:this.getApiConfig()});if(i!==this.fetchVersion)return;let s=Dt(r.data.suggestions??[],this.getOptionOverrides()),l=r.data.input??[],d=l[l.length-1],u=this.store.get().text,p,m;if(d?.state==="in_progress"){m=!0;let f=u.toLowerCase().lastIndexOf(d.text.toLowerCase());p=f!==-1?f:a}else m=!1,p=a;let g=s.filter(f=>f.type!=="placeholder")[0],b=null;if(g){let f=ie(u,p,m),c=pe(g.options,f);c&&(b={id:crypto.randomUUID(),placeholder:"",type:g.type,text:c.text,kind:c.kind,suggestionType:g.type,suggestionPlaceholder:g.text,options:g.options??[],metadata:c.metadata},s=s.filter(h=>h!==g),this.callbacks.onAutoMatch?.({active:g,matched:c,rawQuery:e}))}this.store.set(f=>({suggestions:s,isLoading:!1,isReady:r.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:p,filterInProgress:m,...b?{completedParams:[...f.completedParams,b]}:{}}))}catch(r){if(i===this.fetchVersion){let s=r instanceof Error?r:new Error(String(r));this.store.set({error:s,isLoading:!1}),this.getOnError()?.(s)}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=o=>{let i=this.store.get();if(!i.text&&i.completedParams.length===0)return this.doFetch("",[]),!0;let a=i.suggestions.filter(h=>h.type==="placeholder").map(h=>h.text).join(" "),r=ce(i.text,i.filterBase,a),s=ie(i.text,r,i.filterInProgress),d=i.suggestions.filter(h=>h.type!=="placeholder")[0],p=(d?re(d.options,s):[]).filter(h=>h.is_tappable),m=d?pe(d.options,s)!==null:!1,v=s.trim().length>0;if(p.length>0&&!m&&v||i.completedParams.length===0&&i.text.length>0&&a.length>0&&a.toLowerCase().startsWith(i.text.toLowerCase()))return!1;let{rawQuery:g,completedParams:b}=R(i.text,i.completedParams),f=g.length<i.lastRawQuery.length,c=Math.abs(g.length-i.lastRawQuery.length);return f||c>=o?(this.doFetch(g,b),!0):!1};this.debounceTimer=setTimeout(()=>{t(En)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},Cn),this.slowDebounceTimer=setTimeout(()=>t(1),An)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};function Lt(n){return n instanceof HTMLTextAreaElement||n instanceof HTMLInputElement?n.selectionStart!=null&&n.selectionStart===n.value.length:n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?St(n):!1}function Tn(n){return n instanceof HTMLElement&&n.hasAttribute("data-aia-input")?B(n):null}var Re=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{listboxId:o,getOnSubmit:i}=this.ctx,a=this.getEffectiveColumns(),r=i(),s=this.getTappableIndices(a);switch(e.key){case"ArrowDown":{let l=Lt(e.target),d=!!t.editingParam;if(!l&&!d&&t.activeDropdownIndex<0)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:s[0]??0});break}if(s.length===0)return;let u=s.indexOf(t.activeDropdownIndex),p=u<s.length-1?u+1:0;this.store.set({activeDropdownIndex:s[p]});break}case"ArrowUp":{if(s.length===0||t.activeDropdownIndex<0)break;if(e.preventDefault(),t.activeDropdownIndex<a){this.store.set({activeDropdownIndex:-1});break}let l=s.indexOf(t.activeDropdownIndex),d=l>0?l-1:s.length-1;this.store.set({activeDropdownIndex:s[d]});break}case"ArrowRight":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%a<a-1){let u=t.activeDropdownIndex+1;u<t.filteredOptions.length&&t.filteredOptions[u]?.is_tappable&&this.store.set({activeDropdownIndex:u})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){e.preventDefault();let d=e.target.closest("[data-aia-input]")??e.target,u=t.editingTail;this.ctx.exitEditMode?.(),O(d,u);break}Lt(e.target)&&t.actionableSuggestions.length>1&&(e.preventDefault(),this.pillsSetActivePill(1));break}case"ArrowLeft":{if(t.activeDropdownIndex>=0){if(e.preventDefault(),t.activeDropdownIndex%a>0){let l=t.activeDropdownIndex-1;l>=0&&t.filteredOptions[l]?.is_tappable&&this.store.set({activeDropdownIndex:l})}break}if(t.editingParam&&e.target instanceof HTMLElement&&t.editingAnchor!=null){e.preventDefault();let l=e.target.closest("[data-aia-input]")??e.target,d=t.editingAnchor;this.ctx.exitEditMode?.(),O(l,d);break}break}case"Backspace":{if(t.editingParam||!this.ctx.removeParamAtCaret)break;let l=Tn(e.target);if(l==null)break;this.ctx.removeParamAtCaret(l)&&e.preventDefault();break}case"Enter":{if(e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable)this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(r){let{rawQuery:l,completedParams:d}=R(t.text,t.completedParams);r({query:t.text.trim(),raw_query:l,completed_params:d}),this.ctx.afterSubmit?.()}break}case"Tab":{let l=!t.text&&!!t.placeholderText,d=t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable;if(l&&!d){e.preventDefault();let u=t.placeholderText;if(this.store.set(p=>({text:u,filterBase:u.length,suggestions:p.suggestions.filter(m=>m.type!=="placeholder")})),e.target instanceof HTMLElement){let p=e.target.closest("[data-aia-input]")??e.target;queueMicrotask(()=>O(p,u.length))}}else if(d)e.preventDefault(),this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(t.isDropdownOpen){let u=t.filteredOptions.findIndex(p=>p.is_tappable);u>=0&&(e.preventDefault(),this.clickOrSelect(u,t.filteredOptions,o))}break}case"Escape":{if(t.editingParam&&e.target instanceof HTMLElement&&t.editingTail!=null){let l=e.target.closest("[data-aia-input]")??e.target,d=t.editingTail;this.ctx.exitEditMode?.(),O(l,d)}this.store.set({activeDropdownIndex:-1});break}}}getTappableIndices(e){let o=this.store.get().filteredOptions.map((a,r)=>a.is_tappable?r:-1).filter(a=>a!==-1),i=Array.from({length:e},()=>[]);for(let a of o)i[a%e].push(a);return i.flat()}getEffectiveColumns(){let t=document.getElementById(`${this.ctx.listboxId}-option-0`)?.parentElement;if(!t)return this.ctx.columns;let o=getComputedStyle(t).gridTemplateColumns.split(" ").filter(Boolean).length;return o>0?o:this.ctx.columns}clickOrSelect(e,t,o){let i=document.getElementById(`${o}-option-${e}`);i?i.click():this.ctx.selectOption(t[e])}pillsSetActivePill(e){let t=this.store.get(),o=t.suggestions.filter(s=>s.type!=="placeholder");if(e<0||e>=o.length)return;let i=o[e],a=o.filter((s,l)=>l!==e),r=t.suggestions.filter(s=>s.type==="placeholder");this.store.set({suggestions:[...r,i,...a],pillTapped:!0,activeDropdownIndex:-1})}};var Ne=class{constructor(e,t={}){this.store=e;this.callbacks=t}setActivePill(e){let t=this.store.get(),o=t.suggestions.filter(s=>s.type!=="placeholder");if(e<0||e>=o.length)return;let i=o[e],a=o.filter((s,l)=>l!==e),r=t.suggestions.filter(s=>s.type==="placeholder");if(this.callbacks.onPillSelected){let{rawQuery:s}=R(t.text,t.completedParams);this.callbacks.onPillSelected({rawQuery:s,selectedPill:i.text,otherPills:a.map(l=>l.text)})}this.store.set({suggestions:[...r,i,...a],pillTapped:!0,activeDropdownIndex:-1})}removeLastParam(){this.store.get().completedParams.length!==0&&this.store.set(t=>({completedParams:t.completedParams.slice(0,-1),activeDropdownIndex:-1}))}};function Mt(n,e){let t=e.dropdownTrigger??"auto",o=e.closeDropdownOnBlur??!0,i=n.filteredOptionsLength>0;if(n.inEditMode){let a=o?n.isFocused:!0;return i&&a}if(t==="auto"){let a=o?n.isFocused:!0,r=n.text.replace(/\s+$/,"").length,s=n.caretOffset==null||n.caretOffset>=r;return(i||n.isLoading)&&a&&s}return t==="manual"?(i||n.isLoading)&&n.pillTapped:!1}function Rt(n,e){let t=Ct(n.text,n.completedParams),o=n.suggestions.filter(g=>g.type!=="placeholder"),i=o[0],a=i?e.optionOverrides?.[i.type]:void 0,r=n.suggestions.filter(g=>g.type==="placeholder").map(g=>g.text).join(" "),s=ce(n.text,Math.min(n.filterBase,n.text.length),r),d=n.lastRawQuery!==""||s>0?ie(n.text,s,n.filterInProgress):"",u=i?a?a(d.trim()):i.options??[]:[],p=n.editingParam!=null&&n.editingAnchor!=null,m;if(p&&n.editingParam&&n.editingAnchor!=null){let g=n.editingParam.id,b=n.completedParams.some(h=>h.id===g),f=n.caretOffset??n.editingAnchor,c=b?"":n.text.slice(n.editingAnchor,f);m=re(n.editingParam.options,c)}else m=re(u,d);e.showNonTappableOptions===!1&&(m=m.filter(g=>g.is_tappable));let v=Mt({inEditMode:p,filteredOptionsLength:m.length,isFocused:n.isFocused,text:n.text,caretOffset:n.caretOffset,isLoading:n.isLoading,pillTapped:n.pillTapped},{dropdownTrigger:e.dropdownTrigger,closeDropdownOnBlur:e.closeDropdownOnBlur});return{segments:t,actionableSuggestions:o,filteredOptions:m,placeholderText:r,isDropdownOpen:v}}function He(n){return n.mode==="fresh"?_n(n):kn(n)}function _n(n){let{text:e,completedParams:t,suggestions:o,filterBase:i,filterInProgress:a}=n,s=o.filter(S=>S.type!=="placeholder")[0];if(!s?.options)return null;let l=o.filter(S=>S.type==="placeholder").map(S=>S.text).join(" "),d=ce(e,i,l),u=ie(e,d,a),p=pe(s.options,u);if(!p)return null;let m=p.text.toLowerCase(),v=e.toLowerCase().lastIndexOf(m),g=v>=0?v:Math.max(0,e.length-p.text.length),b=g+p.text.length,f=e.slice(g,b),h=b<e.length&&e[b]===" "?b+1:b,x={id:crypto.randomUUID(),placeholder:"",type:s.type,text:f,kind:p.kind,suggestionType:s.type,suggestionPlaceholder:s.text,options:s.options??[],metadata:p.metadata};return{patch:{text:e,completedParams:[...t,x],suggestions:o.filter(S=>S!==s),filterBase:h,newParamId:x.id,caretOffset:h,activeDropdownIndex:-1},caretPos:h}}function kn(n){let{text:e,completedParams:t,editingParam:o,editingAnchor:i,editingTail:a}=n;if(t.some(x=>x.id===o.id))return null;let r=e.slice(i,a),s=pe(o.options,r);if(!s)return null;let l=s.text.toLowerCase(),d=r.toLowerCase().lastIndexOf(l),u=i+Math.max(0,d),p=u+s.text.length,m=e.slice(u,p),g=p<e.length&&e[p]===" "?p+1:p,b={id:crypto.randomUUID(),placeholder:"",type:o.suggestionType,text:m,kind:s.kind,suggestionType:o.suggestionType,suggestionPlaceholder:o.suggestionPlaceholder,options:o.options,metadata:s.metadata},f=t.length,c=0;for(let x=0;x<t.length;x++){let S=e.indexOf(t[x].text,c);if(S!==-1){if(S>=g){f=x;break}c=S+t[x].text.length}}let h=[...t];return h.splice(f,0,b),{patch:{text:e,completedParams:h,newParamId:b.id,filterBase:g,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:g,activeDropdownIndex:-1},caretPos:g}}var Fe=class{constructor(e){this.deps=e}start(e){let t=this.deps.store.get();if(t.editingParam?.id===e)return;let o=t.completedParams.find(r=>r.id===e);if(!o)return;let i=0,a=-1;for(let r of t.completedParams){let s=t.text.indexOf(r.text,i);if(s!==-1){if(r.id===e){a=s;break}i=s+r.text.length}}a<0||this.deps.store.set({editingParam:o,editingAnchor:a,editingTail:a+o.text.length,caretOffset:a+o.text.length,activeDropdownIndex:-1})}exit(){this.deps.store.get().editingParam&&this.deps.store.set({editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1})}replaceRange(e){let t=this.deps.store.get(),o=t.editingParam,i=t.editingAnchor,a=t.editingTail;if(!o||i==null||a==null||!t.completedParams.some(l=>l.id===o.id))return!1;let r=t.text.slice(0,i)+e+t.text.slice(a),s=i+e.length;return this.deps.store.set(l=>({text:r,completedParams:l.completedParams.filter(d=>d.id!==o.id),editingTail:s,caretOffset:s,activeDropdownIndex:-1})),this.deps.scheduleSetCursor(s),this.tryPromote(),!0}caretAfterInput(e){let t=this.deps.store.get(),o={caretOffset:e};t.editingParam&&t.editingAnchor!=null&&e!=null&&(e<t.editingAnchor?(o.editingParam=null,o.editingAnchor=null,o.editingTail=null,o.activeDropdownIndex=-1):t.editingTail!=null&&(o.editingTail=Math.max(t.editingTail,e))),this.deps.store.set(o),this.tryPromote()}caretMove(e){let t=this.deps.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null&&e!=null&&(e<t.editingAnchor||e>t.editingTail)){this.deps.store.set({caretOffset:e,editingParam:null,editingAnchor:null,editingTail:null,activeDropdownIndex:-1});return}this.deps.store.set({caretOffset:e})}selectOption(e){let t=this.deps.store.get(),o=t.editingParam,i=t.editingAnchor,a=t.editingTail;if(!o||i==null||a==null)return;this.deps.fireTelemetry("option",{raw_query:R(t.text,t.completedParams).rawQuery,selected_option:e.text,other_options:o.options.filter(c=>c.text!==e.text).map(c=>c.text)});let r=t.text.slice(0,i),s=t.text.slice(a),l=i===0&&e.text.length>0?e.text[0].toUpperCase()+e.text.slice(1):e.text,d=s.length===0||s[0]!==" ",u=d?`${l} `:l,p=r+u+s,m=i+u.length+(d?0:1),v={id:crypto.randomUUID(),placeholder:"",type:o.suggestionType,text:l,kind:e.kind,suggestionType:o.suggestionType,suggestionPlaceholder:o.suggestionPlaceholder,options:o.options,metadata:e.metadata},g=t.completedParams.findIndex(c=>c.id===o.id),b=t.completedParams.filter(c=>c.id!==o.id),f=g>=0?Math.min(g,b.length):b.length;b.splice(f,0,v),this.deps.store.set({text:p,completedParams:b,newParamId:v.id,filterBase:m,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:m,activeDropdownIndex:-1,pillTapped:!1,skipNextFetch:!0,inSelectionAnimation:!0}),this.deps.startSelectionAnimationTimer(),this.deps.scheduleSetCursor(m)}tryPromote(){let e=this.deps.store.get();if(!e.editingParam||e.editingAnchor==null||e.editingTail==null)return;let t=He({mode:"edit",text:e.text,completedParams:e.completedParams,editingParam:e.editingParam,editingAnchor:e.editingAnchor,editingTail:e.editingTail});t&&(this.deps.store.set(t.patch),this.deps.scheduleSetCursor(t.caretPos))}};var Nt="data-aia-key";function Be(n,e,t){let o=new Map;for(let r of Array.from(n.children)){let s=r.getAttribute(Nt);s!=null&&o.set(s,r)}let i=new Set,a=[];for(let r=0;r<e.length;r++){let s=e[r],l=t.keyOf(s,r);i.add(l);let d=o.get(l);d||(d=t.create(s,r),d.setAttribute(Nt,l)),t.update?.(d,s,r),n.children[r]!==d&&n.insertBefore(d,n.children[r]??null),a.push(d)}for(let[r,s]of o)i.has(r)||s.remove();return a}var Ht=[125,69];function Ft(n){return n===0?.4:n===1?.3:.15}function Ke(n,e,t,o,i=!1,a=!1){let r=n.querySelector(".magicx-aia-pill-list");if(r||(r=document.createElement("span"),r.className="magicx-aia-pill-list",n.appendChild(r)),a&&e.length===0){r.setAttribute("data-aia-pill-list-loading",""),r.innerHTML="";for(let s=0;s<Ht.length;s++){let l=Ht[s],d=document.createElement("span");d.setAttribute("data-aia-pill-skeleton",""),d.className=`magicx-aia-pill magicx-aia-pill--skeleton${i?" magicx-aia-pill--rounded":""}`,d.style.width=`${l}px`,d.style.opacity=String(Ft(s)),r.appendChild(d)}return}a?r.setAttribute("data-aia-pill-list-loading",""):r.removeAttribute("data-aia-pill-list-loading");for(let s of r.querySelectorAll("[data-aia-pill-skeleton]"))s.remove();Be(r,e,{keyOf:s=>`${s.type}-${s.text}`,create:s=>{let l=document.createElement("button");return l.type="button",l.tabIndex=-1,l.setAttribute("data-aia-pill",""),l.setAttribute("contenteditable","false"),l.textContent=s.text,l.addEventListener("mousedown",d=>d.preventDefault()),l},update:(s,l,d)=>{let u=s,p=["magicx-aia-pill"];i&&p.push("magicx-aia-pill--rounded"),d===t&&!a&&p.push("magicx-aia-pill--active"),a&&p.push("magicx-aia-pill--skeleton"),u.className=p.join(" "),u.style.width="",u.style.opacity=String(Ft(d)),a?(u.setAttribute("data-aia-loading",""),u.disabled=!0,u.onclick=null):(u.removeAttribute("data-aia-loading"),u.disabled=!1,u.onclick=()=>o(d))}})}function nt(n){n.querySelector(".magicx-aia-pill-list")?.remove()}var On=[159,119,164];function ze(n){let e=document.createElement("div");return e.id=n,e.setAttribute("role","listbox"),e.setAttribute("data-aia-dropdown",""),e.className="magicx-aia-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function We(n,e){let{filteredOptions:t,activeIndex:o,isOpen:i,isLoading:a,pills:r,showPills:s,onSelect:l,onHighlight:d,onPillClick:u}=e,p=s&&r.length>0,m=t.length>0;i&&(m||p||a)?n.classList.add("magicx-aia-dropdown--visible"):n.classList.remove("magicx-aia-dropdown--visible"),a?n.setAttribute("data-aia-loading",""):n.removeAttribute("data-aia-loading");let g=p||a&&s,b=n.querySelector(".magicx-aia-pill-bar");g?(b||(b=document.createElement("div"),b.className="magicx-aia-pill-bar",b.setAttribute("data-aia-pillbar",""),n.insertBefore(b,n.firstChild)),Ke(b,r,0,u,!0,a)):b&&b.remove();let f=n.querySelector(".magicx-aia-grid");m?(f||(f=document.createElement("div"),f.className="magicx-aia-grid",n.appendChild(f)),Dn(f,t,o,l,d,e.listboxId,a)):f&&f.remove();let c=n.querySelector(".magicx-aia-skeleton-bars");if(a&&!m){if(!c){c=document.createElement("div"),c.className="magicx-aia-skeleton-bars",c.setAttribute("data-aia-skeleton-bars","");for(let h of On){let x=document.createElement("span");x.className="magicx-aia-skeleton-bar",x.style.width=`${h}px`,c.appendChild(x)}n.appendChild(c)}}else c&&c.remove()}function Dn(n,e,t,o,i,a,r){let s=r?"1":"0";Be(n,e,{keyOf:l=>`${l.text}\0${s}`,create:l=>Ln(l,r),update:(l,d,u)=>{let p=u===t&&!r;l.id=`${a}-option-${u}`,l.dataset.aiaIndex=String(u),l.setAttribute("aria-selected",String(p)),l.classList.toggle("magicx-aia-option--highlighted",p),!r&&d.is_tappable?(l.onclick=()=>{l.classList.add("magicx-aia-option--pressed"),o(d),setTimeout(()=>l.classList.remove("magicx-aia-option--pressed"),500)},l.onmouseenter=()=>{let m=Number.parseInt(l.dataset.aiaIndex??"-1",10);m>=0&&i(m)}):(l.onclick=null,l.onmouseenter=null)}})}function Ln(n,e){let t=document.createElement("div");t.setAttribute("role","option"),t.setAttribute("data-aia-option",""),e&&t.setAttribute("data-aia-loading",""),t.tabIndex=e||!n.is_tappable?-1:0;let o=["magicx-aia-option"];n.is_tappable?o.push("magicx-aia-option--tappable"):o.push("magicx-aia-option--non-tappable"),t.className=o.join(" ");let i=document.createElement("div");i.className="magicx-aia-streaks",t.appendChild(i);let a=document.createElement("div");a.className="magicx-aia-streaks-vert",t.appendChild(a);let r=document.createElement("span");if(r.className="magicx-aia-option-content",r.textContent=n.icon?`${n.icon} ${n.text}`:n.text,n.tag){let s=document.createElement("span");s.className="magicx-aia-option-tag",s.textContent=n.tag,r.appendChild(s)}return t.appendChild(r),t}function Bt(n,e){let t=ze(e.listboxId);return n.appendChild(t),{dropdown:t}}function ot(n,e,t){We(n.dropdown,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:!0,onSelect:t.selectOption,onHighlight:o=>t.store.set({activeDropdownIndex:o}),onPillClick:t.setActivePill})}function $e(n){let{input:e,segments:t,newParamId:o,editingParamId:i,placeholderText:a,isFocused:r}=n,s=t.length===0;e.dataset.aiaEmpty=s?"true":"false",s&&a?e.dataset.placeholder=a:delete e.dataset.placeholder;let l=t.map(f=>`${f.type}:${f.value}`).join("\0"),d=e.dataset.segKey??"",u=e.dataset.newParamId??"",p=e.dataset.editingParamId??"";if(l===d&&(o??"")===u&&(i??"")===p)return;let m=r?B(e):null;e.dataset.segKey=l,e.dataset.newParamId=o??"",e.dataset.editingParamId=i??"";let v=e.ownerDocument??document,g=v.createDocumentFragment(),b=0;for(let f of t)if(b+=f.value.length,f.type==="completed"){let c=v.createElement("strong");c.dataset.seg="completed",c.dataset.paramId=f.param.id;let h=f.param.id===o,x=f.param.id===i,S=["magicx-aia-segment","magicx-aia-segment--completed"];h&&S.push("magicx-aia-shimmer-revealed","magicx-aia-shimmer-sweep"),x&&S.push("magicx-aia-segment--editing"),c.className=S.join(" "),c.textContent=f.value,g.appendChild(c)}else g.appendChild(v.createTextNode(f.value));e.replaceChildren(g),e.dataset.aiaTextLength=String(b),m!=null&&O(e,Math.max(0,Math.min(m,b)))}var Mn='<svg width="18" height="18" viewBox="0 0 18 18" fill="none" role="img" aria-label="Submit"><path d="M9 14V4M9 4L4 9M9 4L14 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';function Rn(){let n=document.createElement("div");return n.setAttribute("contenteditable","plaintext-only"),n.contentEditable==="plaintext-only"}function Kt(n,e){let{listboxId:t}=e,o=ze(t);n.appendChild(o);let i=document.createElement("div");i.className="magicx-aia-input-wrapper",n.appendChild(i);let a=document.createElement("div");a.className="magicx-aia-editor",a.setAttribute("data-aia-editor",""),i.appendChild(a);let r=document.createElement("div");r.className="magicx-aia-input",r.setAttribute("data-aia-input",""),r.setAttribute("contenteditable",Rn()?"plaintext-only":"true"),r.setAttribute("role","combobox"),r.setAttribute("aria-autocomplete","list"),r.setAttribute("aria-haspopup","listbox"),r.setAttribute("aria-controls",t),r.setAttribute("aria-expanded","false"),r.setAttribute("spellcheck","true"),r.setAttribute("enterkeyhint","send"),a.appendChild(r);let s=document.createElement("span");s.className="magicx-aia-pill-list-container",s.setAttribute("data-aia-pill-list-container",""),a.appendChild(s);let l=null,d=null;e.submitButton===void 0?(l=document.createElement("button"),l.type="button",l.className="magicx-aia-submit",l.setAttribute("aria-label","Submit"),l.setAttribute("data-aia-submit",""),l.innerHTML=Mn,i.appendChild(l),d=l):e.submitButton!==null&&(d=e.submitButton,d.hasAttribute("data-aia-submit")||d.setAttribute("data-aia-submit",""),i.appendChild(d));let u=new AbortController,{signal:p}=u,m=!1,v=0,g=()=>{let c=de(r),x=c.length>0&&c[0]!==c[0].toUpperCase()?c[0].toUpperCase()+c.slice(1):c;e.handleChange(x)},b=()=>{let c=(r.ownerDocument??document).getSelection();if(!c||c.rangeCount===0)return null;let h=c.anchorNode;return!h||!r.contains(h)?null:(h.nodeType===Node.ELEMENT_NODE?h:h.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null};i.addEventListener("click",c=>{c.target?.closest("[data-aia-pill]")||r.focus()},{signal:p}),r.addEventListener("input",()=>{m||(v=performance.now(),g(),e.handleCaretAfterInput(B(r)))},{signal:p});let f=r.ownerDocument??document;return f.addEventListener("selectionchange",()=>{let c=f.getSelection();if(!c||c.rangeCount===0||!r.contains(c.anchorNode))return;let h=b(),x=e.store.get().editingParam?.id??null;if(h&&h!==x){e.startEditingParam(h);return}performance.now()-v<50||e.handleCaretMove(B(r))},{signal:p}),r.addEventListener("compositionstart",()=>{m=!0},{signal:p}),r.addEventListener("compositionend",()=>{m=!1,g()},{signal:p}),r.addEventListener("beforeinput",c=>{let h=c,x=h.inputType;if(x==="insertParagraph"||x==="insertLineBreak"||x==="insertFromDrop"){c.preventDefault();return}if(x.startsWith("insert")||x.startsWith("delete")){let S=x.startsWith("delete")?"":h.data??"";e.replaceEditingRange(S)&&c.preventDefault()}},{signal:p}),r.addEventListener("paste",c=>{c.preventDefault();let h=(c.clipboardData?.getData("text/plain")??"").replace(/\r?\n/g," ");if(!h)return;let x=r.ownerDocument??document,S=x.getSelection();if(!S||S.rangeCount===0)return;let D=S.getRangeAt(0);if(!r.contains(D.startContainer))return;D.deleteContents();let N=x.createTextNode(h);D.insertNode(N),D.setStartAfter(N),D.collapse(!0),S.removeAllRanges(),S.addRange(D),g()},{signal:p}),r.addEventListener("keydown",c=>e.handleKeyDown(c),{signal:p}),r.addEventListener("focus",()=>e.store.set({isFocused:!0}),{signal:p}),r.addEventListener("blur",()=>e.store.set({isFocused:!1}),{signal:p}),d&&d.addEventListener("click",c=>{let h=e.store.get();if(!(!!h.text||h.completedParams.length>0)||!e.onSubmit)return;c.stopPropagation();let{rawQuery:S,completedParams:D}=R(h.text,h.completedParams);e.onSubmit({query:h.text.trim(),raw_query:S,completed_params:D}),e.afterSubmit?.()},{signal:p}),e.autoFocus!==!1&&r.focus(),{input:r,inlinePillContainer:s,dropdown:o,submitButton:l,abort:u}}function it(n,e,t){let{input:o,inlinePillContainer:i,dropdown:a,submitButton:r}=n,{pillPlacement:s,setActivePill:l,selectOption:d,store:u}=t;o.setAttribute("aria-expanded",String(e.isDropdownOpen));let p=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";if(p?o.setAttribute("aria-activedescendant",p):o.removeAttribute("aria-activedescendant"),r){let f=!!e.text||e.completedParams.length>0;r.disabled=!f}let m=o.dataset.newParamId??"",v=e.newParamId!==null&&e.newParamId!==m;if($e({input:o,segments:e.segments,newParamId:e.newParamId,editingParamId:e.editingParam?.id??null,placeholderText:e.placeholderText,isFocused:e.isFocused}),s==="inline"){let f=e.isLoading&&!e.editingParam&&!e.inSelectionAnimation;f||e.actionableSuggestions.length>0?Ke(i,e.actionableSuggestions,0,l,!1,f):nt(i)}else nt(i);v?(o.focus(),O(o,e.caretOffset??e.text.length)):e.isFocused&&de(o)!==e.text&&O(o,e.text.length);let g=e.editingParam?{type:e.editingParam.suggestionType,text:e.editingParam.suggestionPlaceholder,required:!0,options:e.editingParam.options}:null,b=g??e.actionableSuggestions[0];We(a,{suggestions:b?[{...b,options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,isLoading:e.isLoading&&!e.editingParam&&!e.inSelectionAnimation,listboxId:t.listboxId,pills:g?[g]:e.actionableSuggestions,showPills:s==="dropdown",onSelect:d,onHighlight:f=>u.set({activeDropdownIndex:f}),onPillClick:l})}function zt(n,e){let t=n.actionableSuggestions[0];if(!t)return null;let o=n.filterBase,i=n.text.slice(0,o),a=i.length===0&&n.text.length===0,r=i.length===0&&n.text.length>0&&n.placeholderText.length>0&&n.placeholderText.toLowerCase().startsWith(n.text.toLowerCase());(a||r)&&n.placeholderText&&(i=`${n.placeholderText} `);let s=It(i,e.text);s>0&&(i=i.slice(0,i.length-s));let l=i.length>0&&i[i.length-1]!==" ",d=`${i}${l?" ":""}${e.text} `,u=(a||r)&&d.length>0?d[0].toUpperCase()+d.slice(1):d,p=u.toLowerCase().lastIndexOf(e.text.toLowerCase()),m=p>=0?u.slice(p,p+e.text.length):e.text,v={id:crypto.randomUUID(),placeholder:"",type:t.type,text:m,kind:e.kind,suggestionType:t.type,suggestionPlaceholder:t.text,options:t.options??[],metadata:e.metadata},g=n.actionableSuggestions.length-1;return{patch:{text:u,filterBase:u.length,completedParams:[...n.completedParams,v],newParamId:v.id,caretOffset:u.length,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:g>0,inSelectionAnimation:!0},telemetry:{selectedOption:e.text,otherOptions:n.filteredOptions.filter(b=>b.text!==e.text).map(b=>b.text)},consumedSuggestion:t,remainingActionable:g}}function Wt(n){let e=n,t=new Set;return{get:()=>e,set:o=>{let i=typeof o=="function"?o(e):o,a={...e,...i},r=e;e=a;for(let s of t)s(a,r)},subscribe:o=>(t.add(o),()=>{t.delete(o)})}}function $t(n,e){let t,o,i=a=>(a!==t&&(t=a,o=e(a)),o);return{get:()=>{let a=n.get();return{...a,...i(a)}},set:a=>{typeof a=="function"?n.set(r=>{let s={...r,...i(r)};return a(s)}):n.set(a)},subscribe:a=>n.subscribe((r,s)=>{let l={...s,...i(s)},d={...r,...i(r)};a(d,l)})}}var rt=!1;function Ut(){if(rt||typeof document>"u")return;if(document.querySelector("style[data-magicx-aia]")){rt=!0;return}rt=!0;let n=document.createElement("style");n.setAttribute("data-magicx-aia",""),n.textContent=Nn,document.head.appendChild(n)}var Nn="";var Ue=class{constructor(){this.listeners={}}on(e,t){let o=(...a)=>t(...a),i=this.listeners[e];return i||(i=new Set,this.listeners[e]=i),i.add(o),()=>{this.listeners[e]?.delete(o)}}emit(e,...t){let o=this.listeners[e];if(o)for(let i of o)i(...t)}hasListeners(e){return(this.listeners[e]?.size??0)>0}clear(){this.listeners={}}};var qe=class{constructor(){this.timers=new Map}schedule(e,t,o){this.clear(e);let i=setTimeout(()=>{this.timers.delete(e),t()},o);this.timers.set(e,i)}clear(e){let t=this.timers.get(e);t!==void 0&&(clearTimeout(t),this.timers.delete(e))}clearAll(){for(let e of this.timers.values())clearTimeout(e);this.timers.clear()}};var Hn="newParam",qt="suggestionRemoval",Fn="selectionAnimation",Bn=650,Kn=0;function zn(){return`:ac-${++Kn}:`}var Gt=500;function Qt(){return{text:"",completedParams:[],suggestions:[],activeDropdownIndex:-1,newParamId:null,isLoading:!1,isReady:!1,error:null,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1}}var Ge=class{constructor(e,t={}){this.inputStore=Wt(Qt());this._listboxId=zn();this.modeController=null;this.unsubscribers=[];this.domRefs=null;this.dropdownRefs=null;this.timers=new qe;this.emitter=new Ue;this.sessionId=crypto.randomUUID();this.emitSubmit=e=>this.emitter.emit("submit",e);this.emitError=e=>this.emitter.emit("error",e);this.container=e,this.opts=t,this.renderMode=t.renderMode??"full",this.store=$t(this.inputStore,o=>Rt(o,this.opts)),t.onSubmit&&this.emitter.on("submit",t.onSubmit),t.onError&&this.emitter.on("error",t.onError),t.onChange&&this.emitter.on("change",t.onChange),t.onParamsChange&&this.emitter.on("paramsChange",t.onParamsChange),t.onStateChange&&this.emitter.on("stateChange",t.onStateChange),t.onFocus&&this.emitter.on("focus",t.onFocus),t.onBlur&&this.emitter.on("blur",t.onBlur),t.value!==void 0&&this.store.set({text:t.value}),t.completedParams!==void 0&&this.store.set({completedParams:t.completedParams}),this.pillsController=new Ne(this.store,{onPillSelected:({rawQuery:o,selectedPill:i,otherPills:a})=>{this.fireTelemetry("pill",{raw_query:o,selected_pill:i,other_pills:a})}}),this.reEdit=new Fe({store:this.store,scheduleSetCursor:o=>this.scheduleSetCursor(o),fireTelemetry:(o,i)=>this.fireTelemetry(o,i),startSelectionAnimationTimer:()=>this.startSelectionAnimationTimer()}),this.fetchController=new Me(this.store,()=>this.opts.apiConfig,()=>this.opts.optionOverrides,()=>this.opts.maskCompletedText,()=>this.emitter.hasListeners("error")?this.emitError:void 0,()=>this.sessionId,{onAutoMatch:({active:o,matched:i,rawQuery:a})=>{this.fireTelemetry("option",{raw_query:a,selected_option:i.text,other_options:(o.options??[]).filter(r=>r.text!==i.text).map(r=>r.text)})}}),this.keyboardController=new Re(this.store,{columns:t.columns??2,listboxId:this.listboxId,getOnSubmit:()=>this.emitter.hasListeners("submit")?this.emitSubmit:void 0,afterSubmit:this.renderMode==="full"?()=>this.reset():void 0,selectOption:o=>this.selectOption(o),removeParamAtCaret:o=>this.removeParamAtCaret(o),exitEditMode:()=>this.exitEditMode()}),this.unsubscribers.push(this.store.subscribe((o,i)=>{o.text!==i.text&&this.emitter.emit("change",o.text),o.completedParams!==i.completedParams&&this.emitter.emit("paramsChange",o.completedParams),o.isFocused!==i.isFocused&&(o.isFocused?this.emitter.emit("focus"):this.emitter.emit("blur")),this.emitter.emit("stateChange",o)})),this.unsubscribers.push(this.store.subscribe(()=>this.maybeExitReEditOnNoMatch())),this.renderMode!=="headless"&&(Ut(),this.setupContainer()),this.renderMode==="full"?this.buildAndRenderFull():this.renderMode==="dropdown"&&this.buildAndRenderDropdown(),this.fetchController.start()}focus(){this.domRefs?.input.focus()}blur(){this.domRefs?.input.blur()}reset(){this.store.set({...Qt(),skipNextFetch:!0}),this.sessionId=crypto.randomUUID(),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.timers.clearAll(),this.emitter.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],this.domRefs?.abort.abort(),this.domRefs=null,this.dropdownRefs=null,this.renderMode!=="headless"&&(this.container.innerHTML="")}setMode(e){this.modeController?.setMode(e)}setValue(e){this.store.set({text:e})}setCompletedParams(e){this.store.set({completedParams:e})}setActivePill(e){this.pillsController.setActivePill(e);let t=this.store.get().text.length;this.store.set({caretOffset:t,isFocused:!0}),this.scheduleSetCursor(t)}removeLastParam(){this.pillsController.removeLastParam()}removeParamAtCaret(e){let t=this.store.get(),{text:o,completedParams:i}=t,a=0;for(let r=0;r<i.length;r++){let s=i[r],l=o.indexOf(s.text,a);if(l===-1)continue;let d=l,u=l+s.text.length;if(e>d&&e<=u){let p=Pt(o,e),m=o.slice(0,p)+o.slice(e),v=i.filter((g,b)=>b!==r);return this.store.set(g=>({text:m,filterBase:Math.min(g.filterBase,m.length),completedParams:v,pillTapped:!1,activeDropdownIndex:-1})),this.scheduleSetCursor(p),!0}a=u}return!1}scheduleSetCursor(e){queueMicrotask(()=>{let t=this.domRefs;t?(t.input.focus(),O(t.input,e)):this.opts.setCursor?.(e)})}clearNewParamId(){this.store.set({newParamId:null})}startEditingParam(e){this.reEdit.start(e)}replaceEditingRange(e){return this.reEdit.replaceRange(e)}exitEditMode(){this.reEdit.exit()}handleCaretAfterInput(e){this.reEdit.caretAfterInput(e)}handleCaretMove(e){this.reEdit.caretMove(e)}setActiveDropdownIndex(e){this.store.set({activeDropdownIndex:e})}handleTextChange(e){this.handleChange(e)}handleKeyDown(e){this.keyboardController.handleKeyDown(e)}setFocused(e){this.store.get().isFocused!==e&&this.store.set({isFocused:e})}subscribe(e){return this.store.subscribe(t=>e(t))}getState(){return this.store.get()}get listboxId(){return this._listboxId}get isReady(){return this.store.get().isReady}on(e,t){return this.emitter.on(e,t)}update(e){Object.assign(this.opts,e),e.mode!==void 0&&this.modeController?.setMode(e.mode),e.optionsPosition!==void 0&&(this.container.dataset.optionsPosition=e.optionsPosition),e.animations!==void 0&&(this.container.dataset.animations=e.animations?"on":"off"),e.pillPlacement!==void 0&&(this.container.dataset.pillPlacement=e.pillPlacement,this.store.set({})),(e.dropdownTrigger!==void 0||e.closeDropdownOnBlur!==void 0||e.showNonTappableOptions!==void 0)&&this.store.set({}),e.value!==void 0&&this.store.set({text:e.value}),e.completedParams!==void 0&&this.store.set({completedParams:e.completedParams})}selectOption(e){let t=this.store.get();if(t.editingParam&&t.editingAnchor!=null&&t.editingTail!=null){this.reEdit.selectOption(e);return}let o=zt(t,e);if(o&&(this.fireTelemetry("option",{raw_query:R(t.text,t.completedParams).rawQuery,selected_option:o.telemetry.selectedOption,other_options:o.telemetry.otherOptions}),this.store.set(o.patch),this.startSelectionAnimationTimer(),this.timers.clear(qt),o.remainingActionable>0)){let i=o.consumedSuggestion;this.timers.schedule(qt,()=>{this.store.set(a=>({suggestions:a.suggestions.filter(r=>r!==i)}))},Gt)}}startSelectionAnimationTimer(){this.timers.schedule(Fn,()=>this.store.set({inSelectionAnimation:!1}),Gt)}fireTelemetry(e,t){let o=this.opts.source??(this.renderMode==="full"?"full-sdk":"headless-sdk");Tt({source:o,sessionId:this.sessionId,type:e,queryData:t,apiConfig:this.opts.apiConfig})}setupContainer(){this.container.classList.add("magicx-aia"),this.container.dataset.pillPlacement=this.renderMode==="dropdown"?"dropdown":this.opts.pillPlacement??"inline",this.container.dataset.optionsPosition=this.opts.optionsPosition??"below",this.container.dataset.animations=this.opts.animations??!0?"on":"off",this.modeController=new ue(this.container,this.opts.mode??"auto")}buildAndRenderFull(){let e=this,t={store:this.store,listboxId:this.listboxId,get pillPlacement(){return e.opts.pillPlacement??"inline"},get onSubmit(){return e.emitter.hasListeners("submit")?e.emitSubmit:void 0},afterSubmit:()=>e.reset(),submitButton:this.opts.submitButton,autoFocus:this.opts.autoFocus??!0,selectOption:o=>this.selectOption(o),setActivePill:o=>this.pillsController.setActivePill(o),handleKeyDown:o=>this.keyboardController.handleKeyDown(o),handleChange:o=>this.handleChange(o),startEditingParam:o=>this.startEditingParam(o),handleCaretAfterInput:o=>this.handleCaretAfterInput(o),handleCaretMove:o=>this.handleCaretMove(o),replaceEditingRange:o=>this.replaceEditingRange(o)};this.domRefs=Kt(this.container,t),this.subscribeBatchedRender(()=>{this.domRefs&&it(this.domRefs,this.store.get(),t)}),it(this.domRefs,this.store.get(),t),this.subscribeNewParamTimer()}buildAndRenderDropdown(){let e={store:this.store,listboxId:this.listboxId,selectOption:t=>this.selectOption(t),setActivePill:t=>this.pillsController.setActivePill(t)};this.dropdownRefs=Bt(this.container,e),this.subscribeBatchedRender(()=>{this.dropdownRefs&&ot(this.dropdownRefs,this.store.get(),e)}),ot(this.dropdownRefs,this.store.get(),e),this.subscribeNewParamTimer()}subscribeBatchedRender(e){let t=!1;this.unsubscribers.push(this.store.subscribe(()=>{t||(t=!0,queueMicrotask(()=>{t=!1,e()}))}))}subscribeNewParamTimer(){this.unsubscribers.push(this.store.subscribe((e,t)=>{e.newParamId&&e.newParamId!==t.newParamId&&this.timers.schedule(Hn,()=>this.store.set({newParamId:null}),Bn)}))}handleChange(e){let t=this.store.get();this.store.set({text:e,pillTapped:!1,activeDropdownIndex:-1});let{valid:o,invalid:i}=At(e,t.completedParams);i.length>0&&this.store.set({completedParams:o}),this.maybePromoteExactMatch(e)}maybeExitReEditOnNoMatch(){let e=this.store.get();if(!e.editingParam||e.editingAnchor==null||e.completedParams.some(s=>s.id===e.editingParam?.id))return;let t=e.caretOffset??e.editingAnchor,o=e.text.slice(e.editingAnchor,t);if(re(e.editingParam.options,o).some(s=>s.is_tappable))return;this.reEdit.exit();let{rawQuery:a,completedParams:r}=R(e.text,e.completedParams);this.fetchController.doFetch(a,r)}maybePromoteExactMatch(e){let t=this.store.get(),o=He({mode:"fresh",text:e,completedParams:t.completedParams,suggestions:t.suggestions,filterBase:t.filterBase,filterInProgress:t.filterInProgress});o&&this.store.set(o.patch)}};var $n={text:"",completedParams:[],suggestions:[],activeDropdownIndex:-1,newParamId:null,isLoading:!0,isReady:!1,error:null,segments:[],actionableSuggestions:[],filteredOptions:[],placeholderText:"",isDropdownOpen:!1,filterBase:0,filterInProgress:!1,pillTapped:!1,skipNextFetch:!1,lastRawQuery:"",isFocused:!1,editingParam:null,editingAnchor:null,editingTail:null,caretOffset:null,inSelectionAnimation:!1};function at({onSubmit:n,onError:e,optionOverrides:t,maskCompletedText:o,apiConfig:i,columns:a=2,dropdownTrigger:r,closeDropdownOnBlur:s,showNonTappableOptions:l,onFocus:d,onBlur:u,value:p,completedParams:m,onChange:v,onParamsChange:g,source:b,setCursor:f}){let c=K(null),[h,x]=Wn(null),S=K(n);S.current=n;let D=K(e);D.current=e;let N=K(v);N.current=v;let Z=K(g);Z.current=g;let V=K(d);V.current=d;let H=K(u);H.current=u;let ee=K(f);ee.current=f,Qe(()=>{if(typeof document>"u")return;let y=new Ge(document.createElement("div"),{renderMode:"headless",apiConfig:i,optionOverrides:t,maskCompletedText:o,columns:a,dropdownTrigger:r,closeDropdownOnBlur:s,showNonTappableOptions:l,source:b,value:p,completedParams:m,onSubmit:(...L)=>S.current?.(...L),onError:(...L)=>D.current?.(...L),onChange:(...L)=>N.current?.(...L),onParamsChange:(...L)=>Z.current?.(...L),onFocus:()=>V.current?.(),onBlur:()=>H.current?.(),setCursor:L=>ee.current?.(L)});c.current=y,x(y.getState());let M=y.subscribe(L=>x(L));return()=>{M(),y.destroy(),c.current===y&&(c.current=null)}},[]),Qe(()=>{p!==void 0&&c.current?.setValue(p)},[p]),Qe(()=>{m!==void 0&&c.current?.setCompletedParams(m)},[m]);let W=JSON.stringify(i??null),j=K(t),ae=K(0);if(t!==j.current){let y=j.current,M=t,L=Object.keys(y??{}),se=Object.keys(M??{});(L.length!==se.length||se.some(he=>!y?.[he]||M[he]!==y[he]))&&ae.current++,j.current=t}Qe(()=>{c.current?.update({apiConfig:i,optionOverrides:t,dropdownTrigger:r,closeDropdownOnBlur:s,showNonTappableOptions:l})},[W,ae.current,r,s,l]);let q=K(null);q.current===null&&(q.current={handleTextChange:y=>c.current?.handleTextChange(y),handleKeyDown:y=>{let M="nativeEvent"in y?y.nativeEvent:y;c.current?.handleKeyDown(M)},setFocused:y=>c.current?.setFocused(y),startEditingParam:y=>c.current?.startEditingParam(y),exitEditMode:()=>c.current?.exitEditMode(),handleCaretAfterInput:y=>c.current?.handleCaretAfterInput(y),handleCaretMove:y=>c.current?.handleCaretMove(y),replaceEditingRange:y=>c.current?.replaceEditingRange(y)??!1,setActivePill:y=>c.current?.setActivePill(y),removeLastParam:()=>c.current?.removeLastParam(),clearNewParamId:()=>c.current?.clearNewParamId(),reset:()=>c.current?.reset(),selectOption:y=>c.current?.selectOption(y),setActiveDropdownIndex:y=>c.current?.setActiveDropdownIndex(y),handleFocus:()=>c.current?.setFocused(!0),handleBlur:()=>c.current?.setFocused(!1)});let E=q.current,ge=Vt(y=>{let M=y.target.value,se=M.length>0&&!y.nativeEvent?.isComposing&&M[0]!==M[0].toUpperCase()?M[0].toUpperCase()+M.slice(1):M;c.current?.handleTextChange(se)},[]),te=Vt(y=>{c.current?.handleKeyDown(y.nativeEvent)},[]),G=c.current,I=h??$n,fe=p!==void 0?p:I.text,w=m!==void 0?m:I.completedParams,P=I.actionableSuggestions,A=P[0],T=G?.listboxId??"",_=I.activeDropdownIndex>=0&&G?`${T}-option-${I.activeDropdownIndex}`:void 0,k=I.editingParam,Q=k?{type:k.suggestionType,text:k.suggestionPlaceholder,required:!0,options:k.options}:null,X=Q??A,je=Q?[Q]:P,ye=!G||I.isLoading&&!I.editingParam&&!I.inSelectionAnimation;return{completedParams:w,suggestionPills:P,setActivePill:E.setActivePill,removeLastParam:E.removeLastParam,segments:I.segments,newParamId:I.newParamId,clearNewParamId:E.clearNewParamId,suggestions:I.suggestions,activeIndex:I.activeDropdownIndex,isReady:I.isReady,isLoading:ye,isFocused:I.isFocused,isDropdownOpen:I.isDropdownOpen,placeholderText:I.placeholderText,listboxId:T,error:I.error,handleTextChange:E.handleTextChange,handleKeyDown:E.handleKeyDown,setFocused:E.setFocused,editingParam:k,editingAnchor:I.editingAnchor,caretOffset:I.caretOffset,startEditingParam:E.startEditingParam,exitEditMode:E.exitEditMode,handleCaretAfterInput:E.handleCaretAfterInput,handleCaretMove:E.handleCaretMove,replaceEditingRange:E.replaceEditingRange,inputProps:{value:fe,placeholder:I.placeholderText||void 0,onChange:ge,onKeyDown:te,onFocus:E.handleFocus,onBlur:E.handleBlur,role:"combobox","aria-expanded":I.isDropdownOpen,"aria-activedescendant":_,"aria-autocomplete":"list","aria-controls":T},reset:E.reset,dropdownProps:{suggestions:X?[{...X,options:I.filteredOptions}]:[],activeIndex:I.activeDropdownIndex,onSelect:E.selectOption,onHighlight:E.setActiveDropdownIndex,isOpen:I.isDropdownOpen,id:T,pills:je,onPillClick:E.setActivePill,isLoading:ye}}}import{useCallback as z,useEffect as st,useLayoutEffect as lt,useRef as me}from"react";var Ve;function Un(){if(Ve!==void 0)return Ve;if(typeof document>"u")return!1;let n=document.createElement("div");return n.setAttribute("contenteditable","plaintext-only"),Ve=n.contentEditable==="plaintext-only",Ve}function jt(n){let{segments:e,newParamId:t,editingParam:o,editingAnchor:i,caretOffset:a,placeholderText:r,isFocused:s,isDropdownOpen:l,listboxId:d,activeDescendantId:u,autoFocus:p,handleTextChange:m,handleKeyDown:v,handleCaretAfterInput:g,handleCaretMove:b,startEditingParam:f,replaceEditingRange:c,setFocused:h}=n,x=me(null),S=me(!1),D=me(""),N=me(""),Z=me(null),V=me(0);Z.current=a,st(()=>{if(!p)return;let w=x.current;w&&(document.activeElement===w?h(!0):w.focus())},[p,h]),st(()=>{let w=x.current;if(!w)return;let P=w.ownerDocument??document,A=()=>{let T=P.getSelection();if(!T||T.rangeCount===0||!T.anchorNode||!w.contains(T.anchorNode))return;let _=T.anchorNode,X=(_.nodeType===Node.ELEMENT_NODE?_:_.parentElement)?.closest('strong[data-seg="completed"][data-param-id]')?.dataset.paramId??null;if(X&&X!==o?.id){f(X);return}performance.now()-V.current<50||b(B(w))};return P.addEventListener("selectionchange",A),()=>P.removeEventListener("selectionchange",A)},[o,f,b]),lt(()=>{let w=x.current;w&&$e({input:w,segments:e,newParamId:t,editingParamId:o?.id??null,placeholderText:r??"",isFocused:s})},[e,t,o,r,s]),lt(()=>{let w=D.current,P=t??"";if(D.current=P,!P||P===w)return;let A=x.current;if(!A)return;A.focus();let T=Z.current??Te(A);O(A,T)},[t]),lt(()=>{let w=N.current,P=o?.id??"";if(N.current=P,!P||P===w||i==null)return;let A=x.current;A&&O(A,i)},[o,i]);let H=z(()=>{if(S.current)return;let w=x.current;if(!w)return;let P=de(w),T=P.length>0&&P[0]!==P[0].toUpperCase()?P[0].toUpperCase()+P.slice(1):P;m(T)},[m]),ee=z(()=>{V.current=performance.now(),H();let w=x.current;w&&g(B(w))},[H,g]);st(()=>{let w=x.current;if(!w)return;let P=A=>{let T=A,_=T.inputType;if(_==="insertParagraph"||_==="insertLineBreak"||_==="insertFromDrop"){A.preventDefault();return}if(_.startsWith("insert")||_.startsWith("delete")){let k=_.startsWith("delete")?"":T.data??"";c(k)&&A.preventDefault()}};return w.addEventListener("beforeinput",P),()=>w.removeEventListener("beforeinput",P)},[c]);let W=z(()=>{S.current=!0},[]),j=z(()=>{S.current=!1,H()},[H]),ae=z(w=>{w.preventDefault();let P=x.current;if(!P)return;let A=(w.clipboardData.getData("text/plain")??"").replace(/\r?\n/g," ");if(!A)return;let T=P.ownerDocument??document,_=T.getSelection();if(!_||_.rangeCount===0)return;let k=_.getRangeAt(0);if(!P.contains(k.startContainer))return;k.deleteContents();let Q=T.createTextNode(A);k.insertNode(Q),k.setStartAfter(Q),k.collapse(!0),_.removeAllRanges(),_.addRange(k),H()},[H]),q=z(w=>v(w),[v]),E=z(()=>h(!0),[h]),ge=z(()=>h(!1),[h]),te=z(()=>x.current?.focus(),[]),G=z(()=>x.current?.blur(),[]),I=z(()=>{let w=x.current;return w?de(w):""},[]),fe=Un()?"plaintext-only":"true";return{inputRef:x,editorProps:{ref:x,contentEditable:fe,suppressContentEditableWarning:!0,tabIndex:0,role:"combobox","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":d,"aria-expanded":l,"aria-activedescendant":u,spellCheck:!0,enterKeyHint:"send",onInput:ee,onKeyDown:q,onCompositionStart:W,onCompositionEnd:j,onPaste:ae,onFocus:E,onBlur:ge},getPlainText:I,focus:te,blur:G}}import{jsx as Y,jsxs as ct}from"react/jsx-runtime";function Vn(n){return n!=="auto"?n:typeof window>"u"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var jn=qn(function({onSubmit:e,onError:t,optionOverrides:o,maskCompletedText:i,className:a,apiConfig:r,columns:s,pillPlacement:l="inline",mode:d="auto",optionsPosition:u="below",animations:p=!0,dropdownTrigger:m,closeDropdownOnBlur:v,showNonTappableOptions:g,autoFocus:b=!0,onFocus:f,onBlur:c,value:h,completedParams:x,onChange:S,onParamsChange:D,submitButton:N},Z){let V=ve(null),H=ve(null),ee=ve(()=>{}),W=ve(null),j=ve(null);Xt(()=>{let C=V.current;if(C)return W.current?W.current.setMode(d):W.current=new ue(C,d),()=>{W.current?.destroy(),W.current=null}},[d]);let ae=dt(C=>{let F=j.current?.current;F&&(F.focus(),O(F,C))},[]),{completedParams:q,suggestionPills:E,setActivePill:ge,segments:te,newParamId:G,clearNewParamId:I,placeholderText:fe,isFocused:w,isDropdownOpen:P,isLoading:A,activeIndex:T,listboxId:_,handleTextChange:k,handleKeyDown:Q,setFocused:X,editingParam:je,editingAnchor:ye,caretOffset:y,startEditingParam:M,handleCaretAfterInput:L,handleCaretMove:se,replaceEditingRange:he,dropdownProps:Jt,reset:we}=at({onSubmit:C=>ee.current(C),onError:t,optionOverrides:o,maskCompletedText:i,apiConfig:r,columns:s,dropdownTrigger:m,closeDropdownOnBlur:v,showNonTappableOptions:g,onFocus:f,onBlur:c,value:h,completedParams:x,onChange:S,onParamsChange:D,source:"full-sdk",setCursor:ae});Xt(()=>{if(!G)return;let C=window.setTimeout(()=>I(),650);return()=>window.clearTimeout(C)},[G,I]);let Yt=T>=0?`${_}-option-${T}`:void 0,{inputRef:Xe,editorProps:Zt,focus:Se,blur:pt,getPlainText:ut}=jt({segments:te,newParamId:G,editingParam:je,editingAnchor:ye,caretOffset:y,placeholderText:fe,isFocused:w,isDropdownOpen:P,listboxId:_,activeDescendantId:Yt,autoFocus:b,handleTextChange:k,handleKeyDown:Q,handleCaretAfterInput:L,handleCaretMove:se,startEditingParam:M,replaceEditingRange:he,setFocused:X});j.current=Xe,Qn(()=>{let C=H.current,F=Xe.current;if(!C||!F)return;let Ie=()=>{let gt=C.firstElementChild;if(!gt)return;if(F.dataset.aiaEmpty==="true"){C.setAttribute("data-aia-pill-wrapped","");return}let on=gt.getBoundingClientRect(),rn=F.getBoundingClientRect();on.top>=rn.bottom-2?C.setAttribute("data-aia-pill-wrapped",""):C.removeAttribute("data-aia-pill-wrapped")};Ie();let mt=new ResizeObserver(Ie);return mt.observe(F),()=>mt.disconnect()},[te,E.length,A,Xe]),Gn(Z,()=>({focus:Se,blur:pt,reset:we,setMode:C=>W.current?.setMode(C)}),[Se,pt,we]);let Pe=!!te.length||q.length>0,Je=dt(()=>{if(!Pe)return;let C=ut(),{rawQuery:F,completedParams:Ie}=R(C,q);e({query:C.trim(),raw_query:F,completed_params:Ie}),we()},[Pe,q,e,we,ut]);ee.current=Je;let en=dt(C=>{C.target?.closest("[data-aia-pill]")||Se()},[Se]),tn=l==="inline",nn=l==="dropdown";return ct("div",{ref:V,className:`magicx-aia ${J.container} ${a??""}`,"data-pill-placement":l,"data-options-position":u,"data-animations":p?"on":"off","data-mode":Vn(d),children:[Y(tt,{...Jt,showPills:nn}),ct("div",{className:J.inputWrapper,onClick:en,children:[ct("div",{className:J.editorArea,"data-aia-editor":"",children:[Y("div",{...Zt,className:J.input,"data-aia-input":""}),tn&&(A||E.length>0)&&Y("span",{ref:H,className:J.pillListContainer,"data-aia-pill-list-container":"",children:Y(be,{pills:E,activePillIndex:0,onSelectPill:ge,loading:A})})]}),N===null?null:N===void 0?Y("button",{type:"button","data-aia-submit":"",className:J.submitButton,disabled:!Pe,onClick:C=>{C.stopPropagation(),Je()},"aria-label":"Submit",children:Y("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",role:"img","aria-label":"Submit",children:Y("path",{d:"M9 14V4M9 4L4 9M9 4L14 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}):Y("span",{"data-aia-submit":"",className:J.submitSlot,onClick:C=>{Pe&&(C.stopPropagation(),Je())},children:N})]})]})});export{jn as AIAutocomplete,tt as AIAutocompleteDropdown,at as useAIAutocomplete};
 //# sourceMappingURL=index.mjs.map