@magicx-eng/ai-autocomplete-vanilla 0.1.0 → 0.1.2

package/index.js

@@ -1,64 +1,62 @@
-"use strict";var k=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.prototype.hasOwnProperty;var oe=(i,e)=>{for(var t in e)k(i,t,{get:e[t],enumerable:!0})},ie=(i,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of te(e))!ne.call(i,o)&&o!==t&&k(i,o,{get:()=>e[o],enumerable:!(n=ee(e,o))||n.enumerable});return i};var se=i=>ie(k({},"__esModule",{value:!0}),i);var Pe={};oe(Pe,{AIAutocomplete:()=>E,createStore:()=>A});module.exports=se(Pe);function y(i,e,t){let n=i.slice(e);if(t||e===0||i[e-1]===" ")return n;let o=n.indexOf(" ");return o===-1?"":n.slice(o+1)}function H(i,e){let t=i.trimEnd();if(t.length===0||e.length===0)return 0;let n=t.split(/\s+/),o=e.toLowerCase();for(let s=0;s<n.length;s++){let a=n.slice(s).join(" ");if(o.startsWith(a.toLowerCase())){let l=t.length-a.length;return i.length-l}}return 0}function C(i,e){if(!i)return[];let t=e.trimStart();if(!t)return i;let n=t.toLowerCase();return i.filter(o=>!o.is_tappable||o.text.toLowerCase().includes(n))}function L(i,e){if(!i)return null;let t=e.trim();if(!t)return null;let n=t.toLowerCase();return i.find(o=>o.is_tappable&&o.text.toLowerCase()===n)??null}var P=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 N(i,e){let t=[],n=0;for(let s of e){let a=i.indexOf(s.text,n);a!==-1&&(a>n&&t.push({type:"text",value:i.slice(n,a)}),t.push({type:"completed",value:s.text,param:s}),n=a+s.text.length)}let o=i.slice(n);return o&&t.push({type:"text",value:o}),t}function F(i,e){let t=[],n=[],o=0;for(let s of e){let a=i.indexOf(s.text,o);a===-1?n.push(s):(t.push(s),o=a+s.text.length)}return{valid:t,invalid:n}}var w=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(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 re="0.1.17",K=!1;function ae(){return crypto.randomUUID()}function le(i,e){return{placeholder:i.placeholder,type:i.type,...e&&{text:i.text},kind:i.kind}}function q(i){return i?.type==="accessToken"}function ce(i){if(!(!i||q(i)))return i}var B=new WeakMap;function pe(i){let e=B.get(i);return e||(e=new w(i),B.set(i,e)),e}function de(i,e,t){let n=e.find(s=>s.type==="contact"&&s.metadata?.contact_account_count)?.metadata?.contact_account_count,o=typeof n=="number"?n:void 0;return{data:{raw_query:i,completed_params:e.map(s=>le(s,t)),...o!=null&&{contact_account_count:o}},meta:{request_id:ae(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:re}}}function ue(i){return{"Content-Type":"application/json",...i?.appIdentifier&&{"X-App-Identifier":i.appIdentifier},...i?.headers}}async function $(i,e,t,n,o){return fetch(i,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:n,signal:o})}async function Q(i,e,t){let n=t?.apiConfig,o=!t?.maskCompletedText,s=de(i,e,o),a=ue(n),l=n?.endpoint??"/ac/suggest",r=JSON.stringify(s);if(q(n)){let g=pe(n),u=await g.getToken(),m=await $(l,a,u,r,t?.signal);if(m.status===401){let f=await g.getToken(!0);m=await $(l,a,f,r,t?.signal)}if(!m.ok)throw new Error(`API error: ${m.status} ${m.statusText}`);return m.json()}let c=ce(n),p=c?.apiKey??"";if(!p&&!K&&(K=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),p){let g=c?.authScheme??"Bearer";a.Authorization=g==="Basic"?`Basic ${btoa(p)}`:`Bearer ${p}`}let d=await fetch(l,{method:"POST",headers:a,body:r,signal:t?.signal});if(!d.ok)throw new Error(`API error: ${d.status} ${d.statusText}`);return d.json()}function b(i,e){let t=i,n={},o=[];for(let s of e){let a=(n[s.type]??0)+1;n[s.type]=a;let r=`{{${s.type.toUpperCase().replace(/\s+/g,"_")}_${a}}}`,c=t.indexOf(s.text);c!==-1&&(t=t.slice(0,c)+r+t.slice(c+s.text.length)),o.push({...s,placeholder:r})}return{rawQuery:t,completedParams:o}}function U(i,e){return e?i.map(t=>{let n=e[t.type];if(!n)return t;let o=n("");if(o.length===0)return t;let s=new Set(o.map(l=>l.text)),a=(t.options??[]).filter(l=>!s.has(l.text));return{...t,options:[...o,...a]}}):i}var me=100,ge=300,he=2,T=class{constructor(e,t,n,o,s){this.store=e;this.getApiConfig=t;this.getOptionOverrides=n;this.getMaskCompletedText=o;this.getOnError=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(n=>{(n.text!==e||n.completedParams!==t)&&(e=n.text,t=n.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let n=new AbortController;this.abortController=n;let o=++this.fetchVersion,s=this.store.get(),a=s.text.length;s.suggestions.some(r=>r.type!=="placeholder")||this.store.set({isLoading:!0}),this.store.set({error:null});try{let r=await Q(e,t,{maskCompletedText:this.getMaskCompletedText(),signal:n.signal,apiConfig:this.getApiConfig()});if(o!==this.fetchVersion)return;let c=U(r.data.suggestions??[],this.getOptionOverrides()),p=r.data.input??[],d=p[p.length-1],g=this.store.get().text,u,m;if(d?.state==="in_progress"){m=!0;let x=g.toLowerCase().lastIndexOf(d.text.toLowerCase());u=x!==-1?x:a}else m=!1,u=a;let h=c.filter(x=>x.type!=="placeholder")[0],D=null;if(h){let x=y(g,u,m),v=L(h.options,x);v&&(D={id:crypto.randomUUID(),placeholder:"",type:h.type,text:v.text,kind:v.kind,suggestionType:h.type,suggestionPlaceholder:h.text,options:h.options??[],metadata:v.metadata},c=c.filter(Z=>Z!==h))}this.store.set(x=>({suggestions:c,isLoading:!1,isReady:r.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:u,filterInProgress:m,...D?{completedParams:[...x.completedParams,D]}:{}}))}catch(r){if(o===this.fetchVersion){let c=r instanceof Error?r:new Error(String(r));this.store.set({error:c,isLoading:!1}),this.getOnError()?.(c)}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=n=>{let o=this.store.get();if(!o.text&&o.completedParams.length===0)return this.doFetch("",[]),!0;let s=y(o.text,o.filterBase,o.filterInProgress),l=o.suggestions.filter(h=>h.type!=="placeholder")[0],c=(l?C(l.options,s):[]).filter(h=>h.is_tappable),p=l?L(l.options,s)!==null:!1,d=s.trim().length>0;if(c.length>0&&!p&&d)return!1;let{rawQuery:g,completedParams:u}=b(o.text,o.completedParams),m=g.length<o.lastRawQuery.length,f=Math.abs(g.length-o.lastRawQuery.length);return m||f>=n?(this.doFetch(g,u),!0):!1};this.debounceTimer=setTimeout(()=>{t(he)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},me),this.slowDebounceTimer=setTimeout(()=>t(1),ge)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};var S=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{columns:n,listboxId:o,onSubmit:s}=this.ctx,a=this.getTappableIndices();switch(e.key){case"ArrowDown":{let l=e.target;if(!(l.selectionStart!=null&&l.selectionStart===l.value.length)&&t.activeDropdownIndex<0)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:a[0]??0});break}if(a.length===0)return;let c=a.indexOf(t.activeDropdownIndex),p=c<a.length-1?c+1:0;this.store.set({activeDropdownIndex:a[p]});break}case"ArrowUp":{if(a.length===0||t.activeDropdownIndex<0)break;if(e.preventDefault(),t.activeDropdownIndex<n){this.store.set({activeDropdownIndex:-1});break}let l=a.indexOf(t.activeDropdownIndex),r=l>0?l-1:a.length-1;this.store.set({activeDropdownIndex:a[r]});break}case"ArrowRight":{if(t.activeDropdownIndex<0){let r=e.target;r.selectionStart!=null&&r.selectionStart===r.value.length&&t.actionableSuggestions.length>1&&(e.preventDefault(),this.pillsSetActivePill(1));break}if(t.activeDropdownIndex%n<n-1){let r=t.activeDropdownIndex+1;r<t.filteredOptions.length&&t.filteredOptions[r]?.is_tappable&&(e.preventDefault(),this.store.set({activeDropdownIndex:r}))}break}case"ArrowLeft":{if(t.activeDropdownIndex<0)break;if(t.activeDropdownIndex%n>0){let l=t.activeDropdownIndex-1;l>=0&&t.filteredOptions[l]?.is_tappable&&(e.preventDefault(),this.store.set({activeDropdownIndex:l}))}break}case"Enter":{if(e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable)this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(s){let{rawQuery:l,completedParams:r}=b(t.text,t.completedParams);s({query:t.text.trim(),raw_query:l,completed_params:r})}break}case"Tab":{if(t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable)e.preventDefault(),this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,o);else if(t.isDropdownOpen){let l=t.filteredOptions.findIndex(r=>r.is_tappable);l>=0&&(e.preventDefault(),this.clickOrSelect(l,t.filteredOptions,o))}else if(!t.text&&t.placeholderText){e.preventDefault();let l=t.suggestions.find(r=>r.type==="placeholder");l?this.store.set(r=>({text:t.placeholderText,filterBase:t.placeholderText.length,completedParams:[...r.completedParams,{id:crypto.randomUUID(),placeholder:"",type:l.type,text:t.placeholderText,kind:null,suggestionType:l.type,suggestionPlaceholder:l.text,options:l.options??[]}],suggestions:r.suggestions.filter(c=>c!==l)})):this.store.set({text:t.placeholderText,filterBase:t.placeholderText.length})}break}case"Escape":this.store.set({activeDropdownIndex:-1});break}}getTappableIndices(){let e=this.store.get(),{columns:t}=this.ctx,n=e.filteredOptions.map((s,a)=>s.is_tappable?a:-1).filter(s=>s!==-1),o=Array.from({length:t},()=>[]);for(let s of n)o[s%t].push(s);return o.flat()}clickOrSelect(e,t,n){let o=document.getElementById(`${n}-option-${e}`);o?o.click():this.ctx.selectOption(t[e])}pillsSetActivePill(e){let t=this.store.get(),n=t.suggestions.filter(l=>l.type!=="placeholder");if(e<0||e>=n.length)return;let o=n[e],s=n.filter((l,r)=>r!==e),a=t.suggestions.filter(l=>l.type==="placeholder");this.store.set({suggestions:[...a,o,...s],pillTapped:!0,activeDropdownIndex:-1})}};var O=class{constructor(e){this.store=e}setActivePill(e){let t=this.store.get(),n=t.suggestions.filter(l=>l.type!=="placeholder");if(e<0||e>=n.length)return;let o=n[e],s=n.filter((l,r)=>r!==e),a=t.suggestions.filter(l=>l.type==="placeholder");this.store.set({suggestions:[...a,o,...s],pillTapped:!0,activeDropdownIndex:-1})}removeLastParam(){let e=this.store.get();if(e.completedParams.length===0)return;let t=e.completedParams[e.completedParams.length-1],n={type:t.suggestionType,text:t.suggestionPlaceholder,required:!0,options:t.options};this.store.set(o=>({completedParams:o.completedParams.slice(0,-1),suggestions:[n,...o.suggestions],activeDropdownIndex:-1}))}};function fe(i){return i===0?.4:i===1?.3:.15}function I(i,e,t,n,o=!1){let s=i.querySelector(".magicx-ac-pill-list");s||(s=document.createElement("span"),s.className="magicx-ac-pill-list",i.appendChild(s));let a=new Map;for(let r of s.querySelectorAll(".magicx-ac-pill"))a.set(r.dataset.pillKey??"",r);let l=new Set;for(let r=0;r<e.length;r++){let c=e[r],p=`${c.type}-${c.text}`;l.add(p);let d=a.get(p);d||(d=document.createElement("button"),d.type="button",d.dataset.pillKey=p,d.textContent=c.text),d.className=`magicx-ac-pill${o?" magicx-ac-pill--rounded":""}${r===t?" magicx-ac-pill--active":""}`,d.style.opacity=String(fe(r)),d.onclick=()=>n(r),s.children[r]!==d&&s.insertBefore(d,s.children[r]??null)}for(let[r,c]of a)l.has(r)||c.remove()}function V(i){let e=document.createElement("div");return e.id=i,e.setAttribute("role","listbox"),e.setAttribute("data-ac-dropdown",""),e.className="magicx-ac-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function z(i,e){let{filteredOptions:t,activeIndex:n,isOpen:o,pills:s,showPills:a,onSelect:l,onHighlight:r,onPillClick:c}=e,p=a&&s.length>0;o&&t.length>0||o&&p?i.classList.add("magicx-ac-dropdown--visible"):i.classList.remove("magicx-ac-dropdown--visible");let u=i.querySelector(".magicx-ac-pill-bar");p?(u||(u=document.createElement("div"),u.className="magicx-ac-pill-bar",i.insertBefore(u,i.firstChild)),I(u,s,0,c,!0)):u&&u.remove();let m=i.querySelector(".magicx-ac-grid");t.length>0?(m||(m=document.createElement("div"),m.className="magicx-ac-grid",i.appendChild(m)),xe(m,t,n,l,r,e.listboxId)):m&&(m.innerHTML="")}var j="";function xe(i,e,t,n,o,s){let a=e.map(r=>r.text).join("\0"),l=a!==j;if(j=a,l){let r=document.createDocumentFragment();for(let c=0;c<e.length;c++){let p=e[c],d=be(p,c,t,n,o,s);r.appendChild(d)}i.innerHTML="",i.appendChild(r)}else{let r=i.querySelectorAll(".magicx-ac-option");for(let c=0;c<r.length;c++){let p=r[c],d=c===t;p.setAttribute("aria-selected",String(d)),d?p.classList.add("magicx-ac-option--highlighted"):p.classList.remove("magicx-ac-option--highlighted")}}}function be(i,e,t,n,o,s){let a=document.createElement("div");a.id=`${s}-option-${e}`,a.setAttribute("role","option"),a.setAttribute("aria-selected",String(e===t)),a.tabIndex=i.is_tappable?0:-1;let l=["magicx-ac-option"];e===t&&l.push("magicx-ac-option--highlighted"),i.is_tappable?l.push("magicx-ac-option--tappable"):l.push("magicx-ac-option--non-tappable"),a.className=l.join(" ");let r=document.createElement("div");r.className="magicx-ac-streaks",a.appendChild(r);let c=document.createElement("div");c.className="magicx-ac-streaks-vert",a.appendChild(c);let p=document.createElement("span");if(p.className="magicx-ac-option-content",p.textContent=i.icon?`${i.icon} ${i.text}`:i.text,i.tag){let d=document.createElement("span");d.className="magicx-ac-option-tag",d.textContent=i.tag,p.appendChild(d)}return a.appendChild(p),i.is_tappable&&a.addEventListener("click",()=>{a.classList.add("magicx-ac-option--pressed"),n(i),setTimeout(()=>a.classList.remove("magicx-ac-option--pressed"),400)}),a.addEventListener("mouseenter",()=>o(e)),a}var M="",W=null;function G(i,e,t,n,o){let s=i.querySelector(".magicx-ac-sizer-text"),a=i.querySelector(".magicx-ac-placeholder");if(n&&o){s&&(s.style.display="none"),a||(a=document.createElement("span"),a.className="magicx-ac-placeholder",i.insertBefore(a,i.firstChild)),a.style.display="",a.textContent=`${o} `,M="";return}a&&(a.style.display="none"),s||(s=document.createElement("span"),s.className="magicx-ac-sizer-text",i.insertBefore(s,i.firstChild)),s.style.display="",s.className=`magicx-ac-sizer-text${t?" magicx-ac-sizer-text--visible":""}`;let l=e.map(r=>`${r.type}:${r.value}`).join("\0");if(!(l===M&&t===W)){M=l,W=t,s.innerHTML="";for(let r of e){let c=document.createElement("span");r.type==="completed"&&(r.param.id===t?c.className="magicx-ac-shimmer-revealed magicx-ac-shimmer-sweep":c.className="magicx-ac-segment magicx-ac-segment--completed"),c.textContent=r.value,s.appendChild(c)}e.length===0&&(s.textContent="\xA0")}}var ye='<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 X(i,e){let{listboxId:t}=e,n=V(t);i.appendChild(n);let o=document.createElement("div");o.className="magicx-ac-input-wrapper",i.appendChild(o);let s=document.createElement("div");s.className="magicx-ac-editor",o.appendChild(s);let a=document.createElement("div");a.className="magicx-ac-sizer",a.setAttribute("aria-hidden","true"),s.appendChild(a);let l=document.createElement("span");a.appendChild(document.createTextNode("  ")),a.appendChild(l);let r=document.createElement("textarea");r.className="magicx-ac-textarea",r.rows=1,r.setAttribute("role","combobox"),r.setAttribute("aria-autocomplete","list"),r.setAttribute("aria-controls",t),s.appendChild(r);let c=document.createElement("button");return c.type="button",c.className="magicx-ac-submit",c.setAttribute("aria-label","Submit"),c.innerHTML=ye,o.appendChild(c),o.addEventListener("click",()=>r.focus()),r.addEventListener("input",()=>{let p=r.value,g=p.length>0&&p[0]!==p[0].toUpperCase()?p[0].toUpperCase()+p.slice(1):p;e.handleChange(g)}),r.addEventListener("keydown",p=>e.handleKeyDown(p)),c.addEventListener("click",p=>{p.stopPropagation();let d=e.store.get();if(!(!!d.text||d.completedParams.length>0)||!e.onSubmit)return;let{rawQuery:u,completedParams:m}=b(d.text,d.completedParams);e.onSubmit({query:d.text.trim(),raw_query:u,completed_params:m})}),r.focus(),{textarea:r,dropdown:n,sizer:a,submitButton:c,inlinePillContainer:l}}function _(i,e,t){let{textarea:n,dropdown:o,sizer:s,submitButton:a,inlinePillContainer:l}=i,{pillPlacement:r,setActivePill:c,selectOption:p,store:d}=t;n.value!==e.text&&(n.value=e.text),e.placeholderText?n.placeholder=e.placeholderText:n.removeAttribute("placeholder"),n.setAttribute("aria-expanded",String(e.isDropdownOpen));let g=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";g?n.setAttribute("aria-activedescendant",g):n.removeAttribute("aria-activedescendant"),e.newParamId?n.classList.add("magicx-ac-textarea--hidden"):n.classList.remove("magicx-ac-textarea--hidden");let u=!!e.text||e.completedParams.length>0;a.disabled=!u,G(s,e.segments,e.newParamId,!e.text,e.placeholderText),r==="inline"?I(l,e.actionableSuggestions,0,c):l.innerHTML="",z(o,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:r==="dropdown",onSelect:p,onHighlight:m=>d.set({activeDropdownIndex:m}),onPillClick:c})}function A(i){let e=i,t=new Set;return{get:()=>e,set:n=>{let o=typeof n=="function"?n(e):n,s={...e,...o},a=e;e=s;for(let l of t)l(s,a)},subscribe:n=>(t.add(n),()=>{t.delete(n)})}}var R=!1;function Y(){if(R||typeof document>"u")return;if(document.querySelector("style[data-magicx-ac]")){R=!0;return}R=!0;let i=document.createElement("style");i.setAttribute("data-magicx-ac",""),i.textContent=Se,document.head.appendChild(i)}var Se=`/* ===================================================================
-   Vanilla core styles \u2014 stable BEM class names (magicx-ac-*)
+"use strict";var k=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.prototype.hasOwnProperty;var ie=(o,e)=>{for(var t in e)k(o,t,{get:e[t],enumerable:!0})},oe=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ee(e))!te.call(o,s)&&s!==t&&k(o,s,{get:()=>e[s],enumerable:!(i=Z(e,s))||i.enumerable});return o};var ne=o=>oe(k({},"__esModule",{value:!0}),o);var Ce={};ie(Ce,{AIAutocomplete:()=>M,createStore:()=>L});module.exports=ne(Ce);function v(o,e,t){let i=o.slice(e);if(t||e===0||o[e-1]===" ")return i;let s=i.indexOf(" ");return s===-1?"":i.slice(s+1)}function K(o,e){let t=o.trimEnd().replace(/\s+/g," ");if(t.length===0||e.length===0)return 0;let i=t.split(" "),s=e.toLowerCase();for(let n=0;n<i.length;n++){let r=i.slice(n).join(" ");if(s.startsWith(r.toLowerCase())){let d=t.length-r.length;return o.length-d}}return 0}function C(o,e){if(!o)return[];let t=e.trimStart();if(!t)return o;let i=t.toLowerCase();return o.filter(s=>!s.is_tappable||s.text.toLowerCase().includes(i))}function R(o,e){if(!o)return null;let t=e.trim();if(!t)return null;let i=t.toLowerCase();return o.find(s=>s.is_tappable&&s.text.toLowerCase()===i)??null}var w=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 N(o,e){let t=[],i=0;for(let n of e){let r=o.indexOf(n.text,i);r!==-1&&(r>i&&t.push({type:"text",value:o.slice(i,r)}),t.push({type:"completed",value:n.text,param:n}),i=r+n.text.length)}let s=o.slice(i);return s&&t.push({type:"text",value:s}),t}function B(o,e){let t=[],i=[],s=0;for(let n of e){let r=o.indexOf(n.text,s);r===-1?i.push(n):(t.push(n),s=r+n.text.length)}return{valid:t,invalid:i}}var P=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 se="0.1.26",$=!1;function re(){return crypto.randomUUID()}function ae(o,e){return{placeholder:o.placeholder,type:o.type,...e&&{text:o.text},kind:o.kind}}function U(o){return o?.type==="accessToken"}function le(o){if(!(!o||U(o)))return o}var q=new WeakMap;function ce(o){let e=q.get(o.getAccessToken);return e||(e=new P(o),q.set(o.getAccessToken,e)),e}function de(o,e,t){let i=e.find(n=>n.type==="contact"&&n.metadata?.contact_account_count)?.metadata?.contact_account_count,s=typeof i=="number"?i:void 0;return{data:{raw_query:o,completed_params:e.map(n=>ae(n,t)),...s!=null&&{contact_account_count:s}},meta:{request_id:re(),request_at:new Date().toISOString(),language:typeof navigator<"u"?navigator.language:"en-US",client_version:se}}}function pe(o){return{"Content-Type":"application/json",...o?.appIdentifier&&{"X-App-Identifier":o.appIdentifier},...o?.headers}}async function Q(o,e,t,i,s){return fetch(o,{method:"POST",headers:{...e,Authorization:`Bearer ${t}`},body:i,signal:s})}async function j(o,e,t){let i=t?.apiConfig,s=!t?.maskCompletedText,n=de(o,e,s),r=pe(i),d=i?.endpoint??"/ac/suggest",a=JSON.stringify(n);if(U(i)){let u=ce(i),g=await u.getToken(),m=await Q(d,r,g,a,t?.signal);if(m.status===401){let x=await u.getToken(!0);m=await Q(d,r,x,a,t?.signal)}if(!m.ok)throw new Error(`API error: ${m.status} ${m.statusText}`);return m.json()}let c=le(i),l=c?.apiKey??"";if(!l&&!$&&($=!0,console.warn("[AIAutocomplete] No apiKey in apiConfig. Requests will be sent without an Authorization header.")),l){let u=c?.authScheme??"Bearer";r.Authorization=u==="Basic"?`Basic ${btoa(l)}`:`Bearer ${l}`}let p=await fetch(d,{method:"POST",headers:r,body:a,signal:t?.signal});if(!p.ok)throw new Error(`API error: ${p.status} ${p.statusText}`);return p.json()}function y(o,e){let t=o,i={},s=[];for(let n of e){let r=(i[n.type]??0)+1;i[n.type]=r;let a=`{{${n.type.toUpperCase().replace(/\s+/g,"_")}_${r}}}`,c=t.indexOf(n.text);c!==-1&&(t=t.slice(0,c)+a+t.slice(c+n.text.length)),s.push({...n,placeholder:a})}return{rawQuery:t,completedParams:s}}function V(o,e){return e?o.map(t=>{let i=e[t.type];if(!i)return t;let s=i("");if(s.length===0)return t;let n=new Set(s.map(d=>d.text)),r=(t.options??[]).filter(d=>!n.has(d.text));return{...t,options:[...s,...r]}}):o}var ue=100,me=300,ge=2,O=class{constructor(e,t,i,s,n){this.store=e;this.getApiConfig=t;this.getOptionOverrides=i;this.getMaskCompletedText=s;this.getOnError=n;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(i=>{(i.text!==e||i.completedParams!==t)&&(e=i.text,t=i.completedParams,this.scheduleFetch())})}dispose(){this.abortController?.abort(),this.clearTimers(),this.unsubscribe?.()}async doFetch(e,t){this.abortController?.abort();let i=new AbortController;this.abortController=i;let s=++this.fetchVersion,n=this.store.get(),r=n.text.length;n.suggestions.some(a=>a.type!=="placeholder")||this.store.set({isLoading:!0}),this.store.set({error:null});try{let a=await j(e,t,{maskCompletedText:this.getMaskCompletedText(),signal:i.signal,apiConfig:this.getApiConfig()});if(s!==this.fetchVersion)return;let c=V(a.data.suggestions??[],this.getOptionOverrides()),l=a.data.input??[],p=l[l.length-1],u=this.store.get().text,g,m;if(p?.state==="in_progress"){m=!0;let b=u.toLowerCase().lastIndexOf(p.text.toLowerCase());g=b!==-1?b:r}else m=!1,g=r;let h=c.filter(b=>b.type!=="placeholder")[0],f=null;if(h){let b=v(u,g,m),S=R(h.options,b);S&&(f={id:crypto.randomUUID(),placeholder:"",type:h.type,text:S.text,kind:S.kind,suggestionType:h.type,suggestionPlaceholder:h.text,options:h.options??[],metadata:S.metadata},c=c.filter(J=>J!==h))}this.store.set(b=>({suggestions:c,isLoading:!1,isReady:a.data.is_ready??!1,lastRawQuery:e,activeDropdownIndex:-1,filterBase:g,filterInProgress:m,...f?{completedParams:[...b.completedParams,f]}:{}}))}catch(a){if(s===this.fetchVersion){let c=a instanceof Error?a:new Error(String(a));this.store.set({error:c,isLoading:!1}),this.getOnError()?.(c)}}}scheduleFetch(){if(this.clearTimers(),this.store.get().skipNextFetch){this.store.set({skipNextFetch:!1});return}let t=i=>{let s=this.store.get();if(!s.text&&s.completedParams.length===0)return this.doFetch("",[]),!0;let n=v(s.text,s.filterBase,s.filterInProgress),d=s.suggestions.filter(h=>h.type!=="placeholder")[0],c=(d?C(d.options,n):[]).filter(h=>h.is_tappable),l=d?R(d.options,n)!==null:!1,p=n.trim().length>0;if(c.length>0&&!l&&p)return!1;if(s.completedParams.length===0&&s.text.length>0){let h=s.suggestions.filter(f=>f.type==="placeholder").map(f=>f.text).join(" ");if(h.length>0&&h.toLowerCase().startsWith(s.text.toLowerCase()))return!1}let{rawQuery:u,completedParams:g}=y(s.text,s.completedParams),m=u.length<s.lastRawQuery.length,x=Math.abs(u.length-s.lastRawQuery.length);return m||x>=i?(this.doFetch(u,g),!0):!1};this.debounceTimer=setTimeout(()=>{t(ge)&&this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer)},ue),this.slowDebounceTimer=setTimeout(()=>t(1),me)}clearTimers(){this.debounceTimer&&clearTimeout(this.debounceTimer),this.slowDebounceTimer&&clearTimeout(this.slowDebounceTimer),this.debounceTimer=null,this.slowDebounceTimer=null}};var T=class{constructor(e,t){this.store=e;this.ctx=t}handleKeyDown(e){let t=this.store.get(),{listboxId:i,getOnSubmit:s}=this.ctx,n=this.getEffectiveColumns(),r=s(),d=this.getTappableIndices(n);switch(e.key){case"ArrowDown":{let a=e.target;if(!(a.selectionStart!=null&&a.selectionStart===a.value.length)&&t.activeDropdownIndex<0)break;if(e.preventDefault(),!t.isDropdownOpen&&t.actionableSuggestions.length>0){this.store.set({pillTapped:!0,activeDropdownIndex:d[0]??0});break}if(d.length===0)return;let l=d.indexOf(t.activeDropdownIndex),p=l<d.length-1?l+1:0;this.store.set({activeDropdownIndex:d[p]});break}case"ArrowUp":{if(d.length===0||t.activeDropdownIndex<0)break;if(e.preventDefault(),t.activeDropdownIndex<n){this.store.set({activeDropdownIndex:-1});break}let a=d.indexOf(t.activeDropdownIndex),c=a>0?a-1:d.length-1;this.store.set({activeDropdownIndex:d[c]});break}case"ArrowRight":{if(t.activeDropdownIndex<0){let c=e.target;c.selectionStart!=null&&c.selectionStart===c.value.length&&t.actionableSuggestions.length>1&&(e.preventDefault(),this.pillsSetActivePill(1));break}if(t.activeDropdownIndex%n<n-1){let c=t.activeDropdownIndex+1;c<t.filteredOptions.length&&t.filteredOptions[c]?.is_tappable&&(e.preventDefault(),this.store.set({activeDropdownIndex:c}))}break}case"ArrowLeft":{if(t.activeDropdownIndex<0)break;if(t.activeDropdownIndex%n>0){let a=t.activeDropdownIndex-1;a>=0&&t.filteredOptions[a]?.is_tappable&&(e.preventDefault(),this.store.set({activeDropdownIndex:a}))}break}case"Enter":{if(e.preventDefault(),t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable)this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,i);else if(r){let{rawQuery:a,completedParams:c}=y(t.text,t.completedParams);r({query:t.text.trim(),raw_query:a,completed_params:c})}break}case"Tab":{let a=!t.text&&!!t.placeholderText,c=t.activeDropdownIndex>=0&&t.filteredOptions[t.activeDropdownIndex]?.is_tappable;if(a&&!c){e.preventDefault();let l=t.suggestions.find(p=>p.type==="placeholder");l?this.store.set(p=>({text:t.placeholderText,filterBase:t.placeholderText.length,completedParams:[...p.completedParams,{id:crypto.randomUUID(),placeholder:"",type:l.type,text:t.placeholderText,kind:null,suggestionType:l.type,suggestionPlaceholder:l.text,options:l.options??[]}],suggestions:p.suggestions.filter(u=>u!==l)})):this.store.set({text:t.placeholderText,filterBase:t.placeholderText.length})}else if(c)e.preventDefault(),this.clickOrSelect(t.activeDropdownIndex,t.filteredOptions,i);else if(t.isDropdownOpen){let l=t.filteredOptions.findIndex(p=>p.is_tappable);l>=0&&(e.preventDefault(),this.clickOrSelect(l,t.filteredOptions,i))}break}case"Escape":this.store.set({activeDropdownIndex:-1});break}}getTappableIndices(e){let i=this.store.get().filteredOptions.map((n,r)=>n.is_tappable?r:-1).filter(n=>n!==-1),s=Array.from({length:e},()=>[]);for(let n of i)s[n%e].push(n);return s.flat()}getEffectiveColumns(){let t=document.getElementById(`${this.ctx.listboxId}-option-0`)?.parentElement;if(!t)return this.ctx.columns;let i=getComputedStyle(t).gridTemplateColumns.split(" ").filter(Boolean).length;return i>0?i:this.ctx.columns}clickOrSelect(e,t,i){let s=document.getElementById(`${i}-option-${e}`);s?s.click():this.ctx.selectOption(t[e])}pillsSetActivePill(e){let t=this.store.get(),i=t.suggestions.filter(d=>d.type!=="placeholder");if(e<0||e>=i.length)return;let s=i[e],n=i.filter((d,a)=>a!==e),r=t.suggestions.filter(d=>d.type==="placeholder");this.store.set({suggestions:[...r,s,...n],pillTapped:!0,activeDropdownIndex:-1})}};var I=class{constructor(e){this.store=e}setActivePill(e){let t=this.store.get(),i=t.suggestions.filter(d=>d.type!=="placeholder");if(e<0||e>=i.length)return;let s=i[e],n=i.filter((d,a)=>a!==e),r=t.suggestions.filter(d=>d.type==="placeholder");this.store.set({suggestions:[...r,s,...n],pillTapped:!0,activeDropdownIndex:-1})}removeLastParam(){let e=this.store.get();if(e.completedParams.length===0)return;let t=e.completedParams[e.completedParams.length-1],i={type:t.suggestionType,text:t.suggestionPlaceholder,required:!0,options:t.options};this.store.set(s=>({completedParams:s.completedParams.slice(0,-1),suggestions:[i,...s.suggestions],activeDropdownIndex:-1}))}};function he(o){return o===0?.4:o===1?.3:.15}function A(o,e,t,i,s=!1){let n=o.querySelector(".magicx-aia-pill-list");n||(n=document.createElement("span"),n.className="magicx-aia-pill-list",o.appendChild(n));let r=new Map;for(let a of n.querySelectorAll(".magicx-aia-pill"))r.set(a.dataset.pillKey??"",a);let d=new Set;for(let a=0;a<e.length;a++){let c=e[a],l=`${c.type}-${c.text}`;d.add(l);let p=r.get(l);p||(p=document.createElement("button"),p.type="button",p.dataset.pillKey=l,p.setAttribute("data-aia-pill",""),p.textContent=c.text),p.className=`magicx-aia-pill${s?" magicx-aia-pill--rounded":""}${a===t?" magicx-aia-pill--active":""}`,p.style.opacity=String(he(a)),p.onclick=()=>i(a),n.children[a]!==p&&n.insertBefore(p,n.children[a]??null)}for(let[a,c]of r)d.has(a)||c.remove()}function D(o){let e=document.createElement("div");return e.id=o,e.setAttribute("role","listbox"),e.setAttribute("data-aia-dropdown",""),e.className="magicx-aia-dropdown",e.addEventListener("mousedown",t=>t.preventDefault()),e}function E(o,e){let{filteredOptions:t,activeIndex:i,isOpen:s,pills:n,showPills:r,onSelect:d,onHighlight:a,onPillClick:c}=e,l=r&&n.length>0;s&&t.length>0||s&&l?o.classList.add("magicx-aia-dropdown--visible"):o.classList.remove("magicx-aia-dropdown--visible");let g=o.querySelector(".magicx-aia-pill-bar");l?(g||(g=document.createElement("div"),g.className="magicx-aia-pill-bar",g.setAttribute("data-aia-pillbar",""),o.insertBefore(g,o.firstChild)),A(g,n,0,c,!0)):g&&g.remove();let m=o.querySelector(".magicx-aia-grid");t.length>0?(m||(m=document.createElement("div"),m.className="magicx-aia-grid",o.appendChild(m)),fe(m,t,i,d,a,e.listboxId)):m&&(m.innerHTML="")}function fe(o,e,t,i,s,n){let r=e.map(c=>c.text).join("\0"),d=o.dataset.optionsKey??"",a=r!==d;if(o.dataset.optionsKey=r,a){let c=document.createDocumentFragment();for(let l=0;l<e.length;l++){let p=e[l],u=xe(p,l,t,i,s,n);c.appendChild(u)}o.innerHTML="",o.appendChild(c)}else{let c=o.querySelectorAll(".magicx-aia-option");for(let l=0;l<c.length;l++){let p=c[l],u=l===t;p.setAttribute("aria-selected",String(u)),u?p.classList.add("magicx-aia-option--highlighted"):p.classList.remove("magicx-aia-option--highlighted")}}}function xe(o,e,t,i,s,n){let r=document.createElement("div");r.id=`${n}-option-${e}`,r.setAttribute("role","option"),r.setAttribute("data-aia-option",""),r.setAttribute("aria-selected",String(e===t)),r.tabIndex=o.is_tappable?0:-1;let d=["magicx-aia-option"];e===t&&d.push("magicx-aia-option--highlighted"),o.is_tappable?d.push("magicx-aia-option--tappable"):d.push("magicx-aia-option--non-tappable"),r.className=d.join(" ");let a=document.createElement("div");a.className="magicx-aia-streaks",r.appendChild(a);let c=document.createElement("div");c.className="magicx-aia-streaks-vert",r.appendChild(c);let l=document.createElement("span");if(l.className="magicx-aia-option-content",l.textContent=o.icon?`${o.icon} ${o.text}`:o.text,o.tag){let p=document.createElement("span");p.className="magicx-aia-option-tag",p.textContent=o.tag,l.appendChild(p)}return r.appendChild(l),o.is_tappable&&(r.addEventListener("click",()=>{r.classList.add("magicx-aia-option--pressed"),i(o),setTimeout(()=>r.classList.remove("magicx-aia-option--pressed"),400)}),r.addEventListener("mouseenter",()=>s(e))),r}function W(o,e){let t=D(e.listboxId);return o.appendChild(t),{dropdown:t}}function _(o,e,t){E(o.dropdown,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:!0,onSelect:t.selectOption,onHighlight:i=>t.store.set({activeDropdownIndex:i}),onPillClick:t.setActivePill})}function z(o,e,t,i,s){let n=o.querySelector(".magicx-aia-sizer-text"),r=o.querySelector(".magicx-aia-placeholder");if(i&&s){n&&(n.style.display="none"),r||(r=document.createElement("span"),r.className="magicx-aia-placeholder",o.insertBefore(r,o.firstChild)),r.style.display="",r.textContent=`${s} `,o.dataset.segmentKey="";return}r&&(r.style.display="none"),n||(n=document.createElement("span"),n.className="magicx-aia-sizer-text",o.insertBefore(n,o.firstChild)),n.style.display="",n.className=`magicx-aia-sizer-text${t?" magicx-aia-sizer-text--visible":""}`;let d=e.map(l=>`${l.type}:${l.value}`).join("\0"),a=o.dataset.segmentKey??"",c=o.dataset.newParamId??"";if(!(d===a&&(t??"")===c)){o.dataset.segmentKey=d,o.dataset.newParamId=t??"",n.innerHTML="";for(let l of e){let p=document.createElement("span");l.type==="completed"&&(l.param.id===t?p.className="magicx-aia-shimmer-revealed magicx-aia-shimmer-sweep":p.className="magicx-aia-segment magicx-aia-segment--completed"),p.textContent=l.value,n.appendChild(p)}e.length===0&&(n.textContent="\xA0")}}var be='<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 G(o,e){let{listboxId:t}=e,i=D(t);o.appendChild(i);let s=document.createElement("div");s.className="magicx-aia-input-wrapper",o.appendChild(s);let n=document.createElement("div");n.className="magicx-aia-editor",n.setAttribute("data-aia-editor",""),s.appendChild(n);let r=document.createElement("div");r.className="magicx-aia-sizer",r.setAttribute("aria-hidden","true"),n.appendChild(r);let d=document.createElement("span");r.appendChild(document.createTextNode(" ")),r.appendChild(d);let a=document.createElement("textarea");a.className="magicx-aia-textarea",a.rows=1,a.setAttribute("role","combobox"),a.setAttribute("aria-autocomplete","list"),a.setAttribute("aria-controls",t),a.setAttribute("data-aia-textarea",""),n.appendChild(a);let c=document.createElement("button");return c.type="button",c.className="magicx-aia-submit",c.setAttribute("aria-label","Submit"),c.setAttribute("data-aia-submit",""),c.innerHTML=be,s.appendChild(c),s.addEventListener("click",()=>a.focus()),a.addEventListener("input",()=>{let l=a.value,u=l.length>0&&l[0]!==l[0].toUpperCase()?l[0].toUpperCase()+l.slice(1):l;e.handleChange(u)}),a.addEventListener("keydown",l=>e.handleKeyDown(l)),a.addEventListener("focus",()=>e.store.set({isFocused:!0})),a.addEventListener("blur",()=>e.store.set({isFocused:!1})),c.addEventListener("click",l=>{l.stopPropagation();let p=e.store.get();if(!(!!p.text||p.completedParams.length>0)||!e.onSubmit)return;let{rawQuery:g,completedParams:m}=y(p.text,p.completedParams);e.onSubmit({query:p.text.trim(),raw_query:g,completed_params:m})}),a.focus(),{textarea:a,dropdown:i,sizer:r,submitButton:c,inlinePillContainer:d}}function H(o,e,t){let{textarea:i,dropdown:s,sizer:n,submitButton:r,inlinePillContainer:d}=o,{pillPlacement:a,setActivePill:c,selectOption:l,store:p}=t;i.value!==e.text&&(i.value=e.text),e.placeholderText?i.placeholder=e.placeholderText:i.removeAttribute("placeholder"),i.setAttribute("aria-expanded",String(e.isDropdownOpen));let u=e.activeDropdownIndex>=0?`${t.listboxId}-option-${e.activeDropdownIndex}`:"";u?i.setAttribute("aria-activedescendant",u):i.removeAttribute("aria-activedescendant"),e.newParamId?i.classList.add("magicx-aia-textarea--hidden"):i.classList.remove("magicx-aia-textarea--hidden");let g=!!e.text||e.completedParams.length>0;r.disabled=!g,z(n,e.segments,e.newParamId,!e.text,e.placeholderText),a==="inline"?A(d,e.actionableSuggestions,0,c):d.innerHTML="",E(s,{suggestions:e.actionableSuggestions.length>0?[{...e.actionableSuggestions[0],options:e.filteredOptions}]:[],filteredOptions:e.filteredOptions,activeIndex:e.activeDropdownIndex,isOpen:e.isDropdownOpen,listboxId:t.listboxId,pills:e.actionableSuggestions,showPills:a==="dropdown",onSelect:l,onHighlight:m=>p.set({activeDropdownIndex:m}),onPillClick:c})}function L(o){let e=o,t=new Set;return{get:()=>e,set:i=>{let s=typeof i=="function"?i(e):i,n={...e,...s},r=e;e=n;for(let d of t)d(n,r)},subscribe:i=>(t.add(i),()=>{t.delete(i)})}}var F=!1;function X(){if(F||typeof document>"u")return;if(document.querySelector("style[data-magicx-aia]")){F=!0;return}F=!0;let o=document.createElement("style");o.setAttribute("data-magicx-aia",""),o.textContent=ye,document.head.appendChild(o)}var ye=`/* ===================================================================
+   Vanilla core styles \u2014 stable BEM class names (magicx-aia-*)
    Auto-injected at runtime on first instantiation.
    =================================================================== */
 
 /* --- Container --- */
-.magicx-ac {
+.magicx-aia {
   position: relative;
   font-family: "IBM Plex Sans", sans-serif;
 }
 
 /* --- Input wrapper --- */
-.magicx-ac-input-wrapper {
-  min-height: 60px;
-  padding: 24px;
-  border: 1px solid var(--ac-color-border-default, #9ea5b2);
+.magicx-aia-input-wrapper {
+  padding: 20px;
+  border: 1px solid var(--aia-color-border-default, #9ea5b2);
   border-radius: 23px;
   background: transparent;
   overflow: hidden;
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 0px;
 }
 
 /* --- Editor area (overlay + textarea) --- */
-.magicx-ac-editor {
+.magicx-aia-editor {
   position: relative;
   flex: 1;
   min-width: 0;
 }
 
 /* --- Sizer (overlay for sizing + segment display) --- */
-.magicx-ac-sizer {
+.magicx-aia-sizer {
   position: relative;
   z-index: 1;
   pointer-events: none;
-  min-height: 60px;
   white-space: pre-wrap;
   word-break: break-word;
   font-family: inherit;
-  font-size: var(--ac-written-text-font-size, 19px);
+  font-size: var(--aia-written-text-font-size, 19px);
   line-height: 38px;
 }
 
-.magicx-ac-sizer-text {
+.magicx-aia-sizer-text {
   color: transparent;
 }
 
-.magicx-ac-sizer-text--visible {
-  color: var(--ac-written-text-color, var(--ac-color-text-default, #fff));
-  font-size: var(--ac-written-text-font-size, inherit);
+.magicx-aia-sizer-text--visible {
+  color: var(--aia-written-text-color, var(--aia-color-text-default, #fff));
+  font-size: var(--aia-written-text-font-size, inherit);
 }
 
 /* --- Placeholder --- */
-.magicx-ac-placeholder {
-  color: var(--ac-color-text-muted, #c1c4cb);
+.magicx-aia-placeholder {
+  color: var(--aia-color-text-muted, #c1c4cb);
   opacity: 0.7;
 }
 
 /* --- Textarea --- */
-.magicx-ac-textarea {
+.magicx-aia-textarea {
   position: absolute;
   top: 0;
   left: 0;
@@ -67,10 +65,13 @@
   padding: 0;
   border: none;
   background: transparent;
-  color: var(--ac-written-text-color, var(--ac-color-text-default, #fff));
-  caret-color: var(--ac-written-text-color, var(--ac-color-text-default, #fff));
+  color: var(--aia-written-text-color, var(--aia-color-text-default, #fff));
+  caret-color: var(
+    --aia-caret-color,
+    var(--aia-written-text-color, var(--aia-color-text-default, #fff))
+  );
   font-family: inherit;
-  font-size: var(--ac-written-text-font-size, 19px);
+  font-size: var(--aia-written-text-font-size, 19px);
   line-height: 38px;
   white-space: pre-wrap;
   word-break: break-word;
@@ -79,23 +80,23 @@
   overflow: hidden;
 }
 
-.magicx-ac-textarea::placeholder {
-  color: var(--ac-color-text-muted, #c1c4cb);
+.magicx-aia-textarea::placeholder {
+  color: var(--aia-color-text-muted, #c1c4cb);
 }
 
-.magicx-ac-textarea--hidden {
+.magicx-aia-textarea--hidden {
   color: transparent !important;
 }
 
 /* --- Submit button --- */
-.magicx-ac-submit {
+.magicx-aia-submit {
   flex-shrink: 0;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   border: none;
-  background: var(--ac-color-text-default, #fff);
-  color: var(--ac-color-bg-default, #000);
+  background: var(--aia-submit-bg, var(--aia-color-text-default, #fff));
+  color: var(--aia-submit-color, var(--aia-color-bg-default, #000));
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -104,13 +105,12 @@
   transition: opacity 0.2s ease;
 }
 
-.magicx-ac-submit:hover {
+.magicx-aia-submit:hover {
   opacity: 0.85;
 }
 
 /* --- Dropdown --- */
-.magicx-ac-dropdown {
-  --border-width: 1px;
+.magicx-aia-dropdown {
   position: absolute;
   left: 0;
   right: 0;
@@ -122,36 +122,32 @@
   opacity: 0;
   pointer-events: none;
   transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: hsl(243 26% 15% / 0.25);
-  backdrop-filter: blur(12px);
-}
-
-.magicx-ac-dropdown::before {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  inset: 0;
-  border-radius: inherit;
-  border: var(--border-width) solid transparent;
-  background: linear-gradient(hsl(259, 13%, 28%), hsl(252, 9%, 22%)) border-box;
-  mask:
-    linear-gradient(black, black) border-box,
-    linear-gradient(black, black) padding-box;
-  mask-composite: subtract;
-}
-
-.magicx-ac-dropdown--visible {
+  background:
+    linear-gradient(hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)) padding-box,
+    linear-gradient(
+      98deg,
+      hsla(0, 0%, 75%, 1),
+      hsla(0, 0%, 90%, 1) 3%,
+      hsla(0, 0%, 100%, 0) 50%,
+      hsla(0, 0%, 90%, 1) 97%,
+      hsla(0, 0%, 75%, 1) 100%
+    )
+    border-box;
+  border: 1.5px solid transparent;
+}
+
+.magicx-aia-dropdown--visible {
   opacity: 1;
   pointer-events: auto;
 }
 
 /* --- Pill bar (inside dropdown) --- */
-.magicx-ac-pill-bar {
+.magicx-aia-pill-bar {
   padding: 27px 27px 0px 27px;
 }
 
 /* --- Pill list --- */
-.magicx-ac-pill-list {
+.magicx-aia-pill-list {
   position: relative;
   z-index: 1;
   pointer-events: auto;
@@ -163,46 +159,64 @@
 }
 
 /* --- Individual pill --- */
-.magicx-ac-pill {
+.magicx-aia-pill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 36px;
   padding: 13px 13px;
   border: none;
-  border-radius: 6px;
-  background: var(--ac-pill-bg, var(--ac-color-background-supportive, #313255));
-  color: var(--ac-pill-color, var(--ac-color-text-muted, #c1c4cb));
+  border-radius: 999px;
+  background: rgba(49, 50, 85, 0.25);
+  background: color-mix(
+    in srgb,
+    var(--aia-pill-bg, var(--aia-color-background-supportive, #313255)) 25%,
+    transparent
+  );
+  color: var(--aia-pill-color, var(--aia-color-text-muted, #c1c4cb));
   font-family: "IBM Plex Sans", sans-serif;
-  font-size: var(--ac-pill-font-size, 19px);
+  font-size: var(--aia-pill-font-size, 19px);
   line-height: 30px;
   cursor: pointer;
   white-space: nowrap;
-  animation: magicx-ac-fadeIn 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
-}
-
-.magicx-ac-pill--rounded {
+  animation: magicx-aia-fadeIn 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  box-shadow:
+    hsla(0, 0%, 100%, 1) -3.2px -3.2px 3.2px -3.2px inset,
+    hsla(0, 0%, 100%, 1) 6.4px 6.4px 1.6px -8px inset,
+    var(--aia-dropdown-bg, transparent) -6.4px 6.4px 1.6px -8px inset,
+    var(--aia-dropdown-bg, transparent) 6.4px -6.4px 1.6px -8px inset,
+    hsla(0, 0%, 100%, 0.15) -1.6px 0px 0px -1.6px inset,
+    hsla(0, 0%, 100%, 0.15) 0px -1.6px 0px -1.6px inset,
+    hsla(0, 0%, 100%, 0.3) 0px 1.6px 0px 0px inset,
+    hsla(0, 0%, 100%, 0.3) 1.6px 0px 0px 0px inset,
+    inset 0 0 30px 5px hsla(0, 0%, 0%, 0.05),
+    hsla(0, 0%, 0%, 0.08) 0px 0px 30px 2px;
+  backdrop-filter: blur(30px);
+}
+
+.magicx-aia-pill--rounded {
   border-radius: 999px;
 }
 
-.magicx-ac-pill:hover {
+.magicx-aia-pill:hover {
   filter: brightness(1.2);
 }
 
-.magicx-ac-pill--active {
+.magicx-aia-pill--active {
   outline: 1px solid #5a5b8a;
 }
 
-@keyframes magicx-ac-fadeIn {
+@keyframes magicx-aia-fadeIn {
   from {
     opacity: 0;
   }
 }
 
 /* --- Options grid --- */
-.magicx-ac-grid {
+.magicx-aia-grid {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(2, minmax(0, 250px));
+  justify-content: start;
   padding: 13px 13px;
   max-height: 192px;
   overflow-y: auto;
@@ -210,83 +224,83 @@
   scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
 }
 
-.magicx-ac-grid::-webkit-scrollbar {
+.magicx-aia-grid::-webkit-scrollbar {
   width: 6px;
 }
 
-.magicx-ac-grid::-webkit-scrollbar-track {
+.magicx-aia-grid::-webkit-scrollbar-track {
   background: transparent;
 }
 
-.magicx-ac-grid::-webkit-scrollbar-thumb {
+.magicx-aia-grid::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.3);
   border-radius: 3px;
 }
 
 /* --- Option item --- */
-.magicx-ac-option {
+.magicx-aia-option {
   position: relative;
   overflow: visible;
   display: flex;
   align-items: center;
   font-family: "IBM Plex Sans", sans-serif;
-  font-size: var(--ac-option-font-size, 19px);
+  font-size: var(--aia-option-font-size, 19px);
   line-height: 30px;
-  color: var(--ac-option-color, var(--ac-color-text-muted, #c1c4cb));
+  color: var(--aia-option-color, var(--aia-color-text-muted, #c1c4cb));
   white-space: normal;
   word-break: break-word;
-  opacity: 0.35;
+  opacity: 0.4;
   border-radius: 12px;
   padding: 13px 13px;
-  animation: magicx-ac-optionFadeIn 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  animation: magicx-aia-optionFadeIn 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
 
-@keyframes magicx-ac-optionFadeIn {
+@keyframes magicx-aia-optionFadeIn {
   from {
     opacity: 0;
   }
 }
 
-.magicx-ac-option-content {
+.magicx-aia-option-content {
   position: relative;
   z-index: 2;
 }
 
-.magicx-ac-option--tappable {
+.magicx-aia-option--tappable {
   cursor: pointer;
 }
 
-.magicx-ac-option--tappable:hover {
-  color: var(--ac-option-color-selected, var(--ac-color-text-default, #fff));
+.magicx-aia-option--tappable:hover {
+  color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
 }
 
-.magicx-ac-option--non-tappable {
+.magicx-aia-option--non-tappable {
   cursor: default;
   opacity: 0.3;
 }
 
-.magicx-ac-option--highlighted {
-  color: var(--ac-option-color-selected, var(--ac-color-text-default, #fff));
-  background: var(--ac-option-bg, transparent);
+.magicx-aia-option--highlighted {
+  color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
+  background: var(--aia-option-bg, transparent);
   opacity: 0.5;
 }
 
-.magicx-ac-option-tag {
+.magicx-aia-option-tag {
   font-size: 11px;
   margin-left: 6px;
   opacity: 0.5;
 }
 
-.magicx-ac-option--pressed {
+.magicx-aia-option--pressed {
   opacity: 0.8;
-  color: var(--ac-option-color-selected, var(--ac-color-text-default, #fff));
-  background: rgba(255, 255, 255, 0.06);
+  color: var(--aia-option-color-selected, var(--aia-color-text-default, #fff));
+  background: rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
   animation:
-    magicx-ac-glassFade 500ms ease forwards,
-    magicx-ac-tapDown 500ms ease forwards;
+    magicx-aia-glassFade 500ms ease forwards,
+    magicx-aia-tapDown 500ms ease forwards;
 }
 
-@keyframes magicx-ac-tapDown {
+@keyframes magicx-aia-tapDown {
   0% {
     transform: scale(1);
   }
@@ -298,9 +312,9 @@
   }
 }
 
-@keyframes magicx-ac-glassFade {
+@keyframes magicx-aia-glassFade {
   0% {
-    background: rgba(255, 255, 255, 0.1);
+    background: var(--aia-streak-glass-bg, rgba(255, 255, 255, 0.1));
   }
   100% {
     background: transparent;
@@ -308,7 +322,7 @@
 }
 
 /* --- Streak animations --- */
-.magicx-ac-streaks {
+.magicx-aia-streaks {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -317,43 +331,45 @@
   overflow: hidden;
 }
 
-.magicx-ac-streaks::before {
+.magicx-aia-streaks::before {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 60%;
   width: 0;
   height: 6px;
+  opacity: 0;
   background: radial-gradient(
     ellipse at center,
-    rgba(255, 255, 255, 0.5) 0%,
-    rgba(255, 255, 255, 0.2) 40%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.5) 0%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.2) 40%,
     transparent 70%
   );
-  box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.2);
+  box-shadow: 0 0 12px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.2);
   filter: blur(1px);
   border-radius: 50%;
 }
 
-.magicx-ac-streaks::after {
+.magicx-aia-streaks::after {
   content: "";
   position: absolute;
   top: -3px;
   right: 60%;
   width: 0;
   height: 6px;
+  opacity: 0;
   background: radial-gradient(
     ellipse at center,
-    rgba(255, 255, 255, 0.5) 0%,
-    rgba(255, 255, 255, 0.2) 40%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.5) 0%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.2) 40%,
     transparent 70%
   );
-  box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.2);
+  box-shadow: 0 0 12px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.2);
   filter: blur(1px);
   border-radius: 50%;
 }
 
-.magicx-ac-streaks-vert {
+.magicx-aia-streaks-vert {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -362,191 +378,193 @@
   overflow: hidden;
 }
 
-.magicx-ac-streaks-vert::before {
+.magicx-aia-streaks-vert::before {
   content: "";
   position: absolute;
   bottom: 0;
   right: -3px;
   width: 6px;
   height: 0;
+  opacity: 0;
   background: radial-gradient(
     ellipse at center,
-    rgba(255, 255, 255, 0.4) 0%,
-    rgba(255, 255, 255, 0.15) 40%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.4) 0%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.15) 40%,
     transparent 70%
   );
-  box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.15);
+  box-shadow: 0 0 12px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.15);
   filter: blur(1px);
   border-radius: 50%;
 }
 
-.magicx-ac-streaks-vert::after {
+.magicx-aia-streaks-vert::after {
   content: "";
   position: absolute;
   top: 0;
   left: -3px;
   width: 6px;
   height: 0;
+  opacity: 0;
   background: radial-gradient(
     ellipse at center,
-    rgba(255, 255, 255, 0.4) 0%,
-    rgba(255, 255, 255, 0.15) 40%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.4) 0%,
+    rgba(var(--aia-streak-rgb, 255, 255, 255), 0.15) 40%,
     transparent 70%
   );
-  box-shadow: 0 0 12px 4px rgba(255, 255, 255, 0.15);
+  box-shadow: 0 0 12px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.15);
   filter: blur(1px);
   border-radius: 50%;
 }
 
-.magicx-ac-option--pressed .magicx-ac-streaks::before {
-  animation: magicx-ac-streakHorizRight 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+.magicx-aia-option--pressed .magicx-aia-streaks::before {
+  animation: magicx-aia-streakHorizRight 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
-.magicx-ac-option--pressed .magicx-ac-streaks::after {
-  animation: magicx-ac-streakHorizLeft 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
+.magicx-aia-option--pressed .magicx-aia-streaks::after {
+  animation: magicx-aia-streakHorizLeft 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
-.magicx-ac-option--pressed .magicx-ac-streaks-vert::before {
-  animation: magicx-ac-streakVertUp 300ms cubic-bezier(0.3, 0, 0.2, 1) 200ms forwards;
+.magicx-aia-option--pressed .magicx-aia-streaks-vert::before {
+  animation: magicx-aia-streakVertUp 300ms cubic-bezier(0.3, 0, 0.2, 1) 200ms forwards;
 }
-.magicx-ac-option--pressed .magicx-ac-streaks-vert::after {
-  animation: magicx-ac-streakVertDown 300ms cubic-bezier(0.3, 0, 0.2, 1) 200ms forwards;
+.magicx-aia-option--pressed .magicx-aia-streaks-vert::after {
+  animation: magicx-aia-streakVertDown 300ms cubic-bezier(0.3, 0, 0.2, 1) 200ms forwards;
 }
 
-@keyframes magicx-ac-streakHorizRight {
+@keyframes magicx-aia-streakHorizRight {
   0% {
     width: 0;
     height: 4px;
     opacity: 0;
     filter: blur(1px);
-    box-shadow: 0 0 8px 3px rgba(255, 255, 255, 0.3);
+    box-shadow: 0 0 8px 3px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.3);
   }
   15% {
     height: 4px;
     opacity: 1;
     filter: blur(1px);
-    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.3);
+    box-shadow: 0 0 10px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.3);
   }
   80% {
     width: 50%;
     height: 10px;
     opacity: 0.8;
     filter: blur(3px);
-    box-shadow: 0 0 16px 6px rgba(255, 255, 255, 0.1);
+    box-shadow: 0 0 16px 6px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.1);
   }
   100% {
     width: 50%;
     height: 12px;
     opacity: 0;
     filter: blur(5px);
-    box-shadow: 0 0 20px 8px rgba(255, 255, 255, 0.03);
+    box-shadow: 0 0 20px 8px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.03);
   }
 }
 
-@keyframes magicx-ac-streakHorizLeft {
+@keyframes magicx-aia-streakHorizLeft {
   0% {
     width: 0;
     height: 4px;
     opacity: 0;
     filter: blur(1px);
-    box-shadow: 0 0 8px 3px rgba(255, 255, 255, 0.3);
+    box-shadow: 0 0 8px 3px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.3);
   }
   15% {
     height: 4px;
     opacity: 1;
     filter: blur(1px);
-    box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.3);
+    box-shadow: 0 0 10px 4px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.3);
   }
   80% {
     width: 50%;
     height: 10px;
     opacity: 0.8;
     filter: blur(3px);
-    box-shadow: 0 0 16px 6px rgba(255, 255, 255, 0.1);
+    box-shadow: 0 0 16px 6px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.1);
   }
   100% {
     width: 50%;
     height: 12px;
     opacity: 0;
     filter: blur(5px);
-    box-shadow: 0 0 20px 8px rgba(255, 255, 255, 0.03);
+    box-shadow: 0 0 20px 8px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.03);
   }
 }
 
-@keyframes magicx-ac-streakVertUp {
+@keyframes magicx-aia-streakVertUp {
   0% {
     height: 0;
     width: 6px;
     opacity: 0.9;
     filter: blur(1.8px);
-    box-shadow: 0 0 12px 5px rgba(255, 255, 255, 0.25);
+    box-shadow: 0 0 12px 5px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.25);
   }
   75% {
     height: 100%;
     width: 10px;
     opacity: 0.4;
     filter: blur(3px);
-    box-shadow: 0 0 18px 8px rgba(255, 255, 255, 0.06);
+    box-shadow: 0 0 18px 8px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
   }
   100% {
     height: 100%;
     width: 14px;
     opacity: 0;
     filter: blur(5px);
-    box-shadow: 0 0 24px 10px rgba(255, 255, 255, 0.02);
+    box-shadow: 0 0 24px 10px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.02);
   }
 }
 
-@keyframes magicx-ac-streakVertDown {
+@keyframes magicx-aia-streakVertDown {
   0% {
     height: 0;
     width: 6px;
     opacity: 0.9;
     filter: blur(1.8px);
-    box-shadow: 0 0 12px 5px rgba(255, 255, 255, 0.25);
+    box-shadow: 0 0 12px 5px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.25);
   }
   75% {
     height: 100%;
     width: 10px;
     opacity: 0.4;
     filter: blur(3px);
-    box-shadow: 0 0 18px 8px rgba(255, 255, 255, 0.06);
+    box-shadow: 0 0 18px 8px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.06);
   }
   100% {
     height: 100%;
     width: 14px;
     opacity: 0;
     filter: blur(5px);
-    box-shadow: 0 0 24px 10px rgba(255, 255, 255, 0.02);
+    box-shadow: 0 0 24px 10px rgba(var(--aia-streak-rgb, 255, 255, 255), 0.02);
   }
 }
 
 /* --- Shimmer --- */
-.magicx-ac-shimmer {
+.magicx-aia-shimmer {
   position: relative;
   z-index: 2;
   display: inline;
 }
 
-.magicx-ac-shimmer-revealed {
+.magicx-aia-shimmer-revealed {
   color: transparent;
   background: linear-gradient(
     120deg,
-    var(--ac-written-text-color, var(--ac-color-text-default, #fff)) 0%,
-    var(--ac-written-text-color, var(--ac-color-text-default, #fff)) 44%,
+    var(--aia-written-text-color, var(--aia-color-text-default, #fff)) 0%,
+    var(--aia-written-text-color, var(--aia-color-text-default, #fff)) 44%,
     #b0b0b0 48%,
     #b0b0b0 52%,
-    var(--ac-written-text-color, var(--ac-color-text-default, #fff)) 56%,
-    var(--ac-written-text-color, var(--ac-color-text-default, #fff)) 100%
+    var(--aia-written-text-color, var(--aia-color-text-default, #fff)) 56%,
+    var(--aia-written-text-color, var(--aia-color-text-default, #fff)) 100%
   );
   background-size: 200% 100%;
   -webkit-background-clip: text;
   background-clip: text;
 }
 
-.magicx-ac-shimmer-sweep {
-  animation: magicx-ac-textShimmer 650ms ease-out forwards;
+.magicx-aia-shimmer-sweep {
+  animation: magicx-aia-textShimmer 650ms ease-out forwards;
 }
 
-@keyframes magicx-ac-textShimmer {
+@keyframes magicx-aia-textShimmer {
   0% {
     background-position: 100% 0;
   }
@@ -555,7 +573,7 @@
   }
 }
 
-.magicx-ac-shimmer-hidden {
+.magicx-aia-shimmer-hidden {
   color: transparent !important;
 }
 
@@ -564,56 +582,79 @@
  * Consumer CSS always wins without !important.
  *
  * Resolution priority (highest wins):
- * 1. Consumer CSS targeting new vars (--ac-pill-bg, etc.)
- * 2. Consumer CSS targeting legacy vars (--ac-color-*, via fallback chain)
+ * 1. Consumer CSS targeting new vars (--aia-pill-bg, etc.)
+ * 2. Consumer CSS targeting legacy vars (--aia-color-*, via fallback chain)
  * 3. These built-in defaults
  */
 
 /* Light mode defaults (base) */
-:where(.magicx-ac),
-:where(.magicx-ac[data-mode="light"]) {
-  --ac-pill-bg: #f1f5f9;
-  --ac-pill-color: #475569;
-  --ac-pill-font-size: 19px;
+:where(.magicx-aia),
+:where(.magicx-aia[data-mode="light"]) {
+  --aia-pill-bg: #bdbdbd;
+  --aia-pill-color: #000000;
+  --aia-pill-font-size: 19px;
+
+  --aia-option-bg: transparent;
+  --aia-option-color: #000000;
+  --aia-option-color-selected: #000000;
+  --aia-option-font-size: 19px;
+
+  --aia-written-text-color: #000000;
+  --aia-written-text-font-size: 19px;
+  --aia-caret-color: var(--aia-written-text-color, #000000);
 
-  --ac-option-bg: transparent;
-  --ac-option-color: #475569;
-  --ac-option-color-selected: #0f172a;
-  --ac-option-font-size: 19px;
+  --aia-submit-bg: #000000;
+  --aia-submit-color: #ffffff;
 
-  --ac-written-text-color: #0f172a;
-  --ac-written-text-font-size: 19px;
+  --aia-color-text-muted: #6b7280;
+
+  --aia-streak-rgb: 99, 102, 241;
+  --aia-streak-glass-bg: rgba(99, 102, 241, 0.1);
 }
 
 /* Dark mode defaults */
-:where(.magicx-ac[data-mode="dark"]) {
-  --ac-pill-bg: #1e293b;
-  --ac-pill-color: #cbd5e1;
-  --ac-pill-font-size: 19px;
+:where(.magicx-aia[data-mode="dark"]) {
+  --aia-pill-bg: #bdbdbd;
+  --aia-pill-color: #ffffff;
+  --aia-pill-font-size: 19px;
+
+  --aia-option-bg: transparent;
+  --aia-option-color: #ffffff;
+  --aia-option-color-selected: #ffffff;
+  --aia-option-font-size: 19px;
+
+  --aia-written-text-color: #ffffff;
+  --aia-written-text-font-size: 19px;
+  --aia-caret-color: var(--aia-written-text-color, #ffffff);
 
-  --ac-option-bg: transparent;
-  --ac-option-color: #cbd5e1;
-  --ac-option-color-selected: #f8fafc;
-  --ac-option-font-size: 19px;
+  --aia-submit-bg: #ffffff;
+  --aia-submit-color: #000000;
 
-  --ac-written-text-color: #f1f5f9;
-  --ac-written-text-font-size: 19px;
+  --aia-color-text-muted: #c1c4cb;
+
+  --aia-streak-rgb: 255, 255, 255;
+  --aia-streak-glass-bg: rgba(255, 255, 255, 0.1);
 }
 
 /* optionsPosition: dropdown above the input */
-:where(.magicx-ac[data-options-position="above"]) [data-ac-dropdown] {
+:where(.magicx-aia[data-options-position="above"]) [data-aia-dropdown] {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: 6px;
+  flex-direction: column-reverse;
+}
+
+:where(.magicx-aia[data-options-position="above"]) [data-aia-pillbar] {
+  padding: 0 27px 27px 27px;
 }
 
 /* Disable all animations when data-animations="off" */
-:where(.magicx-ac[data-animations="off"]) *,
-:where(.magicx-ac[data-animations="off"]) *::before,
-:where(.magicx-ac[data-animations="off"]) *::after {
+:where(.magicx-aia[data-animations="off"]) *,
+:where(.magicx-aia[data-animations="off"]) *::before,
+:where(.magicx-aia[data-animations="off"]) *::after {
   animation-duration: 0s !important;
   transition-duration: 0s !important;
 }
-`;var ve=0;function Ce(){return`:ac-${++ve}:`}function J(){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:""}}var E=class{constructor(e,t={}){this.store=A(J());this.listboxId=Ce();this.modeController=null;this.unsubscribers=[];this.derivedInProgress=!1;this.domRefs=null;this.container=e,this.opts=t,t.value!==void 0&&this.store.set({text:t.value}),t.completedParams!==void 0&&this.store.set({completedParams:t.completedParams}),this.pillsController=new O(this.store),this.fetchController=new T(this.store,()=>this.opts.apiConfig,()=>this.opts.optionOverrides,()=>this.opts.maskCompletedText,()=>this.opts.onError),this.keyboardController=new S(this.store,{columns:t.columns??2,listboxId:this.listboxId,onSubmit:t.onSubmit,selectOption:n=>this.selectOption(n)}),this.unsubscribers.push(this.store.subscribe((n,o)=>{this.recomputeDerived(n,o)})),this.unsubscribers.push(this.store.subscribe((n,o)=>{n.text!==o.text&&this.opts.onChange?.(n.text),n.completedParams!==o.completedParams&&this.opts.onParamsChange?.(n.completedParams),this.opts.onStateChange?.(n)})),Y(),this.setupContainer(),this.buildAndRender(),this.fetchController.start()}focus(){this.domRefs?.textarea.focus()}reset(){this.store.set({...J()}),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.newParamTimer&&clearTimeout(this.newParamTimer);for(let e of this.unsubscribers)e();this.unsubscribers=[],this.domRefs=null,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()}clearNewParamId(){this.store.set({newParamId:null})}getState(){return this.store.get()}get isReady(){return this.store.get().isReady}on(e,t){switch(e){case"submit":return this.opts.onSubmit=t,this.keyboardController=new S(this.store,{columns:this.opts.columns??2,listboxId:this.listboxId,onSubmit:this.opts.onSubmit,selectOption:n=>this.selectOption(n)}),()=>{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};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.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(),n=t.actionableSuggestions[0];if(!n)return;let o=t.filterBase,s=t.text.slice(0,o),a=s.length===0&&t.text.length===0;a&&t.placeholderText&&(s=`${t.placeholderText} `);let l=H(s,e.text);l>0&&(s=s.slice(0,s.length-l));let r=s.length>0&&s[s.length-1]!==" ",c=`${s}${r?" ":""}${e.text} `,p=a&&c.length>0?c[0].toUpperCase()+c.slice(1):c,d=p.toLowerCase().lastIndexOf(e.text.toLowerCase()),g=d>=0?p.slice(d,d+e.text.length):e.text,u={id:crypto.randomUUID(),placeholder:"",type:n.type,text:g,kind:e.kind,suggestionType:n.type,suggestionPlaceholder:n.text,options:n.options??[],metadata:e.metadata},m=t.actionableSuggestions.length-1;this.store.set(f=>({text:p,filterBase:p.length,completedParams:[...f.completedParams,u],newParamId:u.id,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:m>0})),setTimeout(()=>{this.store.set(f=>({suggestions:f.suggestions.filter(h=>h!==n)}))},400)}recomputeDerived(e,t){if(this.derivedInProgress)return;this.derivedInProgress=!0;let n=N(e.text,e.completedParams),o=e.suggestions.filter(u=>u.type!=="placeholder"),s=o[0],a=s?this.opts.optionOverrides?.[s.type]:void 0,l=y(e.text,e.filterBase,e.filterInProgress),r=s?a?a(l.trim()):s.options??[]:[],c=C(r,l),p=e.suggestions.filter(u=>u.type==="placeholder").map(u=>u.text).join(" ")||this.opts.placeholder||"",d=p.length>0,g=!e.isLoading&&c.length>0&&(!!e.text||e.pillTapped||!d);this.store.set({segments:n,actionableSuggestions:o,filteredOptions:c,placeholderText:p,isDropdownOpen:g}),this.derivedInProgress=!1}setupContainer(){this.container.classList.add("magicx-ac"),this.container.dataset.pillPlacement=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 P(this.container,this.opts.mode??"auto")}buildAndRender(){let e={store:this.store,listboxId:this.listboxId,get pillPlacement(){return t.opts.pillPlacement??"inline"},get onSubmit(){return t.opts.onSubmit},selectOption:o=>this.selectOption(o),setActivePill:o=>this.pillsController.setActivePill(o),handleKeyDown:o=>this.keyboardController.handleKeyDown(o),handleChange:o=>this.handleChange(o)},t=this;this.domRefs=X(this.container,e);let n=!1;this.unsubscribers.push(this.store.subscribe(()=>{n||(n=!0,queueMicrotask(()=>{n=!1,this.domRefs&&_(this.domRefs,this.store.get(),e)}))})),_(this.domRefs,this.store.get(),e),this.unsubscribers.push(this.store.subscribe((o,s)=>{o.newParamId&&o.newParamId!==s.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:n,invalid:o}=F(e,t.completedParams);o.length>0&&this.store.set(s=>({completedParams:n,suggestions:[...o.map(a=>({type:a.suggestionType,text:a.suggestionPlaceholder,required:!0,options:a.options})),...s.suggestions]}))}};0&&(module.exports={AIAutocomplete,createStore});
+`;var ve=0;function Se(){return`:ac-${++ve}:`}function Y(){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}}var M=class{constructor(e,t={}){this.store=L(Y());this._listboxId=Se();this.modeController=null;this.unsubscribers=[];this.derivedInProgress=!1;this.domRefs=null;this.dropdownRefs=null;this.externalListeners=new Set;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 I(this.store),this.fetchController=new O(this.store,()=>this.opts.apiConfig,()=>this.opts.optionOverrides,()=>this.opts.maskCompletedText,()=>this.opts.onError),this.keyboardController=new T(this.store,{columns:t.columns??2,listboxId:this.listboxId,getOnSubmit:()=>this.opts.onSubmit,selectOption:i=>this.selectOption(i)}),this.unsubscribers.push(this.store.subscribe((i,s)=>{this.recomputeDerived(i,s)})),this.unsubscribers.push(this.store.subscribe((i,s)=>{i.text!==s.text&&this.opts.onChange?.(i.text),i.completedParams!==s.completedParams&&this.opts.onParamsChange?.(i.completedParams),this.opts.onStateChange?.(i)})),this.renderMode!=="headless"&&(X(),this.setupContainer()),this.renderMode==="full"?this.buildAndRenderFull():this.renderMode==="dropdown"&&this.buildAndRenderDropdown(),this.fetchController.start()}focus(){this.domRefs?.textarea.focus()}reset(){this.store.set({...Y()}),this.fetchController.doFetch("",[])}destroy(){this.fetchController.dispose(),this.modeController?.destroy(),this.newParamTimer&&clearTimeout(this.newParamTimer),this.suggestionRemovalTimer&&clearTimeout(this.suggestionRemovalTimer),this.externalListeners.clear();for(let e of this.unsubscribers)e();this.unsubscribers=[],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()}clearNewParamId(){this.store.set({newParamId:null})}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};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&&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(),i=t.actionableSuggestions[0];if(!i)return;let s=t.filterBase,n=t.text.slice(0,s),r=n.length===0&&t.text.length===0,d=n.length===0&&t.text.length>0&&t.placeholderText.length>0&&t.placeholderText.toLowerCase().startsWith(t.text.toLowerCase());(r||d)&&t.placeholderText&&(n=`${t.placeholderText} `);let a=K(n,e.text);a>0&&(n=n.slice(0,n.length-a));let c=n.length>0&&n[n.length-1]!==" ",l=`${n}${c?" ":""}${e.text} `,p=(r||d)&&l.length>0?l[0].toUpperCase()+l.slice(1):l,u=p.toLowerCase().lastIndexOf(e.text.toLowerCase()),g=u>=0?p.slice(u,u+e.text.length):e.text,m={id:crypto.randomUUID(),placeholder:"",type:i.type,text:g,kind:e.kind,suggestionType:i.type,suggestionPlaceholder:i.text,options:i.options??[],metadata:e.metadata},x=t.actionableSuggestions.length-1;this.store.set(h=>({text:p,filterBase:p.length,completedParams:[...h.completedParams,m],newParamId:m.id,pillTapped:!1,activeDropdownIndex:-1,skipNextFetch:x>0})),this.suggestionRemovalTimer=window.setTimeout(()=>{this.store.set(h=>({suggestions:h.suggestions.filter(f=>f!==i)}))},400)}recomputeDerived(e,t){if(this.derivedInProgress)return;this.derivedInProgress=!0;let i=N(e.text,e.completedParams),s=e.suggestions.filter(h=>h.type!=="placeholder"),n=s[0],r=n?this.opts.optionOverrides?.[n.type]:void 0,d=Math.min(e.filterBase,e.text.length),c=e.lastRawQuery!==""||d>0?v(e.text,d,e.filterInProgress):"",l=n?r?r(c.trim()):n.options??[]:[],p=C(l,c),u=e.suggestions.filter(h=>h.type==="placeholder").map(h=>h.text).join(" "),g=this.opts.dropdownTrigger??"auto",m=!1;g==="auto"?m=!e.isLoading&&p.length>0&&e.isFocused:g==="manual"&&(m=!e.isLoading&&p.length>0&&e.pillTapped),this.store.set({segments:i,actionableSuggestions:s,filteredOptions:p,placeholderText:u,isDropdownOpen:m}),this.derivedInProgress=!1;let x=this.store.get();for(let h of this.externalListeners)h(x)}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 w(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},selectOption:i=>this.selectOption(i),setActivePill:i=>this.pillsController.setActivePill(i),handleKeyDown:i=>this.keyboardController.handleKeyDown(i),handleChange:i=>this.handleChange(i)};this.domRefs=G(this.container,t),this.subscribeBatchedRender(()=>{this.domRefs&&H(this.domRefs,this.store.get(),t)}),H(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=W(this.container,e),this.subscribeBatchedRender(()=>{this.dropdownRefs&&_(this.dropdownRefs,this.store.get(),e)}),_(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:i,invalid:s}=B(e,t.completedParams);s.length>0&&this.store.set(n=>({completedParams:i,suggestions:[...s.map(r=>({type:r.suggestionType,text:r.suggestionPlaceholder,required:!0,options:r.options})),...n.suggestions]}))}};0&&(module.exports={AIAutocomplete,createStore});
 //# sourceMappingURL=index.js.map