@scaleflex/asset-picker 0.1.0 → 0.2.0

package/dist/{asset-picker-BbEOZw7O.cjs → asset-picker-DBOWNXd-.cjs}

@@ -1,4 +1,4 @@
-"use strict";const o=require("lit"),c=require("lit/decorators.js");class ys{constructor(e){this.listeners=new Set,this._notifying=!1,this._pendingState=null,this.state=e}getState(){return this.state}setState(e){if(this._notifying){this._pendingState={...this._pendingState||{},...e};return}const s=this.state;this.state={...s,...e},this._notifying=!0;try{this.listeners.forEach(a=>a(this.state,s))}finally{this._notifying=!1}if(this._pendingState){const a=this._pendingState;this._pendingState=null,this.setState(a)}}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}destroy(){this.listeners.clear()}}function xs(){return new ys({config:null,projectToken:"",sassKey:"",brandColor:"",isOpen:!1,activeTab:"assets",viewMode:"grid",searchQuery:"",sortBy:"modified_at",sortDirection:"desc",previewAsset:null,isPreviewOpen:!1,assets:[],folders:[],folderPreviews:{},labels:[],tags:[],currentFolder:null,currentFolderPath:"/",breadcrumb:[],offset:0,limit:100,totalCount:0,totalFolderCount:0,isLoading:!1,isSelectingAll:!1,hasMore:!1,filters:{metadata:{pinned:[],visible:[],applied:{}},pinned:[],visible:[],applied:{}},metadataFields:[],regionalVariantGroups:[],regionalFilters:{},selectedAssets:new Map})}class $s{constructor(e,s){this.host=e,this.store=s,e.addController(this)}get state(){return this.store.getState()}setState(e){this.store.setState(e)}hostConnected(){this.unsubscribe=this.store.subscribe(()=>{this.host.requestUpdate()})}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}}class ws{constructor(e,s){this.lastClickedIndex=-1,this.host=e,this.store=s,e.addController(this)}hostConnected(){}hostDisconnected(){}handleSelect(e,s,a){var d,h;const i=this.store.getState(),r=new Map(i.selectedAssets);if(!(((d=i.config)==null?void 0:d.multiSelect)??!0)){r.clear(),r.set(e.uuid,e),this.store.setState({selectedAssets:r}),this.lastClickedIndex=s;return}if(a.shiftKey&&this.lastClickedIndex>=0){const u=Math.min(this.lastClickedIndex,s),g=Math.max(this.lastClickedIndex,s),p=i.assets;for(let f=u;f<=g;f++)p[f]&&r.set(p[f].uuid,p[f])}else a.metaKey||a.ctrlKey?r.has(e.uuid)?r.delete(e.uuid):r.set(e.uuid,e):(r.clear(),r.set(e.uuid,e));const l=(h=i.config)==null?void 0:h.maxSelections;l&&r.size>l||(this.lastClickedIndex=s,this.store.setState({selectedAssets:r}))}isSelected(e){return this.store.getState().selectedAssets.has(e)}resetRange(){this.lastClickedIndex=-1}selectAll(e){var n;const a=(n=this.store.getState().config)==null?void 0:n.maxSelections,i=new Map,r=a?Math.min(e.length,a):e.length;for(let l=0;l<r;l++)i.set(e[l].uuid,e[l]);return this.store.setState({selectedAssets:i}),this.lastClickedIndex=-1,i.size}clearSelection(){this.store.setState({selectedAssets:new Map}),this.lastClickedIndex=-1}getSelectedAssets(){return Array.from(this.store.getState().selectedAssets.values())}}class Ss{constructor(e,s){this.host=e,this.onLoadMore=s,e.addController(this)}hostConnected(){}hostDisconnected(){this.disconnect()}observe(e,s){this.disconnect(),this.sentinel=e,this.observer=new IntersectionObserver(a=>{var i;(i=a[0])!=null&&i.isIntersecting&&this.onLoadMore()},{root:s??null,rootMargin:"200px"}),this.observer.observe(e)}disconnect(){this.observer&&this.sentinel&&(this.observer.unobserve(this.sentinel),this.observer.disconnect()),this.observer=void 0,this.sentinel=void 0}}const Nt=5,Ce=40,jt=15;class Cs{constructor(e,s){this.startX=0,this.startY=0,this.startClientX=0,this.startClientY=0,this.preMarqueeSelection=new Map,this._dragging=!1,this._scrollRAF=null,this._lastMouseEvent=null,this.isActive=!1,this.rect={x:0,y:0,width:0,height:0},this.handleMouseDown=a=>this.onMouseDown(a),this.handleMouseMove=a=>this.onMouseMove(a),this.handleMouseUp=()=>this.onMouseUp(),this.host=e,this.store=s,e.addController(this)}hostConnected(){}hostDisconnected(){this.detach()}attach(e){this.detach(),this.container=e,e.addEventListener("mousedown",this.handleMouseDown)}detach(){this.container&&this.container.removeEventListener("mousedown",this.handleMouseDown),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.stopAutoScroll(),this._lastMouseEvent=null}isInteractiveTarget(e){return e.composedPath().some(a=>{if(!(a instanceof HTMLElement))return!1;if(a instanceof HTMLButtonElement||a instanceof HTMLInputElement)return!0;const i=a.tagName.toLowerCase();return!!(i.startsWith("ap-asset-")||i.startsWith("ap-folder-")||a.classList.contains("check")||a.classList.contains("check-box"))})}onMouseDown(e){if(e.button!==0||this.isInteractiveTarget(e))return;const s=this.container.getBoundingClientRect();this.startX=e.clientX-s.left+this.container.scrollLeft,this.startY=e.clientY-s.top+this.container.scrollTop,this.startClientX=e.clientX,this.startClientY=e.clientY,this._dragging=!1,this.isActive=!1,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp)}onMouseMove(e){if(this.container){if(!this._dragging){const s=Math.abs(e.clientX-this.startClientX),a=Math.abs(e.clientY-this.startClientY);if(s<Nt&&a<Nt)return;this._dragging=!0,this.isActive=!0,this.preMarqueeSelection=new Map(this.store.getState().selectedAssets)}this._lastMouseEvent=e,this.updateMarqueeRect(e),this.startAutoScroll(e)}}updateMarqueeRect(e){if(!this.container)return;const s=this.container.getBoundingClientRect(),a=e.clientX-s.left+this.container.scrollLeft,i=e.clientY-s.top+this.container.scrollTop;this.rect={x:Math.min(this.startX,a),y:Math.min(this.startY,i),width:Math.abs(a-this.startX),height:Math.abs(i-this.startY)},this.host.requestUpdate(),this.selectIntersecting()}startAutoScroll(e){if(!this.container)return;const s=this.container.getBoundingClientRect(),a=e.clientY-s.top,i=s.bottom-e.clientY,r=a<Ce||i<Ce;r&&!this._scrollRAF?this._scrollRAF=requestAnimationFrame(()=>this.autoScrollTick()):r||this.stopAutoScroll()}autoScrollTick(){if(this._scrollRAF=null,!this.container||!this._dragging||!this._lastMouseEvent)return;const e=this.container.getBoundingClientRect(),s=this._lastMouseEvent,a=s.clientY-e.top,i=e.bottom-s.clientY;let r=0;a<Ce?r=-jt*(1-a/Ce):i<Ce&&(r=jt*(1-i/Ce)),r!==0&&(this.container.scrollTop+=r,this.updateMarqueeRect(s),this._scrollRAF=requestAnimationFrame(()=>this.autoScrollTick()))}stopAutoScroll(){this._scrollRAF&&(cancelAnimationFrame(this._scrollRAF),this._scrollRAF=null)}onMouseUp(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.stopAutoScroll(),this._lastMouseEvent=null,this._dragging&&(this.isActive=!1,this._dragging=!1,this.rect={x:0,y:0,width:0,height:0},this.host.requestUpdate())}queryCards(){for(const e of Array.from(this.container.children))if(e.shadowRoot){const s=e.shadowRoot.querySelectorAll("[data-asset-uuid]");if(s.length>0)return s}return this.container.querySelectorAll("[data-asset-uuid]")}selectIntersecting(){var i;if(!this.container)return;const e=this.queryCards(),s=new Map(this.preMarqueeSelection);e.forEach(r=>{const n=r.getBoundingClientRect(),l=this.container.getBoundingClientRect(),d={x:n.left-l.left+this.container.scrollLeft,y:n.top-l.top+this.container.scrollTop,width:n.width,height:n.height},h=this.rect.x<d.x+d.width&&this.rect.x+this.rect.width>d.x&&this.rect.y<d.y+d.height&&this.rect.y+this.rect.height>d.y,u=r.dataset.assetUuid;if(h){const g=this.store.getState().assets.find(p=>p.uuid===u);g&&s.set(u,g)}});const a=(i=this.store.getState().config)==null?void 0:i.maxSelections;if(a&&s.size>a){const r=Array.from(s.entries()).slice(0,a);this.store.setState({selectedAssets:new Map(r)})}else this.store.setState({selectedAssets:s})}}class ks{constructor(e,s){this.auth=e;const a=e.projectToken;this.baseUrl=s||`https://api.filerobot.com/${a}/v5`}setSassKey(e){this.sassKey=e}getSecurityTemplateKey(){if(this.auth.mode==="securityTemplate")return this.auth.securityTemplateKey}async request(e,s){const a=new URL(`${this.baseUrl}${e}`);s&&Object.entries(s).forEach(([l,d])=>{d!=null&&(Array.isArray(d)?a.searchParams.set(l,d.join(",")):a.searchParams.set(l,String(d)))});const i={};if(this.auth.mode==="session"){const l=this.auth;i["X-Session-Token"]=l.sessionToken,i["X-Company-Token"]=l.companyToken,i["X-Project-Token"]=l.projectToken}else{const l=this.auth;this.sassKey?i["X-Filerobot-Key"]=this.sassKey:i["X-Filerobot-Key"]=l.securityTemplateKey}const r=new AbortController,n=setTimeout(()=>r.abort(),3e4);try{const l=await fetch(a.toString(),{headers:i,signal:r.signal});if(clearTimeout(n),!l.ok){let h=`API error: ${l.status} ${l.statusText}`;try{const u=await l.json();u.msg&&(h=`API error: ${l.status} - ${u.msg}`)}catch{}throw new Error(h)}const d=await l.json();if(d.status==="error")throw new Error(`API error: ${d.msg||"Unknown error"}`);return d}catch(l){throw clearTimeout(n),l instanceof DOMException&&l.name==="AbortError"?new Error("API request timed out"):l}}async post(e,s){const a=new URL(`${this.baseUrl}${e}`),i={"Content-Type":"application/json"};if(this.auth.mode==="session"){const l=this.auth;i["X-Session-Token"]=l.sessionToken,i["X-Company-Token"]=l.companyToken,i["X-Project-Token"]=l.projectToken}else{const l=this.auth;this.sassKey?i["X-Filerobot-Key"]=this.sassKey:i["X-Filerobot-Key"]=l.securityTemplateKey}const r=new AbortController,n=setTimeout(()=>r.abort(),3e4);try{const l=await fetch(a.toString(),{method:"POST",headers:i,body:JSON.stringify(s),signal:r.signal});if(clearTimeout(n),!l.ok){let h=`API error: ${l.status} ${l.statusText}`;try{const u=await l.json();u.msg&&(h=`API error: ${l.status} - ${u.msg}`)}catch{}throw new Error(h)}const d=await l.json();if(d.status==="error")throw new Error(`API error: ${d.msg||"Unknown error"}`);return d}catch(l){throw clearTimeout(n),l instanceof DOMException&&l.name==="AbortError"?new Error("API request timed out"):l}}}function Es(t){const e={offset:t.offset??0,limit:t.limit??100,format:"json,regvar:api,select:internal",preview:2301,recursive:t.recursive??1},s=t.sort_by??"created_at",a=t.sort_direction??"desc",i={created_at:"created_at",modified_at:"modified_at",name:"name",size:"size",type:"type"};e.sort=`${i[s]||s}:${a}`,t.folder&&(e.folder=t.folder);const r=[];return t.search&&r.push(t.search),t.q&&r.push(t.q),r.length>0&&(e.q=r.join(" ")),e}async function We(t,e){const s=Es(e);return t.request("/files",s)}async function Bt(t,e){const s={folder:e.folder,recursive:e.recursive??1},a=[];return e.search&&a.push(e.search),e.q&&a.push(e.q),a.length>0&&(s.q=a.join(" ")),t.request("/files/stats",s)}async function Fs(t,e){const s={recursive:(e==null?void 0:e.recursive)??0,folder:(e==null?void 0:e.folderPath)??"/",limit:(e==null?void 0:e.limit)??1e3,offset:(e==null?void 0:e.offset)??0};e!=null&&e.q&&(s.q=e.q);const a=(e==null?void 0:e.sort_by)??"created_at",i=(e==null?void 0:e.sort_direction)??"asc",r={created_at:"created_at",modified_at:"modified_at",name:"name"};return s.sort=`${r[a]||a}:${i}`,await t.request("/folders",s)}async function As(t,e){return e.length===0?{}:(await t.post("/folders/previews",{folders:e})).folders||{}}async function Ts(t){return await t.request("/labels")}async function Ms(t){return((await t.request("/tags")).tags||[]).map(a=>({...a,label:a.names.en||Object.values(a.names)[0]||""})).filter(a=>a.label).sort((a,i)=>a.label.localeCompare(i.label))}async function Os(t){const e=t.getSecurityTemplateKey();if(!e)throw new Error("Security template key is required for SASS key exchange");return(await t.request(`/key/${e}`)).key}const m={TYPE:"type",MIME_TYPE:"mimetype",METADATA:"metadata",DATE:"date",APPROVAL:"approval",SIZE:"size",LICENSE_EXPIRY:"asset_expiration",TAGS:"tags",IMAGE:"image",LABELS:"labels",PRODUCT_REF:"product_ref",FACES:"faces",COLOR:"color"},R={STATUS:"approval_status",APPROVER:"task_approver",REQUESTOR:"task_requester",DUE_DATE:"task_duedate"},b={IS:":",RANGE:"..",IS_NOT:":-",IS_EXACT:":=",CONTAINS:"~",CONTAINS_IN_TEXT:"~~~",GREATER_THAN_OR_EQUAL:">=",LESS_THAN_OR_EQUAL:"<="},Ls={AND:"AND"},x={NUMERIC:"numeric",SELECT_ONE:"select-one",MULTI_SELECT:"multi-select",TEXT_AREA:"textarea",TEXT:"text",SUPERTAGS:"tags",DATE:"date",BOOLEAN:"boolean",ATTACHMENTS_ASSETS:"attachments-assets",ATTACHMENT_URI:"attachment-uri",GEO_POINT:"geopoint",DECIMAL2:"decimal2",INTEGER_LIST:"integer-list"},dt={[x.DATE]:"date_",[x.BOOLEAN]:"bool_",[x.NUMERIC]:"num_",[x.DECIMAL2]:"dec_",[x.ATTACHMENTS_ASSETS]:"attach_",[x.ATTACHMENT_URI]:"uri_",[x.SELECT_ONE]:"one_",[x.MULTI_SELECT]:"multi_",[x.SUPERTAGS]:"tags_",[x.TEXT]:"text_",[x.TEXT_AREA]:"area_",[x.GEO_POINT]:"geo_",[x.INTEGER_LIST]:"intlist_"};Object.fromEntries(Object.entries(dt).map(([t,e])=>[e,t]));const Zt=Object.values(dt),De={PRESET:"preset",AFTER:"after",BEFORE:"before",BETWEEN:"between",SPECIFIC:"specific"},Vt={EMPTY:"empty",NOT_EMPTY:"non-empty"},B="empty",V="non-empty",he="specific",mt=10,vt=10,ke=10,Jt="filters:pinned:",es="metadata:pinned:",qt=[m.DATE,m.TYPE],ts=b.IS,Ze="20",Je="1",Ps=0,Is=[{key:m.DATE,label:"Date",icon:"calendar-days",type:"date"},{key:m.TYPE,label:"Format",icon:"file-type",type:"string"},{key:m.SIZE,label:"Size",icon:"scaling",type:"string"},{key:m.LICENSE_EXPIRY,label:"License expiry",icon:"history",type:"date"},{key:m.TAGS,label:"Tags",icon:"hash",type:"string"},{key:m.LABELS,label:"Labels",icon:"tag",type:"string"},{key:m.PRODUCT_REF,label:"Products",icon:"box",type:"string"},{key:m.IMAGE,label:"Image",icon:"image",type:"string"},{key:m.COLOR,label:"Color",icon:"swatch-book",type:"string"}],Ds={key:m.METADATA,label:"Metadata",icon:"file-text",type:"string"},zs={key:m.APPROVAL,label:"Approval",icon:"badge-check",type:"string"},Ut=[Ds,...Is,zs],Ee={[m.TYPE]:"Format",[m.DATE]:"Date",[m.SIZE]:"Size",[m.LICENSE_EXPIRY]:"License expiry",[m.TAGS]:"Tags",[m.LABELS]:"Labels",[m.PRODUCT_REF]:"Products",[m.IMAGE]:"Image",[m.COLOR]:"Color",[m.METADATA]:"Metadata",[m.APPROVAL]:"Approval"},ie={IMAGE:"image",VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",ARCHIVE:"archive",DESIGN_TEMPLATE:"template_fdt",OTHER:"other",FONTS:"font"},ss=[{value:ie.IMAGE,label:"Image",icon:"image"},{value:ie.VIDEO,label:"Video",icon:"clapperboard"},{value:ie.AUDIO,label:"Audio",icon:"music"},{value:ie.DOCUMENT,label:"Document",icon:"document"},{value:ie.ARCHIVE,label:"Archive",icon:"archive"},{value:ie.DESIGN_TEMPLATE,label:"Design template",icon:"layout-template"},{value:ie.FONTS,label:"Fonts",icon:"text"},{value:ie.OTHER,label:"Other",icon:"layout-grid"}],bt={RESOLUTION:0,ORIENTATION:1,FACES:2},Rs=[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}],Ns=[{value:"portrait",label:"Portrait"},{value:"landscape",label:"Landscape"},{value:"square",label:"Square"},{value:"panorama",label:"Panorama"}],js=[{value:"none",label:"None"},{value:"1",label:"1"},{value:"2",label:"2"},{value:"3..",label:"3+"}],is=[{value:"created",label:"Created at"},{value:"updated",label:"Updated at"}],Ft=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"last_week",label:"Last week"},{value:"after",label:"After date"},{value:"last_month",label:"Last month"},{value:"between",label:"Between dates"},{value:"last_year",label:"Last year"}],as=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"within_week",label:"Within week"},{value:"after",label:"After date"},{value:"within_month",label:"Within month"},{value:"between",label:"Between dates"},{value:"within_year",label:"Within year"},{value:"specific",label:"Specific date"}],Bs=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"within_week",label:"Within week"},{value:"after",label:"After date"},{value:"within_month",label:"Within month"},{value:"between",label:"Between dates"},{value:"within_year",label:"Within year"},{value:"specific",label:"Specific date"}],Vs=["#ffffff","#99a1af","#000000","#894b00","#e7000b","#ff8904","#fdc700","#9ae600","#008236","#00bcff","#1447e6","#7f22fe","#e60076"],qs=[{label:"None (Exact)",value:"0"},{label:"Small",value:"1"},{label:"Medium",value:"2"},{label:"Large",value:"4"}],_t=[{label:"Is",value:b.IS},{label:"Contains",value:b.CONTAINS_IN_TEXT}],X=[{label:"Is",value:b.IS},{label:"Is not",value:b.IS_NOT}],yt=[{label:"Is",value:b.IS_EXACT},{label:"Contains",value:b.IS},{label:"Does not contain",value:b.IS_NOT}],xt=[{label:"Is",value:b.IS},{label:"Greater than",value:b.GREATER_THAN_OR_EQUAL},{label:"Is not",value:b.IS_NOT},{label:"Less than",value:b.LESS_THAN_OR_EQUAL},{label:"Between",value:b.RANGE}],Us=[{label:"Is",value:b.IS_EXACT},{label:"Is not",value:b.IS_NOT}],Ht=[{label:"Contains",value:b.CONTAINS},{label:"Does not contain",value:b.IS_NOT}],Hs=[{value:"APPROVED",label:"Approved",icon:"circle-check-big",iconColor:"var(--ap-success, #22c55e)"},{value:"PENDING",label:"Pending",icon:"clock",iconColor:"var(--ap-warning, #eab308)"},{value:"REJECTED",label:"Rejected",icon:"x-circle",iconColor:"var(--ap-destructive, #ef4444)"},{value:"CANCELLED",label:"Cancelled",icon:"ban",iconColor:"var(--ap-muted-foreground, #71717a)"}],fe=[{label:"Empty",value:B},{label:"Not empty",value:V}],$t=[...fe,{label:"Specific",value:he}],Ks=[{label:"Empty",value:B},{label:"Not empty",value:V},{label:"True",value:"true"},{label:"False",value:"false"}],Gs={[x.TEXT]:"text",[x.TEXT_AREA]:"text",[x.NUMERIC]:"number",[x.DECIMAL2]:"number",[x.BOOLEAN]:"boolean",[x.SELECT_ONE]:"select-one",[x.MULTI_SELECT]:"multi-select",[x.SUPERTAGS]:"tags",[x.DATE]:"date",[x.GEO_POINT]:"geo",[x.ATTACHMENTS_ASSETS]:"attachment",[x.ATTACHMENT_URI]:"attachment",[x.INTEGER_LIST]:"attachment"};async function Ys(t){var v,F,_,I;const e=await t.request("/settings"),s=e.settings??e,a=(s==null?void 0:s.metadata)??e.metadata,r=((a==null?void 0:a.model)??[])[Ps],n=a==null?void 0:a.store,d=((n==null?void 0:n.regional_variants_groups)??[]).map($=>({uuid:$.uuid,label:$.label??$.name??"",variants:($.variants??[]).map(w=>({api_value:w.api_value??w.value??"",internal_unique_value:w.internal_unique_value??w.api_value??"",label:w.label??w.name??""}))})).filter($=>$.variants.length>1),h={};for(const $ of d)h[$.uuid]=((v=$.variants[0])==null?void 0:v.api_value)??"";const u=(s==null?void 0:s.project_branding)??((F=e.settings)==null?void 0:F.project_branding),g=u==null?void 0:u.brandColor;if(!r)return{fields:[],regionalVariantGroups:d,regionalFilters:h,brandColor:g};const p=r.groups??[],f=[];for(const $ of p){const w=($.fields??[]).find(S=>S.type==="select-one"||S.type==="multi-select");if(w){console.log("[ap-debug] raw select field:",JSON.stringify(w));break}}for(const $ of p){const w=((_=$.name)==null?void 0:_.toLowerCase())==="products"||((I=$.name)==null?void 0:I.toLowerCase())==="product fields";for(const S of $.fields??[]){const A=S.possible_values,L=A==null?void 0:A.map(k=>({api_value:k.api_value??k.value??"",internal_unique_value:k.internal_unique_value??k.api_value??"",label:k.label??k.name??k.api_value??""}));f.push({key:S.key??S.ckey,label:S.title??S.label??S.key??"",type:S.type??"text",slug:S.slug,ckey:S.ckey,possible_values:L,group:w?"product":"root",regionalVariantsGroupUuid:S.regional_variants_group_uuid})}}return{fields:f,regionalVariantGroups:d,regionalFilters:h,brandColor:g}}function ue(t){return t.toLocaleDateString("en-CA")}function Qe(){return ue(new Date)}function rs(t){const e=new Date;switch(t){case"today":return{from:Qe(),to:null};case"last_week":{const s=new Date(e);return s.setDate(s.getDate()-7),{from:ue(s),to:null}}case"within_week":{const s=new Date(e);return s.setDate(s.getDate()+7),{from:Qe(),to:ue(s)}}case"last_month":{const s=new Date(e);return s.setDate(s.getDate()-30),{from:ue(s),to:null}}case"within_month":{const s=new Date(e);return s.setDate(s.getDate()+30),{from:Qe(),to:ue(s)}}case"last_year":{const s=new Date(e);return s.setDate(s.getDate()-365),{from:ue(s),to:null}}case"within_year":{const s=new Date(e);return s.setDate(s.getDate()+365),{from:Qe(),to:ue(s)}}default:return null}}function Kt(t,e){return e?e.type==="date"?Xs(e):e.type==="string"?Ws(e):!0:!1}function Xs(t){return!(!t.kind&&!t.preset||t.kind==="preset"&&!t.preset||t.kind==="between"&&!t.from&&!t.to||t.kind==="after"&&!t.from||t.kind==="before"&&!t.to||t.kind==="specific"&&!t.from||t.from&&t.to&&new Date(t.from)>new Date(t.to))}function Ws(t){return!t.values||!Array.isArray(t.values)?!1:t.values.filter(Boolean).length>0}function Qs(t,e={}){const s=[];for(const[a,i]of Object.entries(t)){if(!i||!Kt(a,i))continue;const r=Js(a,i);s.push(...r)}for(const[a,i]of Object.entries(e)){if(!i||!Kt(a,i))continue;const r=ai(a,i);s.push(...r)}return Zs(s)}function Zs(t){const e=[],s=[],a=[];for(const i of t)i.startsWith("type:")||i.startsWith("type=")?e.push(i):i.startsWith("mimetype:")||i.startsWith("mimetype=")?s.push(i):a.push(i);if(e.length>0&&s.length>0){const i=[...e,...s].join(" , ");a.push(i)}else a.push(...e,...s);return a}function Js(t,e){if(e.type==="date")return os(t,e);if(t===m.IMAGE)return ii(e);const s=e,{operator:a=ts,values:i=[],logic:r}=s;if(i.length===0)return[];switch(t){case m.SIZE:return ei(t,i,"..");case m.FACES:return ti(t,a,i);case m.TAGS:return ge(t,a,Yt(i),",",r);case m.LABELS:return ge(t,a,Yt(i),",",r);case m.COLOR:return si(a,i,r);case m.TYPE:return Gt(t,i,a);case m.MIME_TYPE:return Gt(t,i,a);case m.PRODUCT_REF:return ge(t,"=%",i,",",r);default:return ge(t,a,i,",",r)}}function os(t,e){const s=e.field||"created";if(e.kind===De.PRESET&&e.preset){if(e.preset===Vt.EMPTY)return[`${s}:"empty"`];if(e.preset===Vt.NOT_EMPTY)return[`${s}:"non-empty"`];const a=rs(e.preset);return a?a.to===null?[`${s}>"${a.from}"`]:[`${s}:"${a.from}..${a.to}"`]:[]}if(e.kind===De.AFTER&&e.from)return[`${s}:>"${e.from}"`];if(e.kind===De.BEFORE&&e.to)return[`${s}:<"${e.to}"`];if(e.kind===De.BETWEEN){if(e.from&&e.to)return[`${s}:"${e.from}..${e.to}"`];if(e.from&&!e.to)return[`${s}:>"${e.from}"`];if(!e.from&&e.to)return[`${s}:<"${e.to}"`]}return e.kind===De.SPECIFIC&&e.from?[`${s}:"${e.from}"`]:[]}function ei(t,e,s){return e.length===0?[]:[`${t}:"${e.join(s)}"`]}function ti(t,e,s){return s.length===0?[]:[`${t}${e}"${s.join(",")}"`]}function ge(t,e,s,a,i){if(s.length===0)return[];if(i===Ls.AND)return s.map(n=>`${t}${e}"${n}"`);const r=s.map(n=>`"${n}"`).join(a);return[`${t}${e}${r}`]}function si(t,e,s){const a=[],i=ge("color_search",t,e,",",s);return a.push(...i),a.push('color_operator:"AND"'),a}function Gt(t,e,s,a){if(e.length===0)return[];const i=e.map(r=>`"${r}"`).join(",");return[`${t}${s}${i}`]}function ii(t){const e=[];if(typeof t=="object"&&t!==null&&!Array.isArray(t)){const n=t,l=n.resolution,d=n.orientation,h=n.faces;return l!=null&&l.length&&e.push(`resolution:"${l.join(",")}"`),d!=null&&d.length&&e.push(`orientation:"${d.join(",")}"`),h!=null&&h.length&&e.push(`faces:"${h.join(",")}"`),e}const s=t,a=s[bt.RESOLUTION],i=s[bt.ORIENTATION],r=s[bt.FACES];return a&&e.push(`resolution:"${a}"`),i&&e.push(`orientation:"${i}"`),r&&e.push(`faces:"${r}"`),e}function ai(t,e){const s=ni(t),a=oi(t);if(e.type==="date")return ri(s,e,a);const i=e,{operator:r=ts,values:n=[],logic:l,metadataType:d}=i;if(n.length===0)return[];if(n.length===1&&(n[0]===B||n[0]===V)){const h=d===x.GEO_POINT?b.IS+"~":b.IS;return[`${s}${h}"${n[0]}"`]}if((d===x.NUMERIC||d===x.DECIMAL2)&&r===b.RANGE)return[`${s}${b.IS}"${n.join('","')}"`];if(d===x.GEO_POINT){const h=n.map(u=>{const g=u.indexOf("..");if(g===-1)return`(${u})`;const p=u.slice(0,g),f=u.slice(g);return`(${p})${f}`});return ge(s,r+"~",h,",",l)}return ge(s,r,n,",",l)}function ri(t,e,s){const a=os(t,e);return!s||a.length===0?a:a.map(i=>{const r=i.search(/[^a-zA-Z0-9_]/);if(r===-1)return`"${i}"`;const n=i.slice(0,r),d=i.slice(r).replace(/"/g,"");return`"${n}${d}"`})}function oi(t){return t.startsWith("date_")}function ni(t){for(const e of Zt)if(t.startsWith(e))return t.slice(e.length);return t}function Yt(t){return t.map(e=>e.replace(/#/g,""))}const li=new Set([m.DATE,m.LICENSE_EXPIRY,R.DUE_DATE]);function ze(t){if(!t)return{};const e={};for(const[s,a]of Object.entries(t))a&&(e[s]=ci(s,a));return e}function ci(t,e){return e.type==="string"||e.type==="date"?e:li.has(t)?{type:"date",field:e.field??"created",kind:e.kind??null,preset:e.preset??null,from:e.from??null,to:e.to??null}:{type:"string",values:e.values,...e.operator!==void 0&&{operator:e.operator},...e.logic!==void 0&&{logic:e.logic}}}function di(t){const e=localStorage.getItem(Jt+t),s=localStorage.getItem(es+t);let a;try{a=e?JSON.parse(e):[...qt]}catch{a=[...qt]}let i;try{i=s?JSON.parse(s):[]}catch{i=[]}return{pinnedFilters:a,pinnedMetadata:i}}function pi(t,e){localStorage.setItem(Jt+t,JSON.stringify(e))}function hi(t,e){localStorage.setItem(es+t,JSON.stringify(e))}const ns="sort-by",ls="sort-order";function Xt(t,e){try{localStorage.setItem(ns,t),localStorage.setItem(ls,e)}catch{}}function ui(){try{const t=localStorage.getItem(ns),e=localStorage.getItem(ls);return{sortBy:t,sortDirection:e}}catch{return{sortBy:null,sortDirection:null}}}const cs="ap-last-folder",ds="ap-last-view";function Wt(t){try{localStorage.setItem(cs,t)}catch{}}function fi(){try{return localStorage.getItem(cs)}catch{return null}}function gi(t){try{localStorage.setItem(ds,t)}catch{}}function mi(){try{return localStorage.getItem(ds)}catch{return null}}function vi(t){const e=t.replace("#",""),s=e.length===3?e[0]+e[0]+e[1]+e[1]+e[2]+e[2]:e,a=parseInt(s.slice(0,2),16)/255,i=parseInt(s.slice(2,4),16)/255,r=parseInt(s.slice(4,6),16)/255;return[a,i,r]}function wt(t){return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function bi(t,e,s){const a=wt(t),i=wt(e),r=wt(s),n=.4122214708*a+.5363325363*i+.0514459929*r,l=.2119034982*a+.6806995451*i+.1073969566*r,d=.0883024619*a+.2817188376*i+.6299787005*r,h=Math.cbrt(n),u=Math.cbrt(l),g=Math.cbrt(d),p=.2104542553*h+.793617785*u-.0040720468*g,f=1.9779984951*h-2.428592205*u+.4505937099*g,v=.0259040371*h+.7827717662*u-.808675766*g,F=Math.sqrt(f*f+v*v);let _=Math.atan2(v,f)*(180/Math.PI);return _<0&&(_+=360),[p,F,_]}function _i(t){return t>.7}function yi(t,e){const s=["--ap-primary","--ap-primary-foreground","--ap-primary-10","--ap-primary-20","--ap-ring","--ap-selection-bg"];if(!e){for(const g of s)t.style.removeProperty(g);return}const[a,i,r]=vi(e),[n,l,d]=bi(a,i,r),h=`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)})`,u=_i(n)?"#000":"#fff";t.style.setProperty("--ap-primary",h),t.style.setProperty("--ap-primary-foreground",u),t.style.setProperty("--ap-primary-10",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.1)`),t.style.setProperty("--ap-primary-20",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.2)`),t.style.setProperty("--ap-ring",h),t.style.setProperty("--ap-selection-bg",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.08)`)}const At=[{value:"name",label:"Name"},{value:"created_at",label:"Uploaded"},{value:"modified_at",label:"Modified"},{value:"size",label:"Size"},{value:"type",label:"Format"}],xi=[{value:"relevance",label:"Relevance"},...At],$i=[{value:"name",label:"Name"},{value:"created_at",label:"Uploaded"},{value:"modified_at",label:"Modified"},{value:"files_count_recursive",label:"Assets count"},{value:"files_size_recursive",label:"Assets size"}];var wi=Object.defineProperty,Si=Object.getOwnPropertyDescriptor,Tt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Si(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&wi(e,s,i),i};let Ne=class extends o.LitElement{constructor(){super(...arguments),this.open=!1}updated(t){var e;super.updated(t),t.has("open")&&(this.open?this.dialog&&!this.dialog.open&&this.dialog.showModal():(e=this.dialog)!=null&&e.open&&this._animateClose())}_animateClose(){const t=this.dialog;if(t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.close();return}t.classList.add("closing"),t.addEventListener("animationend",()=>{t.classList.remove("closing"),t.close()},{once:!0})}}_handleBackdropClick(t){t.target===this.dialog&&this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:"backdrop"},bubbles:!0,composed:!0}))}_handleCancel(t){t.preventDefault(),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:"escape"},bubbles:!0,composed:!0}))}render(){return o.html`
+"use strict";var ws=Object.create;var jt=Object.defineProperty;var ks=Object.getOwnPropertyDescriptor;var Ss=Object.getOwnPropertyNames;var Cs=Object.getPrototypeOf,Es=Object.prototype.hasOwnProperty;var Fs=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ss(e))!Es.call(t,i)&&i!==s&&jt(t,i,{get:()=>e[i],enumerable:!(a=ks(e,i))||a.enumerable});return t};var As=(t,e,s)=>(s=t!=null?ws(Cs(t)):{},Fs(e||!t||!t.__esModule?jt(s,"default",{value:t,enumerable:!0}):s,t));const o=require("lit"),c=require("lit/decorators.js");class Ts{constructor(e){this.listeners=new Set,this._notifying=!1,this._pendingState=null,this.state=e}getState(){return this.state}setState(e){if(this._notifying){this._pendingState={...this._pendingState||{},...e};return}const s=this.state;this.state={...s,...e},this._notifying=!0;try{this.listeners.forEach(a=>a(this.state,s))}finally{this._notifying=!1}if(this._pendingState){const a=this._pendingState;this._pendingState=null,this.setState(a)}}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}destroy(){this.listeners.clear()}}function Os(){return new Ts({config:null,projectToken:"",sassKey:"",brandColor:"",isOpen:!1,activeTab:"assets",viewMode:"grid",searchQuery:"",sortBy:"modified_at",sortDirection:"desc",previewAsset:null,isPreviewOpen:!1,assets:[],folders:[],folderPreviews:{},labels:[],tags:[],currentFolder:null,currentFolderPath:"/",breadcrumb:[],offset:0,limit:100,totalCount:0,totalFolderCount:0,isLoading:!1,isSelectingAll:!1,hasMore:!1,filters:{metadata:{pinned:[],visible:[],applied:{}},pinned:[],visible:[],applied:{}},metadataFields:[],regionalVariantGroups:[],regionalFilters:{},selectedAssets:new Map})}class Ms{constructor(e,s){this.host=e,this.store=s,e.addController(this)}get state(){return this.store.getState()}setState(e){this.store.setState(e)}hostConnected(){this.unsubscribe=this.store.subscribe(()=>{this.host.requestUpdate()})}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}}class Ps{constructor(e,s){this.lastClickedIndex=-1,this.host=e,this.store=s,e.addController(this)}hostConnected(){}hostDisconnected(){}handleSelect(e,s,a){var d,h;const i=this.store.getState(),r=new Map(i.selectedAssets);if(!(((d=i.config)==null?void 0:d.multiSelect)??!0)){r.clear(),r.set(e.uuid,e),this.store.setState({selectedAssets:r}),this.lastClickedIndex=s;return}if(a.shiftKey&&this.lastClickedIndex>=0){const u=Math.min(this.lastClickedIndex,s),f=Math.max(this.lastClickedIndex,s),p=i.assets;for(let g=u;g<=f;g++)p[g]&&r.set(p[g].uuid,p[g])}else a.metaKey||a.ctrlKey?r.has(e.uuid)?r.delete(e.uuid):r.set(e.uuid,e):(r.clear(),r.set(e.uuid,e));const l=(h=i.config)==null?void 0:h.maxSelections;l&&r.size>l||(this.lastClickedIndex=s,this.store.setState({selectedAssets:r}))}isSelected(e){return this.store.getState().selectedAssets.has(e)}resetRange(){this.lastClickedIndex=-1}selectAll(e){var n;const a=(n=this.store.getState().config)==null?void 0:n.maxSelections,i=new Map,r=a?Math.min(e.length,a):e.length;for(let l=0;l<r;l++)i.set(e[l].uuid,e[l]);return this.store.setState({selectedAssets:i}),this.lastClickedIndex=-1,i.size}clearSelection(){this.store.setState({selectedAssets:new Map}),this.lastClickedIndex=-1}getSelectedAssets(){return Array.from(this.store.getState().selectedAssets.values())}}class Ls{constructor(e,s){this.host=e,this.onLoadMore=s,e.addController(this)}hostConnected(){}hostDisconnected(){this.disconnect()}observe(e,s){this.disconnect(),this.sentinel=e,this.observer=new IntersectionObserver(a=>{var i;(i=a[0])!=null&&i.isIntersecting&&this.onLoadMore()},{root:s??null,rootMargin:"200px"}),this.observer.observe(e)}disconnect(){this.observer&&this.sentinel&&(this.observer.unobserve(this.sentinel),this.observer.disconnect()),this.observer=void 0,this.sentinel=void 0}}const Nt=5,we=40,Bt=15;class Is{constructor(e,s){this.startX=0,this.startY=0,this.startClientX=0,this.startClientY=0,this.preMarqueeSelection=new Map,this._dragging=!1,this._scrollRAF=null,this._lastMouseEvent=null,this.isActive=!1,this.rect={x:0,y:0,width:0,height:0},this.handleMouseDown=a=>this.onMouseDown(a),this.handleMouseMove=a=>this.onMouseMove(a),this.handleMouseUp=()=>this.onMouseUp(),this.host=e,this.store=s,e.addController(this)}hostConnected(){}hostDisconnected(){this.detach()}attach(e){this.detach(),this.container=e,e.addEventListener("mousedown",this.handleMouseDown)}detach(){this.container&&this.container.removeEventListener("mousedown",this.handleMouseDown),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.stopAutoScroll(),this._lastMouseEvent=null}isInteractiveTarget(e){return e.composedPath().some(a=>{if(!(a instanceof HTMLElement))return!1;if(a instanceof HTMLButtonElement||a instanceof HTMLInputElement)return!0;const i=a.tagName.toLowerCase();return!!(i.startsWith("ap-asset-")||i.startsWith("ap-folder-")||a.classList.contains("check")||a.classList.contains("check-box"))})}onMouseDown(e){if(e.button!==0||this.isInteractiveTarget(e))return;const s=this.container.getBoundingClientRect();this.startX=e.clientX-s.left+this.container.scrollLeft,this.startY=e.clientY-s.top+this.container.scrollTop,this.startClientX=e.clientX,this.startClientY=e.clientY,this._dragging=!1,this.isActive=!1,document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp)}onMouseMove(e){if(this.container){if(!this._dragging){const s=Math.abs(e.clientX-this.startClientX),a=Math.abs(e.clientY-this.startClientY);if(s<Nt&&a<Nt)return;this._dragging=!0,this.isActive=!0,this.preMarqueeSelection=new Map(this.store.getState().selectedAssets)}this._lastMouseEvent=e,this.updateMarqueeRect(e),this.startAutoScroll(e)}}updateMarqueeRect(e){if(!this.container)return;const s=this.container.getBoundingClientRect(),a=e.clientX-s.left+this.container.scrollLeft,i=e.clientY-s.top+this.container.scrollTop;this.rect={x:Math.min(this.startX,a),y:Math.min(this.startY,i),width:Math.abs(a-this.startX),height:Math.abs(i-this.startY)},this.host.requestUpdate(),this.selectIntersecting()}startAutoScroll(e){if(!this.container)return;const s=this.container.getBoundingClientRect(),a=e.clientY-s.top,i=s.bottom-e.clientY,r=a<we||i<we;r&&!this._scrollRAF?this._scrollRAF=requestAnimationFrame(()=>this.autoScrollTick()):r||this.stopAutoScroll()}autoScrollTick(){if(this._scrollRAF=null,!this.container||!this._dragging||!this._lastMouseEvent)return;const e=this.container.getBoundingClientRect(),s=this._lastMouseEvent,a=s.clientY-e.top,i=e.bottom-s.clientY;let r=0;a<we?r=-Bt*(1-a/we):i<we&&(r=Bt*(1-i/we)),r!==0&&(this.container.scrollTop+=r,this.updateMarqueeRect(s),this._scrollRAF=requestAnimationFrame(()=>this.autoScrollTick()))}stopAutoScroll(){this._scrollRAF&&(cancelAnimationFrame(this._scrollRAF),this._scrollRAF=null)}onMouseUp(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.stopAutoScroll(),this._lastMouseEvent=null,this._dragging&&(this.isActive=!1,this._dragging=!1,this.rect={x:0,y:0,width:0,height:0},this.host.requestUpdate())}queryCards(){for(const e of Array.from(this.container.children))if(e.shadowRoot){const s=e.shadowRoot.querySelectorAll("[data-asset-uuid]");if(s.length>0)return s}return this.container.querySelectorAll("[data-asset-uuid]")}selectIntersecting(){var i;if(!this.container)return;const e=this.queryCards(),s=new Map(this.preMarqueeSelection);e.forEach(r=>{const n=r.getBoundingClientRect(),l=this.container.getBoundingClientRect(),d={x:n.left-l.left+this.container.scrollLeft,y:n.top-l.top+this.container.scrollTop,width:n.width,height:n.height},h=this.rect.x<d.x+d.width&&this.rect.x+this.rect.width>d.x&&this.rect.y<d.y+d.height&&this.rect.y+this.rect.height>d.y,u=r.dataset.assetUuid;if(h){const f=this.store.getState().assets.find(p=>p.uuid===u);f&&s.set(u,f)}});const a=(i=this.store.getState().config)==null?void 0:i.maxSelections;if(a&&s.size>a){const r=Array.from(s.entries()).slice(0,a);this.store.setState({selectedAssets:new Map(r)})}else this.store.setState({selectedAssets:s})}}class Ds{constructor(e,s){this.auth=e;const a=e.projectToken;this.baseUrl=s||`https://api.filerobot.com/${a}/v5`}setSassKey(e){this.sassKey=e}getSecurityTemplateKey(){if(this.auth.mode==="securityTemplate")return this.auth.securityTemplateKey}async request(e,s){const a=new URL(`${this.baseUrl}${e}`);s&&Object.entries(s).forEach(([l,d])=>{d!=null&&(Array.isArray(d)?a.searchParams.set(l,d.join(",")):a.searchParams.set(l,String(d)))});const i={};if(this.auth.mode==="session"){const l=this.auth;i["X-Session-Token"]=l.sessionToken,i["X-Company-Token"]=l.companyToken,i["X-Project-Token"]=l.projectToken}else{const l=this.auth;this.sassKey?i["X-Filerobot-Key"]=this.sassKey:i["X-Filerobot-Key"]=l.securityTemplateKey}const r=new AbortController,n=setTimeout(()=>r.abort(),3e4);try{const l=await fetch(a.toString(),{headers:i,signal:r.signal});if(clearTimeout(n),!l.ok){let h=`API error: ${l.status} ${l.statusText}`;try{const u=await l.json();u.msg&&(h=`API error: ${l.status} - ${u.msg}`)}catch{}throw new Error(h)}const d=await l.json();if(d.status==="error")throw new Error(`API error: ${d.msg||"Unknown error"}`);return d}catch(l){throw clearTimeout(n),l instanceof DOMException&&l.name==="AbortError"?new Error("API request timed out"):l}}async post(e,s){const a=new URL(`${this.baseUrl}${e}`),i={"Content-Type":"application/json"};if(this.auth.mode==="session"){const l=this.auth;i["X-Session-Token"]=l.sessionToken,i["X-Company-Token"]=l.companyToken,i["X-Project-Token"]=l.projectToken}else{const l=this.auth;this.sassKey?i["X-Filerobot-Key"]=this.sassKey:i["X-Filerobot-Key"]=l.securityTemplateKey}const r=new AbortController,n=setTimeout(()=>r.abort(),3e4);try{const l=await fetch(a.toString(),{method:"POST",headers:i,body:JSON.stringify(s),signal:r.signal});if(clearTimeout(n),!l.ok){let h=`API error: ${l.status} ${l.statusText}`;try{const u=await l.json();u.msg&&(h=`API error: ${l.status} - ${u.msg}`)}catch{}throw new Error(h)}const d=await l.json();if(d.status==="error")throw new Error(`API error: ${d.msg||"Unknown error"}`);return d}catch(l){throw clearTimeout(n),l instanceof DOMException&&l.name==="AbortError"?new Error("API request timed out"):l}}}function zs(t){const e={offset:t.offset??0,limit:t.limit??100,format:"json,regvar:api,select:internal",preview:2301,recursive:t.recursive??1},s=t.sort_by??"created_at",a=t.sort_direction??"desc",i={created_at:"created_at",modified_at:"modified_at",name:"name",size:"size",type:"type"};e.sort=`${i[s]||s}:${a}`,t.folder&&(e.folder=t.folder);const r=[];return t.search&&r.push(t.search),t.q&&r.push(t.q),r.length>0&&(e.q=r.join(" ")),e}async function Ye(t,e){const s=zs(e);return t.request("/files",s)}async function Ut(t,e){const s={folder:e.folder,recursive:e.recursive??1},a=[];return e.search&&a.push(e.search),e.q&&a.push(e.q),a.length>0&&(s.q=a.join(" ")),t.request("/files/stats",s)}async function Rs(t,e){const s={recursive:(e==null?void 0:e.recursive)??0,folder:(e==null?void 0:e.folderPath)??"/",limit:(e==null?void 0:e.limit)??1e3,offset:(e==null?void 0:e.offset)??0};e!=null&&e.q&&(s.q=e.q);const a=(e==null?void 0:e.sort_by)??"created_at",i=(e==null?void 0:e.sort_direction)??"asc",r={created_at:"created_at",modified_at:"modified_at",name:"name"};return s.sort=`${r[a]||a}:${i}`,await t.request("/folders",s)}async function js(t,e){return e.length===0?{}:(await t.post("/folders/previews",{folders:e})).folders||{}}async function Ns(t){return await t.request("/labels")}async function Bs(t){return((await t.request("/tags")).tags||[]).map(a=>({...a,label:a.names.en||Object.values(a.names)[0]||""})).filter(a=>a.label).sort((a,i)=>a.label.localeCompare(i.label))}async function Us(t){const e=t.getSecurityTemplateKey();if(!e)throw new Error("Security template key is required for SASS key exchange");return(await t.request(`/key/${e}`)).key}const m={TYPE:"type",MIME_TYPE:"mimetype",METADATA:"metadata",DATE:"date",APPROVAL:"approval",SIZE:"size",LICENSE_EXPIRY:"asset_expiration",TAGS:"tags",IMAGE:"image",LABELS:"labels",PRODUCT_REF:"product_ref",FACES:"faces",COLOR:"color"},R={STATUS:"approval_status",APPROVER:"task_approver",REQUESTOR:"task_requester",DUE_DATE:"task_duedate"},_={IS:":",RANGE:"..",IS_NOT:":-",IS_EXACT:":=",CONTAINS:"~",CONTAINS_IN_TEXT:"~~~",GREATER_THAN_OR_EQUAL:">=",LESS_THAN_OR_EQUAL:"<="},Vs={AND:"AND"},x={NUMERIC:"numeric",SELECT_ONE:"select-one",MULTI_SELECT:"multi-select",TEXT_AREA:"textarea",TEXT:"text",SUPERTAGS:"tags",DATE:"date",BOOLEAN:"boolean",ATTACHMENTS_ASSETS:"attachments-assets",ATTACHMENT_URI:"attachment-uri",GEO_POINT:"geopoint",DECIMAL2:"decimal2",INTEGER_LIST:"integer-list"},ct={[x.DATE]:"date_",[x.BOOLEAN]:"bool_",[x.NUMERIC]:"num_",[x.DECIMAL2]:"dec_",[x.ATTACHMENTS_ASSETS]:"attach_",[x.ATTACHMENT_URI]:"uri_",[x.SELECT_ONE]:"one_",[x.MULTI_SELECT]:"multi_",[x.SUPERTAGS]:"tags_",[x.TEXT]:"text_",[x.TEXT_AREA]:"area_",[x.GEO_POINT]:"geo_",[x.INTEGER_LIST]:"intlist_"};Object.fromEntries(Object.entries(ct).map(([t,e])=>[e,t]));const Zt=Object.values(ct),Ie={PRESET:"preset",AFTER:"after",BEFORE:"before",BETWEEN:"between",SPECIFIC:"specific"},Vt={EMPTY:"empty",NOT_EMPTY:"non-empty"},B="empty",U="non-empty",he="specific",gt=10,ft=10,Xe=10,Jt="filters:pinned:",es="metadata:pinned:",qt=[m.DATE,m.TYPE],ts=_.IS,Qe="20",Ze="1",qs=0,Hs=[{key:m.DATE,label:"Date",icon:"calendar",type:"date"},{key:m.TYPE,label:"Format",icon:"file-type",type:"string"},{key:m.SIZE,label:"Size",icon:"scaling",type:"string"},{key:m.LICENSE_EXPIRY,label:"License expiry",icon:"history",type:"date"},{key:m.TAGS,label:"Tags",icon:"hash",type:"string"},{key:m.LABELS,label:"Labels",icon:"tag",type:"string"},{key:m.PRODUCT_REF,label:"Products",icon:"box",type:"string"},{key:m.IMAGE,label:"Image",icon:"image",type:"string"},{key:m.COLOR,label:"Color",icon:"swatch-book",type:"string"}],Ks={key:m.METADATA,label:"Metadata",icon:"file-text",type:"string"},Gs={key:m.APPROVAL,label:"Approval",icon:"badge-check",type:"string"},St=[Ks,...Hs,Gs],ke={[m.TYPE]:"Format",[m.DATE]:"Date",[m.SIZE]:"Size",[m.LICENSE_EXPIRY]:"License expiry",[m.TAGS]:"Tags",[m.LABELS]:"Labels",[m.PRODUCT_REF]:"Products",[m.IMAGE]:"Image",[m.COLOR]:"Color",[m.METADATA]:"Metadata",[m.APPROVAL]:"Approval"},ie={IMAGE:"image",VIDEO:"video",AUDIO:"audio",DOCUMENT:"document",ARCHIVE:"archive",DESIGN_TEMPLATE:"template_fdt",OTHER:"other",FONTS:"font"},ss=[{value:ie.IMAGE,label:"Image",icon:"image"},{value:ie.VIDEO,label:"Video",icon:"clapperboard"},{value:ie.AUDIO,label:"Audio",icon:"music"},{value:ie.DOCUMENT,label:"Document",icon:"document"},{value:ie.ARCHIVE,label:"Archive",icon:"archive"},{value:ie.DESIGN_TEMPLATE,label:"Design template",icon:"layout-template"},{value:ie.FONTS,label:"Fonts",icon:"text"},{value:ie.OTHER,label:"Other",icon:"layout-grid"}],mt={RESOLUTION:0,ORIENTATION:1,FACES:2},Ys=[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}],Xs=[{value:"portrait",label:"Portrait"},{value:"landscape",label:"Landscape"},{value:"square",label:"Square"},{value:"panorama",label:"Panorama"}],Ws=[{value:"none",label:"None"},{value:"1",label:"1"},{value:"2",label:"2"},{value:"3..",label:"3+"}],is=[{value:"created",label:"Created at"},{value:"updated",label:"Updated at"}],Et=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"last_week",label:"Last week"},{value:"after",label:"After date"},{value:"last_month",label:"Last month"},{value:"between",label:"Between dates"},{value:"last_year",label:"Last year"}],as=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"within_week",label:"Within week"},{value:"after",label:"After date"},{value:"within_month",label:"Within month"},{value:"between",label:"Between dates"},{value:"within_year",label:"Within year"},{value:"specific",label:"Specific date"}],Qs=[{value:"today",label:"Today"},{value:"before",label:"Before date"},{value:"within_week",label:"Within week"},{value:"after",label:"After date"},{value:"within_month",label:"Within month"},{value:"between",label:"Between dates"},{value:"within_year",label:"Within year"},{value:"specific",label:"Specific date"}],Zs=["#ffffff","#99a1af","#000000","#894b00","#e7000b","#ff8904","#fdc700","#9ae600","#008236","#00bcff","#1447e6","#7f22fe","#e60076"],Js=[{label:"None (Exact)",value:"0"},{label:"Small",value:"1"},{label:"Medium",value:"2"},{label:"Large",value:"4"}],vt=[{label:"Is",value:_.IS},{label:"Contains",value:_.CONTAINS_IN_TEXT}],X=[{label:"Is",value:_.IS},{label:"Is not",value:_.IS_NOT}],bt=[{label:"Is",value:_.IS_EXACT},{label:"Contains",value:_.IS},{label:"Does not contain",value:_.IS_NOT}],_t=[{label:"Is",value:_.IS},{label:"Greater than",value:_.GREATER_THAN_OR_EQUAL},{label:"Is not",value:_.IS_NOT},{label:"Less than",value:_.LESS_THAN_OR_EQUAL},{label:"Between",value:_.RANGE}],ei=[{label:"Is",value:_.IS_EXACT},{label:"Is not",value:_.IS_NOT}],Ht=[{label:"Contains",value:_.CONTAINS},{label:"Does not contain",value:_.IS_NOT}],ti=[{value:"APPROVED",label:"Approved",icon:"circle-check-big",iconColor:"var(--ap-success, oklch(0.637 0.17 151.295))"},{value:"PENDING",label:"Pending",icon:"clock",iconColor:"var(--ap-warning, oklch(0.734 0.157 69.419))"},{value:"REJECTED",label:"Rejected",icon:"x-circle",iconColor:"var(--ap-destructive, oklch(0.577 0.215 27.325))"},{value:"CANCELLED",label:"Cancelled",icon:"ban",iconColor:"var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"}],ge=[{label:"Empty",value:B},{label:"Not empty",value:U}],yt=[...ge,{label:"Specific",value:he}],si=[{label:"Empty",value:B},{label:"Not empty",value:U},{label:"True",value:"true"},{label:"False",value:"false"}],ii={[x.TEXT]:"text",[x.TEXT_AREA]:"text",[x.NUMERIC]:"number",[x.DECIMAL2]:"number",[x.BOOLEAN]:"boolean",[x.SELECT_ONE]:"select-one",[x.MULTI_SELECT]:"multi-select",[x.SUPERTAGS]:"tags",[x.DATE]:"date",[x.GEO_POINT]:"geo",[x.ATTACHMENTS_ASSETS]:"attachment",[x.ATTACHMENT_URI]:"attachment",[x.INTEGER_LIST]:"attachment"};async function ai(t){var v,w,b,O;const e=await t.request("/settings"),s=e.settings??e,a=(s==null?void 0:s.metadata)??e.metadata,r=((a==null?void 0:a.model)??[])[qs],n=a==null?void 0:a.store,d=((n==null?void 0:n.regional_variants_groups)??[]).map($=>({uuid:$.uuid,label:$.label??$.name??"",variants:($.variants??[]).map(k=>({api_value:k.api_value??k.value??"",internal_unique_value:k.internal_unique_value??k.api_value??"",label:k.label??k.name??""}))})).filter($=>$.variants.length>1),h={};for(const $ of d)h[$.uuid]=((v=$.variants[0])==null?void 0:v.api_value)??"";const u=(s==null?void 0:s.project_branding)??((w=e.settings)==null?void 0:w.project_branding),f=u==null?void 0:u.brandColor;if(!r)return{fields:[],regionalVariantGroups:d,regionalFilters:h,brandColor:f};const p=r.groups??[],g=[];for(const $ of p){const k=((b=$.name)==null?void 0:b.toLowerCase())==="products"||((O=$.name)==null?void 0:O.toLowerCase())==="product fields";for(const A of $.fields??[]){const T=A.possible_values,L=T==null?void 0:T.map(C=>({api_value:C.api_value??C.value??"",internal_unique_value:C.internal_unique_value??C.api_value??"",label:C.label??C.name??C.api_value??""}));g.push({key:A.key??A.ckey,label:A.title??A.label??A.key??"",type:A.type??"text",slug:A.slug,ckey:A.ckey,possible_values:L,group:k?"product":"root",regionalVariantsGroupUuid:A.regional_variants_group_uuid})}}return{fields:g,regionalVariantGroups:d,regionalFilters:h,brandColor:f}}function ue(t){return t.toLocaleDateString("en-CA")}function We(){return ue(new Date)}function rs(t){const e=new Date;switch(t){case"today":return{from:We(),to:null};case"last_week":{const s=new Date(e);return s.setDate(s.getDate()-7),{from:ue(s),to:null}}case"within_week":{const s=new Date(e);return s.setDate(s.getDate()+7),{from:We(),to:ue(s)}}case"last_month":{const s=new Date(e);return s.setDate(s.getDate()-30),{from:ue(s),to:null}}case"within_month":{const s=new Date(e);return s.setDate(s.getDate()+30),{from:We(),to:ue(s)}}case"last_year":{const s=new Date(e);return s.setDate(s.getDate()-365),{from:ue(s),to:null}}case"within_year":{const s=new Date(e);return s.setDate(s.getDate()+365),{from:We(),to:ue(s)}}default:return null}}function Kt(t,e){return e?e.type==="date"?ri(e):e.type==="string"?oi(e):!0:!1}function ri(t){return!(!t.kind&&!t.preset||t.kind==="preset"&&!t.preset||t.kind==="between"&&!t.from&&!t.to||t.kind==="after"&&!t.from||t.kind==="before"&&!t.to||t.kind==="specific"&&!t.from||t.from&&t.to&&new Date(t.from)>new Date(t.to))}function oi(t){return!t.values||!Array.isArray(t.values)?!1:t.values.filter(Boolean).length>0}function ni(t,e={}){const s=[];for(const[a,i]of Object.entries(t)){if(!i||!Kt(a,i))continue;const r=ci(a,i);s.push(...r)}for(const[a,i]of Object.entries(e)){if(!i||!Kt(a,i))continue;const r=gi(a,i);s.push(...r)}return li(s)}function li(t){const e=[],s=[],a=[];for(const i of t)i.startsWith("type:")||i.startsWith("type=")?e.push(i):i.startsWith("mimetype:")||i.startsWith("mimetype=")?s.push(i):a.push(i);if(e.length>0&&s.length>0){const i=[...e,...s].join(" , ");a.push(i)}else a.push(...e,...s);return a}function ci(t,e){if(e.type==="date")return os(t,e);if(t===m.IMAGE)return ui(e);const s=e,{operator:a=ts,values:i=[],logic:r}=s;if(i.length===0)return[];switch(t){case m.SIZE:return di(t,i,"..");case m.FACES:return pi(t,a,i);case m.TAGS:return fe(t,a,Yt(i),",",r);case m.LABELS:return fe(t,a,Yt(i),",",r);case m.COLOR:return hi(a,i,r);case m.TYPE:return Gt(t,i,a);case m.MIME_TYPE:return Gt(t,i,a);case m.PRODUCT_REF:return fe(t,"=%",i,",",r);default:return fe(t,a,i,",",r)}}function os(t,e){const s=e.field||"created";if(e.kind===Ie.PRESET&&e.preset){if(e.preset===Vt.EMPTY)return[`${s}:"empty"`];if(e.preset===Vt.NOT_EMPTY)return[`${s}:"non-empty"`];const a=rs(e.preset);return a?a.to===null?[`${s}>"${a.from}"`]:[`${s}:"${a.from}..${a.to}"`]:[]}if(e.kind===Ie.AFTER&&e.from)return[`${s}:>"${e.from}"`];if(e.kind===Ie.BEFORE&&e.to)return[`${s}:<"${e.to}"`];if(e.kind===Ie.BETWEEN){if(e.from&&e.to)return[`${s}:"${e.from}..${e.to}"`];if(e.from&&!e.to)return[`${s}:>"${e.from}"`];if(!e.from&&e.to)return[`${s}:<"${e.to}"`]}return e.kind===Ie.SPECIFIC&&e.from?[`${s}:"${e.from}"`]:[]}function di(t,e,s){return e.length===0?[]:[`${t}:"${e.join(s)}"`]}function pi(t,e,s){return s.length===0?[]:[`${t}${e}"${s.join(",")}"`]}function fe(t,e,s,a,i){if(s.length===0)return[];if(i===Vs.AND)return s.map(n=>`${t}${e}"${n}"`);const r=s.map(n=>`"${n}"`).join(a);return[`${t}${e}${r}`]}function hi(t,e,s){const a=[],i=fe("color_search",t,e,",",s);return a.push(...i),a.push('color_operator:"AND"'),a}function Gt(t,e,s,a){if(e.length===0)return[];const i=e.map(r=>`"${r}"`).join(",");return[`${t}${s}${i}`]}function ui(t){const e=[];if(typeof t=="object"&&t!==null&&!Array.isArray(t)){const n=t,l=n.resolution,d=n.orientation,h=n.faces;return l!=null&&l.length&&e.push(`resolution:"${l.join(",")}"`),d!=null&&d.length&&e.push(`orientation:"${d.join(",")}"`),h!=null&&h.length&&e.push(`faces:"${h.join(",")}"`),e}const s=t,a=s[mt.RESOLUTION],i=s[mt.ORIENTATION],r=s[mt.FACES];return a&&e.push(`resolution:"${a}"`),i&&e.push(`orientation:"${i}"`),r&&e.push(`faces:"${r}"`),e}function gi(t,e){const s=vi(t),a=mi(t);if(e.type==="date")return fi(s,e,a);const i=e,{operator:r=ts,values:n=[],logic:l,metadataType:d}=i;if(n.length===0)return[];if(n.length===1&&(n[0]===B||n[0]===U)){const h=d===x.GEO_POINT?_.IS+"~":_.IS;return[`${s}${h}"${n[0]}"`]}if((d===x.NUMERIC||d===x.DECIMAL2)&&r===_.RANGE)return[`${s}${_.IS}"${n.join('","')}"`];if(d===x.GEO_POINT){const h=n.map(u=>{const f=u.indexOf("..");if(f===-1)return`(${u})`;const p=u.slice(0,f),g=u.slice(f);return`(${p})${g}`});return fe(s,r+"~",h,",",l)}return fe(s,r,n,",",l)}function fi(t,e,s){const a=os(t,e);return!s||a.length===0?a:a.map(i=>{const r=i.search(/[^a-zA-Z0-9_]/);if(r===-1)return`"${i}"`;const n=i.slice(0,r),d=i.slice(r).replace(/"/g,"");return`"${n}${d}"`})}function mi(t){return t.startsWith("date_")}function vi(t){for(const e of Zt)if(t.startsWith(e))return t.slice(e.length);return t}function Yt(t){return t.map(e=>e.replace(/#/g,""))}const bi=new Set([m.DATE,m.LICENSE_EXPIRY,R.DUE_DATE]);function De(t){if(!t)return{};const e={};for(const[s,a]of Object.entries(t))a&&(e[s]=_i(s,a));return e}function _i(t,e){return e.type==="string"||e.type==="date"?e:bi.has(t)?{type:"date",field:e.field??"created",kind:e.kind??null,preset:e.preset??null,from:e.from??null,to:e.to??null}:{type:"string",values:e.values,...e.operator!==void 0&&{operator:e.operator},...e.logic!==void 0&&{logic:e.logic}}}function yi(t){const e=localStorage.getItem(Jt+t),s=localStorage.getItem(es+t);let a;try{a=e?JSON.parse(e):[...qt]}catch{a=[...qt]}let i;try{i=s?JSON.parse(s):[]}catch{i=[]}return{pinnedFilters:a,pinnedMetadata:i}}function xi(t,e){localStorage.setItem(Jt+t,JSON.stringify(e))}function $i(t,e){localStorage.setItem(es+t,JSON.stringify(e))}const ns="sort-by",ls="sort-order";function Xt(t,e){try{localStorage.setItem(ns,t),localStorage.setItem(ls,e)}catch{}}function wi(){try{const t=localStorage.getItem(ns),e=localStorage.getItem(ls);return{sortBy:t,sortDirection:e}}catch{return{sortBy:null,sortDirection:null}}}const cs="ap-last-folder",ds="ap-last-view";function Wt(t){try{localStorage.setItem(cs,t)}catch{}}function ki(){try{return localStorage.getItem(cs)}catch{return null}}function Si(t){try{localStorage.setItem(ds,t)}catch{}}function Ci(){try{return localStorage.getItem(ds)}catch{return null}}function Ei(t){const e=t.replace("#",""),s=e.length===3?e[0]+e[0]+e[1]+e[1]+e[2]+e[2]:e,a=parseInt(s.slice(0,2),16)/255,i=parseInt(s.slice(2,4),16)/255,r=parseInt(s.slice(4,6),16)/255;return[a,i,r]}function xt(t){return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function Fi(t,e,s){const a=xt(t),i=xt(e),r=xt(s),n=.4122214708*a+.5363325363*i+.0514459929*r,l=.2119034982*a+.6806995451*i+.1073969566*r,d=.0883024619*a+.2817188376*i+.6299787005*r,h=Math.cbrt(n),u=Math.cbrt(l),f=Math.cbrt(d),p=.2104542553*h+.793617785*u-.0040720468*f,g=1.9779984951*h-2.428592205*u+.4505937099*f,v=.0259040371*h+.7827717662*u-.808675766*f,w=Math.sqrt(g*g+v*v);let b=Math.atan2(v,g)*(180/Math.PI);return b<0&&(b+=360),[p,w,b]}function Ai(t){return t>.7}function Ti(t,e){const s=["--ap-primary","--ap-primary-foreground","--ap-primary-10","--ap-primary-20","--ap-accent","--ap-accent-foreground","--ap-ring","--ap-selection-bg"];if(!e){for(const f of s)t.style.removeProperty(f);return}const[a,i,r]=Ei(e),[n,l,d]=Fi(a,i,r),h=`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)})`,u=Ai(n)?"#000":"#fff";t.style.setProperty("--ap-primary",h),t.style.setProperty("--ap-primary-foreground",u),t.style.setProperty("--ap-primary-10",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.1)`),t.style.setProperty("--ap-primary-20",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.2)`),t.style.setProperty("--ap-accent",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.07)`),t.style.setProperty("--ap-accent-foreground",h),t.style.setProperty("--ap-ring",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.7)`),t.style.setProperty("--ap-selection-bg",`oklch(${n.toFixed(3)} ${l.toFixed(3)} ${d.toFixed(1)} / 0.08)`)}const Ft=[{value:"name",label:"Name"},{value:"created_at",label:"Uploaded"},{value:"modified_at",label:"Modified"},{value:"size",label:"Size"},{value:"type",label:"Format"}],Oi=[{value:"relevance",label:"Relevance"},...Ft],Mi=[{value:"name",label:"Name"},{value:"created_at",label:"Uploaded"},{value:"modified_at",label:"Modified"},{value:"files_count_recursive",label:"Assets count"},{value:"files_size_recursive",label:"Assets size"}];var Pi=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,At=(t,e,s,a)=>{for(var i=a>1?void 0:a?Li(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Pi(e,s,i),i};let Re=class extends o.LitElement{constructor(){super(...arguments),this.open=!1}updated(t){var e;super.updated(t),t.has("open")&&(this.open?this.dialog&&!this.dialog.open&&this.dialog.showModal():(e=this.dialog)!=null&&e.open&&this._animateClose())}_animateClose(){const t=this.dialog;if(t){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.close();return}t.classList.add("closing"),t.addEventListener("animationend",()=>{t.classList.remove("closing"),t.close()},{once:!0})}}_handleBackdropClick(t){t.target===this.dialog&&this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:"backdrop"},bubbles:!0,composed:!0}))}_handleCancel(t){t.preventDefault(),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:"escape"},bubbles:!0,composed:!0}))}render(){return o.html`
       <dialog
         @click=${this._handleBackdropClick}
         @cancel=${this._handleCancel}
@@ -15,7 +15,7 @@
           </div>
         </div>
       </dialog>
-    `}};Ne.styles=o.css`
+    `}};Re.styles=o.css`
     :host {
       display: contents;
     }
@@ -34,12 +34,12 @@
       border: none;
       border-radius: var(--ap-modal-radius, 12px);
       box-shadow: var(--ap-modal-shadow, 0 25px 50px -12px rgb(0 0 0 / 0.25));
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
       overflow: hidden;
       display: flex;
       flex-direction: column;
       font-family: var(--ap-font-family, system-ui, -apple-system, sans-serif);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     dialog[open] {
       animation: ap-modal-in 200ms ease-out;
@@ -72,7 +72,6 @@
     }
     .modal-header {
       flex-shrink: 0;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
     }
     .modal-content {
       flex: 1;
@@ -89,11 +88,11 @@
         animation: none;
       }
     }
-  `;Tt([c.property({type:Boolean})],Ne.prototype,"open",2);Tt([c.query("dialog")],Ne.prototype,"dialog",2);Ne=Tt([c.customElement("ap-modal")],Ne);function Ci(t,e){let s;const a=((...i)=>{clearTimeout(s),s=setTimeout(()=>t(...i),e)});return a.cancel=()=>clearTimeout(s),a}const J=o.css`
+  `;At([c.property({type:Boolean})],Re.prototype,"open",2);At([c.query("dialog")],Re.prototype,"dialog",2);Re=At([c.customElement("ap-modal")],Re);function Ii(t,e){let s;const a=((...i)=>{clearTimeout(s),s=setTimeout(()=>t(...i),e)});return a.cancel=()=>clearTimeout(s),a}const J=o.css`
   *, *::before, *::after {
     box-sizing: border-box;
   }
-`;var ki=Object.defineProperty,Ei=Object.getOwnPropertyDescriptor,pt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ei(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ki(e,s,i),i};let Fe=class extends o.LitElement{constructor(){super(...arguments),this.groups=[],this.selectedFilters={},this._open=!1,this._handleOutsideClick=t=>{this._open&&!t.composedPath().includes(this)&&(this._open=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick)}_selectVariant(t,e){this.dispatchEvent(new CustomEvent("regional-change",{detail:{groupUuid:t,value:e},bubbles:!0,composed:!0}))}render(){const t=this.groups.length>0;return o.html`
+`;var Di=Object.defineProperty,zi=Object.getOwnPropertyDescriptor,dt=(t,e,s,a)=>{for(var i=a>1?void 0:a?zi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Di(e,s,i),i};let Ce=class extends o.LitElement{constructor(){super(...arguments),this.groups=[],this.selectedFilters={},this._open=!1,this._handleOutsideClick=t=>{this._open&&!t.composedPath().includes(this)&&(this._open=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick)}_selectVariant(t,e){this.dispatchEvent(new CustomEvent("regional-change",{detail:{groupUuid:t,value:e},bubbles:!0,composed:!0}))}render(){const t=this.groups.length>0;return o.html`
       <button
         class="trigger ${this._open?"active":""}"
         @click=${()=>this._open=!this._open}
@@ -103,9 +102,8 @@
         <ap-icon name="globe" .size=${18}></ap-icon>
       </button>
       <div class="popover ${this._open?"open":""}">
-        <div class="popover-title">Regional settings</div>
         ${t?o.nothing:o.html`
-          <div style="padding: 12px 12px; font-size: 0.8125rem; color: var(--ap-muted-foreground, #71717a);">
+          <div style="padding: 12px 12px; font-size: 0.8125rem; color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));">
             No regional settings configured
           </div>
         `}
@@ -118,14 +116,14 @@
                   ?data-selected=${a}
                   @click=${()=>this._selectVariant(e.uuid,s.api_value)}
                 >
+                  <span class="variant-label">${s.label}</span>
                   <span class="check-mark">${a?o.html`<ap-icon name="check" .size=${14}></ap-icon>`:""}</span>
-                  ${s.label}
                 </button>
               `})}
           </div>
         `)}
       </div>
-    `}};Fe.styles=o.css`
+    `}};Ce.styles=o.css`
     :host {
       position: relative;
       display: inline-block;
@@ -139,15 +137,15 @@
       border: 1px solid transparent;
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       cursor: pointer;
     }
     .trigger:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .trigger.active {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
     .popover {
       display: none;
@@ -158,62 +156,59 @@
       min-width: 220px;
       max-height: 320px;
       overflow-y: auto;
-      background: var(--ap-card, #fff);
-      border: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-card, oklch(1 0 0));
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius, 8px);
       box-shadow: 0 4px 12px rgb(0 0 0 / 0.12);
-      padding: 8px 0;
+      padding: 0;
     }
     .popover.open {
       display: block;
     }
-    .popover-title {
-      padding: 8px 12px 4px;
-      font-size: 0.75rem;
-      font-weight: 600;
-      color: var(--ap-muted-foreground, #71717a);
-      text-transform: uppercase;
-      letter-spacing: 0.05em;
-    }
     .group {
       padding: 4px 0;
     }
     .group + .group {
-      border-top: 1px solid var(--ap-border, #e4e4e7);
+      border-top: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .group-label {
-      padding: 6px 12px 2px;
-      font-size: 0.75rem;
-      font-weight: 500;
-      color: var(--ap-muted-foreground, #71717a);
+      padding: 6px 12px 8px;
+      font-size: 0.875rem;
+      font-weight: 400;
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
     }
     .variant-option {
       display: flex;
       align-items: center;
+      justify-content: space-between;
       gap: 8px;
       width: 100%;
-      padding: 6px 12px;
+      padding: 6px 16px 6px 24px;
       border: none;
       background: none;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-family: inherit;
       text-align: left;
       cursor: pointer;
       border-radius: 0;
     }
+    .variant-label {
+      flex: 1;
+    }
     .variant-option:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .variant-option[data-selected] {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
-      font-weight: 500;
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      font-weight: 400;
     }
     .check-mark {
       width: 16px;
       flex-shrink: 0;
     }
-  `;pt([c.property({type:Array})],Fe.prototype,"groups",2);pt([c.property({type:Object})],Fe.prototype,"selectedFilters",2);pt([c.state()],Fe.prototype,"_open",2);Fe=pt([c.customElement("ap-regional-settings")],Fe);var Fi=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,ee=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ai(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Fi(e,s,i),i};const Ti=[{value:"assets",label:"Assets",icon:"gallery-vertical-end"},{value:"folders",label:"Folders",icon:"folder-open"}];let H=class extends o.LitElement{constructor(){super(...arguments),this.activeTab="assets",this.tabs=["assets","folders"],this.viewMode="grid",this.searchQuery="",this.regionalGroups=[],this.regionalFilters={},this.hideClose=!1,this._localSearch="",this._debouncedSearch=Ci(t=>{(t.length===0||t.length>=3)&&this.dispatchEvent(new CustomEvent("search-change",{detail:{value:t},bubbles:!0,composed:!0}))},300)}disconnectedCallback(){super.disconnectedCallback(),this._debouncedSearch.cancel()}willUpdate(t){t.has("searchQuery")&&(this._localSearch=this.searchQuery)}_handleInput(t){const e=t.target.value;this._localSearch=e,this._debouncedSearch(e)}_clearSearch(){this._localSearch="",this._debouncedSearch.cancel(),this.dispatchEvent(new CustomEvent("search-change",{detail:{value:""},bubbles:!0,composed:!0}))}_toggleView(){const t=this.viewMode==="grid"?"list":"grid";this.dispatchEvent(new CustomEvent("view-change",{detail:{mode:t},bubbles:!0,composed:!0}))}_handleTabChange(t){this.dispatchEvent(new CustomEvent("tab-change",{detail:{tab:t.detail.value},bubbles:!0,composed:!0}))}_handleRegionalChange(t){this.dispatchEvent(new CustomEvent("regional-change",{detail:t.detail,bubbles:!0,composed:!0}))}_handleClose(){this.dispatchEvent(new CustomEvent("ap-close",{bubbles:!0,composed:!0}))}render(){var e,s;const t=Ti.filter(a=>this.tabs.includes(a.value));return((e=t.find(a=>a.value===this.activeTab))==null?void 0:e.label)??((s=t[0])==null||s.label),o.html`
+  `;dt([c.property({type:Array})],Ce.prototype,"groups",2);dt([c.property({type:Object})],Ce.prototype,"selectedFilters",2);dt([c.state()],Ce.prototype,"_open",2);Ce=dt([c.customElement("ap-regional-settings")],Ce);var Ri=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,ee=(t,e,s,a)=>{for(var i=a>1?void 0:a?ji(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ri(e,s,i),i};const Ni=[{value:"assets",label:"Assets",icon:"gallery-vertical-end"},{value:"folders",label:"Folders",icon:"folder-open"}];let H=class extends o.LitElement{constructor(){super(...arguments),this.activeTab="assets",this.tabs=["assets","folders"],this.viewMode="grid",this.searchQuery="",this.regionalGroups=[],this.regionalFilters={},this.hideClose=!1,this._localSearch="",this._debouncedSearch=Ii(t=>{(t.length===0||t.length>=3)&&this.dispatchEvent(new CustomEvent("search-change",{detail:{value:t},bubbles:!0,composed:!0}))},300)}disconnectedCallback(){super.disconnectedCallback(),this._debouncedSearch.cancel()}willUpdate(t){t.has("searchQuery")&&(this._localSearch=this.searchQuery)}_handleInput(t){const e=t.target.value;this._localSearch=e,this._debouncedSearch(e)}_clearSearch(){this._localSearch="",this._debouncedSearch.cancel(),this.dispatchEvent(new CustomEvent("search-change",{detail:{value:""},bubbles:!0,composed:!0}))}_toggleView(){const t=this.viewMode==="grid"?"list":"grid";this.dispatchEvent(new CustomEvent("view-change",{detail:{mode:t},bubbles:!0,composed:!0}))}_handleTabChange(t){this.dispatchEvent(new CustomEvent("tab-change",{detail:{tab:t.detail.value},bubbles:!0,composed:!0}))}_handleRegionalChange(t){this.dispatchEvent(new CustomEvent("regional-change",{detail:t.detail,bubbles:!0,composed:!0}))}_handleClose(){this.dispatchEvent(new CustomEvent("ap-close",{bubbles:!0,composed:!0}))}render(){var e,s;const t=Ni.filter(a=>this.tabs.includes(a.value));return((e=t.find(a=>a.value===this.activeTab))==null?void 0:e.label)??((s=t[0])==null||s.label),o.html`
       <div class="header-row">
         ${t.length>1?o.html`<ap-dropdown
               .value=${this.activeTab}
@@ -234,30 +229,33 @@
             </button>
           `:""}
         </div>
-        <ap-regional-settings
-          .groups=${this.regionalGroups}
-          .selectedFilters=${this.regionalFilters}
-          @regional-change=${this._handleRegionalChange}
-        ></ap-regional-settings>
-        <button
-          class="icon-btn"
-          @click=${this._toggleView}
-          aria-label=${this.viewMode==="grid"?"Switch to list view":"Switch to grid view"}
-          title=${this.viewMode==="grid"?"List view":"Grid view"}
-        >
-          <ap-icon name=${this.viewMode==="grid"?"list":"grid"} .size=${18}></ap-icon>
-        </button>
-        ${this.hideClose?o.nothing:o.html`
-          <div class="divider"></div>
-          <button class="icon-btn" @click=${this._handleClose} aria-label="Close">
-            <ap-icon name="close" .size=${18}></ap-icon>
+        <div class="actions">
+          <ap-regional-settings
+            .groups=${this.regionalGroups}
+            .selectedFilters=${this.regionalFilters}
+            @regional-change=${this._handleRegionalChange}
+          ></ap-regional-settings>
+          <button
+            class="icon-btn"
+            @click=${this._toggleView}
+            aria-label=${this.viewMode==="grid"?"Switch to list view":"Switch to grid view"}
+            title=${this.viewMode==="grid"?"List view":"Grid view"}
+          >
+            <ap-icon name=${this.viewMode==="grid"?"list":"layout-grid"} .size=${18}></ap-icon>
           </button>
-        `}
+          ${this.hideClose?o.nothing:o.html`
+            <div class="divider"></div>
+            <button class="icon-btn" style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))" @click=${this._handleClose} aria-label="Close">
+              <ap-icon name="close" .size=${18}></ap-icon>
+            </button>
+          `}
+        </div>
       </div>
     `}};H.styles=[J,o.css`
     :host {
       display: block;
       padding: 16px 20px;
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .header-row {
       display: flex;
@@ -266,6 +264,7 @@
     }
     .search-wrapper {
       flex: 1;
+      max-width: 548px;
       position: relative;
     }
     .search-icon {
@@ -273,29 +272,31 @@
       left: 12px;
       top: 50%;
       transform: translateY(-50%);
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       pointer-events: none;
     }
     input {
       width: 100%;
-      padding: 8px 32px 8px 38px;
-      border: 1px solid var(--ap-border, #e4e4e7);
-      border-radius: var(--ap-radius, 8px);
+      height: 36px;
+      box-sizing: border-box;
+      padding: 0 32px 0 38px;
+      border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
+      border-radius: var(--ap-radius-sm, 6px);
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-family: var(--ap-font-family, system-ui, sans-serif);
-      color: var(--ap-foreground, #09090b);
-      background: var(--ap-background, #fff);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      background: var(--ap-background, oklch(1 0 0));
       outline: none;
     }
     input:focus {
-      border-color: var(--ap-ring, oklch(0.65 0.19 258));
-      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
+      border-color: var(--ap-ring, oklch(0.578 0.198 268.129 / 0.7));
+      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
     input:focus-visible {
       outline: none; /* already has focus ring via border-color + box-shadow */
     }
     input::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .clear-btn {
       position: absolute;
@@ -310,13 +311,13 @@
       border: none;
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
       padding: 0;
     }
     .clear-btn:hover {
-      color: var(--ap-foreground, #09090b);
-      background: var(--ap-muted, #f4f4f5);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .icon-btn {
       display: flex;
@@ -327,30 +328,36 @@
       border: 1px solid transparent;
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       cursor: pointer;
     }
     .icon-btn:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .icon-btn:focus-visible {
-      outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
+      outline: 2px solid var(--ap-ring, oklch(0.578 0.198 268.129 / 0.7));
       outline-offset: -2px;
     }
     .tab-label {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       padding: 0 4px;
       white-space: nowrap;
     }
+    .actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-left: auto;
+    }
     .divider {
       width: 1px;
       height: 24px;
-      background: var(--ap-border, #e4e4e7);
+      background: var(--ap-border, oklch(92.86% 0.009 247.92));
     }
-  `];ee([c.property()],H.prototype,"activeTab",2);ee([c.property({type:Array})],H.prototype,"tabs",2);ee([c.property()],H.prototype,"viewMode",2);ee([c.property()],H.prototype,"searchQuery",2);ee([c.property({type:Array})],H.prototype,"regionalGroups",2);ee([c.property({type:Object})],H.prototype,"regionalFilters",2);ee([c.property({type:Boolean})],H.prototype,"hideClose",2);ee([c.state()],H.prototype,"_localSearch",2);H=ee([c.customElement("ap-header")],H);var Mi=Object.defineProperty,Oi=Object.getOwnPropertyDescriptor,ps=(t,e,s,a)=>{for(var i=a>1?void 0:a?Oi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Mi(e,s,i),i};let et=class extends o.LitElement{constructor(){super(...arguments),this.items=[]}_navigate(t){this.dispatchEvent(new CustomEvent("breadcrumb-navigate",{detail:{uuid:t},bubbles:!0,composed:!0}))}render(){return this.items.length===0?o.html``:o.html`
+  `];ee([c.property()],H.prototype,"activeTab",2);ee([c.property({type:Array})],H.prototype,"tabs",2);ee([c.property()],H.prototype,"viewMode",2);ee([c.property()],H.prototype,"searchQuery",2);ee([c.property({type:Array})],H.prototype,"regionalGroups",2);ee([c.property({type:Object})],H.prototype,"regionalFilters",2);ee([c.property({type:Boolean})],H.prototype,"hideClose",2);ee([c.state()],H.prototype,"_localSearch",2);H=ee([c.customElement("ap-header")],H);var Bi=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,ps=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ui(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Bi(e,s,i),i};let Je=class extends o.LitElement{constructor(){super(...arguments),this.items=[]}_navigate(t){this.dispatchEvent(new CustomEvent("breadcrumb-navigate",{detail:{uuid:t},bubbles:!0,composed:!0}))}render(){return this.items.length===0?o.html``:o.html`
       <nav class="breadcrumb" aria-label="Breadcrumb">
         <button @click=${()=>this._navigate("")}>Root</button>
         ${this.items.map((t,e)=>o.html`
@@ -358,7 +365,7 @@
             ${e<this.items.length-1?o.html`<button @click=${()=>this._navigate(t.uuid)}>${t.name}</button>`:o.html`<span class="current">${t.name}</span>`}
           `)}
       </nav>
-    `}};et.styles=o.css`
+    `}};Je.styles=o.css`
     :host {
       display: block;
       padding: 8px 20px;
@@ -372,7 +379,7 @@
     button {
       border: none;
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
       padding: 4px 6px;
       border-radius: 4px;
@@ -380,18 +387,18 @@
       font-size: var(--ap-font-size-sm, 0.875rem);
     }
     button:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .current {
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       font-weight: 500;
       padding: 4px 6px;
     }
     ap-icon {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
-  `;ps([c.property({type:Array})],et.prototype,"items",2);et=ps([c.customElement("ap-breadcrumb")],et);var Li=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,Mt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Pi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Li(e,s,i),i};let je=class extends o.LitElement{constructor(){super(...arguments),this.title="",this.open=!1}render(){return this.open?o.html`
+  `;ps([c.property({type:Array})],Je.prototype,"items",2);Je=ps([c.customElement("ap-breadcrumb")],Je);var Vi=Object.defineProperty,qi=Object.getOwnPropertyDescriptor,Tt=(t,e,s,a)=>{for(var i=a>1?void 0:a?qi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Vi(e,s,i),i};let je=class extends o.LitElement{constructor(){super(...arguments),this.title="",this.open=!1}render(){return this.open?o.html`
       <div class="popover">
         ${this.title?o.html`<div class="title">${this.title}</div>`:""}
         <slot></slot>
@@ -409,8 +416,8 @@
       max-height: 400px;
       overflow-y: auto;
       overscroll-behavior: contain;
-      background: var(--ap-card, #fff);
-      border: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-card, oklch(1 0 0));
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius, 8px);
       box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1);
       padding: 12px;
@@ -418,10 +425,10 @@
     .title {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 600;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       margin-bottom: 12px;
     }
-  `;Mt([c.property()],je.prototype,"title",2);Mt([c.property({type:Boolean})],je.prototype,"open",2);je=Mt([c.customElement("ap-filter-popover")],je);var Ii=Object.defineProperty,Di=Object.getOwnPropertyDescriptor,hs=(t,e,s,a)=>{for(var i=a>1?void 0:a?Di(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ii(e,s,i),i};let tt=class extends o.LitElement{constructor(){super(...arguments),this.selected=[]}_toggle(t){const e=this.selected.includes(t)?this.selected.filter(s=>s!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.TYPE,values:e,operator:b.IS},bubbles:!0,composed:!0}))}render(){return o.html`
+  `;Tt([c.property()],je.prototype,"title",2);Tt([c.property({type:Boolean})],je.prototype,"open",2);je=Tt([c.customElement("ap-filter-popover")],je);var Hi=Object.defineProperty,Ki=Object.getOwnPropertyDescriptor,hs=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ki(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Hi(e,s,i),i};let et=class extends o.LitElement{constructor(){super(...arguments),this.selected=[]}_toggle(t){const e=this.selected.includes(t)?this.selected.filter(s=>s!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.TYPE,values:e,operator:_.IS},bubbles:!0,composed:!0}))}render(){return o.html`
       <div class="options">
         <span class="section-label">Formats</span>
         ${ss.map(t=>o.html`
@@ -437,7 +444,7 @@
             </div>
           `)}
       </div>
-    `}};tt.styles=o.css`
+    `}};et.styles=o.css`
     :host {
       display: block;
     }
@@ -445,8 +452,8 @@
     .section-label {
       display: block;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      font-weight: 600;
-      color: var(--ap-foreground, #09090b);
+      font-weight: 400;
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       margin-bottom: 8px;
       cursor: default;
     }
@@ -460,7 +467,7 @@
     .option {
       display: flex;
       align-items: center;
-      gap: 8px;
+      gap: 12px;
       padding: 6px 8px;
       border-radius: var(--ap-radius-sm, 6px);
       cursor: pointer;
@@ -468,23 +475,23 @@
     }
 
     .option:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .option-label {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     ap-icon {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       flex-shrink: 0;
     }
 
     .option.selected ap-icon {
-      color: var(--ap-primary, #3b82f6);
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
-  `;hs([c.property({type:Array})],tt.prototype,"selected",2);tt=hs([c.customElement("ap-filter-type")],tt);const te=o.css`
+  `;hs([c.property({type:Array})],et.prototype,"selected",2);et=hs([c.customElement("ap-filter-type")],et);const te=o.css`
   :host {
     display: block;
   }
@@ -505,7 +512,7 @@
     background: none;
     font-size: var(--ap-font-size-sm, 0.875rem);
     font-family: inherit;
-    color: var(--ap-primary, oklch(0.65 0.19 258));
+    color: var(--ap-primary, oklch(0.578 0.198 268.129));
     cursor: pointer;
     opacity: 0.9;
   }
@@ -522,8 +529,8 @@
   .section-label {
     display: block;
     font-size: var(--ap-font-size-sm, 0.875rem);
-    font-weight: 600;
-    color: var(--ap-foreground, #09090b);
+    font-weight: 400;
+    color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
     margin-bottom: 8px;
     cursor: default;
   }
@@ -554,7 +561,7 @@
   /* ── Separator ── */
   .separator {
     height: 1px;
-    background: var(--ap-border, #e4e4e7);
+    background: var(--ap-border, oklch(92.86% 0.009 247.92));
     margin: 16px 0;
   }
 
@@ -563,10 +570,10 @@
     display: flex;
     gap: 8px;
     padding: 10px 12px;
-    background: var(--ap-muted, #f4f4f5);
+    background: var(--ap-muted, oklch(0.974 0.006 239.819));
     border-radius: var(--ap-radius-sm, 6px);
     font-size: 0.8125rem;
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     line-height: 1.4;
     margin-top: 16px;
   }
@@ -577,27 +584,28 @@
 
   /* ── Text/Number inputs ── */
   .filter-input {
+    box-sizing: border-box;
     width: 100%;
     height: 36px;
     padding: 0 10px;
-    border: 1px solid var(--ap-border, #e4e4e7);
+    border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
     border-radius: var(--ap-radius-sm, 6px);
     font-size: var(--ap-font-size-sm, 0.875rem);
     font-family: inherit;
-    color: var(--ap-foreground, #09090b);
-    background: var(--ap-background, #fff);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+    background: var(--ap-background, oklch(1 0 0));
     outline: none;
     transition: border-color 150ms;
   }
   .filter-input:focus {
-    border-color: var(--ap-primary, oklch(0.65 0.19 258));
+    border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
   }
   .filter-input:disabled {
     opacity: 0.5;
     cursor: default;
   }
   .filter-input::placeholder {
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
 
   textarea.filter-input {
@@ -610,7 +618,7 @@
     display: block;
     font-size: var(--ap-font-size-sm, 0.875rem);
     font-weight: 500;
-    color: var(--ap-foreground, #09090b);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     margin-bottom: 4px;
   }
   .input-label[aria-disabled="true"] {
@@ -635,11 +643,11 @@
     align-items: center;
     gap: 4px;
     padding: 2px 8px;
-    border: 1px solid var(--ap-border, #e4e4e7);
+    border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     border-radius: 9999px;
     font-size: 0.8125rem;
-    color: var(--ap-foreground, #09090b);
-    background: var(--ap-background, #fff);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+    background: var(--ap-background, oklch(1 0 0));
     max-width: 200px;
   }
   .chip-label {
@@ -655,13 +663,13 @@
     height: 14px;
     border: none;
     background: none;
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     cursor: pointer;
     padding: 0;
     flex-shrink: 0;
   }
   .chip-remove:hover {
-    color: var(--ap-foreground, #09090b);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
   }
   .chips-wrap {
     display: flex;
@@ -672,7 +680,7 @@
   /* ── Error text ── */
   .error-text {
     font-size: 0.8125rem;
-    color: var(--ap-destructive, #ef4444);
+    color: var(--ap-destructive, oklch(0.577 0.215 27.325));
     margin-top: 4px;
   }
 
@@ -681,23 +689,23 @@
     position: sticky;
     top: -10px;
     z-index: 2;
-    background: var(--ap-card, #fff);
+    background: var(--ap-card, oklch(1 0 0));
     margin: -10px -8px 10px;
   }
   .search-input {
     width: 100%;
     padding: 8px 32px 8px 10px;
     border: none;
-    border-bottom: 1px solid var(--ap-border, #e4e4e7);
+    border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     border-radius: 0;
     font-size: var(--ap-font-size-sm, 0.875rem);
     font-family: inherit;
-    color: var(--ap-foreground, #09090b);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     background: transparent;
     outline: none;
   }
   .search-input::placeholder {
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
   .search-clear {
     position: absolute;
@@ -711,12 +719,12 @@
     height: 20px;
     border: none;
     background: none;
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     cursor: pointer;
     padding: 0;
   }
   .search-clear:hover {
-    color: var(--ap-foreground, #09090b);
+    color: var(--ap-foreground, oklch(0.37 0.022 248.413));
   }
 
   /* ── Options list (checkbox-based) ── */
@@ -733,9 +741,9 @@
     padding: 12px;
     text-align: center;
     font-size: var(--ap-font-size-sm, 0.875rem);
-    color: var(--ap-muted-foreground, #71717a);
+    color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
-`;var zi=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,xe=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ri(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&zi(e,s,i),i};function St(t){return t.toISOString().split("T")[0]}let W=class extends o.LitElement{constructor(){super(...arguments),this.filterKey=m.DATE,this.field="created",this.kind=null,this.preset="",this.from="",this.to=""}get _isLicenseExpiry(){return this.filterKey===m.LICENSE_EXPIRY}get _rangeOptions(){return this._isLicenseExpiry?as:Ft}get _todayStr(){return St(new Date)}get _hasFilter(){return!!(this.kind||this.preset||this.from||this.to)}_kindFromValue(t){return["before","after","between","specific"].includes(t)?t:"preset"}_selectField(t){this.field=t,this._dispatchChange()}_selectPreset(t){const e=this._kindFromValue(t);if(this.kind=e,this.preset=t,["before","after","between","specific"].includes(t)){this.from="",this.to="",this.requestUpdate();return}const s=rs(t);s&&(this.from=s.from,this.to=s.to??""),this._dispatchChange()}_clearAll(){this.field="created",this.kind=null,this.preset="",this.from="",this.to="",this._dispatchChange()}_dispatchChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:{field:this.field,kind:this.kind,preset:this.preset,from:this.from,to:this.to}},bubbles:!0,composed:!0}))}_handleDateInput(t,e){const s=e.target.value,a=s?new Date(s+"T00:00:00").toISOString():"";if(t==="from"?this.from=a:this.to=a,this.preset==="specific"&&t==="from"&&a){const i=new Date(s+"T23:59:59");this.to=i.toISOString()}this.preset==="after"&&t==="from"&&a&&(this.to=new Date().toISOString()),this.preset==="before"&&t==="to"&&a&&(this.from=new Date(0).toISOString()),this._dispatchChange()}_renderDateTypeSection(){return this._isLicenseExpiry?o.nothing:o.html`
+`;var Gi=Object.defineProperty,Yi=Object.getOwnPropertyDescriptor,_e=(t,e,s,a)=>{for(var i=a>1?void 0:a?Yi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Gi(e,s,i),i};function $t(t){return t.toISOString().split("T")[0]}let W=class extends o.LitElement{constructor(){super(...arguments),this.filterKey=m.DATE,this.field="created",this.kind=null,this.preset="",this.from="",this.to=""}get _isLicenseExpiry(){return this.filterKey===m.LICENSE_EXPIRY}get _rangeOptions(){return this._isLicenseExpiry?as:Et}get _todayStr(){return $t(new Date)}get _hasFilter(){return!!(this.kind||this.preset||this.from||this.to)}_kindFromValue(t){return["before","after","between","specific"].includes(t)?t:"preset"}_selectField(t){this.field=t,this._dispatchChange()}_selectPreset(t){const e=this._kindFromValue(t);if(this.kind=e,this.preset=t,["before","after","between","specific"].includes(t)){this.from="",this.to="",this.requestUpdate();return}const s=rs(t);s&&(this.from=s.from,this.to=s.to??""),this._dispatchChange()}_clearAll(){this.field="created",this.kind=null,this.preset="",this.from="",this.to="",this._dispatchChange()}_dispatchChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:{field:this.field,kind:this.kind,preset:this.preset,from:this.from,to:this.to}},bubbles:!0,composed:!0}))}_handleDateInput(t,e){const s=e.target.value,a=s?new Date(s+"T00:00:00").toISOString():"";if(t==="from"?this.from=a:this.to=a,this.preset==="specific"&&t==="from"&&a){const i=new Date(s+"T23:59:59");this.to=i.toISOString()}this.preset==="after"&&t==="from"&&a&&(this.to=new Date().toISOString()),this.preset==="before"&&t==="to"&&a&&(this.from=new Date(0).toISOString()),this._dispatchChange()}_renderDateTypeSection(){return this._isLicenseExpiry?o.nothing:o.html`
       <div class="filter-section">
         <span class="section-label">Date type</span>
         <ap-radio-group
@@ -754,7 +762,7 @@
           @ap-change=${t=>this._selectPreset(t.detail.value)}
         ></ap-radio-group>
       </div>
-    `}_renderDateInputs(){const t=this.preset;if(!["before","after","between","specific"].includes(t))return o.nothing;const e=this.from?St(new Date(this.from)):"",s=this.to?St(new Date(this.to)):"",a=this._todayStr;return t==="specific"?o.html`
+    `}_renderDateInputs(){const t=this.preset;if(!["before","after","between","specific"].includes(t))return o.nothing;const e=this.from?$t(new Date(this.from)):"",s=this.to?$t(new Date(this.to)):"",a=this._todayStr;return t==="specific"?o.html`
         <div class="filter-section date-inputs">
           <div>
             <span class="input-label">Date</span>
@@ -834,10 +842,10 @@
     .date-inputs {
       margin-top: 4px;
     }
-  `];xe([c.property()],W.prototype,"filterKey",2);xe([c.property()],W.prototype,"field",2);xe([c.property()],W.prototype,"kind",2);xe([c.property()],W.prototype,"preset",2);xe([c.property()],W.prototype,"from",2);xe([c.property()],W.prototype,"to",2);W=xe([c.customElement("ap-filter-date")],W);var Ni=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,Oe=(t,e,s,a)=>{for(var i=a>1?void 0:a?ji(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ni(e,s,i),i};let ae=class extends o.LitElement{constructor(){super(...arguments),this.tags=[],this.selected=[],this.filterKey=m.TAGS,this._search=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}get _suggestedTags(){return this.tags.filter(t=>t.primary)}get _otherTags(){return this.tags.filter(t=>!t.primary)}get _atLimit(){return this.selected.length>=mt}get _isSearching(){return this._search.trim().length>0}_toggle(t){const e=this.selected.includes(t);if(!e&&this._atLimit)return;const s=e?this.selected.filter(a=>a!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:s,operator:b.IS},bubbles:!0,composed:!0}))}_remove(t){const e=this.selected.filter(s=>s!==t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:e,operator:b.IS},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:[],operator:b.IS},bubbles:!0,composed:!0}))}_onSearchInput(t){this._search=t.target.value}_clearSearch(){this._search=""}_getTagBySid(t){return this.tags.find(e=>e.sid===t)}_renderTagItem(t){const e=this.selected.includes(t.sid),s=!e&&this._atLimit;return o.html`
+  `];_e([c.property()],W.prototype,"filterKey",2);_e([c.property()],W.prototype,"field",2);_e([c.property()],W.prototype,"kind",2);_e([c.property()],W.prototype,"preset",2);_e([c.property()],W.prototype,"from",2);_e([c.property()],W.prototype,"to",2);W=_e([c.customElement("ap-filter-date")],W);var Xi=Object.defineProperty,Wi=Object.getOwnPropertyDescriptor,Oe=(t,e,s,a)=>{for(var i=a>1?void 0:a?Wi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Xi(e,s,i),i};let ae=class extends o.LitElement{constructor(){super(...arguments),this.tags=[],this.selected=[],this.filterKey=m.TAGS,this._search=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}get _suggestedTags(){return this.tags.filter(t=>t.primary)}get _otherTags(){return this.tags.filter(t=>!t.primary)}get _atLimit(){return this.selected.length>=gt}get _isSearching(){return this._search.trim().length>0}_toggle(t){const e=this.selected.includes(t);if(!e&&this._atLimit)return;const s=e?this.selected.filter(a=>a!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:s,operator:_.IS},bubbles:!0,composed:!0}))}_remove(t){const e=this.selected.filter(s=>s!==t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:e,operator:_.IS},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:this.filterKey,values:[],operator:_.IS},bubbles:!0,composed:!0}))}_onSearchInput(t){this._search=t.target.value}_clearSearch(){this._search=""}_getTagBySid(t){return this.tags.find(e=>e.sid===t)}_renderTagItem(t){const e=this.selected.includes(t.sid),s=!e&&this._atLimit;return o.html`
       <div
         class="tag-item ${s?"disabled":""}"
-        title=${s?`You can select up to ${mt} tags`:o.nothing}
+        title=${s?`You can select up to ${gt} tags`:o.nothing}
         @click=${()=>!s&&this._toggle(t.sid)}
       >
         <ap-checkbox ?checked=${e}></ap-checkbox>
@@ -882,7 +890,7 @@
         ${this._atLimit?o.html`
               <div class="info-alert">
                 <ap-icon name="info" .size=${14}></ap-icon>
-                <span>You can select up to ${mt} tags.</span>
+                <span>You can select up to ${gt} tags.</span>
               </div>
             `:o.nothing}
       </div>
@@ -942,7 +950,7 @@
     .tag-item {
       display: flex;
       align-items: center;
-      gap: 8px;
+      gap: 12px;
       padding: 6px 8px;
       border-radius: var(--ap-radius-sm, 6px);
       cursor: pointer;
@@ -950,7 +958,7 @@
     }
 
     .tag-item:hover:not(.disabled) {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .tag-item.disabled {
@@ -964,7 +972,7 @@
 
     .tag-name {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       flex: 1;
       min-width: 0;
       overflow: hidden;
@@ -974,7 +982,7 @@
 
     .hint-message {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       padding: 8px 0;
     }
 
@@ -983,7 +991,7 @@
       position: sticky;
       top: -10px;
       z-index: 1;
-      background: var(--ap-card, #fff);
+      background: var(--ap-card, oklch(1 0 0));
       margin: -10px -8px 10px;
     }
 
@@ -991,16 +999,16 @@
       width: 100%;
       padding: 8px 10px;
       border: none;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       background: transparent;
       outline: none;
       font-family: var(--ap-font-family, system-ui, sans-serif);
     }
 
     .tag-search::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .search-clear {
@@ -1012,10 +1020,10 @@
       max-height: none;
       overflow-y: visible;
     }
-  `];Oe([c.property({type:Array})],ae.prototype,"tags",2);Oe([c.property({type:Array})],ae.prototype,"selected",2);Oe([c.property()],ae.prototype,"filterKey",2);Oe([c.query(".tag-search")],ae.prototype,"_searchInput",2);Oe([c.state()],ae.prototype,"_search",2);ae=Oe([c.customElement("ap-filter-tags")],ae);var Bi=Object.defineProperty,Vi=Object.getOwnPropertyDescriptor,He=(t,e,s,a)=>{for(var i=a>1?void 0:a?Vi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Bi(e,s,i),i};let ve=class extends o.LitElement{constructor(){super(...arguments),this.labels=[],this.selected=[],this._search=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}get _atLimit(){return this.selected.length>=vt}get _isSearching(){return this._search.trim().length>0}_toggle(t){const e=this.selected.includes(t);if(!e&&this._atLimit)return;const s=e?this.selected.filter(a=>a!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:s,operator:b.IS},bubbles:!0,composed:!0}))}_remove(t){const e=this.selected.filter(s=>s!==t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:e,operator:b.IS},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:[],operator:b.IS},bubbles:!0,composed:!0}))}_onSearchInput(t){this._search=t.target.value}_clearSearch(){this._search=""}_getLabelBySid(t){return this.labels.find(e=>e.sid===t)}_renderLabelItem(t){const e=this.selected.includes(t.sid),s=!e&&this._atLimit;return o.html`
+  `];Oe([c.property({type:Array})],ae.prototype,"tags",2);Oe([c.property({type:Array})],ae.prototype,"selected",2);Oe([c.property()],ae.prototype,"filterKey",2);Oe([c.query(".tag-search")],ae.prototype,"_searchInput",2);Oe([c.state()],ae.prototype,"_search",2);ae=Oe([c.customElement("ap-filter-tags")],ae);var Qi=Object.defineProperty,Zi=Object.getOwnPropertyDescriptor,qe=(t,e,s,a)=>{for(var i=a>1?void 0:a?Zi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Qi(e,s,i),i};let me=class extends o.LitElement{constructor(){super(...arguments),this.labels=[],this.selected=[],this._search=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}get _atLimit(){return this.selected.length>=ft}get _isSearching(){return this._search.trim().length>0}_toggle(t){const e=this.selected.includes(t);if(!e&&this._atLimit)return;const s=e?this.selected.filter(a=>a!==t):[...this.selected,t];this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:s,operator:_.IS},bubbles:!0,composed:!0}))}_remove(t){const e=this.selected.filter(s=>s!==t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:e,operator:_.IS},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.LABELS,values:[],operator:_.IS},bubbles:!0,composed:!0}))}_onSearchInput(t){this._search=t.target.value}_clearSearch(){this._search=""}_getLabelBySid(t){return this.labels.find(e=>e.sid===t)}_renderLabelItem(t){const e=this.selected.includes(t.sid),s=!e&&this._atLimit;return o.html`
       <div
         class="label-item ${s?"disabled":""}"
-        title=${s?`You can select up to ${vt} labels`:o.nothing}
+        title=${s?`You can select up to ${ft} labels`:o.nothing}
         @click=${()=>!s&&this._toggle(t.sid)}
       >
         <ap-checkbox ?checked=${e}></ap-checkbox>
@@ -1081,15 +1089,15 @@
         ${this._atLimit?o.html`
               <div class="info-alert">
                 <ap-icon name="info" .size=${14}></ap-icon>
-                <span>You can select up to ${vt} labels.</span>
+                <span>You can select up to ${ft} labels.</span>
               </div>
             `:o.nothing}
       </div>
-    `}};ve.styles=[te,o.css`
+    `}};me.styles=[te,o.css`
     .label-item {
       display: flex;
       align-items: center;
-      gap: 8px;
+      gap: 12px;
       padding: 6px 8px;
       border-radius: var(--ap-radius-sm, 6px);
       cursor: pointer;
@@ -1097,7 +1105,7 @@
     }
 
     .label-item:hover:not(.disabled) {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .label-item.disabled {
@@ -1116,7 +1124,7 @@
 
     .label-name {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       flex: 1;
       min-width: 0;
       overflow: hidden;
@@ -1126,7 +1134,7 @@
 
     .count {
       font-size: 0.75rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       flex-shrink: 0;
     }
 
@@ -1134,9 +1142,9 @@
       flex-shrink: 0;
       line-height: 0;
     }
-  `];He([c.property({type:Array})],ve.prototype,"labels",2);He([c.property({type:Array})],ve.prototype,"selected",2);He([c.query(".search-input")],ve.prototype,"_searchInput",2);He([c.state()],ve.prototype,"_search",2);ve=He([c.customElement("ap-filter-labels")],ve);var qi=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,Le=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ui(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&qi(e,s,i),i};const Ct=3,Et=/^#[0-9A-Fa-f]{6}$/;function Hi(t){const e=t.trim().split(/\s+/);return e.length<1||!Et.test(e[0])?null:{hex:e[0],tolerance:e[1]||Je,coverage:e[3]||Ze}}let re=class extends o.LitElement{constructor(){super(...arguments),this.values=[],this._colors=[],this._advanced=!1,this._showPalette=!1,this._initialized=!1}get _hasSelection(){return this._colors.length>0}get _selectedHexes(){return new Set(this._colors.map(t=>t.hex))}willUpdate(t){if(t.has("values")){const e=[];for(const s of this.values){const a=Hi(s);a&&e.push(a)}(!this._initialized||this.values.length===0&&this._colors.length>0)&&(this._colors=e,e.length>0&&(this._advanced=e.some(s=>s.tolerance!==Je||s.coverage!==Ze)),this._initialized=!0)}}_selectColor(t){if(!Et.test(t))return;const e=this._colors.findIndex(s=>s.hex.toLowerCase()===t.toLowerCase());if(e>=0){this._removeColor(e);return}this._colors.length>=Ct||(this._colors=[...this._colors,{hex:t,tolerance:Je,coverage:Ze}],this._showPalette=!1,this._dispatchChange())}_removeColor(t){this._colors=this._colors.filter((e,s)=>s!==t),this._dispatchChange()}_clearAll(){this._colors=[],this._showPalette=!1,this._dispatchChange()}_toggleAdvanced(){this._advanced=!this._advanced,this._colors.length>0&&this._dispatchChange()}_handleHexInput(t,e){let a=e.target.value.trim();if(a.startsWith("#")||(a="#"+a),!Et.test(a)||this._colors.some((n,l)=>l!==t&&n.hex.toLowerCase()===a.toLowerCase()))return;const r=[...this._colors];r[t]={...r[t],hex:a},this._colors=r,this._dispatchChange()}_handleToleranceChange(t,e){const s=[...this._colors];s[t]={...s[t],tolerance:e.detail.value},this._colors=s,this._dispatchChange()}_handleCoverageInput(t,e){const s=e.target.value,a=parseInt(s,10);if(!isNaN(a)&&a>=1&&a<=100){const i=[...this._colors];i[t]={...i[t],coverage:String(a)},this._colors=i,this._dispatchChange()}}_showAddPalette(){this._showPalette=!0}_dispatchChange(){if(this._colors.length===0){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"color",values:"",operator:":"},bubbles:!0,composed:!0}));return}const t=this._colors.map(e=>{const s=this._advanced?e.tolerance:Je,a=this._advanced?e.coverage:Ze;return`${e.hex} ${s} ${s} ${a}`});this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"color",values:t,operator:":"},bubbles:!0,composed:!0}))}_renderPalette(){const t=this._selectedHexes,e=this._colors.length>=Ct;return o.html`
+  `];qe([c.property({type:Array})],me.prototype,"labels",2);qe([c.property({type:Array})],me.prototype,"selected",2);qe([c.query(".search-input")],me.prototype,"_searchInput",2);qe([c.state()],me.prototype,"_search",2);me=qe([c.customElement("ap-filter-labels")],me);var Ji=Object.defineProperty,ea=Object.getOwnPropertyDescriptor,Me=(t,e,s,a)=>{for(var i=a>1?void 0:a?ea(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ji(e,s,i),i};const wt=3,Ct=/^#[0-9A-Fa-f]{6}$/;function ta(t){const e=t.trim().split(/\s+/);return e.length<1||!Ct.test(e[0])?null:{hex:e[0],tolerance:e[1]||Ze,coverage:e[3]||Qe}}let re=class extends o.LitElement{constructor(){super(...arguments),this.values=[],this._colors=[],this._advanced=!1,this._showPalette=!1,this._initialized=!1}get _hasSelection(){return this._colors.length>0}get _selectedHexes(){return new Set(this._colors.map(t=>t.hex))}willUpdate(t){if(t.has("values")){const e=[];for(const s of this.values){const a=ta(s);a&&e.push(a)}(!this._initialized||this.values.length===0&&this._colors.length>0)&&(this._colors=e,e.length>0&&(this._advanced=e.some(s=>s.tolerance!==Ze||s.coverage!==Qe)),this._initialized=!0)}}_selectColor(t){if(!Ct.test(t))return;const e=this._colors.findIndex(s=>s.hex.toLowerCase()===t.toLowerCase());if(e>=0){this._removeColor(e);return}this._colors.length>=wt||(this._colors=[...this._colors,{hex:t,tolerance:Ze,coverage:Qe}],this._showPalette=!1,this._dispatchChange())}_removeColor(t){this._colors=this._colors.filter((e,s)=>s!==t),this._dispatchChange()}_clearAll(){this._colors=[],this._showPalette=!1,this._dispatchChange()}_toggleAdvanced(){this._advanced=!this._advanced,this._colors.length>0&&this._dispatchChange()}_handleHexInput(t,e){let a=e.target.value.trim();if(a.startsWith("#")||(a="#"+a),!Ct.test(a)||this._colors.some((n,l)=>l!==t&&n.hex.toLowerCase()===a.toLowerCase()))return;const r=[...this._colors];r[t]={...r[t],hex:a},this._colors=r,this._dispatchChange()}_handleToleranceChange(t,e){const s=[...this._colors];s[t]={...s[t],tolerance:e.detail.value},this._colors=s,this._dispatchChange()}_handleCoverageInput(t,e){const s=e.target.value,a=parseInt(s,10);if(!isNaN(a)&&a>=1&&a<=100){const i=[...this._colors];i[t]={...i[t],coverage:String(a)},this._colors=i,this._dispatchChange()}}_showAddPalette(){this._showPalette=!0}_dispatchChange(){if(this._colors.length===0){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"color",values:"",operator:":"},bubbles:!0,composed:!0}));return}const t=this._colors.map(e=>{const s=this._advanced?e.tolerance:Ze,a=this._advanced?e.coverage:Qe;return`${e.hex} ${s} ${s} ${a}`});this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"color",values:t,operator:":"},bubbles:!0,composed:!0}))}_renderPalette(){const t=this._selectedHexes,e=this._colors.length>=wt;return o.html`
       <div class="palette">
-        ${Vs.map(s=>{const a=t.has(s),i=e&&!a;return o.html`
+        ${Zs.map(s=>{const a=t.has(s),i=e&&!a;return o.html`
               <button
                 class="swatch ${a?"selected":""} ${i?"disabled":""}"
                 style="background:${s};${s==="#ffffff"?" border: 1px solid #e4e4e7;":""}"
@@ -1165,7 +1173,7 @@
           <span class="adv-field-label">Difference</span>
           <ap-dropdown
             .value=${t.tolerance}
-            .options=${qs}
+            .options=${Js}
             @ap-change=${s=>this._handleToleranceChange(e,s)}
           ></ap-dropdown>
         </div>
@@ -1201,7 +1209,7 @@
             <ap-icon name="close" .size=${14}></ap-icon>
           </button>
         </div>
-      `}render(){const t=this._colors.length===0||this._showPalette,e=this._colors.length<Ct&&!this._showPalette;return o.html`
+      `}render(){const t=this._colors.length===0||this._showPalette,e=this._colors.length<wt&&!this._showPalette;return o.html`
       <div class="filter-content">
         <button
           class="clear-btn"
@@ -1270,8 +1278,8 @@
     }
 
     .swatch.selected {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
-      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
 
     .swatch.disabled {
@@ -1295,7 +1303,7 @@
       align-items: center;
       gap: 8px;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       cursor: pointer;
       user-select: none;
     }
@@ -1305,13 +1313,13 @@
       width: 32px;
       height: 18px;
       border-radius: 9px;
-      background: var(--ap-border, #d4d4d8);
+      background: var(--ap-border, oklch(92.86% 0.009 247.92));
       transition: background 150ms;
       flex-shrink: 0;
     }
 
     .toggle-track.on {
-      background: var(--ap-primary, oklch(0.65 0.19 258));
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .toggle-thumb {
@@ -1348,25 +1356,25 @@
       width: 36px;
       height: 36px;
       border-radius: var(--ap-radius-sm, 6px);
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       flex-shrink: 0;
     }
 
     .color-hex-input {
       height: 36px;
       padding: 0 8px;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       font-family: var(--ap-font-family, system-ui, sans-serif);
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
       min-width: 0;
     }
 
     .color-hex-input:focus {
       outline: none;
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     /* Normal mode: hex input takes remaining space */
@@ -1382,7 +1390,7 @@
       height: 20px;
       border: none;
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
       padding: 0;
       flex-shrink: 0;
@@ -1390,8 +1398,8 @@
     }
 
     .remove-btn:hover {
-      color: var(--ap-destructive, #ef4444);
-      background: var(--ap-muted, #f4f4f5);
+      color: var(--ap-destructive, oklch(0.577 0.215 27.325));
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     /* ── Advanced layout: full-width grid ── */
@@ -1411,7 +1419,7 @@
 
     .adv-field-label {
       font-size: 0.6875rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       line-height: 1;
     }
 
@@ -1419,19 +1427,19 @@
       display: flex;
       align-items: center;
       height: 36px;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
       overflow: hidden;
     }
 
     .coverage-wrap:focus-within {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .coverage-unit {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       padding-left: 8px;
       flex-shrink: 0;
       line-height: 36px;
@@ -1444,7 +1452,7 @@
       padding: 0 6px 0 2px;
       border: none;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       font-family: var(--ap-font-family, system-ui, sans-serif);
       background: transparent;
       outline: none;
@@ -1466,21 +1474,21 @@
       align-items: center;
       gap: 4px;
       padding: 6px 12px;
-      border: 1px dashed var(--ap-border, #e4e4e7);
+      border: 1px dashed var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-family: inherit;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
       transition: border-color 150ms, color 150ms;
     }
 
     .add-color-btn:hover {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
-  `];Le([c.property({type:Array})],re.prototype,"values",2);Le([c.state()],re.prototype,"_colors",2);Le([c.state()],re.prototype,"_advanced",2);Le([c.state()],re.prototype,"_showPalette",2);Le([c.state()],re.prototype,"_initialized",2);re=Le([c.customElement("ap-filter-color")],re);var Ki=Object.defineProperty,Gi=Object.getOwnPropertyDescriptor,$e=(t,e,s,a)=>{for(var i=a>1?void 0:a?Gi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ki(e,s,i),i};const Yi={KB:1/1e3,MB:1,GB:1e3},Xi=[{value:"MB",label:"MB"},{value:"GB",label:"GB"}];let Q=class extends o.LitElement{constructor(){super(...arguments),this.min=0,this.max=0,this._minVal="",this._maxVal="",this._unit="MB",this._initialized=!1}willUpdate(t){!this._initialized&&(t.has("min")||t.has("max"))&&(this._initialized=!0,this.min>0&&(this._minVal=String(this.min)),this.max>0&&(this._maxVal=String(this.max)))}get _hasFilter(){return this._minVal!==""||this._maxVal!==""}_clearAll(){this._minVal="",this._maxVal="",this._emitChange()}_setUnit(t){this._unit=t.detail.value,this._emitChange()}_emitChange(){const t=Yi[this._unit],e=this._minVal!==""?parseFloat((parseFloat(this._minVal)*t).toFixed(2)).toString():null,s=this._maxVal!==""?parseFloat((parseFloat(this._maxVal)*t).toFixed(2)).toString():null;let a;if(e!==null&&s!==null)a=`${e}..${s}`;else if(e!==null)a=`${e}..`;else if(s!==null)a=`..${s}`;else{this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.SIZE,values:[],operator:b.RANGE},bubbles:!0,composed:!0}));return}this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.SIZE,values:[a],operator:b.RANGE},bubbles:!0,composed:!0}))}_onMinInput(t){this._minVal=t.target.value,this._emitChange()}_onMaxInput(t){this._maxVal=t.target.value,this._emitChange()}render(){return o.html`
+  `];Me([c.property({type:Array})],re.prototype,"values",2);Me([c.state()],re.prototype,"_colors",2);Me([c.state()],re.prototype,"_advanced",2);Me([c.state()],re.prototype,"_showPalette",2);Me([c.state()],re.prototype,"_initialized",2);re=Me([c.customElement("ap-filter-color")],re);var sa=Object.defineProperty,ia=Object.getOwnPropertyDescriptor,ye=(t,e,s,a)=>{for(var i=a>1?void 0:a?ia(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&sa(e,s,i),i};const aa={KB:1/1e3,MB:1,GB:1e3},ra=[{value:"MB",label:"MB"},{value:"GB",label:"GB"}];let Q=class extends o.LitElement{constructor(){super(...arguments),this.min=0,this.max=0,this._minVal="",this._maxVal="",this._unit="MB",this._initialized=!1}willUpdate(t){!this._initialized&&(t.has("min")||t.has("max"))&&(this._initialized=!0,this.min>0&&(this._minVal=String(this.min)),this.max>0&&(this._maxVal=String(this.max)))}get _hasFilter(){return this._minVal!==""||this._maxVal!==""}_clearAll(){this._minVal="",this._maxVal="",this._emitChange()}_setUnit(t){this._unit=t.detail.value,this._emitChange()}_emitChange(){const t=aa[this._unit],e=this._minVal!==""?parseFloat((parseFloat(this._minVal)*t).toFixed(2)).toString():null,s=this._maxVal!==""?parseFloat((parseFloat(this._maxVal)*t).toFixed(2)).toString():null;let a;if(e!==null&&s!==null)a=`${e}..${s}`;else if(e!==null)a=`${e}..`;else if(s!==null)a=`..${s}`;else{this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.SIZE,values:[],operator:_.RANGE},bubbles:!0,composed:!0}));return}this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.SIZE,values:[a],operator:_.RANGE},bubbles:!0,composed:!0}))}_onMinInput(t){this._minVal=t.target.value,this._emitChange()}_onMaxInput(t){this._maxVal=t.target.value,this._emitChange()}render(){return o.html`
       <div class="filter-content">
         <span class="section-label">Size</span>
         <button
@@ -1517,7 +1525,7 @@
           <div>
             <span class="input-label">Unit</span>
             <ap-dropdown
-              .options=${Xi}
+              .options=${ra}
               .value=${this._unit}
               @ap-change=${this._setUnit}
             ></ap-dropdown>
@@ -1536,22 +1544,26 @@
       }
       .size-grid {
         display: grid;
-        grid-template-columns: auto auto 1fr;
+        grid-template-columns: 1fr 1fr auto;
         gap: 12px;
       }
-    `];$e([c.property({type:Number})],Q.prototype,"min",2);$e([c.property({type:Number})],Q.prototype,"max",2);$e([c.state()],Q.prototype,"_minVal",2);$e([c.state()],Q.prototype,"_maxVal",2);$e([c.state()],Q.prototype,"_unit",2);$e([c.state()],Q.prototype,"_initialized",2);Q=$e([c.customElement("ap-filter-size")],Q);var Wi=Object.defineProperty,Qi=Object.getOwnPropertyDescriptor,ht=(t,e,s,a)=>{for(var i=a>1?void 0:a?Qi(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Wi(e,s,i),i};const Zi=o.svg`
+      .size-grid ap-dropdown {
+        display: block;
+        width: 100%;
+      }
+    `];ye([c.property({type:Number})],Q.prototype,"min",2);ye([c.property({type:Number})],Q.prototype,"max",2);ye([c.state()],Q.prototype,"_minVal",2);ye([c.state()],Q.prototype,"_maxVal",2);ye([c.state()],Q.prototype,"_unit",2);ye([c.state()],Q.prototype,"_initialized",2);Q=ye([c.customElement("ap-filter-size")],Q);var oa=Object.defineProperty,na=Object.getOwnPropertyDescriptor,pt=(t,e,s,a)=>{for(var i=a>1?void 0:a?na(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&oa(e,s,i),i};const la=o.svg`
   <svg width="20" height="20" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M2.66666 1.9987C2.29847 1.9987 1.99999 2.29717 1.99999 2.66536L1.99999 13.332C1.99999 13.7002 2.29847 13.9987 2.66666 13.9987L9.33332 13.9987C9.70151 13.9987 9.99999 13.7002 9.99999 13.332L9.99999 2.66536C9.99999 2.29717 9.70151 1.9987 9.33332 1.9987L2.66666 1.9987ZM9.33332 0.665364C10.4379 0.665364 11.3333 1.56079 11.3333 2.66536L11.3333 13.332C11.3333 14.4366 10.4379 15.332 9.33332 15.332L2.66666 15.332C1.56209 15.332 0.666656 14.4366 0.666656 13.332L0.666656 2.66536C0.666656 1.56079 1.56209 0.665364 2.66666 0.665364L9.33332 0.665364Z" fill="#9747FF"/>
     <path d="M5.33332 4.65885C5.33332 4.29066 5.6318 3.99219 5.99999 3.99219C6.36818 3.99219 6.66666 4.29066 6.66666 4.65885L6.66666 4.66536C6.66666 5.03355 6.36818 5.33203 5.99999 5.33203C5.6318 5.33203 5.33332 5.03355 5.33332 4.66536L5.33332 4.65885Z" fill="#9747FF"/>
     <path d="M5.33332 11.3255C5.33332 10.9573 5.6318 10.6589 5.99999 10.6589C6.36818 10.6589 6.66666 10.9573 6.66666 11.3255L6.66666 11.332C6.66666 11.7002 6.36818 11.9987 5.99999 11.9987C5.6318 11.9987 5.33332 11.7002 5.33332 11.332L5.33332 11.3255Z" fill="#9747FF"/>
   </svg>
-`,Ji=o.svg`
+`,ca=o.svg`
   <svg width="20" height="20" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M14 2.66797C14 2.29978 13.7015 2.0013 13.3333 2.0013H2.66666C2.29847 2.0013 1.99999 2.29978 1.99999 2.66797V9.33463C1.99999 9.70282 2.29847 10.0013 2.66666 10.0013H13.3333C13.7015 10.0013 14 9.70282 14 9.33463V2.66797ZM15.3333 9.33463C15.3333 10.4392 14.4379 11.3346 13.3333 11.3346H2.66666C1.56209 11.3346 0.666656 10.4392 0.666656 9.33463V2.66797C0.666656 1.5634 1.56209 0.667969 2.66666 0.667969H13.3333C14.4379 0.667969 15.3333 1.5634 15.3333 2.66797V9.33463Z" fill="#65A30D"/>
     <path d="M11.3398 5.33464C11.708 5.33464 12.0065 5.63311 12.0065 6.0013C12.0065 6.36949 11.708 6.66797 11.3398 6.66797H11.3333C10.9651 6.66797 10.6667 6.36949 10.6667 6.0013C10.6667 5.63311 10.9651 5.33464 11.3333 5.33464H11.3398Z" fill="#65A30D"/>
     <path d="M4.67317 5.33464C5.04136 5.33464 5.33983 5.63311 5.33983 6.0013C5.33983 6.36949 5.04136 6.66797 4.67317 6.66797H4.66666C4.29847 6.66797 3.99999 6.36949 3.99999 6.0013C3.99999 5.63311 4.29847 5.33464 4.66666 5.33464H4.67317Z" fill="#65A30D"/>
   </svg>
-`,ea=o.svg`
+`,da=o.svg`
   <svg width="20" height="20" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M12.3333 2.33203C12.3333 1.96384 12.0349 1.66536 11.6667 1.66536H2.33334C1.96515 1.66536 1.66668 1.96384 1.66668 2.33203V11.6654C1.66668 12.0336 1.96515 12.332 2.33334 12.332H11.6667C12.0349 12.332 12.3333 12.0336 12.3333 11.6654V2.33203ZM13.6667 11.6654C13.6667 12.7699 12.7712 13.6654 11.6667 13.6654H2.33334C1.22877 13.6654 0.333344 12.7699 0.333344 11.6654V2.33203C0.333344 1.22746 1.22877 0.332031 2.33334 0.332031H11.6667C12.7712 0.332031 13.6667 1.22746 13.6667 2.33203V11.6654Z" fill="#6366F1"/>
     <path d="M9.67319 3.66536C10.0414 3.66536 10.3399 3.96384 10.3399 4.33203C10.3399 4.70022 10.0414 4.9987 9.67319 4.9987H9.66668C9.29849 4.9987 9.00001 4.70022 9.00001 4.33203C9.00001 3.96384 9.29849 3.66536 9.66668 3.66536H9.67319Z" fill="#6366F1"/>
@@ -1559,13 +1571,13 @@
     <path d="M4.33985 8.9987C4.70804 8.9987 5.00652 9.29718 5.00652 9.66537C5.00652 10.0336 4.70804 10.332 4.33985 10.332H4.33334C3.96515 10.332 3.66668 10.0336 3.66668 9.66537C3.66668 9.29718 3.96515 8.9987 4.33334 8.9987H4.33985Z" fill="#6366F1"/>
     <path d="M9.67319 8.9987C10.0414 8.9987 10.3399 9.29718 10.3399 9.66537C10.3399 10.0336 10.0414 10.332 9.67319 10.332H9.66668C9.29849 10.332 9.00001 10.0336 9.00001 9.66537C9.00001 9.29718 9.29849 8.9987 9.66668 8.9987H9.67319Z" fill="#6366F1"/>
   </svg>
-`,ta=o.svg`
+`,pa=o.svg`
   <svg width="20" height="20" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M14 2.33203C14 1.96384 13.7015 1.66536 13.3333 1.66536H2.66666C2.29847 1.66536 1.99999 1.96384 1.99999 2.33203V5.66536C1.99999 6.03355 2.29847 6.33203 2.66666 6.33203H13.3333C13.7015 6.33203 14 6.03355 14 5.66536V2.33203ZM15.3333 5.66536C15.3333 6.76993 14.4379 7.66536 13.3333 7.66536H2.66666C1.56209 7.66536 0.666656 6.76993 0.666656 5.66536V2.33203C0.666656 1.22746 1.56209 0.332031 2.66666 0.332031H13.3333C14.4379 0.332031 15.3333 1.22746 15.3333 2.33203V5.66536Z" fill="#4BA3AD"/>
     <path d="M11.3398 3.33203C11.708 3.33203 12.0065 3.63051 12.0065 3.9987C12.0065 4.36689 11.708 4.66536 11.3398 4.66536H11.3333C10.9651 4.66536 10.6667 4.36689 10.6667 3.9987C10.6667 3.63051 10.9651 3.33203 11.3333 3.33203H11.3398Z" fill="#4BA3AD"/>
     <path d="M4.67317 3.33203C5.04136 3.33203 5.33983 3.63051 5.33983 3.9987C5.33983 4.36689 5.04136 4.66536 4.67317 4.66536H4.66666C4.29847 4.66536 3.99999 4.36689 3.99999 3.9987C3.99999 3.63051 4.29847 3.33203 4.66666 3.33203H4.67317Z" fill="#4BA3AD"/>
   </svg>
-`,sa={portrait:Zi,landscape:Ji,square:ea,panorama:ta};let Ae=class extends o.LitElement{constructor(){super(...arguments),this.selectedResolution=[],this.selectedOrientation=[],this.selectedFaces=[]}get _hasSelection(){return this.selectedResolution.length>0||this.selectedOrientation.length>0||this.selectedFaces.length>0}_toggle(t,e){return t.includes(e)?t.filter(s=>s!==e):[...t,e]}_toggleResolution(t){this.selectedResolution=this._toggle(this.selectedResolution,t),this._dispatchChange()}_toggleOrientation(t){this.selectedOrientation=this._toggle(this.selectedOrientation,t),this._dispatchChange()}_toggleFaces(t){this.selectedFaces=this._toggle(this.selectedFaces,t),this._dispatchChange()}_clearAll(){this.selectedResolution=[],this.selectedOrientation=[],this.selectedFaces=[],this._dispatchChange()}_dispatchChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"image",values:{resolution:this.selectedResolution,orientation:this.selectedOrientation,faces:this.selectedFaces}},bubbles:!0,composed:!0}))}render(){return o.html`
+`,ha={portrait:la,landscape:ca,square:da,panorama:pa};let Ee=class extends o.LitElement{constructor(){super(...arguments),this.selectedResolution=[],this.selectedOrientation=[],this.selectedFaces=[]}get _hasSelection(){return this.selectedResolution.length>0||this.selectedOrientation.length>0||this.selectedFaces.length>0}_toggle(t,e){return t.includes(e)?t.filter(s=>s!==e):[...t,e]}_toggleResolution(t){this.selectedResolution=this._toggle(this.selectedResolution,t),this._dispatchChange()}_toggleOrientation(t){this.selectedOrientation=this._toggle(this.selectedOrientation,t),this._dispatchChange()}_toggleFaces(t){this.selectedFaces=this._toggle(this.selectedFaces,t),this._dispatchChange()}_clearAll(){this.selectedResolution=[],this.selectedOrientation=[],this.selectedFaces=[],this._dispatchChange()}_dispatchChange(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:"image",values:{resolution:this.selectedResolution,orientation:this.selectedOrientation,faces:this.selectedFaces}},bubbles:!0,composed:!0}))}render(){return o.html`
       <div class="filter-content">
         <button
           class="clear-btn"
@@ -1576,7 +1588,7 @@
         <div class="filter-section">
           <span class="section-label">Resolution</span>
           <div class="options-horizontal">
-            ${Rs.map(t=>o.html`
+            ${Ys.map(t=>o.html`
                 <ap-checkbox
                   ?checked=${this.selectedResolution.includes(t.value)}
                   @ap-toggle=${()=>{this._toggleResolution(t.value)}}
@@ -1588,11 +1600,11 @@
         <div class="filter-section">
           <span class="section-label">Orientation</span>
           <div class="options-vertical">
-            ${Ns.map(t=>o.html`
+            ${Xs.map(t=>o.html`
                 <ap-checkbox
                   ?checked=${this.selectedOrientation.includes(t.value)}
                   @ap-toggle=${()=>{this._toggleOrientation(t.value)}}
-                ><span class="orientation-label">${sa[t.value]}${t.label}</span></ap-checkbox>
+                ><span class="orientation-label">${ha[t.value]}${t.label}</span></ap-checkbox>
               `)}
           </div>
         </div>
@@ -1600,7 +1612,7 @@
         <div class="filter-section">
           <span class="section-label">Faces</span>
           <div class="options-horizontal">
-            ${js.map(t=>o.html`
+            ${Ws.map(t=>o.html`
                 <ap-checkbox
                   ?checked=${this.selectedFaces.includes(t.value)}
                   @ap-toggle=${()=>{this._toggleFaces(t.value)}}
@@ -1614,7 +1626,7 @@
           <span>Some images might not have been processed, so they won't be displayed.</span>
         </div>
       </div>
-    `}};Ae.styles=[te,o.css`
+    `}};Ee.styles=[te,o.css`
     .options-horizontal {
       display: flex;
       gap: 28px;
@@ -1632,7 +1644,7 @@
     .orientation-label svg {
       flex-shrink: 0;
     }
-  `];ht([c.property({type:Array})],Ae.prototype,"selectedResolution",2);ht([c.property({type:Array})],Ae.prototype,"selectedOrientation",2);ht([c.property({type:Array})],Ae.prototype,"selectedFaces",2);Ae=ht([c.customElement("ap-filter-image")],Ae);var ia=Object.defineProperty,aa=Object.getOwnPropertyDescriptor,M=(t,e,s,a)=>{for(var i=a>1?void 0:a?aa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ia(e,s,i),i};function y(t){return`${dt[t.type]||""}${t.key}`}let E=class extends o.LitElement{constructor(){super(...arguments),this.fields=[],this.appliedFilters={},this.visibleFields=[],this.mode="full",this.activeFieldKey="",this.pinnedFields=[],this.appliedMetadata={},this._showFieldSelection=!1,this._fieldSearch="",this._collapsedFields=new Set,this._tagInputs={},this._tagSuggestions={},this._tagLoading={},this._datePresets={},this._dateFroms={},this._dateTos={},this._specificModeFields=new Set,this._selectSearches={},this._tagDebounceTimers={}}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>this._focusSearch())}disconnectedCallback(){super.disconnectedCallback();for(const t of Object.values(this._tagDebounceTimers))clearTimeout(t)}_focusSearch(){const t=this.renderRoot.querySelector(".field-search, .search-input");t==null||t.focus()}get _atFieldLimit(){return this.visibleFields.length>=ke}_getField(t){return this.fields.find(e=>y(e)===t)}_getUIType(t){return Gs[t.type]}_getApplied(t){return this.appliedMetadata[t]||this.appliedFilters[t]||{}}_isSpecialValue(t){return!t||t.length!==1?!1:t[0]===B||t[0]===V}_getContentMode(t){var s,a;const e=this._getApplied(t);return((s=e.values)==null?void 0:s[0])===B?B:((a=e.values)==null?void 0:a[0])===V?V:this._specificModeFields.has(t)||e.values&&e.values.length>0?he:""}_emitFilterChange(t,e,s){const a=y(t);this.dispatchEvent(new CustomEvent("metadata-filter-change",{detail:{fieldKey:a,operator:e,values:s,metadataType:t.type},bubbles:!0,composed:!0}))}_emitFieldToggle(t,e){const s=y(t);this.dispatchEvent(new CustomEvent("metadata-field-toggle",{detail:{fieldKey:s,visible:e},bubbles:!0,composed:!0}))}_emitFieldSelect(t){const e=y(t);!this.visibleFields.includes(e)&&this._atFieldLimit||(this.visibleFields.includes(e)||this._emitFieldToggle(t,!0),this.dispatchEvent(new CustomEvent("metadata-field-select",{detail:{fieldKey:e},bubbles:!0,composed:!0})))}_emitPin(t,e){this.dispatchEvent(new CustomEvent("metadata-pin",{detail:{fieldKey:t,pinned:e},bubbles:!0,composed:!0}))}_openFieldSelection(){this._showFieldSelection=!0,this._fieldSearch=""}_closeFieldSelection(){this._showFieldSelection=!1,this._fieldSearch=""}_addField(t){if(this._atFieldLimit)return;const e=y(t);this.visibleFields.includes(e)||this._emitFieldToggle(t,!0)}_removeField(t){this._emitFieldToggle(t,!1),this._emitFilterChange(t,void 0,[])}_toggleCollapse(t){const e=new Set(this._collapsedFields);e.has(t)?e.delete(t):e.add(t),this._collapsedFields=e}_onOperatorChange(t,e){const a=this._getApplied(y(t)).values||[];this._emitFilterChange(t,e,a)}_onContentModeChange(t,e){const s=y(t);if(e===he){const a=new Set(this._specificModeFields);a.add(s),this._specificModeFields=a;const i=this._getApplied(s);this._isSpecialValue(i.values)&&this._emitFilterChange(t,i.operator,[])}else{if(this._specificModeFields.has(s)){const a=new Set(this._specificModeFields);a.delete(s),this._specificModeFields=a}this._onEmptyOption(t,e)}}_clearFieldFilter(t){const e=y(t);if(this._specificModeFields.has(e)){const p=new Set(this._specificModeFields);p.delete(e),this._specificModeFields=p}const{[e]:s,...a}=this._datePresets;this._datePresets=a;const{[e]:i,...r}=this._dateFroms;this._dateFroms=r;const{[e]:n,...l}=this._dateTos;this._dateTos=l;const{[e]:d,...h}=this._selectSearches;this._selectSearches=h;const{[e]:u,...g}=this._tagInputs;this._tagInputs=g,this._emitFilterChange(t,void 0,[])}_onTextInput(t,e){const s=e.target.value,i=this._getApplied(y(t)).operator||_t[0].value;this._emitFilterChange(t,i,s?[s]:[])}_onNumberInput(t,e,s){const a=e.target.value,i=y(t),r=this._getApplied(i),n=r.operator||xt[0].value,l=[...r.values||[]];s===0?l[0]=a:l[1]=a;const d=l.filter(h=>h!==""&&h!==void 0);if(d.length>0){const h=t.type===x.DECIMAL2;if(!d.every(g=>h?!isNaN(parseFloat(g)):/^-?\d+$/.test(g)))return}this._emitFilterChange(t,n,l)}_onBooleanSelect(t,e){var i;const s=this._getApplied(y(t));((i=s.values)==null?void 0:i[0])===e?this._emitFilterChange(t,void 0,[]):this._emitFilterChange(t,s.operator,[e])}_onSelectOneToggle(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];r.length===1&&r[0]===e?this._emitFilterChange(t,i,[]):this._emitFilterChange(t,i,[e])}_onMultiSelectToggle(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||yt[0].value,r=a.values||[],n=r.includes(e)?r.filter(l=>l!==e):[...r,e];this._emitFilterChange(t,i,n)}_onTagKeydown(t,e){const s=y(t);(e.key==="Enter"||e.key===",")&&(e.preventDefault(),this._commitTagInput(t,s))}_onTagInput(t,e,s){const a=s.target.value;if(a.includes(",")){const i=a.replace(/,/g,"").trim();i&&(this._tagInputs={...this._tagInputs,[e]:i},this._commitTagInput(t,e));return}this._tagInputs={...this._tagInputs,[e]:a},this._fetchTagSuggestions(t,e,a.trim())}_selectTagSuggestion(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];r.includes(e)||this._emitFilterChange(t,i,[...r,e]),this._tagInputs={...this._tagInputs,[s]:""},this._tagSuggestions={...this._tagSuggestions,[s]:[]}}_fetchTagSuggestions(t,e,s){if(this._tagDebounceTimers[e]&&clearTimeout(this._tagDebounceTimers[e]),!s||!this.apiClient){this._tagSuggestions={...this._tagSuggestions,[e]:[]},this._tagLoading={...this._tagLoading,[e]:!1};return}this._tagDebounceTimers[e]=setTimeout(async()=>{this._tagLoading={...this._tagLoading,[e]:!0};try{const a=`_${t.ckey||t.key}`,i=await this.apiClient.request("/metadata/autocomplete",{q:s,meta_key:a});(this._tagInputs[e]||"").trim()===s&&(this._tagSuggestions={...this._tagSuggestions,[e]:(i.tags||[]).map(r=>r.tag)})}catch{this._tagSuggestions={...this._tagSuggestions,[e]:[]}}finally{this._tagLoading={...this._tagLoading,[e]:!1}}},300)}_commitTagInput(t,e){const s=(this._tagInputs[e]||"").trim();if(!s)return;const a=this._getApplied(e),i=a.operator||X[0].value,r=a.values||[];r.includes(s)||this._emitFilterChange(t,i,[...r,s]),this._tagInputs={...this._tagInputs,[e]:""},this._tagSuggestions={...this._tagSuggestions,[e]:[]}}_removeTag(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];this._emitFilterChange(t,i,r.filter(n=>n!==e))}_onTagOperatorChange(t,e){const s=y(t),i=this._getApplied(s).values||[];this._emitFilterChange(t,e,i)}_onDatePreset(t,e){const s=y(t);if(this._datePresets={...this._datePresets,[s]:e},["before","after","between"].includes(e)){this._dateFroms={...this._dateFroms,[s]:""},this._dateTos={...this._dateTos,[s]:""};return}if(e==="empty"||e==="non-empty"){this._emitFilterChange(t,void 0,[e]);return}const a=new Date;let i="",r="";switch(e){case"today":{const n=new Date(a);n.setHours(0,0,0,0),i=n.toISOString(),r=a.toISOString();break}case"last_week":{const n=new Date(a),l=n.getDay();n.setDate(n.getDate()-(l===0?6:l-1)),n.setHours(0,0,0,0);const d=new Date(n);d.setDate(d.getDate()-7),i=d.toISOString(),r=n.toISOString();break}case"last_month":{const n=new Date(a.getFullYear(),a.getMonth(),1),l=new Date(n);l.setMonth(l.getMonth()-1),i=l.toISOString(),r=n.toISOString();break}case"last_year":{const n=new Date(a.getFullYear(),0,1),l=new Date(n);l.setFullYear(l.getFullYear()-1),i=l.toISOString(),r=n.toISOString();break}}i&&r&&(this._dateFroms={...this._dateFroms,[s]:i},this._dateTos={...this._dateTos,[s]:r},this._emitFilterChange(t,"..",[i,r]))}_onDateInput(t,e,s){const a=s.target.value,i=y(t),r=this._datePresets[i]||"",n=a?new Date(a+"T00:00:00").toISOString():"";e==="from"?this._dateFroms={...this._dateFroms,[i]:n}:this._dateTos={...this._dateTos,[i]:n};let l=this._dateFroms[i]||"",d=this._dateTos[i]||"";r==="after"&&l&&(d=new Date().toISOString(),this._dateTos={...this._dateTos,[i]:d}),r==="before"&&d&&(l=new Date(0).toISOString(),this._dateFroms={...this._dateFroms,[i]:l}),l&&d&&this._emitFilterChange(t,"..",[l,d])}_onGeoLocationInput(t,e){var g;const s=e.target.value.trim(),a=y(t),i=(g=this.shadowRoot)==null?void 0:g.querySelector(`[data-geo-radius="${a}"]`),r=(i==null?void 0:i.value)||"";if(!s){this._emitFilterChange(t,void 0,[]);return}const n=s.split(",").map(p=>p.trim());if(n.length!==2||n.some(p=>isNaN(Number(p))||p===""))return;const[l,d]=n;let u=`${l},${d}..${r||"0"}`;this._emitFilterChange(t,b.IS,[u])}_onGeoRadiusInput(t,e){var d;const s=e.target.value,a=y(t),i=this._getApplied(a);if(!((d=i.values)!=null&&d[0]))return;const r=i.values[0],[n]=r.split("..");let l=n;s&&(l+=`..${s}`),this._emitFilterChange(t,b.IS,[l])}_onEmptyOption(t,e){var i;const s=this._getApplied(y(t));((i=s.values)==null?void 0:i[0])===e?this._emitFilterChange(t,s.operator,[]):this._emitFilterChange(t,s.operator,[e])}_renderFieldSelection(){const t=this._fieldSearch.toLowerCase(),e=this.fields.filter(r=>r.label.toLowerCase().includes(t)),s=e.filter(r=>!r.group||r.group==="root"),a=e.filter(r=>r.group==="product"),i=(r,n)=>n.length===0?o.nothing:o.html`
+  `];pt([c.property({type:Array})],Ee.prototype,"selectedResolution",2);pt([c.property({type:Array})],Ee.prototype,"selectedOrientation",2);pt([c.property({type:Array})],Ee.prototype,"selectedFaces",2);Ee=pt([c.customElement("ap-filter-image")],Ee);var ua=Object.defineProperty,ga=Object.getOwnPropertyDescriptor,M=(t,e,s,a)=>{for(var i=a>1?void 0:a?ga(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ua(e,s,i),i};function y(t){return`${ct[t.type]||""}${t.key}`}let E=class extends o.LitElement{constructor(){super(...arguments),this.fields=[],this.appliedFilters={},this.visibleFields=[],this.mode="full",this.activeFieldKey="",this.pinnedFields=[],this.appliedMetadata={},this._showFieldSelection=!1,this._fieldSearch="",this._collapsedFields=new Set,this._tagInputs={},this._tagSuggestions={},this._tagLoading={},this._datePresets={},this._dateFroms={},this._dateTos={},this._specificModeFields=new Set,this._selectSearches={},this._tagDebounceTimers={}}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>this._focusSearch())}disconnectedCallback(){super.disconnectedCallback();for(const t of Object.values(this._tagDebounceTimers))clearTimeout(t)}_focusSearch(){const t=this.renderRoot.querySelector(".field-search, .search-input");t==null||t.focus()}get _atFieldLimit(){return this.visibleFields.length>=Xe}_getField(t){return this.fields.find(e=>y(e)===t)}_getUIType(t){return ii[t.type]}_getApplied(t){return this.appliedMetadata[t]||this.appliedFilters[t]||{}}_isSpecialValue(t){return!t||t.length!==1?!1:t[0]===B||t[0]===U}_getContentMode(t){var s,a;const e=this._getApplied(t);return((s=e.values)==null?void 0:s[0])===B?B:((a=e.values)==null?void 0:a[0])===U?U:this._specificModeFields.has(t)||e.values&&e.values.length>0?he:""}_emitFilterChange(t,e,s){const a=y(t);this.dispatchEvent(new CustomEvent("metadata-filter-change",{detail:{fieldKey:a,operator:e,values:s,metadataType:t.type},bubbles:!0,composed:!0}))}_emitFieldToggle(t,e){const s=y(t);this.dispatchEvent(new CustomEvent("metadata-field-toggle",{detail:{fieldKey:s,visible:e},bubbles:!0,composed:!0}))}_emitFieldSelect(t){const e=y(t);!this.visibleFields.includes(e)&&this._atFieldLimit||(this.visibleFields.includes(e)||this._emitFieldToggle(t,!0),this.dispatchEvent(new CustomEvent("metadata-field-select",{detail:{fieldKey:e},bubbles:!0,composed:!0})))}_emitPin(t,e){this.dispatchEvent(new CustomEvent("metadata-pin",{detail:{fieldKey:t,pinned:e},bubbles:!0,composed:!0}))}_openFieldSelection(){this._showFieldSelection=!0,this._fieldSearch=""}_closeFieldSelection(){this._showFieldSelection=!1,this._fieldSearch=""}_addField(t){if(this._atFieldLimit)return;const e=y(t);this.visibleFields.includes(e)||this._emitFieldToggle(t,!0)}_removeField(t){this._emitFieldToggle(t,!1),this._emitFilterChange(t,void 0,[])}_toggleCollapse(t){const e=new Set(this._collapsedFields);e.has(t)?e.delete(t):e.add(t),this._collapsedFields=e}_onOperatorChange(t,e){const a=this._getApplied(y(t)).values||[];this._emitFilterChange(t,e,a)}_onContentModeChange(t,e){const s=y(t);if(e===he){const a=new Set(this._specificModeFields);a.add(s),this._specificModeFields=a;const i=this._getApplied(s);this._isSpecialValue(i.values)&&this._emitFilterChange(t,i.operator,[])}else{if(this._specificModeFields.has(s)){const a=new Set(this._specificModeFields);a.delete(s),this._specificModeFields=a}this._onEmptyOption(t,e)}}_clearFieldFilter(t){const e=y(t);if(this._specificModeFields.has(e)){const p=new Set(this._specificModeFields);p.delete(e),this._specificModeFields=p}const{[e]:s,...a}=this._datePresets;this._datePresets=a;const{[e]:i,...r}=this._dateFroms;this._dateFroms=r;const{[e]:n,...l}=this._dateTos;this._dateTos=l;const{[e]:d,...h}=this._selectSearches;this._selectSearches=h;const{[e]:u,...f}=this._tagInputs;this._tagInputs=f,this._emitFilterChange(t,void 0,[])}_onTextInput(t,e){const s=e.target.value,i=this._getApplied(y(t)).operator||vt[0].value;this._emitFilterChange(t,i,s?[s]:[])}_onNumberInput(t,e,s){const a=e.target.value,i=y(t),r=this._getApplied(i),n=r.operator||_t[0].value,l=[...r.values||[]];s===0?l[0]=a:l[1]=a;const d=l.filter(h=>h!==""&&h!==void 0);if(d.length>0){const h=t.type===x.DECIMAL2;if(!d.every(f=>h?!isNaN(parseFloat(f)):/^-?\d+$/.test(f)))return}this._emitFilterChange(t,n,l)}_onBooleanSelect(t,e){var i;const s=this._getApplied(y(t));((i=s.values)==null?void 0:i[0])===e?this._emitFilterChange(t,void 0,[]):this._emitFilterChange(t,s.operator,[e])}_onSelectOneToggle(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];r.length===1&&r[0]===e?this._emitFilterChange(t,i,[]):this._emitFilterChange(t,i,[e])}_onMultiSelectToggle(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||bt[0].value,r=a.values||[],n=r.includes(e)?r.filter(l=>l!==e):[...r,e];this._emitFilterChange(t,i,n)}_onTagKeydown(t,e){const s=y(t);(e.key==="Enter"||e.key===",")&&(e.preventDefault(),this._commitTagInput(t,s))}_onTagInput(t,e,s){const a=s.target.value;if(a.includes(",")){const i=a.replace(/,/g,"").trim();i&&(this._tagInputs={...this._tagInputs,[e]:i},this._commitTagInput(t,e));return}this._tagInputs={...this._tagInputs,[e]:a},this._fetchTagSuggestions(t,e,a.trim())}_selectTagSuggestion(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];r.includes(e)||this._emitFilterChange(t,i,[...r,e]),this._tagInputs={...this._tagInputs,[s]:""},this._tagSuggestions={...this._tagSuggestions,[s]:[]}}_fetchTagSuggestions(t,e,s){if(this._tagDebounceTimers[e]&&clearTimeout(this._tagDebounceTimers[e]),!s||!this.apiClient){this._tagSuggestions={...this._tagSuggestions,[e]:[]},this._tagLoading={...this._tagLoading,[e]:!1};return}this._tagDebounceTimers[e]=setTimeout(async()=>{this._tagLoading={...this._tagLoading,[e]:!0};try{const a=`_${t.ckey||t.key}`,i=await this.apiClient.request("/metadata/autocomplete",{q:s,meta_key:a});(this._tagInputs[e]||"").trim()===s&&(this._tagSuggestions={...this._tagSuggestions,[e]:(i.tags||[]).map(r=>r.tag)})}catch{this._tagSuggestions={...this._tagSuggestions,[e]:[]}}finally{this._tagLoading={...this._tagLoading,[e]:!1}}},300)}_commitTagInput(t,e){const s=(this._tagInputs[e]||"").trim();if(!s)return;const a=this._getApplied(e),i=a.operator||X[0].value,r=a.values||[];r.includes(s)||this._emitFilterChange(t,i,[...r,s]),this._tagInputs={...this._tagInputs,[e]:""},this._tagSuggestions={...this._tagSuggestions,[e]:[]}}_removeTag(t,e){const s=y(t),a=this._getApplied(s),i=a.operator||X[0].value,r=a.values||[];this._emitFilterChange(t,i,r.filter(n=>n!==e))}_onTagOperatorChange(t,e){const s=y(t),i=this._getApplied(s).values||[];this._emitFilterChange(t,e,i)}_onDatePreset(t,e){const s=y(t);if(this._datePresets={...this._datePresets,[s]:e},["before","after","between"].includes(e)){this._dateFroms={...this._dateFroms,[s]:""},this._dateTos={...this._dateTos,[s]:""};return}if(e==="empty"||e==="non-empty"){this._emitFilterChange(t,void 0,[e]);return}const a=new Date;let i="",r="";switch(e){case"today":{const n=new Date(a);n.setHours(0,0,0,0),i=n.toISOString(),r=a.toISOString();break}case"last_week":{const n=new Date(a),l=n.getDay();n.setDate(n.getDate()-(l===0?6:l-1)),n.setHours(0,0,0,0);const d=new Date(n);d.setDate(d.getDate()-7),i=d.toISOString(),r=n.toISOString();break}case"last_month":{const n=new Date(a.getFullYear(),a.getMonth(),1),l=new Date(n);l.setMonth(l.getMonth()-1),i=l.toISOString(),r=n.toISOString();break}case"last_year":{const n=new Date(a.getFullYear(),0,1),l=new Date(n);l.setFullYear(l.getFullYear()-1),i=l.toISOString(),r=n.toISOString();break}}i&&r&&(this._dateFroms={...this._dateFroms,[s]:i},this._dateTos={...this._dateTos,[s]:r},this._emitFilterChange(t,"..",[i,r]))}_onDateInput(t,e,s){const a=s.target.value,i=y(t),r=this._datePresets[i]||"",n=a?new Date(a+"T00:00:00").toISOString():"";e==="from"?this._dateFroms={...this._dateFroms,[i]:n}:this._dateTos={...this._dateTos,[i]:n};let l=this._dateFroms[i]||"",d=this._dateTos[i]||"";r==="after"&&l&&(d=new Date().toISOString(),this._dateTos={...this._dateTos,[i]:d}),r==="before"&&d&&(l=new Date(0).toISOString(),this._dateFroms={...this._dateFroms,[i]:l}),l&&d&&this._emitFilterChange(t,"..",[l,d])}_onGeoLocationInput(t,e){var f;const s=e.target.value.trim(),a=y(t),i=(f=this.shadowRoot)==null?void 0:f.querySelector(`[data-geo-radius="${a}"]`),r=(i==null?void 0:i.value)||"";if(!s){this._emitFilterChange(t,void 0,[]);return}const n=s.split(",").map(p=>p.trim());if(n.length!==2||n.some(p=>isNaN(Number(p))||p===""))return;const[l,d]=n;let u=`${l},${d}..${r||"0"}`;this._emitFilterChange(t,_.IS,[u])}_onGeoRadiusInput(t,e){var d;const s=e.target.value,a=y(t),i=this._getApplied(a);if(!((d=i.values)!=null&&d[0]))return;const r=i.values[0],[n]=r.split("..");let l=n;s&&(l+=`..${s}`),this._emitFilterChange(t,_.IS,[l])}_onEmptyOption(t,e){var i;const s=this._getApplied(y(t));((i=s.values)==null?void 0:i[0])===e?this._emitFilterChange(t,s.operator,[]):this._emitFilterChange(t,s.operator,[e])}_renderFieldSelection(){const t=this._fieldSearch.toLowerCase(),e=this.fields.filter(r=>r.label.toLowerCase().includes(t)),s=e.filter(r=>!r.group||r.group==="root"),a=e.filter(r=>r.group==="product"),i=(r,n)=>n.length===0?o.nothing:o.html`
         <div class="field-group-label">${r}</div>
         ${n.map(l=>{const d=y(l),h=this.visibleFields.includes(d),u=!h&&this._atFieldLimit;return o.html`
             <div
@@ -1667,15 +1679,8 @@
                 ${i("Product fields",a)}
               `}
         </div>
-        ${this.visibleFields.length>0?o.html`
-              <div
-                class="limit-note ${this._atFieldLimit?"at-limit":""}"
-              >
-                ${this.visibleFields.length} / ${ke} fields selected
-              </div>
-            `:o.nothing}
       </div>
-    `}_renderTextFilter(t){var h,u;const e=y(t),s=this._getApplied(e),i=this._isSpecialValue(s.values)?"":((h=s.values)==null?void 0:h[0])||"",r=this._getContentMode(e),n=r===B||r===V,l=s.operator||_t[0].value,d=t.type===x.TEXT_AREA;return o.html`
+    `}_renderTextFilter(t){var h,u;const e=y(t),s=this._getApplied(e),i=this._isSpecialValue(s.values)?"":((h=s.values)==null?void 0:h[0])||"",r=this._getContentMode(e),n=r===B||r===U,l=s.operator||vt[0].value,d=t.type===x.TEXT_AREA;return o.html`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
@@ -1687,19 +1692,19 @@
           <span class="section-label">Operator</span>
           <ap-radio-group
             direction="horizontal"
-            .options=${_t}
+            .options=${vt}
             .value=${l}
             ?disabled=${n}
-            @ap-change=${g=>this._onOperatorChange(t,g.detail.value)}
+            @ap-change=${f=>this._onOperatorChange(t,f.detail.value)}
           ></ap-radio-group>
         </div>
 
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${$t}
+            .options=${yt}
             .value=${r}
-            @ap-change=${g=>this._onContentModeChange(t,g.detail.value)}
+            @ap-change=${f=>this._onContentModeChange(t,f.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -1711,7 +1716,7 @@
                         class="filter-input"
                         placeholder="Enter value..."
                         .value=${i}
-                        @change=${g=>this._onTextInput(t,g)}
+                        @change=${f=>this._onTextInput(t,f)}
                       ></textarea>
                     `:o.html`
                       <input
@@ -1719,18 +1724,18 @@
                         type="text"
                         placeholder="Enter value..."
                         .value=${i}
-                        @change=${g=>this._onTextInput(t,g)}
-                        @keydown=${g=>{g.key==="Enter"&&g.preventDefault()}}
+                        @change=${f=>this._onTextInput(t,f)}
+                        @keydown=${f=>{f.key==="Enter"&&f.preventDefault()}}
                       />
                     `}
               </div>
             `:o.nothing}
       </div>
-    `}_renderNumberFilter(t){var $,w,S;const e=y(t),s=this._getApplied(e),a=s.operator||xt[0].value,i=this._isSpecialValue(s.values),r=this._getContentMode(e),n=r===B||r===V,l=a===b.RANGE,d=a===b.GREATER_THAN_OR_EQUAL,h=a===b.LESS_THAN_OR_EQUAL,u=t.type===x.DECIMAL2,g=u?"0.01":"1",p=u?"0.00":"0",f=i?"":(($=s.values)==null?void 0:$[0])||"",v=i?"":((w=s.values)==null?void 0:w[1])||"",F=l||d||h,_=l||d||h?"Min":"Value";return o.html`
+    `}_renderNumberFilter(t){var $,k,A;const e=y(t),s=this._getApplied(e),a=s.operator||_t[0].value,i=this._isSpecialValue(s.values),r=this._getContentMode(e),n=r===B||r===U,l=a===_.RANGE,d=a===_.GREATER_THAN_OR_EQUAL,h=a===_.LESS_THAN_OR_EQUAL,u=t.type===x.DECIMAL2,f=u?"0.01":"1",p=u?"0.00":"0",g=i?"":(($=s.values)==null?void 0:$[0])||"",v=i?"":((k=s.values)==null?void 0:k[1])||"",w=l||d||h,b=l||d||h?"Min":"Value";return o.html`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((S=s.values)!=null&&S.length)&&!s.operator}
+          ?disabled=${!((A=s.values)!=null&&A.length)&&!s.operator}
           @click=${()=>this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -1738,19 +1743,19 @@
           <span class="section-label">Condition</span>
           <ap-radio-group
             columns="2"
-            .options=${xt}
+            .options=${_t}
             .value=${a}
             ?disabled=${n}
-            @ap-change=${A=>this._onOperatorChange(t,A.detail.value)}
+            @ap-change=${T=>this._onOperatorChange(t,T.detail.value)}
           ></ap-radio-group>
         </div>
 
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${$t}
+            .options=${yt}
             .value=${r}
-            @ap-change=${A=>this._onContentModeChange(t,A.detail.value)}
+            @ap-change=${T=>this._onContentModeChange(t,T.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -1758,28 +1763,28 @@
               <div class="filter-section">
                 <div class="grid-2">
                   <div>
-                    <span class="input-label" aria-disabled=${h?"true":o.nothing}>${_}</span>
+                    <span class="input-label" aria-disabled=${h?"true":o.nothing}>${b}</span>
                     <input
                       class="filter-input"
                       type="number"
-                      step=${g}
+                      step=${f}
                       placeholder=${p}
-                      .value=${f}
+                      .value=${g}
                       ?disabled=${h}
-                      @change=${A=>this._onNumberInput(t,A,0)}
+                      @change=${T=>this._onNumberInput(t,T,0)}
                     />
                   </div>
-                  ${F?o.html`
+                  ${w?o.html`
                         <div>
                           <span class="input-label" aria-disabled=${d?"true":o.nothing}>${"Max"}</span>
                           <input
                             class="filter-input"
                             type="number"
-                            step=${g}
+                            step=${f}
                             placeholder=${p}
                             .value=${v}
                             ?disabled=${d}
-                            @change=${A=>this._onNumberInput(t,A,1)}
+                            @change=${T=>this._onNumberInput(t,T,1)}
                           />
                         </div>
                       `:o.nothing}
@@ -1798,13 +1803,13 @@
         <div class="filter-section">
           <span class="section-label">Value</span>
           <ap-radio-group
-            .options=${Ks}
+            .options=${si}
             .value=${s}
             @ap-change=${r=>this._onBooleanSelect(t,r.detail.value)}
           ></ap-radio-group>
         </div>
       </div>
-    `}_renderSelectOneFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=t.possible_values||[],n=s.operator||X[0].value,l=(this._selectSearches[e]||"").toLowerCase(),d=l.length>0,h=i.length>0||a,u=l?r.filter(p=>p.label.toLowerCase().includes(l)):r,g=i.length>=ke;return o.html`
+    `}_renderSelectOneFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=t.possible_values||[],n=s.operator||X[0].value,l=(this._selectSearches[e]||"").toLowerCase(),d=l.length>0,h=i.length>0||a,u=l?r.filter(p=>p.label.toLowerCase().includes(l)):r,f=i.length>=Xe;return o.html`
       <div class="filter-content">
         <!-- Search input -->
         <div class="search-wrapper">
@@ -1854,9 +1859,9 @@
               ${i.length>0?o.html`
                     <div class="filter-section">
                       <div class="chips-wrap">
-                        ${i.map(p=>{const f=r.find(v=>v.api_value===p);return o.html`
+                        ${i.map(p=>{const g=r.find(v=>v.api_value===p);return o.html`
                             <div class="chip">
-                              <span class="chip-label">${(f==null?void 0:f.label)||p}</span>
+                              <span class="chip-label">${(g==null?void 0:g.label)||p}</span>
                               <button class="chip-remove" @click=${()=>this._onSelectOneToggle(t,p)}>
                                 <ap-icon name="close" .size=${10}></ap-icon>
                               </button>
@@ -1873,12 +1878,12 @@
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${fe.map(p=>{var f;return o.html`
+            ${ge.map(p=>{var g;return o.html`
                 <div
                   class="option-item"
                   @click=${()=>this._onEmptyOption(t,p.value)}
                 >
-                  <ap-checkbox ?checked=${((f=s.values)==null?void 0:f[0])===p.value}></ap-checkbox>
+                  <ap-checkbox ?checked=${((g=s.values)==null?void 0:g[0])===p.value}></ap-checkbox>
                   <span>${p.label}</span>
                 </div>
               `})}
@@ -1888,19 +1893,19 @@
 
           <!-- Regular options -->
           <div class="options-list">
-            ${u.length===0?o.html`<div class="no-results">No options found</div>`:u.map(p=>{const f=i.includes(p.api_value),v=!f&&g;return o.html`
+            ${u.length===0?o.html`<div class="no-results">No options found</div>`:u.map(p=>{const g=i.includes(p.api_value),v=!g&&f;return o.html`
                     <div
                       class="option-item ${v?"disabled":""}"
                       @click=${()=>!v&&this._onSelectOneToggle(t,p.api_value)}
                     >
-                      <ap-checkbox ?checked=${f}></ap-checkbox>
+                      <ap-checkbox ?checked=${g}></ap-checkbox>
                       <span>${p.label}</span>
                     </div>
                   `})}
           </div>
         </div>
       </div>
-    `}_renderMultiSelectFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=t.possible_values||[],n=s.operator||yt[0].value,l=(this._selectSearches[e]||"").toLowerCase(),d=l.length>0,h=i.length>0||a,u=l?r.filter(p=>p.label.toLowerCase().includes(l)):r,g=i.length>=ke;return o.html`
+    `}_renderMultiSelectFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=t.possible_values||[],n=s.operator||bt[0].value,l=(this._selectSearches[e]||"").toLowerCase(),d=l.length>0,h=i.length>0||a,u=l?r.filter(p=>p.label.toLowerCase().includes(l)):r,f=i.length>=Xe;return o.html`
       <div class="filter-content">
         <!-- Search input -->
         <div class="search-wrapper">
@@ -1940,7 +1945,7 @@
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${yt}
+                  .options=${bt}
                   .value=${n}
                   @ap-change=${p=>this._onOperatorChange(t,p.detail.value)}
                 ></ap-radio-group>
@@ -1950,9 +1955,9 @@
               ${i.length>0?o.html`
                     <div class="filter-section">
                       <div class="chips-wrap">
-                        ${i.map(p=>{const f=r.find(v=>v.api_value===p);return o.html`
+                        ${i.map(p=>{const g=r.find(v=>v.api_value===p);return o.html`
                             <div class="chip">
-                              <span class="chip-label">${(f==null?void 0:f.label)||p}</span>
+                              <span class="chip-label">${(g==null?void 0:g.label)||p}</span>
                               <button class="chip-remove" @click=${()=>this._onMultiSelectToggle(t,p)}>
                                 <ap-icon name="close" .size=${10}></ap-icon>
                               </button>
@@ -1969,12 +1974,12 @@
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${fe.map(p=>{var f;return o.html`
+            ${ge.map(p=>{var g;return o.html`
                 <div
                   class="option-item"
                   @click=${()=>this._onEmptyOption(t,p.value)}
                 >
-                  <ap-checkbox ?checked=${((f=s.values)==null?void 0:f[0])===p.value}></ap-checkbox>
+                  <ap-checkbox ?checked=${((g=s.values)==null?void 0:g[0])===p.value}></ap-checkbox>
                   <span>${p.label}</span>
                 </div>
               `})}
@@ -1984,19 +1989,19 @@
 
           <!-- Regular options -->
           <div class="options-list">
-            ${u.length===0?o.html`<div class="no-results">No options found</div>`:u.map(p=>{const f=i.includes(p.api_value),v=!f&&g;return o.html`
+            ${u.length===0?o.html`<div class="no-results">No options found</div>`:u.map(p=>{const g=i.includes(p.api_value),v=!g&&f;return o.html`
                     <div
                       class="option-item ${v?"disabled":""}"
                       @click=${()=>!v&&this._onMultiSelectToggle(t,p.api_value)}
                     >
-                      <ap-checkbox ?checked=${f}></ap-checkbox>
+                      <ap-checkbox ?checked=${g}></ap-checkbox>
                       <span>${p.label}</span>
                     </div>
                   `})}
           </div>
         </div>
       </div>
-    `}_renderTagsFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=this._tagInputs[e]||"",n=s.operator||X[0].value,l=i.length>0||a,d=this._tagSuggestions[e]||[],h=this._tagLoading[e]||!1,u=r.trim().length>0,g=i.length>=ke;return o.html`
+    `}_renderTagsFilter(t){const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=a?[]:s.values||[],r=this._tagInputs[e]||"",n=s.operator||X[0].value,l=i.length>0||a,d=this._tagSuggestions[e]||[],h=this._tagLoading[e]||!1,u=r.trim().length>0,f=i.length>=Xe;return o.html`
       <div class="filter-content">
         <!-- Search input -->
         <div class="search-wrapper">
@@ -2064,12 +2069,12 @@
               <div class="filter-section">
                 <span class="section-label">All options</span>
                 <div class="options-list short">
-                  ${fe.map(p=>{var f;return o.html`
+                  ${ge.map(p=>{var g;return o.html`
                       <div
                         class="option-item"
                         @click=${()=>this._onEmptyOption(t,p.value)}
                       >
-                        <ap-checkbox ?checked=${((f=s.values)==null?void 0:f[0])===p.value}></ap-checkbox>
+                        <ap-checkbox ?checked=${((g=s.values)==null?void 0:g[0])===p.value}></ap-checkbox>
                         <span>${p.label}</span>
                       </div>
                     `})}
@@ -2081,12 +2086,12 @@
         ${u?o.html`
               <div class="filter-section">
                 <div class="options-list">
-                  ${h?o.html`<div class="option-item disabled"><span>Loading...</span></div>`:d.length>0?d.map(p=>{const f=i.includes(p),v=!f&&g;return o.html`
+                  ${h?o.html`<div class="option-item disabled"><span>Loading...</span></div>`:d.length>0?d.map(p=>{const g=i.includes(p),v=!g&&f;return o.html`
                               <div
                                 class="option-item ${v?"disabled":""}"
-                                @click=${()=>!v&&(f?this._removeTag(t,p):this._selectTagSuggestion(t,p))}
+                                @click=${()=>!v&&(g?this._removeTag(t,p):this._selectTagSuggestion(t,p))}
                               >
-                                <ap-checkbox ?checked=${f}></ap-checkbox>
+                                <ap-checkbox ?checked=${g}></ap-checkbox>
                                 <span>${p}</span>
                               </div>
                             `}):o.html`<div class="option-item disabled"><span>No results</span></div>`}
@@ -2094,11 +2099,11 @@
               </div>
             `:o.nothing}
       </div>
-    `}_renderDateFilter(t){var u,g;const e=y(t),s=this._datePresets[e]||"",a=this._getApplied(e),r=this._isSpecialValue(a.values)?((u=a.values)==null?void 0:u[0])||"":s,n=[{value:"empty",label:"Empty"},{value:"non-empty",label:"Not empty"}],l=this._dateFroms[e]?new Date(this._dateFroms[e]).toISOString().split("T")[0]:"",d=this._dateTos[e]?new Date(this._dateTos[e]).toISOString().split("T")[0]:"",h=["before","after","between"].includes(r);return o.html`
+    `}_renderDateFilter(t){var u,f;const e=y(t),s=this._datePresets[e]||"",a=this._getApplied(e),r=this._isSpecialValue(a.values)?((u=a.values)==null?void 0:u[0])||"":s,n=[{value:"empty",label:"Empty"},{value:"non-empty",label:"Not empty"}],l=this._dateFroms[e]?new Date(this._dateFroms[e]).toISOString().split("T")[0]:"",d=this._dateTos[e]?new Date(this._dateTos[e]).toISOString().split("T")[0]:"",h=["before","after","between"].includes(r);return o.html`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!r&&!((g=a.values)!=null&&g.length)}
+          ?disabled=${!r&&!((f=a.values)!=null&&f.length)}
           @click=${()=>this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -2113,7 +2118,7 @@
 
           <ap-radio-group
             columns="2"
-            .options=${Ft}
+            .options=${Et}
             .value=${r!=="empty"&&r!=="non-empty"?r:""}
             @ap-change=${p=>this._onDatePreset(t,p.detail.value)}
           ></ap-radio-group>
@@ -2166,18 +2171,18 @@
               </div>
             `:o.nothing}
       </div>
-    `}_renderGeoFilter(t){var u,g;const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=this._getContentMode(e);let r="",n="";if(!a&&((u=s.values)!=null&&u[0])){const p=s.values[0],[f,v]=p.split("..");r=f||"",n=v||""}const l=r.length>0,d=r.split(",").map(p=>p.trim()),h=!l||d.length===2&&d.every(p=>!isNaN(Number(p))&&p!=="");return o.html`
+    `}_renderGeoFilter(t){var u,f;const e=y(t),s=this._getApplied(e),a=this._isSpecialValue(s.values),i=this._getContentMode(e);let r="",n="";if(!a&&((u=s.values)!=null&&u[0])){const p=s.values[0],[g,v]=p.split("..");r=g||"",n=v||""}const l=r.length>0,d=r.split(",").map(p=>p.trim()),h=!l||d.length===2&&d.every(p=>!isNaN(Number(p))&&p!=="");return o.html`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((g=s.values)!=null&&g.length)}
+          ?disabled=${!((f=s.values)!=null&&f.length)}
           @click=${()=>this._clearFieldFilter(t)}
         >Clear all</button>
 
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${$t}
+            .options=${yt}
             .value=${i}
             @ap-change=${p=>this._onContentModeChange(t,p.detail.value)}
           ></ap-radio-group>
@@ -2222,13 +2227,13 @@
 
         <div class="filter-section">
           <ap-radio-group
-            .options=${fe}
+            .options=${ge}
             .value=${s}
             @ap-change=${r=>this._onEmptyOption(t,r.detail.value)}
           ></ap-radio-group>
         </div>
       </div>
-    `}_renderFaceMatcherFilter(t){const e=y(t),s=this._getApplied(e),a=s.values||[],i=s.operator||b.IS;return o.html`
+    `}_renderFaceMatcherFilter(t){const e=y(t),s=this._getApplied(e),a=s.values||[],i=s.operator||_.IS;return o.html`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
@@ -2283,20 +2288,20 @@
       </div>
     `}_renderSelectorMode(){const t=this._fieldSearch.toLowerCase(),e=this.fields.filter(r=>r.label.toLowerCase().includes(t)),s=e.filter(r=>!r.group||r.group==="root"),a=e.filter(r=>r.group==="product"),i=(r,n)=>n.length===0?o.nothing:o.html`
         <div class="field-group-label">${r}</div>
-        ${n.map(l=>{const d=y(l),h=this.visibleFields.includes(d),u=!!this.appliedMetadata[d]||!!this.appliedFilters[d],g=this.pinnedFields.includes(d),p=!h&&this._atFieldLimit;return o.html`
+        ${n.map(l=>{const d=y(l),h=this.visibleFields.includes(d),u=!!this.appliedMetadata[d]||!!this.appliedFilters[d],f=this.pinnedFields.includes(d),p=!h&&this._atFieldLimit;return o.html`
             <div
               class="field-item ${u?"has-filter":""} ${p?"disabled":""}"
               @click=${()=>!p&&this._emitFieldSelect(l)}
             >
               <span class="field-item-label">${l.label}</span>
-              ${u?o.html`<span class="field-item-dot"></span>`:o.nothing}
               <button
-                class="field-item-pin ${g?"pinned":""}"
-                @click=${f=>{f.stopPropagation(),this._emitPin(d,!g)}}
-                title=${g?"Unpin field":"Pin field"}
+                class="field-item-pin ${f?"pinned":""}"
+                @click=${g=>{g.stopPropagation(),this._emitPin(d,!f)}}
+                title=${f?"Unpin field":"Pin field"}
               >
-                <ap-icon name=${g?"pin-off":"pin"} .size=${12}></ap-icon>
+                <ap-icon name="pin" .size=${12}></ap-icon>
               </button>
+              ${u?o.html`<ap-icon name="check" .size=${14}></ap-icon>`:o.nothing}
             </div>
           `})}
       `;return o.html`
@@ -2314,13 +2319,6 @@
                 ${i("Product fields",a)}
               `}
         </div>
-        ${this.visibleFields.length>0?o.html`
-              <div
-                class="limit-note ${this._atFieldLimit?"at-limit":""}"
-              >
-                ${this.visibleFields.length} / ${ke} fields selected
-              </div>
-            `:o.nothing}
       </div>
     `}_renderFieldMode(){const t=this._getField(this.activeFieldKey);return t?this._renderFieldControl(t):o.html`<div class="empty-msg">Field not found</div>`}render(){if(this.mode==="selector")return this._renderSelectorMode();if(this.mode==="field")return this._renderFieldMode();const t=this.visibleFields.length>0;return o.html`
       ${this._showFieldSelection||!t?this._renderFieldSelection():o.nothing}
@@ -2349,11 +2347,11 @@
       align-items: center;
       gap: 6px;
       padding: 6px 12px;
-      border: 1px dashed var(--ap-border, #e4e4e7);
+      border: 1px dashed var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
       width: 100%;
       font-family: var(--ap-font-family, system-ui, sans-serif);
@@ -2361,14 +2359,14 @@
     }
 
     .add-field-btn:hover {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .field-selection {
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
       margin-bottom: 12px;
     }
 
@@ -2377,78 +2375,78 @@
       align-items: center;
       justify-content: space-between;
       padding: 8px 12px;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
 
     .field-selection-title {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     .field-selection-close {
       background: none;
       border: none;
       cursor: pointer;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       padding: 2px;
       display: flex;
       align-items: center;
     }
 
     .field-selection-close:hover {
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     .selector-wrap {
-      margin: -10px -8px;
+      margin: 0;
     }
 
     .field-search {
       position: sticky;
-      top: -12px;
+      top: 0;
       z-index: 2;
       width: 100%;
-      padding: 8px 12px;
+      height: 34px;
+      padding: 0 20px;
+      box-sizing: border-box;
       border: none;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
-      background: var(--ap-card, #fff);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      background: var(--ap-card, oklch(1 0 0));
       outline: none;
       font-family: var(--ap-font-family, system-ui, sans-serif);
     }
 
     .field-search::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .field-list {
-      padding: 4px 0;
+      padding: 12px 0;
     }
 
     .field-group-label {
       padding: 6px 12px 4px;
-      font-size: 0.6875rem;
-      font-weight: 600;
-      text-transform: uppercase;
-      letter-spacing: 0.05em;
-      color: var(--ap-muted-foreground, #71717a);
+      font-size: 0.875rem;
+      font-weight: 400;
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .field-item {
       display: flex;
       align-items: center;
       gap: 8px;
-      padding: 6px 12px;
+      padding: 6px 16px 6px 24px;
       cursor: pointer;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       transition: background 100ms;
     }
 
     .field-item:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .field-item.disabled {
@@ -2457,24 +2455,24 @@
     }
 
     .field-item.selected {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .limit-note {
-      padding: 8px 12px;
+      padding: 8px 16px 8px 24px;
       font-size: 0.75rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       text-align: center;
     }
 
     .limit-note.at-limit {
-      color: var(--ap-destructive, #ef4444);
+      color: var(--ap-destructive, oklch(0.577 0.215 27.325));
     }
 
     .empty-msg {
-      padding: 16px 12px;
+      padding: 16px 16px 16px 24px;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       text-align: center;
     }
 
@@ -2487,7 +2485,7 @@
     }
 
     .field-section {
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       overflow: hidden;
     }
@@ -2497,7 +2495,7 @@
       align-items: center;
       justify-content: space-between;
       padding: 8px 12px;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
       cursor: pointer;
       user-select: none;
     }
@@ -2508,7 +2506,7 @@
       gap: 6px;
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     .field-header-actions {
@@ -2521,7 +2519,7 @@
       background: none;
       border: none;
       cursor: pointer;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       padding: 2px;
       display: flex;
       align-items: center;
@@ -2530,12 +2528,12 @@
     }
 
     .icon-btn:hover {
-      color: var(--ap-foreground, #09090b);
-      background: var(--ap-border, #e4e4e7);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      background: var(--ap-border, oklch(92.86% 0.009 247.92));
     }
 
     .icon-btn.remove:hover {
-      color: var(--ap-destructive, #ef4444);
+      color: var(--ap-destructive, oklch(0.577 0.215 27.325));
     }
 
     .field-body {
@@ -2556,7 +2554,7 @@
       flex-wrap: wrap;
       gap: 6px;
       padding: 6px;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       min-height: 36px;
       align-items: center;
@@ -2569,8 +2567,8 @@
       padding: 2px 8px;
       border-radius: 9999px;
       font-size: 0.8125rem;
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .tag-chip-remove {
@@ -2594,13 +2592,13 @@
       font-size: var(--ap-font-size-sm, 0.875rem);
       flex: 1;
       min-width: 80px;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       background: transparent;
       font-family: var(--ap-font-family, system-ui, sans-serif);
     }
 
     .tag-input::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     /* ── Geo inputs ─────────────────────────────────────── */
@@ -2628,12 +2626,12 @@
       border-radius: var(--ap-radius-sm, 6px);
       cursor: pointer;
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       transition: background 150ms;
     }
 
     .option-item:hover:not(.disabled) {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .option-item.disabled {
@@ -2665,7 +2663,7 @@
       width: 6px;
       height: 6px;
       border-radius: 50%;
-      background: var(--ap-primary, oklch(0.65 0.19 258));
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
       flex-shrink: 0;
     }
 
@@ -2679,7 +2677,7 @@
       background: none;
       cursor: pointer;
       padding: 0;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       border-radius: 4px;
       flex-shrink: 0;
       margin-left: auto;
@@ -2693,18 +2691,19 @@
     }
 
     .field-item-pin:hover {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
     }
 
     .field-item-pin.pinned {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .field-item.has-filter {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
-  `];M([c.property({type:Array})],E.prototype,"fields",2);M([c.property({type:Object})],E.prototype,"appliedFilters",2);M([c.property({type:Array})],E.prototype,"visibleFields",2);M([c.property()],E.prototype,"mode",2);M([c.property()],E.prototype,"activeFieldKey",2);M([c.property({type:Array})],E.prototype,"pinnedFields",2);M([c.property({type:Object})],E.prototype,"appliedMetadata",2);M([c.property({attribute:!1})],E.prototype,"apiClient",2);M([c.state()],E.prototype,"_showFieldSelection",2);M([c.state()],E.prototype,"_fieldSearch",2);M([c.state()],E.prototype,"_collapsedFields",2);M([c.state()],E.prototype,"_tagInputs",2);M([c.state()],E.prototype,"_tagSuggestions",2);M([c.state()],E.prototype,"_tagLoading",2);M([c.state()],E.prototype,"_datePresets",2);M([c.state()],E.prototype,"_dateFroms",2);M([c.state()],E.prototype,"_dateTos",2);M([c.state()],E.prototype,"_specificModeFields",2);M([c.state()],E.prototype,"_selectSearches",2);E=M([c.customElement("ap-filter-metadata")],E);var ra=Object.defineProperty,oa=Object.getOwnPropertyDescriptor,G=(t,e,s,a)=>{for(var i=a>1?void 0:a?oa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ra(e,s,i),i};let q=class extends o.LitElement{constructor(){super(...arguments),this.selectedStatus=[],this.statusOperator=":=",this.approverValue="",this.approverOperator="~",this.requesterValue="",this.requesterOperator="~",this.dueDatePreset="",this.dueDateFrom="",this.dueDateTo=""}get _hasAnySelection(){return this.selectedStatus.length>0||!!this.approverValue||!!this.requesterValue||!!this.dueDatePreset||!!this.dueDateFrom||!!this.dueDateTo}get _statusHasEmptyValue(){return this.selectedStatus.includes(B)||this.selectedStatus.includes(V)}get _statusHasOnlyEmptyValues(){return this.selectedStatus.length>0&&this.selectedStatus.every(t=>t===B||t===V)}get _dueDateNeedsInputs(){return["before","after","between","specific"].includes(this.dueDatePreset)}_toggleStatus(t){const e=this.selectedStatus.includes(t)?this.selectedStatus.filter(s=>s!==t):[...this.selectedStatus,t];this._emitChange(R.STATUS,e,this.statusOperator)}_handleStatusOperator(t){const e=t.detail.value;this._emitChange(R.STATUS,this.selectedStatus,e)}_clearStatus(){this._emitChange(R.STATUS,[],this.statusOperator)}_handleApproverInput(t){const e=t.target.value;this._emitChange(R.APPROVER,e?[e]:[],this.approverOperator)}_handleApproverOperator(t){const e=t.detail.value;this._emitChange(R.APPROVER,this.approverValue?[this.approverValue]:[],e)}_clearApprover(){this._emitChange(R.APPROVER,[],this.approverOperator)}_handleRequesterInput(t){const e=t.target.value;this._emitChange(R.REQUESTOR,e?[e]:[],this.requesterOperator)}_handleRequesterOperator(t){const e=t.detail.value;this._emitChange(R.REQUESTOR,this.requesterValue?[this.requesterValue]:[],e)}_clearRequester(){this._emitChange(R.REQUESTOR,[],this.requesterOperator)}_handleDueDatePreset(t){const e=t.detail.value,s=this.dueDatePreset===e?"":e;this._emitChange(R.DUE_DATE,s?[s]:[],":")}_handleDueDateFrom(t){const e=t.target.value;this._emitDateChange(e,this.dueDateTo)}_handleDueDateTo(t){const e=t.target.value;this._emitDateChange(this.dueDateFrom,e)}_clearDueDate(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:R.DUE_DATE,values:[],operator:":"},bubbles:!0,composed:!0}))}_emitDateChange(t,e){const s=[];t&&s.push(t),e&&s.push(e),this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:R.DUE_DATE,values:s,operator:t&&e?"..":t?">=":"<="},bubbles:!0,composed:!0}))}_emitChange(t,e,s){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:t,values:e,operator:s},bubbles:!0,composed:!0}))}_renderStatusSection(){const t=this.selectedStatus.length>0;return o.html`
+  `];M([c.property({type:Array})],E.prototype,"fields",2);M([c.property({type:Object})],E.prototype,"appliedFilters",2);M([c.property({type:Array})],E.prototype,"visibleFields",2);M([c.property()],E.prototype,"mode",2);M([c.property()],E.prototype,"activeFieldKey",2);M([c.property({type:Array})],E.prototype,"pinnedFields",2);M([c.property({type:Object})],E.prototype,"appliedMetadata",2);M([c.property({attribute:!1})],E.prototype,"apiClient",2);M([c.state()],E.prototype,"_showFieldSelection",2);M([c.state()],E.prototype,"_fieldSearch",2);M([c.state()],E.prototype,"_collapsedFields",2);M([c.state()],E.prototype,"_tagInputs",2);M([c.state()],E.prototype,"_tagSuggestions",2);M([c.state()],E.prototype,"_tagLoading",2);M([c.state()],E.prototype,"_datePresets",2);M([c.state()],E.prototype,"_dateFroms",2);M([c.state()],E.prototype,"_dateTos",2);M([c.state()],E.prototype,"_specificModeFields",2);M([c.state()],E.prototype,"_selectSearches",2);E=M([c.customElement("ap-filter-metadata")],E);var fa=Object.defineProperty,ma=Object.getOwnPropertyDescriptor,G=(t,e,s,a)=>{for(var i=a>1?void 0:a?ma(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&fa(e,s,i),i};let V=class extends o.LitElement{constructor(){super(...arguments),this.selectedStatus=[],this.statusOperator=":=",this.approverValue="",this.approverOperator="~",this.requesterValue="",this.requesterOperator="~",this.dueDatePreset="",this.dueDateFrom="",this.dueDateTo=""}get _hasAnySelection(){return this.selectedStatus.length>0||!!this.approverValue||!!this.requesterValue||!!this.dueDatePreset||!!this.dueDateFrom||!!this.dueDateTo}get _statusHasEmptyValue(){return this.selectedStatus.includes(B)||this.selectedStatus.includes(U)}get _statusHasOnlyEmptyValues(){return this.selectedStatus.length>0&&this.selectedStatus.every(t=>t===B||t===U)}get _dueDateNeedsInputs(){return["before","after","between","specific"].includes(this.dueDatePreset)}_toggleStatus(t){const e=this.selectedStatus.includes(t)?this.selectedStatus.filter(s=>s!==t):[...this.selectedStatus,t];this._emitChange(R.STATUS,e,this.statusOperator)}_handleStatusOperator(t){const e=t.detail.value;this._emitChange(R.STATUS,this.selectedStatus,e)}_clearStatus(){this._emitChange(R.STATUS,[],this.statusOperator)}_handleApproverInput(t){const e=t.target.value;this._emitChange(R.APPROVER,e?[e]:[],this.approverOperator)}_handleApproverOperator(t){const e=t.detail.value;this._emitChange(R.APPROVER,this.approverValue?[this.approverValue]:[],e)}_clearApprover(){this._emitChange(R.APPROVER,[],this.approverOperator)}_handleRequesterInput(t){const e=t.target.value;this._emitChange(R.REQUESTOR,e?[e]:[],this.requesterOperator)}_handleRequesterOperator(t){const e=t.detail.value;this._emitChange(R.REQUESTOR,this.requesterValue?[this.requesterValue]:[],e)}_clearRequester(){this._emitChange(R.REQUESTOR,[],this.requesterOperator)}_handleDueDatePreset(t){const e=t.detail.value,s=this.dueDatePreset===e?"":e;this._emitChange(R.DUE_DATE,s?[s]:[],":")}_handleDueDateFrom(t){const e=t.target.value;this._emitDateChange(e,this.dueDateTo)}_handleDueDateTo(t){const e=t.target.value;this._emitDateChange(this.dueDateFrom,e)}_clearDueDate(){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:R.DUE_DATE,values:[],operator:":"},bubbles:!0,composed:!0}))}_emitDateChange(t,e){const s=[];t&&s.push(t),e&&s.push(e),this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:R.DUE_DATE,values:s,operator:t&&e?"..":t?">=":"<="},bubbles:!0,composed:!0}))}_emitChange(t,e,s){this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:t,values:e,operator:s},bubbles:!0,composed:!0}))}_renderStatusSection(){const t=this.selectedStatus.length>0;return o.html`
       <div class="filter-section">
         <button
           class="clear-btn"
@@ -2718,7 +2717,7 @@
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${Us}
+          .options=${ei}
           .value=${this.statusOperator}
           ?disabled=${this._statusHasOnlyEmptyValues}
           @ap-change=${this._handleStatusOperator}
@@ -2726,7 +2725,7 @@
 
         <!-- Empty / Not empty checkboxes -->
         <div class="options-list short mt-12">
-          ${fe.map(e=>o.html`
+          ${ge.map(e=>o.html`
               <ap-checkbox
                 ?checked=${this.selectedStatus.includes(e.value)}
                 @ap-toggle=${()=>this._toggleStatus(e.value)}
@@ -2738,7 +2737,7 @@
 
         <!-- Status options -->
         <div class="options-list short">
-          ${Hs.map(e=>o.html`
+          ${ti.map(e=>o.html`
               <ap-checkbox
                 ?checked=${this.selectedStatus.includes(e.value)}
                 @ap-toggle=${()=>this._toggleStatus(e.value)}
@@ -2817,8 +2816,8 @@
 
         <!-- Empty / Not empty radio buttons -->
         <ap-radio-group
-          .options=${fe}
-          .value=${this.dueDatePreset===B||this.dueDatePreset===V?this.dueDatePreset:""}
+          .options=${ge}
+          .value=${this.dueDatePreset===B||this.dueDatePreset===U?this.dueDatePreset:""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -2827,8 +2826,8 @@
         <!-- Date range options -->
         <ap-radio-group
           columns="2"
-          .options=${Bs}
-          .value=${this.dueDatePreset!==B&&this.dueDatePreset!==V?this.dueDatePreset:""}
+          .options=${Qs}
+          .value=${this.dueDatePreset!==B&&this.dueDatePreset!==U?this.dueDatePreset:""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -2870,7 +2869,7 @@
         <div class="separator"></div>
         ${this._renderDueDateSection()}
       </div>
-    `}};q.styles=[J,te,o.css`
+    `}};V.styles=[J,te,o.css`
     .options-list.short {
       max-height: none;
     }
@@ -2889,7 +2888,7 @@
     .mt-12 {
       margin-top: 12px;
     }
-  `];G([c.property({type:Array})],q.prototype,"selectedStatus",2);G([c.property()],q.prototype,"statusOperator",2);G([c.property()],q.prototype,"approverValue",2);G([c.property()],q.prototype,"approverOperator",2);G([c.property()],q.prototype,"requesterValue",2);G([c.property()],q.prototype,"requesterOperator",2);G([c.property()],q.prototype,"dueDatePreset",2);G([c.property()],q.prototype,"dueDateFrom",2);G([c.property()],q.prototype,"dueDateTo",2);q=G([c.customElement("ap-filter-approval")],q);var na=Object.defineProperty,la=Object.getOwnPropertyDescriptor,Y=(t,e,s,a)=>{for(var i=a>1?void 0:a?la(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&na(e,s,i),i};const ca=300;function da(t){return t.filter(e=>e.toLowerCase().includes("*")||!t.some(s=>s.toLowerCase().includes("*")&&e.toLowerCase().startsWith(s.slice(0,-1).toLowerCase())))}let U=class extends o.LitElement{constructor(){super(...arguments),this.selected=[],this._search="",this._debouncedSearch="",this._products=[],this._isLoading=!1,this._showAddList=!1,this._addListText=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimer&&clearTimeout(this._debounceTimer)}get _isSearching(){return this._debouncedSearch.length>0}_emit(t){const e=da(t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.PRODUCT_REF,values:e,operator:b.IS},bubbles:!0,composed:!0}))}_toggle(t){const s=this.selected.includes(t)?this.selected.filter(a=>a!==t):[...this.selected,t];this._emit(s)}_remove(t){this._emit(this.selected.filter(e=>e!==t))}_clearAll(){this._emit([]),this._search="",this._debouncedSearch="",this._products=[]}_onSearchInput(t){const e=t.target.value;this._search=e,this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{const s=e.trim().toLowerCase();this._debouncedSearch=s,s?this._fetchProducts(s):(this._products=[],this._isLoading=!1)},ca)}_clearSearch(){this._search="",this._debouncedSearch="",this._products=[],this._isLoading=!1,this._debounceTimer&&clearTimeout(this._debounceTimer)}async _fetchProducts(t){if(this.apiClient){this._isLoading=!0;try{const e=await this.apiClient.request("/products",{q:`reference~^${t}`});this._debouncedSearch===t&&(this._products=e.products??[])}catch{this._debouncedSearch===t&&(this._products=[])}finally{this._debouncedSearch===t&&(this._isLoading=!1)}}}_openAddList(){this._showAddList=!0,this._addListText=""}_closeAddList(){this._showAddList=!1,this._addListText=""}_onAddListInput(t){this._addListText=t.target.value}_onAddListKeydown(t){t.key==="Enter"&&!t.shiftKey&&t.stopPropagation()}_submitAddList(){const t=this._addListText.split(`
+  `];G([c.property({type:Array})],V.prototype,"selectedStatus",2);G([c.property()],V.prototype,"statusOperator",2);G([c.property()],V.prototype,"approverValue",2);G([c.property()],V.prototype,"approverOperator",2);G([c.property()],V.prototype,"requesterValue",2);G([c.property()],V.prototype,"requesterOperator",2);G([c.property()],V.prototype,"dueDatePreset",2);G([c.property()],V.prototype,"dueDateFrom",2);G([c.property()],V.prototype,"dueDateTo",2);V=G([c.customElement("ap-filter-approval")],V);var va=Object.defineProperty,ba=Object.getOwnPropertyDescriptor,Y=(t,e,s,a)=>{for(var i=a>1?void 0:a?ba(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&va(e,s,i),i};const _a=300;function ya(t){return t.filter(e=>e.toLowerCase().includes("*")||!t.some(s=>s.toLowerCase().includes("*")&&e.toLowerCase().startsWith(s.slice(0,-1).toLowerCase())))}let q=class extends o.LitElement{constructor(){super(...arguments),this.selected=[],this._search="",this._debouncedSearch="",this._products=[],this._isLoading=!1,this._showAddList=!1,this._addListText=""}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{var t;return(t=this._searchInput)==null?void 0:t.focus()})}disconnectedCallback(){super.disconnectedCallback(),this._debounceTimer&&clearTimeout(this._debounceTimer)}get _isSearching(){return this._debouncedSearch.length>0}_emit(t){const e=ya(t);this.dispatchEvent(new CustomEvent("filter-change",{detail:{key:m.PRODUCT_REF,values:e,operator:_.IS},bubbles:!0,composed:!0}))}_toggle(t){const s=this.selected.includes(t)?this.selected.filter(a=>a!==t):[...this.selected,t];this._emit(s)}_remove(t){this._emit(this.selected.filter(e=>e!==t))}_clearAll(){this._emit([]),this._search="",this._debouncedSearch="",this._products=[]}_onSearchInput(t){const e=t.target.value;this._search=e,this._debounceTimer&&clearTimeout(this._debounceTimer),this._debounceTimer=setTimeout(()=>{const s=e.trim().toLowerCase();this._debouncedSearch=s,s?this._fetchProducts(s):(this._products=[],this._isLoading=!1)},_a)}_clearSearch(){this._search="",this._debouncedSearch="",this._products=[],this._isLoading=!1,this._debounceTimer&&clearTimeout(this._debounceTimer)}async _fetchProducts(t){if(this.apiClient){this._isLoading=!0;try{const e=await this.apiClient.request("/products",{q:`reference~^${t}`});this._debouncedSearch===t&&(this._products=e.products??[])}catch{this._debouncedSearch===t&&(this._products=[])}finally{this._debouncedSearch===t&&(this._isLoading=!1)}}}_openAddList(){this._showAddList=!0,this._addListText=""}_closeAddList(){this._showAddList=!1,this._addListText=""}_onAddListInput(t){this._addListText=t.target.value}_onAddListKeydown(t){t.key==="Enter"&&!t.shiftKey&&t.stopPropagation()}_submitAddList(){const t=this._addListText.split(`
 `).map(e=>e.trim()).filter(e=>e!=="");if(t.length>0){const e=new Set(this.selected),s=[...this.selected,...t.filter(a=>!e.has(a))];this._emit(s)}this._closeAddList()}_renderProductItem(t){const e=this.selected.includes(t);return o.html`
       <div
         class="product-item"
@@ -2959,7 +2958,7 @@
         <!-- Placeholder (when not searching) -->
         ${this._isSearching?o.nothing:o.html`
               <div class="placeholder">
-                ${t?o.html`<ap-icon name="box" .size=${40} style="color: var(--ap-border, #e4e4e7); margin-bottom: 4px;"></ap-icon>`:o.nothing}
+                ${t?o.html`<ap-icon name="box" .size=${40} style="color: var(--ap-border, oklch(92.86% 0.009 247.92)); margin-bottom: 4px;"></ap-icon>`:o.nothing}
                 <div class="placeholder-title">Find product reference</div>
                 <div class="placeholder-text">By using the search or pressing the button below to import the product references list.</div>
                 <button class="add-list-btn" @click=${this._openAddList}>
@@ -3008,7 +3007,7 @@
               </div>
             </div>
           `:o.nothing}
-    `}};U.styles=[J,te,o.css`
+    `}};q.styles=[J,te,o.css`
     .product-item {
       display: flex;
       align-items: center;
@@ -3020,12 +3019,12 @@
     }
 
     .product-item:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .product-name {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       flex: 1;
       min-width: 0;
       overflow: hidden;
@@ -3038,7 +3037,7 @@
       position: sticky;
       top: -10px;
       z-index: 2;
-      background: var(--ap-card, #fff);
+      background: var(--ap-card, oklch(1 0 0));
       margin: -10px -8px 10px;
     }
 
@@ -3046,16 +3045,16 @@
       width: 100%;
       padding: 8px 10px;
       border: none;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       background: transparent;
       outline: none;
       font-family: var(--ap-font-family, system-ui, sans-serif);
     }
 
     .product-search::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .search-clear {
@@ -3080,12 +3079,12 @@
     .placeholder-title {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     .placeholder-text {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .add-list-btn {
@@ -3099,13 +3098,13 @@
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-family: inherit;
       background: none;
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
       cursor: pointer;
       transition: background 150ms;
     }
 
     .add-list-btn:hover {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
     }
 
     /* Add list dialog overlay */
@@ -3120,7 +3119,7 @@
     }
 
     .dialog {
-      background: var(--ap-card, #fff);
+      background: var(--ap-card, oklch(1 0 0));
       border-radius: var(--ap-radius, 8px);
       box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1);
       width: 420px;
@@ -3132,8 +3131,8 @@
       padding: 16px 20px;
       font-size: 1rem;
       font-weight: 600;
-      color: var(--ap-foreground, #09090b);
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
 
     .dialog-body {
@@ -3148,22 +3147,22 @@
       min-height: 150px;
       max-height: 300px;
       padding: 8px 10px;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius-sm, 6px);
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-family: inherit;
-      color: var(--ap-foreground, #09090b);
-      background: var(--ap-background, #fff);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      background: var(--ap-background, oklch(1 0 0));
       resize: vertical;
       outline: none;
     }
 
     .dialog-textarea:focus {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
 
     .dialog-textarea::placeholder {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
 
     .dialog-footer {
@@ -3171,7 +3170,7 @@
       justify-content: flex-end;
       gap: 8px;
       padding: 12px 20px;
-      border-top: 1px solid var(--ap-border, #e4e4e7);
+      border-top: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
 
     .dialog-btn {
@@ -3184,19 +3183,19 @@
     }
 
     .dialog-btn-cancel {
-      border: 1px solid var(--ap-border, #e4e4e7);
-      background: var(--ap-background, #fff);
-      color: var(--ap-foreground, #09090b);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
+      background: var(--ap-background, oklch(1 0 0));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
 
     .dialog-btn-cancel:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
 
     .dialog-btn-primary {
       border: none;
-      background: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary-foreground, #fff);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      color: var(--ap-primary-foreground, oklch(1 0 0));
     }
 
     .dialog-btn-primary:hover {
@@ -3213,7 +3212,7 @@
     .skeleton-item {
       height: 32px;
       border-radius: var(--ap-radius-sm, 6px);
-      background: linear-gradient(90deg, var(--ap-muted, #f4f4f5) 25%, #e8e8ea 50%, var(--ap-muted, #f4f4f5) 75%);
+      background: linear-gradient(90deg, var(--ap-muted, oklch(0.974 0.006 239.819)) 25%, #e8e8ea 50%, var(--ap-muted, oklch(0.974 0.006 239.819)) 75%);
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
     }
@@ -3229,10 +3228,10 @@
 
     .wildcard-tooltip {
       font-size: 0.75rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       margin-left: 4px;
     }
-  `];Y([c.property({type:Array})],U.prototype,"selected",2);Y([c.property({attribute:!1})],U.prototype,"apiClient",2);Y([c.query(".product-search")],U.prototype,"_searchInput",2);Y([c.state()],U.prototype,"_search",2);Y([c.state()],U.prototype,"_debouncedSearch",2);Y([c.state()],U.prototype,"_products",2);Y([c.state()],U.prototype,"_isLoading",2);Y([c.state()],U.prototype,"_showAddList",2);Y([c.state()],U.prototype,"_addListText",2);U=Y([c.customElement("ap-filter-product-ref")],U);var pa=Object.defineProperty,ha=Object.getOwnPropertyDescriptor,T=(t,e,s,a)=>{for(var i=a>1?void 0:a?ha(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&pa(e,s,i),i};let C=class extends o.LitElement{constructor(){super(...arguments),this.totalCount=0,this.totalFolderCount=0,this.isLoading=!1,this.sortBy="created_at",this.sortDirection="desc",this.sortOptions=At,this.filters={metadata:{pinned:[],visible:[],applied:{}},pinned:[],visible:[],applied:{}},this.labels=[],this.tags=[],this.metadataFields=[],this.pinnedFilters=[],this.forcedFilterKeys=[],this._showDropdown=!1,this._showMetadataSelector=!1,this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null,this._outsideClickHandler=t=>{const e=t.composedPath();if(this._externalTrigger&&e.some(r=>{var n;return r instanceof HTMLElement&&r.classList.contains("chip")&&((n=r.closest)==null?void 0:n.call(r,"ap-filters-bar"))}))return;const s=this._openFilter&&e.some(i=>i instanceof HTMLElement?i.classList.contains("popover-anchor")||i.classList.contains("popover-panel"):!1),a=(this._showDropdown||this._showMetadataSelector)&&e.some(i=>i instanceof HTMLElement&&(i.classList.contains("dropdown-menu")||i.classList.contains("filter-dropdown")));s||a||(this._openFilter&&(this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null),(this._showDropdown||this._showMetadataSelector)&&(this._showDropdown=!1,this._showMetadataSelector=!1))}}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._outsideClickHandler)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._outsideClickHandler)}updated(t){if((t.has("_openFilter")||t.has("_externalTrigger")||t.has("_openMetadataField"))&&this.dispatchEvent(new CustomEvent("filter-panel-change",{detail:{key:this._externalTrigger?this._openFilter:null,metadataFieldKey:this._externalTrigger?this._openMetadataField:null},bubbles:!0,composed:!0})),this._externalTrigger&&this._externalLeft!=null&&(t.has("_openFilter")||t.has("_externalLeft")||t.has("_openMetadataField"))){const e=this.renderRoot.querySelector(".popover-panel");if(e){const s=e.closest(".popover-anchor"),a=s?s.offsetWidth:this.offsetWidth,i=e.offsetWidth;this._externalLeft+i>a-8&&(e.style.left=`${Math.max(8,a-i-8)}px`)}}}_closeAllDropdowns(){var t;this._showDropdown=!1,this._showMetadataSelector=!1,this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null,(t=this._sortDropdown)==null||t.close()}_toggleDropdown(){const t=this._showDropdown;this._closeAllDropdowns(),this._showDropdown=!t}_toggleMetadataSelector(){this._showMetadataSelector=!this._showMetadataSelector,this._showDropdown=!1}closeFilterPanel(){this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null}openFilterPanel(t,e=!1,s){if(e&&this._externalTrigger&&this._openFilter===t&&!this._openMetadataField){this.closeFilterPanel();return}if(!e&&!this._isFilterActive(t)){this._showDropdown=!1,this.dispatchEvent(new CustomEvent("filter-pending",{detail:{key:t},bubbles:!0,composed:!0}));return}this._showDropdown=!1,this._openFilter=t,this._openMetadataField=null,this._externalTrigger=e,this._externalLeft=s??null}_handleSortOpen(){this._showDropdown=!1,this._openFilter=null,this._openMetadataField=null}_handleSort(t){this.dispatchEvent(new CustomEvent("sort-change",{detail:t.detail,bubbles:!0,composed:!0}))}_toggleSortDirection(){const t=this.sortDirection==="asc"?"desc":"asc";this.dispatchEvent(new CustomEvent("sort-direction-change",{detail:{value:t},bubbles:!0,composed:!0}))}_isFilterActive(t){return t in this.filters.applied&&this.filters.applied[t]!==void 0}_handleFilterChange(t){t.stopPropagation();const{key:e,values:s,operator:a}=t.detail;this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:e,values:s,operator:a},bubbles:!0,composed:!0}))}_handleMetadataFilterChange(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-filter-change",{detail:t.detail,bubbles:!0,composed:!0}))}_handleMetadataFieldToggle(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-field-toggle",{detail:t.detail,bubbles:!0,composed:!0}))}_handleMetadataFieldSelect(t){t.stopPropagation(),this._openMetadataField=t.detail.fieldKey}_handleMetadataSelectorFieldSelect(t){var s;t.stopPropagation();const e=t.detail.fieldKey;if(this._showMetadataSelector=!1,!(e in(((s=this.filters.metadata)==null?void 0:s.applied)||{}))){this.dispatchEvent(new CustomEvent("filter-pending",{detail:{metadataFieldKey:e},bubbles:!0,composed:!0}));return}this._openFilter="metadata",this._openMetadataField=e}_handleMetadataPin(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-pin",{detail:t.detail,bubbles:!0,composed:!0}))}openMetadataFieldPanel(t,e=!1,s){if(e&&this._externalTrigger&&this._openMetadataField===t){this.closeFilterPanel();return}this._showDropdown=!1,this._openFilter="metadata",this._openMetadataField=t,this._externalTrigger=e,this._externalLeft=s??null}_getMetadataFieldLabel(t){for(const e of this.metadataFields)if(`${dt[e.type]||""}${e.key}`===t)return e.label;return t}_togglePin(t,e){e.stopPropagation();const s=this.pinnedFilters.includes(t);this.dispatchEvent(new CustomEvent("filter-pin",{detail:{key:t,pinned:!s},bubbles:!0,composed:!0}))}_getFilterIcon(t){const e=Ut.find(s=>s.key===t);return(e==null?void 0:e.icon)||"filter"}_renderFilterContent(t){var s,a,i;const e=this.filters.applied;switch(t){case"type":{const r=e.type;return o.html`<ap-filter-type
+  `];Y([c.property({type:Array})],q.prototype,"selected",2);Y([c.property({attribute:!1})],q.prototype,"apiClient",2);Y([c.query(".product-search")],q.prototype,"_searchInput",2);Y([c.state()],q.prototype,"_search",2);Y([c.state()],q.prototype,"_debouncedSearch",2);Y([c.state()],q.prototype,"_products",2);Y([c.state()],q.prototype,"_isLoading",2);Y([c.state()],q.prototype,"_showAddList",2);Y([c.state()],q.prototype,"_addListText",2);q=Y([c.customElement("ap-filter-product-ref")],q);var xa=Object.defineProperty,$a=Object.getOwnPropertyDescriptor,F=(t,e,s,a)=>{for(var i=a>1?void 0:a?$a(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&xa(e,s,i),i};let S=class extends o.LitElement{constructor(){super(...arguments),this.totalCount=0,this.totalFolderCount=0,this.isLoading=!1,this.showUpload=!1,this.sortBy="created_at",this.sortDirection="desc",this.sortOptions=Ft,this.filters={metadata:{pinned:[],visible:[],applied:{}},pinned:[],visible:[],applied:{}},this.labels=[],this.tags=[],this.metadataFields=[],this.pinnedFilters=[],this.forcedFilterKeys=[],this._showDropdown=!1,this._showMetadataSelector=!1,this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null,this._outsideClickHandler=t=>{const e=t.composedPath();if(this._externalTrigger&&e.some(r=>{var n;return r instanceof HTMLElement&&r.classList.contains("chip")&&((n=r.closest)==null?void 0:n.call(r,"ap-filters-bar"))}))return;const s=this._openFilter&&e.some(i=>i instanceof HTMLElement?i.classList.contains("popover-anchor")||i.classList.contains("popover-panel"):!1),a=(this._showDropdown||this._showMetadataSelector)&&e.some(i=>i instanceof HTMLElement&&(i.classList.contains("dropdown-menu")||i.classList.contains("filter-dropdown")));s||a||(this._openFilter&&(this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null),(this._showDropdown||this._showMetadataSelector)&&(this._showDropdown=!1,this._showMetadataSelector=!1))}}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._outsideClickHandler)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._outsideClickHandler)}updated(t){if((t.has("_openFilter")||t.has("_externalTrigger")||t.has("_openMetadataField"))&&this.dispatchEvent(new CustomEvent("filter-panel-change",{detail:{key:this._externalTrigger?this._openFilter:null,metadataFieldKey:this._externalTrigger?this._openMetadataField:null},bubbles:!0,composed:!0})),this._externalTrigger&&this._externalLeft!=null&&(t.has("_openFilter")||t.has("_externalLeft")||t.has("_openMetadataField"))){const e=this.renderRoot.querySelector(".popover-panel");if(e){const s=e.closest(".popover-anchor"),a=s?s.offsetWidth:this.offsetWidth,i=e.offsetWidth;this._externalLeft+i>a-8&&(e.style.left=`${Math.max(8,a-i-8)}px`)}}}_closeAllDropdowns(){var t;this._showDropdown=!1,this._showMetadataSelector=!1,this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null,(t=this._sortDropdown)==null||t.close()}_handleUploadClick(){this.dispatchEvent(new CustomEvent("upload-click",{bubbles:!0,composed:!0}))}_toggleDropdown(){const t=this._showDropdown;this._closeAllDropdowns(),this._showDropdown=!t}_toggleMetadataSelector(){this._showMetadataSelector=!this._showMetadataSelector,this._showDropdown=!1}closeFilterPanel(){this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null}openFilterPanel(t,e=!1,s){if(e&&this._externalTrigger&&this._openFilter===t&&!this._openMetadataField){this.closeFilterPanel();return}if(!e&&!this._isFilterActive(t)){this._showDropdown=!1,this.dispatchEvent(new CustomEvent("filter-pending",{detail:{key:t},bubbles:!0,composed:!0}));return}this._showDropdown=!1,this._openFilter=t,this._openMetadataField=null,this._externalTrigger=e,this._externalLeft=s??null}_handleSortOpen(){this._showDropdown=!1,this._openFilter=null,this._openMetadataField=null}_handleSort(t){this.dispatchEvent(new CustomEvent("sort-change",{detail:t.detail,bubbles:!0,composed:!0}))}_toggleSortDirection(){const t=this.sortDirection==="asc"?"desc":"asc";this.dispatchEvent(new CustomEvent("sort-direction-change",{detail:{value:t},bubbles:!0,composed:!0}))}_isFilterActive(t){return t in this.filters.applied&&this.filters.applied[t]!==void 0}_handleFilterChange(t){t.stopPropagation();const{key:e,values:s,operator:a}=t.detail;this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:e,values:s,operator:a},bubbles:!0,composed:!0}))}_handleMetadataFilterChange(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-filter-change",{detail:t.detail,bubbles:!0,composed:!0}))}_handleMetadataFieldToggle(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-field-toggle",{detail:t.detail,bubbles:!0,composed:!0}))}_handleMetadataFieldSelect(t){t.stopPropagation(),this._openMetadataField=t.detail.fieldKey}_handleMetadataSelectorFieldSelect(t){var s;t.stopPropagation();const e=t.detail.fieldKey;if(this._showMetadataSelector=!1,!(e in(((s=this.filters.metadata)==null?void 0:s.applied)||{}))){this.dispatchEvent(new CustomEvent("filter-pending",{detail:{metadataFieldKey:e},bubbles:!0,composed:!0}));return}this._openFilter="metadata",this._openMetadataField=e}_handleMetadataPin(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("metadata-pin",{detail:t.detail,bubbles:!0,composed:!0}))}openMetadataFieldPanel(t,e=!1,s){if(e&&this._externalTrigger&&this._openMetadataField===t){this.closeFilterPanel();return}this._showDropdown=!1,this._openFilter="metadata",this._openMetadataField=t,this._externalTrigger=e,this._externalLeft=s??null}_getMetadataFieldLabel(t){for(const e of this.metadataFields)if(`${ct[e.type]||""}${e.key}`===t)return e.label;return t}_togglePin(t,e){e.stopPropagation();const s=this.pinnedFilters.includes(t);this.dispatchEvent(new CustomEvent("filter-pin",{detail:{key:t,pinned:!s},bubbles:!0,composed:!0}))}_getFilterIcon(t){const e=St.find(s=>s.key===t);return(e==null?void 0:e.icon)||"filter"}_renderFilterContent(t){var s,a,i;const e=this.filters.applied;switch(t){case"type":{const r=e.type;return o.html`<ap-filter-type
           .selected=${(r==null?void 0:r.values)||[]}
           @filter-change=${this._handleFilterChange}
         ></ap-filter-type>`}case"tags":{const r=e.tags;return o.html`<ap-filter-tags
@@ -3309,7 +3308,7 @@
           @filter-change=${this._handleFilterChange}
         ></ap-filter-product-ref>`}default:return o.nothing}}_renderFilterButton(t){const e=t.key==="metadata",s=e?Object.keys(this.filters.metadata.applied).length>0:this._isFilterActive(t.key),a=this.pinnedFilters.includes(t.key);return o.html`
       <button
-        class="filter-btn ${s?"active":""}"
+        class="filter-btn ${s?"active":""} ${a?"pinned":""}"
         @click=${()=>e?this._toggleMetadataSelector():this.openFilterPanel(t.key)}
       >
         <span class="filter-btn-icon">
@@ -3324,7 +3323,7 @@
                 title=${a?"Unpin filter":"Pin filter"}
                 @click=${i=>this._togglePin(t.key,i)}
               >
-                <ap-icon name=${a?"pin-off":"pin"} .size=${14}></ap-icon>
+                <ap-icon name="pin" .size=${14}></ap-icon>
               </span>
             `}
       </button>
@@ -3341,7 +3340,7 @@
             </button>
             ${this._showDropdown?o.html`
               <div class="dropdown-menu">
-                ${Ut.filter(e=>!this.forcedFilterKeys.includes(e.key)).map(e=>this._renderFilterButton(e))}
+                ${St.filter(e=>!this.forcedFilterKeys.includes(e.key)).map(e=>this._renderFilterButton(e))}
               </div>
             `:o.nothing}
             ${this._showMetadataSelector?o.html`
@@ -3359,7 +3358,6 @@
               </div>
             `:o.nothing}
           </div>
-          <div class="divider"></div>
           <ap-dropdown
             variant="borderless"
             label="Sort"
@@ -3376,6 +3374,12 @@
           >
             <ap-icon name=${this.sortDirection==="asc"?"sort-asc":"sort-desc"} .size=${18}></ap-icon>
           </button>
+          ${this.showUpload?o.html`
+            <button class="upload-btn" @click=${this._handleUploadClick}>
+              <ap-icon name="upload" .size=${16}></ap-icon>
+              Upload
+            </button>
+          `:o.nothing}
         </div>
       </div>
       ${this._openFilter?o.html`
@@ -3389,7 +3393,7 @@
                     ${this._getMetadataFieldLabel(this._openMetadataField)}
                   `:o.html`
                     <ap-icon name=${this._getFilterIcon(this._openFilter)} .size=${16}></ap-icon>
-                    ${Ee[this._openFilter]||this._openFilter}
+                    ${ke[this._openFilter]||this._openFilter}
                   `}
               <button class="anchor-close" @click=${()=>{this._openFilter=null,this._openMetadataField=null,this._externalTrigger=!1,this._externalLeft=null}} title="Close">
                 <ap-icon name="close" .size=${14}></ap-icon>
@@ -3401,10 +3405,10 @@
           </div>
         </div>
       `:o.nothing}
-    `}};C.styles=o.css`
+    `}};S.styles=o.css`
     :host {
       display: block;
-      padding: 8px 20px 0;
+      padding: 8px 20px 6px;
     }
     .toolbar-row {
       display: flex;
@@ -3413,7 +3417,7 @@
     }
     .count {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       white-space: nowrap;
     }
     .count-skeleton {
@@ -3421,7 +3425,7 @@
       width: 80px;
       height: 14px;
       border-radius: 4px;
-      background: linear-gradient(90deg, var(--ap-muted, #f4f4f5) 25%, #e8e8ea 50%, var(--ap-muted, #f4f4f5) 75%);
+      background: linear-gradient(90deg, var(--ap-muted, oklch(0.974 0.006 239.819)) 25%, #e8e8ea 50%, var(--ap-muted, oklch(0.974 0.006 239.819)) 75%);
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
     }
@@ -3450,19 +3454,20 @@
       display: inline-flex;
       align-items: center;
       gap: 6px;
-      padding: 6px 14px;
+      height: 36px;
+      padding: 0 14px;
       border: none;
       border-radius: 6px;
       font-size: 0.875rem;
       font-weight: 500;
       background: none;
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
       cursor: pointer;
       white-space: nowrap;
       transition: background 150ms;
     }
     .add-btn:hover {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
     }
     .add-btn ap-icon {
       transition: transform 200ms;
@@ -3478,8 +3483,8 @@
       height: 18px;
       padding: 0 5px;
       border-radius: 9px;
-      background: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary-foreground, #fff);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      color: var(--ap-primary-foreground, oklch(1 0 0));
       font-size: 0.6875rem;
       font-weight: 600;
       line-height: 1;
@@ -3490,8 +3495,8 @@
       right: 0;
       z-index: 50;
       min-width: 480px;
-      background: var(--ap-card, #fff);
-      border: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-card, oklch(1 0 0));
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius, 8px);
       box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
       padding: 16px;
@@ -3506,7 +3511,7 @@
       width: 280px;
       padding: 0;
       max-height: 400px;
-      overflow: hidden;
+      overflow-y: auto;
     }
 
     /* Filter button in dropdown */
@@ -3515,10 +3520,10 @@
       align-items: center;
       gap: 8px;
       padding: 8px 12px;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius, 8px);
-      background: var(--ap-background, #fff);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-background, oklch(1 0 0));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       font-size: 0.9375rem;
       cursor: pointer;
       transition: all 150ms;
@@ -3526,25 +3531,33 @@
       box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     }
     .filter-btn:hover {
-      background: var(--ap-muted, #f4f4f5);
-      border-color: var(--ap-muted-foreground, #a1a1aa);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      border-color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .filter-btn.active {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
-      border-color: var(--ap-primary-20, oklch(0.65 0.19 258 / 0.25));
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
+      border-color: var(--ap-primary-20, oklch(0.578 0.198 268.129 / 0.2));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .filter-btn.active:hover {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.12));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.12));
+    }
+    .filter-btn.pinned {
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
+      border-color: var(--ap-primary-20, oklch(0.578 0.198 268.129 / 0.2));
+    }
+    .filter-btn.pinned:hover {
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.12));
     }
     .filter-btn-icon {
       display: flex;
       align-items: center;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       flex-shrink: 0;
     }
-    .filter-btn.active .filter-btn-icon {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+    .filter-btn.active .filter-btn-icon,
+    .filter-btn.pinned .filter-btn-icon {
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .filter-btn-label {
       display: flex;
@@ -3554,7 +3567,7 @@
       min-width: 0;
     }
     .filter-btn-label ap-icon {
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .pin-btn {
       display: flex;
@@ -3566,7 +3579,7 @@
       background: none;
       cursor: pointer;
       padding: 0;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       border-radius: 4px;
       flex-shrink: 0;
       margin-left: auto;
@@ -3578,23 +3591,23 @@
       opacity: 1;
     }
     .pin-btn:hover {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.08));
     }
     .pin-btn.pinned {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
     .submenu-chevron {
       display: flex;
       align-items: center;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       margin-left: auto;
     }
 
     .divider {
       width: 1px;
       height: 24px;
-      background: var(--ap-border, #e4e4e7);
+      background: var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .icon-btn {
       display: flex;
@@ -3605,17 +3618,40 @@
       border: 1px solid transparent;
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       cursor: pointer;
     }
     .icon-btn:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .icon-btn:focus-visible {
-      outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
+      outline: 2px solid var(--ap-ring, oklch(0.578 0.198 268.129 / 0.7));
       outline-offset: -2px;
     }
+    .upload-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      margin-left: 4px;
+      padding: 6px 14px;
+      border: none;
+      border-radius: 6px;
+      font-size: 0.875rem;
+      font-weight: 500;
+      background: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary-foreground, #fff);
+      cursor: pointer;
+      white-space: nowrap;
+      transition: opacity 150ms;
+    }
+    .upload-btn:hover {
+      opacity: 0.9;
+    }
+    .upload-btn:focus-visible {
+      outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
+      outline-offset: 2px;
+    }
 
     /* Popover anchor row */
     .popover-anchor {
@@ -3633,13 +3669,13 @@
       align-items: center;
       gap: 6px;
       padding: 6px 14px;
-      border: 1px solid var(--ap-border, #e4e4e7);
-      border-bottom: 1px solid var(--ap-card, #fff);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
+      border-bottom: 1px solid var(--ap-card, oklch(1 0 0));
       border-radius: 8px 8px 0 0;
-      background: var(--ap-card, #fff);
+      background: var(--ap-card, oklch(1 0 0));
       font-size: 0.875rem;
       font-weight: 500;
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
       position: relative;
       z-index: 51;
       margin-bottom: -1px;
@@ -3651,11 +3687,11 @@
       border: none;
       cursor: pointer;
       padding: 0;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       transition: color 150ms;
     }
     .anchor-close:hover {
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .anchor-back {
       display: flex;
@@ -3664,11 +3700,11 @@
       border: none;
       cursor: pointer;
       padding: 0;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       transition: color 150ms;
     }
     .anchor-back:hover {
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .popover-panel {
       position: absolute;
@@ -3679,11 +3715,11 @@
       max-height: 400px;
       overflow-y: auto;
       overscroll-behavior: contain;
-      background: var(--ap-card, #fff);
-      border: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-card, oklch(1 0 0));
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: 0 8px 8px 8px;
       box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1);
-      padding: 10px 8px;
+      padding: 12px;
     }
     .popover-anchor.external {
       padding: 0;
@@ -3692,10 +3728,10 @@
       border-radius: 8px;
       top: 0;
     }
-  `;T([c.property({type:Number})],C.prototype,"totalCount",2);T([c.property({type:Number})],C.prototype,"totalFolderCount",2);T([c.property({type:Boolean})],C.prototype,"isLoading",2);T([c.property()],C.prototype,"sortBy",2);T([c.property()],C.prototype,"sortDirection",2);T([c.property({type:Array})],C.prototype,"sortOptions",2);T([c.property({type:Object})],C.prototype,"filters",2);T([c.property({type:Array})],C.prototype,"labels",2);T([c.property({type:Array})],C.prototype,"tags",2);T([c.property({type:Array})],C.prototype,"metadataFields",2);T([c.property({type:Array})],C.prototype,"pinnedFilters",2);T([c.property({type:Array})],C.prototype,"forcedFilterKeys",2);T([c.property({attribute:!1})],C.prototype,"apiClient",2);T([c.query("ap-dropdown")],C.prototype,"_sortDropdown",2);T([c.state()],C.prototype,"_showDropdown",2);T([c.state()],C.prototype,"_showMetadataSelector",2);T([c.state()],C.prototype,"_openFilter",2);T([c.state()],C.prototype,"_openMetadataField",2);T([c.state()],C.prototype,"_externalTrigger",2);T([c.state()],C.prototype,"_externalLeft",2);C=T([c.customElement("ap-content-toolbar")],C);var ua=Object.defineProperty,fa=Object.getOwnPropertyDescriptor,N=(t,e,s,a)=>{for(var i=a>1?void 0:a?fa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ua(e,s,i),i};let D=class extends o.LitElement{constructor(){super(...arguments),this.appliedFilters={},this.appliedMetadata={},this.forcedFilters={},this.metadataFields=[],this.pinnedFilters=[],this.pinnedMetadataFields=[],this.tags=[],this.labels=[],this.activeFilter=null,this.activeMetadataField=null,this.pendingFilter=null,this.pendingMetadataField=null}_mapTypeLabel(t){var e;return((e=ss.find(s=>s.value===t))==null?void 0:e.label)||t}_getSizeSummary(t){if(t.values.length===0)return"";const e=t.values[0],[s,a]=e.split(".."),i=s?parseFloat(s):null,r=a?parseFloat(a):null,n=l=>l>=1e3?`${(l/1e3).toFixed(l%1e3===0?0:1)} GB`:`${l} MB`;return i!==null&&r!==null?`${n(i)} – ${n(r)}`:i!==null?`> ${n(i)}`:r!==null?`< ${n(r)}`:""}_getFilterSummary(t,e){if(t.type==="string"){const s=t;if(s.values.length===0)return"";if(e===m.SIZE)return this._getSizeSummary(s);if(e===m.COLOR){const i=s.values.map(r=>r.split(" ")[0]).filter(Boolean);return i.length===0?"":i.length===1?i[0]:`${i[0]} +${i.length-1}`}const a=e===m.TYPE?i=>this._mapTypeLabel(i):e===m.TAGS?i=>{var r;return((r=this.tags.find(n=>n.sid===i))==null?void 0:r.label)||i}:e===m.LABELS?i=>{var r;return((r=this.labels.find(n=>n.sid===i))==null?void 0:r.name)||i}:i=>i;return s.values.length===1?a(s.values[0]):`${a(s.values[0])} +${s.values.length-1}`}if(t.type==="date")return this._getDateSummary(t);if(typeof t=="object"&&"resolution"in t){const s=t,a=[...s.resolution,...s.orientation,...s.faces];return a.length===0?"":a.length===1?a[0]:`${a[0]} +${a.length-1}`}return""}_getDateSummary(t){var n,l;const e=((n=is.find(d=>d.value===t.field))==null?void 0:n.label)||t.field,s=[...Ft,...as],a=t.preset?((l=s.find(d=>d.value===t.preset))==null?void 0:l.label)||t.preset:"",i=d=>{try{return d.split("T")[0]}catch{return d}};let r="";switch(t.kind){case"preset":r=a;break;case"before":r=t.to?`Before ${i(t.to)}`:a;break;case"after":r=t.from?`After ${i(t.from)}`:a;break;case"between":t.from&&t.to?r=`${i(t.from)} – ${i(t.to)}`:t.from?r=`After ${i(t.from)}`:t.to&&(r=`Before ${i(t.to)}`);break;case"specific":r=t.from?i(t.from):"";break;default:r=a}return r?`${e}: ${r}`:""}_getMetadataLabel(t){const e=this._stripMetadataPrefix(t),s=this.metadataFields.find(a=>a.key===e);return(s==null?void 0:s.label)||e}_stripMetadataPrefix(t){for(const e of Zt)if(t.startsWith(e))return t.slice(e.length);return t}_removeFilter(t){this.dispatchEvent(new CustomEvent("filter-remove",{detail:{key:t},bubbles:!0,composed:!0}))}_removeMetadataFilter(t){this.dispatchEvent(new CustomEvent("metadata-filter-remove",{detail:{fieldKey:t},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filters-clear-all",{bubbles:!0,composed:!0}))}_openFilter(t,e){const a=e.currentTarget.getBoundingClientRect();this.dispatchEvent(new CustomEvent("filter-open",{detail:{key:t,chipRect:{left:a.left,right:a.right,bottom:a.bottom,width:a.width}},bubbles:!0,composed:!0}))}_openMetadataFilter(t,e){const a=e.currentTarget.getBoundingClientRect();this.dispatchEvent(new CustomEvent("metadata-filter-open",{detail:{fieldKey:t,chipRect:{left:a.left,right:a.right,bottom:a.bottom,width:a.width}},bubbles:!0,composed:!0}))}_renderForcedChip(t,e){const s=this._getFilterSummary(e,t),a=e.type==="date";return o.html`
+  `;F([c.property({type:Number})],S.prototype,"totalCount",2);F([c.property({type:Number})],S.prototype,"totalFolderCount",2);F([c.property({type:Boolean})],S.prototype,"isLoading",2);F([c.property({type:Boolean})],S.prototype,"showUpload",2);F([c.property()],S.prototype,"sortBy",2);F([c.property()],S.prototype,"sortDirection",2);F([c.property({type:Array})],S.prototype,"sortOptions",2);F([c.property({type:Object})],S.prototype,"filters",2);F([c.property({type:Array})],S.prototype,"labels",2);F([c.property({type:Array})],S.prototype,"tags",2);F([c.property({type:Array})],S.prototype,"metadataFields",2);F([c.property({type:Array})],S.prototype,"pinnedFilters",2);F([c.property({type:Array})],S.prototype,"forcedFilterKeys",2);F([c.property({attribute:!1})],S.prototype,"apiClient",2);F([c.query("ap-dropdown")],S.prototype,"_sortDropdown",2);F([c.state()],S.prototype,"_showDropdown",2);F([c.state()],S.prototype,"_showMetadataSelector",2);F([c.state()],S.prototype,"_openFilter",2);F([c.state()],S.prototype,"_openMetadataField",2);F([c.state()],S.prototype,"_externalTrigger",2);F([c.state()],S.prototype,"_externalLeft",2);S=F([c.customElement("ap-content-toolbar")],S);var wa=Object.defineProperty,ka=Object.getOwnPropertyDescriptor,j=(t,e,s,a)=>{for(var i=a>1?void 0:a?ka(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&wa(e,s,i),i};let D=class extends o.LitElement{constructor(){super(...arguments),this.appliedFilters={},this.appliedMetadata={},this.forcedFilters={},this.metadataFields=[],this.pinnedFilters=[],this.pinnedMetadataFields=[],this.tags=[],this.labels=[],this.activeFilter=null,this.activeMetadataField=null,this.pendingFilter=null,this.pendingMetadataField=null}_mapTypeLabel(t){var e;return((e=ss.find(s=>s.value===t))==null?void 0:e.label)||t}_getSizeSummary(t){if(t.values.length===0)return"";const e=t.values[0],[s,a]=e.split(".."),i=s?parseFloat(s):null,r=a?parseFloat(a):null,n=l=>l>=1e3?`${(l/1e3).toFixed(l%1e3===0?0:1)} GB`:`${l} MB`;return i!==null&&r!==null?`${n(i)} – ${n(r)}`:i!==null?`> ${n(i)}`:r!==null?`< ${n(r)}`:""}_getFilterSummary(t,e){if(t.type==="string"){const s=t;if(s.values.length===0)return"";if(e===m.SIZE)return this._getSizeSummary(s);if(e===m.COLOR){const i=s.values.map(r=>r.split(" ")[0]).filter(Boolean);return i.length===0?"":i.length===1?i[0]:`${i[0]} +${i.length-1}`}const a=e===m.TYPE?i=>this._mapTypeLabel(i):e===m.TAGS?i=>{var r;return((r=this.tags.find(n=>n.sid===i))==null?void 0:r.label)||i}:e===m.LABELS?i=>{var r;return((r=this.labels.find(n=>n.sid===i))==null?void 0:r.name)||i}:i=>i;return s.values.length===1?a(s.values[0]):`${a(s.values[0])} +${s.values.length-1}`}if(t.type==="date")return this._getDateSummary(t);if(typeof t=="object"&&"resolution"in t){const s=t,a=[...s.resolution,...s.orientation,...s.faces];return a.length===0?"":a.length===1?a[0]:`${a[0]} +${a.length-1}`}return""}_getDateSummary(t){var n,l;const e=((n=is.find(d=>d.value===t.field))==null?void 0:n.label)||t.field,s=[...Et,...as],a=t.preset?((l=s.find(d=>d.value===t.preset))==null?void 0:l.label)||t.preset:"",i=d=>{try{return d.split("T")[0]}catch{return d}};let r="";switch(t.kind){case"preset":r=a;break;case"before":r=t.to?`Before ${i(t.to)}`:a;break;case"after":r=t.from?`After ${i(t.from)}`:a;break;case"between":t.from&&t.to?r=`${i(t.from)} – ${i(t.to)}`:t.from?r=`After ${i(t.from)}`:t.to&&(r=`Before ${i(t.to)}`);break;case"specific":r=t.from?i(t.from):"";break;default:r=a}return r?`${e}: ${r}`:""}_getFilterIcon(t){var e;return((e=St.find(s=>s.key===t))==null?void 0:e.icon)||"filter"}_getMetadataLabel(t){const e=this._stripMetadataPrefix(t),s=this.metadataFields.find(a=>a.key===e);return(s==null?void 0:s.label)||e}_stripMetadataPrefix(t){for(const e of Zt)if(t.startsWith(e))return t.slice(e.length);return t}_removeFilter(t){this.dispatchEvent(new CustomEvent("filter-remove",{detail:{key:t},bubbles:!0,composed:!0}))}_removeMetadataFilter(t){this.dispatchEvent(new CustomEvent("metadata-filter-remove",{detail:{fieldKey:t},bubbles:!0,composed:!0}))}_clearAll(){this.dispatchEvent(new CustomEvent("filters-clear-all",{bubbles:!0,composed:!0}))}_openFilter(t,e){const a=e.currentTarget.getBoundingClientRect();this.dispatchEvent(new CustomEvent("filter-open",{detail:{key:t,chipRect:{left:a.left,right:a.right,bottom:a.bottom,width:a.width}},bubbles:!0,composed:!0}))}_openMetadataFilter(t,e){const a=e.currentTarget.getBoundingClientRect();this.dispatchEvent(new CustomEvent("metadata-filter-open",{detail:{fieldKey:t,chipRect:{left:a.left,right:a.right,bottom:a.bottom,width:a.width}},bubbles:!0,composed:!0}))}_renderForcedChip(t,e){const s=this._getFilterSummary(e,t),a=e.type==="date";return o.html`
       <span class="chip forced">
         ${(a||t===m.TYPE||t===m.SIZE)&&s?o.html`<span class="chip-label">${s}</span>`:o.html`
-              <span class="chip-label">${Ee[t]||t}</span>
+              <span class="chip-label">${ke[t]||t}</span>
               ${s?o.html`<span class="chip-summary">${s}</span>`:o.nothing}
             `}
         <span class="chip-lock">
@@ -3704,12 +3740,16 @@
       </span>
     `}_renderFilterChip(t,e){if(!e)return o.html`
         <span class="chip pinned-empty ${t===this.activeFilter?"active":""}" @click=${i=>this._openFilter(t,i)}>
-          <span class="chip-label">${Ee[t]||t}</span>
+          <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
+          <span class="chip-label">${ke[t]||t}</span>
+          <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
         </span>
       `;const s=this._getFilterSummary(e,t),a=e.type==="date";return o.html`
       <span class="chip ${t===this.activeFilter?"active":""}" @click=${i=>this._openFilter(t,i)}>
-        ${(a||t===m.TYPE||t===m.SIZE)&&s?o.html`<span class="chip-label">${s}</span>`:o.html`
-              <span class="chip-label">${Ee[t]||t}</span>
+        ${(a||t===m.TYPE||t===m.SIZE)&&s?o.html`
+              <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
+              <span class="chip-label">${s}</span>`:o.html`
+              <span class="chip-label">${ke[t]||t}</span>
               ${s?o.html`<span class="chip-summary">${s}</span>`:o.nothing}
             `}
         <button class="chip-remove" @click=${i=>{i.stopPropagation(),this._removeFilter(t)}} title="Remove filter">
@@ -3718,7 +3758,9 @@
       </span>
     `}_renderMetadataChip(t,e){if(!e){const i=this._getMetadataLabel(t);return o.html`
         <span class="chip pinned-empty ${t===this.activeMetadataField?"active":""}" @click=${r=>this._openMetadataFilter(t,r)}>
+          <span class="chip-icon"><ap-icon name="file-text" .size=${16}></ap-icon></span>
           <span class="chip-label">${i}</span>
+          <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
         </span>
       `}const s=this._getFilterSummary(e),a=this._getMetadataLabel(t);return o.html`
       <span class="chip ${t===this.activeMetadataField?"active":""}" @click=${i=>this._openMetadataFilter(t,i)}>
@@ -3728,26 +3770,30 @@
           <ap-icon name="close" .size=${12}></ap-icon>
         </button>
       </span>
-    `}render(){const t=ze(this.forcedFilters),e=new Set(Object.keys(t)),s=Object.keys(this.appliedFilters).filter(f=>!e.has(f)),a=Object.keys(this.appliedMetadata),i=new Set(this.pinnedFilters),r=new Set(this.pinnedMetadataFields),n=this.pinnedFilters.filter(f=>!e.has(f)),l=s.filter(f=>!i.has(f)),d=a.filter(f=>!r.has(f)),h=this.pendingFilter&&!i.has(this.pendingFilter)&&!(this.pendingFilter in this.appliedFilters),u=this.pendingMetadataField&&!r.has(this.pendingMetadataField)&&!(this.pendingMetadataField in this.appliedMetadata),g=s.length+a.length>0;return e.size+n.length+this.pinnedMetadataFields.length+l.length+d.length+(h?1:0)+(u?1:0)===0?o.nothing:o.html`
+    `}render(){const t=De(this.forcedFilters),e=new Set(Object.keys(t)),s=Object.keys(this.appliedFilters).filter(g=>!e.has(g)),a=Object.keys(this.appliedMetadata),i=new Set(this.pinnedFilters),r=new Set(this.pinnedMetadataFields),n=this.pinnedFilters.filter(g=>!e.has(g)),l=s.filter(g=>!i.has(g)),d=a.filter(g=>!r.has(g)),h=this.pendingFilter&&!i.has(this.pendingFilter)&&!(this.pendingFilter in this.appliedFilters),u=this.pendingMetadataField&&!r.has(this.pendingMetadataField)&&!(this.pendingMetadataField in this.appliedMetadata),f=s.length+a.length>0;return e.size+n.length+this.pinnedMetadataFields.length+l.length+d.length+(h?1:0)+(u?1:0)===0?o.nothing:o.html`
       <div class="chips-row">
         <div class="chips">
-          ${[...e].map(f=>this._renderForcedChip(f,t[f]))}
-          ${n.map(f=>this._renderFilterChip(f,this.appliedFilters[f]))}
-          ${this.pinnedMetadataFields.map(f=>this._renderMetadataChip(f,this.appliedMetadata[f]))}
-          ${l.map(f=>this._renderFilterChip(f,this.appliedFilters[f]))}
+          ${[...e].map(g=>this._renderForcedChip(g,t[g]))}
+          ${n.map(g=>this._renderFilterChip(g,this.appliedFilters[g]))}
+          ${this.pinnedMetadataFields.map(g=>this._renderMetadataChip(g,this.appliedMetadata[g]))}
+          ${l.map(g=>this._renderFilterChip(g,this.appliedFilters[g]))}
           ${h?o.html`
-            <span class="chip pinned-empty active pending" @click=${f=>this._openFilter(this.pendingFilter,f)}>
-              <span class="chip-label">${Ee[this.pendingFilter]||this.pendingFilter}</span>
+            <span class="chip pinned-empty active pending" @click=${g=>this._openFilter(this.pendingFilter,g)}>
+              <span class="chip-icon"><ap-icon name=${this._getFilterIcon(this.pendingFilter)} .size=${16}></ap-icon></span>
+              <span class="chip-label">${ke[this.pendingFilter]||this.pendingFilter}</span>
+              <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
           `:o.nothing}
-          ${d.map(f=>this._renderMetadataChip(f,this.appliedMetadata[f]))}
+          ${d.map(g=>this._renderMetadataChip(g,this.appliedMetadata[g]))}
           ${u?o.html`
-            <span class="chip pinned-empty active pending" @click=${f=>this._openMetadataFilter(this.pendingMetadataField,f)}>
+            <span class="chip pinned-empty active pending" @click=${g=>this._openMetadataFilter(this.pendingMetadataField,g)}>
+              <span class="chip-icon"><ap-icon name="file-text" .size=${16}></ap-icon></span>
               <span class="chip-label">${this._getMetadataLabel(this.pendingMetadataField)}</span>
+              <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
           `:o.nothing}
+          ${f?o.html`<button class="clear-all" @click=${this._clearAll}>Clear filters</button>`:o.nothing}
         </div>
-        ${g?o.html`<button class="clear-all" @click=${this._clearAll}>Clear filters</button>`:o.nothing}
       </div>
     `}};D.styles=o.css`
     :host {
@@ -3760,7 +3806,7 @@
       display: flex;
       align-items: center;
       gap: 8px;
-      padding: 0 20px 8px;
+      padding: 0 20px 16px;
     }
     .chips {
       display: flex;
@@ -3778,21 +3824,22 @@
       display: inline-flex;
       align-items: center;
       gap: 4px;
-      padding: 4px 12px;
-      border: 1px solid var(--ap-primary-20, oklch(0.65 0.19 258 / 0.25));
-      border-radius: 9999px;
+      height: 32px;
+      padding: 0 12px;
+      border: 1px solid var(--ap-primary-20, oklch(0.578 0.198 268.129 / 0.2));
+      border-radius: 6px;
       font-size: 0.8125rem;
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
       cursor: pointer;
       white-space: nowrap;
       transition: all 150ms;
     }
     .chip:hover {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.15));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.15));
     }
     .chip.active {
-      background: var(--ap-primary-20, oklch(0.65 0.19 258 / 0.2));
+      background: var(--ap-primary-20, oklch(0.578 0.198 268.129 / 0.2));
     }
     .chip-label {
       font-weight: 500;
@@ -3824,26 +3871,27 @@
       display: inline-flex;
       align-items: center;
       gap: 4px;
-      padding: 4px 10px;
+      height: 34px;
+      padding: 0 10px;
       border: none;
       border-radius: 6px;
       font-size: 0.8125rem;
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       cursor: pointer;
       white-space: nowrap;
       transition: all 150ms;
     }
     .clear-all:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .chip.forced {
       cursor: default;
       opacity: 0.85;
     }
     .chip.forced:hover {
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
     .chip-lock {
       display: flex;
@@ -3853,23 +3901,48 @@
       margin-left: 4px;
     }
     .chip.pinned-empty {
-      border-style: dashed;
+      height: 32px;
+      padding: 0 12px;
+      gap: 6px;
+      border-style: solid;
+      border-radius: 6px;
       background: transparent;
-      color: var(--ap-muted-foreground, #71717a);
-      border-color: var(--ap-border, #e4e4e7);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      border-color: var(--ap-input, oklch(0.871 0.016 241.798));
+      font-weight: 400;
+    }
+    .chip .chip-icon {
+      display: flex;
+      align-items: center;
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+    }
+    .chip.pinned-empty .chip-icon {
+      display: flex;
+      align-items: center;
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .chip.pinned-empty:hover {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
-      border-color: var(--ap-muted-foreground, #a1a1aa);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      border-color: var(--ap-input, oklch(0.871 0.016 241.798));
+    }
+    .chip.pinned-empty:hover .chip-icon {
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .chip.pinned-empty.active {
-      border-style: solid;
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
-      color: var(--ap-primary, oklch(0.65 0.19 258));
-      border-color: var(--ap-primary-20, oklch(0.65 0.19 258 / 0.25));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      border-color: var(--ap-primary-20, oklch(0.578 0.198 268.129 / 0.2));
+    }
+    .chip.pinned-empty.active .chip-icon {
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
-  `;N([c.property({type:Object})],D.prototype,"appliedFilters",2);N([c.property({type:Object})],D.prototype,"appliedMetadata",2);N([c.property({type:Object})],D.prototype,"forcedFilters",2);N([c.property({type:Array})],D.prototype,"metadataFields",2);N([c.property({type:Array})],D.prototype,"pinnedFilters",2);N([c.property({type:Array})],D.prototype,"pinnedMetadataFields",2);N([c.property({type:Array})],D.prototype,"tags",2);N([c.property({type:Array})],D.prototype,"labels",2);N([c.property()],D.prototype,"activeFilter",2);N([c.property()],D.prototype,"activeMetadataField",2);N([c.property()],D.prototype,"pendingFilter",2);N([c.property()],D.prototype,"pendingMetadataField",2);D=N([c.customElement("ap-filters-bar")],D);var ga=Object.defineProperty,ma=Object.getOwnPropertyDescriptor,we=(t,e,s,a)=>{for(var i=a>1?void 0:a?ma(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ga(e,s,i),i};const va=6;let Z=class extends o.LitElement{constructor(){super(...arguments),this.assets=[],this.folders=[],this.folderPreviews={},this.selectedIds=[],this.isLoading=!1,this.multiSelect=!0,this._prevCount=0}willUpdate(t){if(t.has("assets")){const e=t.get("assets");e&&this.assets.length>e.length?this._prevCount=e.length:this._prevCount=0}}render(){return o.html`
+    .chip-chevron {
+      display: flex;
+      align-items: center;
+      opacity: 0.6;
+    }
+  `;j([c.property({type:Object})],D.prototype,"appliedFilters",2);j([c.property({type:Object})],D.prototype,"appliedMetadata",2);j([c.property({type:Object})],D.prototype,"forcedFilters",2);j([c.property({type:Array})],D.prototype,"metadataFields",2);j([c.property({type:Array})],D.prototype,"pinnedFilters",2);j([c.property({type:Array})],D.prototype,"pinnedMetadataFields",2);j([c.property({type:Array})],D.prototype,"tags",2);j([c.property({type:Array})],D.prototype,"labels",2);j([c.property()],D.prototype,"activeFilter",2);j([c.property()],D.prototype,"activeMetadataField",2);j([c.property()],D.prototype,"pendingFilter",2);j([c.property()],D.prototype,"pendingMetadataField",2);D=j([c.customElement("ap-filters-bar")],D);var Sa=Object.defineProperty,Ca=Object.getOwnPropertyDescriptor,xe=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ca(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Sa(e,s,i),i};const Ea=6;let Z=class extends o.LitElement{constructor(){super(...arguments),this.assets=[],this.folders=[],this.folderPreviews={},this.selectedIds=[],this.isLoading=!1,this.multiSelect=!0,this._prevCount=0}willUpdate(t){if(t.has("assets")){const e=t.get("assets");e&&this.assets.length>e.length?this._prevCount=e.length:this._prevCount=0}}render(){return o.html`
       <div class="grid" role="list" aria-label="Assets">
         ${this.folders.map(t=>o.html`
             <ap-folder-card
@@ -3891,12 +3964,12 @@
                 @asset-quick-select=${a=>this.dispatchEvent(new CustomEvent("asset-quick-select",{detail:a.detail,bubbles:!0,composed:!0}))}
               ></ap-asset-card>
             `})}
-        ${this.isLoading?Array.from({length:va},()=>o.html`<div class="ghost-card"></div>`):o.nothing}
+        ${this.isLoading?Array.from({length:Ea},()=>o.html`<div class="ghost-card"></div>`):o.nothing}
       </div>
     `}};Z.styles=o.css`
     :host {
       display: block;
-      padding: 12px 20px 16px;
+      padding: 0 20px 16px;
     }
     .grid {
       display: grid;
@@ -3908,9 +3981,9 @@
       border-radius: var(--ap-radius, 8px);
       background: linear-gradient(
         90deg,
-        var(--ap-muted, #f4f4f5) 25%,
+        var(--ap-muted, oklch(0.974 0.006 239.819)) 25%,
         #e8e8ea 50%,
-        var(--ap-muted, #f4f4f5) 75%
+        var(--ap-muted, oklch(0.974 0.006 239.819)) 75%
       );
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
@@ -3922,14 +3995,14 @@
     @media (prefers-reduced-motion: reduce) {
       .ghost-card { animation: none; }
     }
-  `;we([c.property({type:Array})],Z.prototype,"assets",2);we([c.property({type:Array})],Z.prototype,"folders",2);we([c.property({type:Object})],Z.prototype,"folderPreviews",2);we([c.property({type:Array})],Z.prototype,"selectedIds",2);we([c.property({type:Boolean})],Z.prototype,"isLoading",2);we([c.property({type:Boolean})],Z.prototype,"multiSelect",2);Z=we([c.customElement("ap-grid-view")],Z);var ba=Object.defineProperty,_a=Object.getOwnPropertyDescriptor,le=(t,e,s,a)=>{for(var i=a>1?void 0:a?_a(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ba(e,s,i),i};const ya=5;let K=class extends o.LitElement{constructor(){super(...arguments),this.assets=[],this.folders=[],this.selectedIds=[],this.isLoading=!1,this.multiSelect=!0,this.totalCount=0,this.isSelectingAll=!1}get _allVisibleSelected(){if(this.assets.length===0||this.selectedIds.length===0)return!1;const t=new Set(this.selectedIds);return this.assets.every(e=>t.has(e.uuid))}_handleHeaderCheckboxClick(){this.isSelectingAll||(this._allVisibleSelected&&this.selectedIds.length>=this.totalCount?this.dispatchEvent(new CustomEvent("selection-clear",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("select-all",{bubbles:!0,composed:!0})))}render(){const t=this._allVisibleSelected&&this.selectedIds.length>=this.totalCount;return o.html`
+  `;xe([c.property({type:Array})],Z.prototype,"assets",2);xe([c.property({type:Array})],Z.prototype,"folders",2);xe([c.property({type:Object})],Z.prototype,"folderPreviews",2);xe([c.property({type:Array})],Z.prototype,"selectedIds",2);xe([c.property({type:Boolean})],Z.prototype,"isLoading",2);xe([c.property({type:Boolean})],Z.prototype,"multiSelect",2);Z=xe([c.customElement("ap-grid-view")],Z);var Fa=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,le=(t,e,s,a)=>{for(var i=a>1?void 0:a?Aa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Fa(e,s,i),i};const Ta=5;let K=class extends o.LitElement{constructor(){super(...arguments),this.assets=[],this.folders=[],this.selectedIds=[],this.isLoading=!1,this.multiSelect=!0,this.totalCount=0,this.isSelectingAll=!1}get _allVisibleSelected(){if(this.assets.length===0||this.selectedIds.length===0)return!1;const t=new Set(this.selectedIds);return this.assets.every(e=>t.has(e.uuid))}_handleHeaderCheckboxClick(){this.isSelectingAll||(this._allVisibleSelected&&this.selectedIds.length>=this.totalCount?this.dispatchEvent(new CustomEvent("selection-clear",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("select-all",{bubbles:!0,composed:!0})))}render(){const t=this._allVisibleSelected&&this.selectedIds.length>=this.totalCount;return o.html`
       <div class="list-header ${this.multiSelect?"has-checkbox":""}" role="row" aria-label="Column headers">
         ${this.multiSelect?o.html`<span class="header-checkbox" @click=${this._handleHeaderCheckboxClick}>
               <div class="header-check-box ${t?"checked":this.selectedIds.length>0?"indeterminate":""}">
-                <svg class="header-check-icon check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-                  <path d="M4.5 12.75l6 6 9-13.5"></path>
+                <svg class="header-check-icon check" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M20 6 9 17l-5-5"></path>
                 </svg>
-                <svg class="header-check-icon dash" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                <svg class="header-check-icon dash" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
                   <path d="M5 12h14"></path>
                 </svg>
               </div>
@@ -3959,7 +4032,7 @@
               @asset-preview=${a=>this.dispatchEvent(new CustomEvent("asset-preview",{detail:a.detail,bubbles:!0,composed:!0}))}
             ></ap-asset-row>
           `)}
-        ${this.isLoading?Array.from({length:ya},()=>o.html`<div class="ghost-row"></div>`):o.nothing}
+        ${this.isLoading?Array.from({length:Ta},()=>o.html`<div class="ghost-row"></div>`):o.nothing}
       </div>
     `}};K.styles=o.css`
     :host {
@@ -3968,15 +4041,13 @@
     }
     .list-header {
       display: grid;
-      grid-template-columns: 28px 48px 1fr 100px 200px 120px 60px;
+      grid-template-columns: 32px 48px 1fr 100px 200px 120px 60px;
       gap: 12px;
       padding: 8px 12px;
-      font-size: 0.75rem;
-      font-weight: 600;
-      color: var(--ap-muted-foreground, #71717a);
-      text-transform: uppercase;
-      letter-spacing: 0.05em;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      font-size: 14px;
+      font-weight: 400;
+      color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .list-header:not(.has-checkbox) {
       grid-template-columns: 48px 1fr 100px 200px 120px 60px;
@@ -3988,24 +4059,25 @@
       cursor: pointer;
     }
     .header-check-box {
-      width: 18px;
-      height: 18px;
-      border: 2px solid var(--ap-border, #e4e4e7);
+      box-sizing: border-box;
+      width: 22px;
+      height: 22px;
+      border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
       border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 150ms;
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
     }
     .header-check-box.checked,
     .header-check-box.indeterminate {
-      background: var(--ap-primary, #3b82f6);
-      border-color: var(--ap-primary, #3b82f6);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
     .header-check-icon {
       display: none;
-      color: var(--ap-primary-foreground, #fff);
+      color: var(--ap-primary-foreground, oklch(1 0 0));
     }
     .header-check-box.checked .header-check-icon.check {
       display: block;
@@ -4023,9 +4095,9 @@
       border-radius: 4px;
       background: linear-gradient(
         90deg,
-        var(--ap-muted, #f4f4f5) 25%,
+        var(--ap-muted, oklch(0.974 0.006 239.819)) 25%,
         #e8e8ea 50%,
-        var(--ap-muted, #f4f4f5) 75%
+        var(--ap-muted, oklch(0.974 0.006 239.819)) 75%
       );
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
@@ -4037,7 +4109,7 @@
     @media (prefers-reduced-motion: reduce) {
       .ghost-row { animation: none; }
     }
-  `;le([c.property({type:Array})],K.prototype,"assets",2);le([c.property({type:Array})],K.prototype,"folders",2);le([c.property({type:Array})],K.prototype,"selectedIds",2);le([c.property({type:Boolean})],K.prototype,"isLoading",2);le([c.property({type:Boolean})],K.prototype,"multiSelect",2);le([c.property({type:Number})],K.prototype,"totalCount",2);le([c.property({type:Boolean})],K.prototype,"isSelectingAll",2);K=le([c.customElement("ap-list-view")],K);function Be(t){var a;const e=t.info,s=(e==null?void 0:e.video_thumbnail)||(e==null?void 0:e.image_thumbnail)||(e==null?void 0:e.thumbnail)||(e==null?void 0:e.preview)||((a=t.url)==null?void 0:a.cdn)||"";return Te(s)}function Ot(t){const e=t.info,s=(e==null?void 0:e.video_thumbnail)||(e==null?void 0:e.image_thumbnail)||(e==null?void 0:e.thumbnail)||"";return s?Te(s):""}function ut(t){var s,a;let e=Te(((s=t.url)==null?void 0:s.cdn)||((a=t.url)==null?void 0:a.public)||"");return e?(e=e.replace(/([?&])func=proxy&?/,"$1").replace(/[?&]$/,""),Re(e,{w:"200",force_format:"webp,jpeg",doc_page:"1",bypass_process_proxy:"1"})):""}function Re(t,e){try{const s=new URL(t);for(const[a,i]of Object.entries(e))s.searchParams.set(a,i);return s.toString()}catch{return t}}const Qt=/^(https:\/\/)([a-z0-9_-]+)\.filerobot\.com\//i;function Te(t,e){if(!t)return"";if(t.includes("assets.filerobot.com"))return t;const s=t.match(Qt);if(s){const a=s[2];return t.replace(Qt,`$1assets.filerobot.com/${a}/`)}if(e)try{const a=new URL(t);return`https://assets.filerobot.com/${e}${a.pathname}${a.search}`}catch{}return t}function Lt(t){if(t===0)return"0 B";const e=["B","KB","MB","GB","TB"],s=1024,a=Math.floor(Math.log(t)/Math.log(s));return`${(t/Math.pow(s,a)).toFixed(a===0?0:1)} ${e[a]}`}function st(t){if(!t)return"—";const e=new Date(t);return isNaN(e.getTime())?"—":e.toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function xa(t,e){return!t||!e?"":`${t} x ${e}`}const $a=new Set(["jpg","jpeg","png","gif","webp","svg","bmp","ico","tiff","tif","avif","heic","heif"]),wa=new Set([...$a,"pdf","psd","eps","ai","ttf","otf","woff","woff2","eot"]);function me(t){if(!t)return"other";const e={image:"image",video:"video",audio:"audio",application:"document",font:"font",text:"document"};return e[t]?e[t]:t.startsWith("image/")?"image":t.startsWith("video/")?"video":t.startsWith("audio/")?"audio":t.startsWith("application/pdf")||t.startsWith("text/")||t.startsWith("application/msword")||t.startsWith("application/vnd.")?"document":t.startsWith("application/zip")||t.startsWith("application/x-rar")||t.startsWith("application/x-7z")||t.startsWith("application/gzip")?"archive":t.startsWith("font/")?"font":"other"}function Pt(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"";return wa.has(e)}const us="https://assets.filerobot.com/scaleflex/assets/file-types/v2/",Sa={png:"PNG",jpg:"JPG",jpeg:"JPG",gif:"GIF",bmp:"BMP",webp:"WEBP",svg:"SVG",tiff:"TIFF",tif:"TIFF",heic:"HEIC",avif:"AVIF",ico:"ICO",pdf:"PDF",doc:"DOC",docx:"DOCX",txt:"TXT",rtf:"RTF",xls:"XLS",xlsx:"XLSX",ppt:"PPT",pptx:"PPTX",csv:"CSV",odt:"ODT",ods:"ODS",odp:"ODP",mp4:"MP4",webm:"WEBM",mov:"MOV",avi:"AVI",mkv:"MKV",mpeg:"MPEG",mp3:"MP3",wav:"WAV",aac:"AAC",flac:"FLAC",ogg:"OGG",wma:"WMA",zip:"ZIP",rar:"RAR","7z":"7Z",tar:"TAR",gz:"GZ",ttf:"TTF",otf:"OTF",woff:"WOFF",woff2:"WOFF2",eot:"EOT",psd:"PSD",ai:"AI",dwg:"DWG",js:"JS",ts:"TS",css:"CSS",html:"HTML",json:"JSON",xml:"XML",php:"PHP",sh:"SH",exe:"EXE",iso:"ISO",bin:"BIN"};function Ke(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"",s=Sa[e];return`${us}${s||"DEFAULT"}.png`}function be(){return`${us}DEFAULT.png`}function kt(t){if(!t)return"";const e=t.split("/");return e.length>1?e[1]:e[0]}const Ca=new Set(["png","svg","webp","gif","avif"]);function ft(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"";return Ca.has(e)}var ka=Object.defineProperty,Ea=Object.getOwnPropertyDescriptor,Ge=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ea(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ka(e,s,i),i};let _e=class extends o.LitElement{constructor(){super(...arguments),this.index=0,this.selected=!1,this.multiSelect=!0}_handleSelect(t){if(t.stopPropagation(),t.composedPath().some(a=>a instanceof HTMLElement&&(a.classList.contains("check")||a.classList.contains("check-box")))){this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0,shiftKey:t.shiftKey})},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:t},bubbles:!0}))}_handlePreview(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-preview",{detail:{asset:this.asset},bubbles:!0}))}_formatDuration(t){const e=Math.floor(t/3600),s=Math.floor(t%3600/60),a=Math.floor(t%60),i=r=>String(r).padStart(2,"0");return e>0?`${e}:${i(s)}:${i(a)}`:`${s}:${i(a)}`}_handleQuickSelect(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-quick-select",{detail:{asset:this.asset},bubbles:!0}))}render(){var d,h,u,g;const t=this.asset;if(!t)return o.html``;const s=me(t.type)==="video",a=((d=t.extension)==null?void 0:d.toLowerCase())==="pdf",i=Pt(t.extension||"");let r="";s?r=Ot(t):a?r=ut(t):i&&(r=Be(t));const n=Ke(t.extension||""),l=ft(t.extension||"");return o.html`
+  `;le([c.property({type:Array})],K.prototype,"assets",2);le([c.property({type:Array})],K.prototype,"folders",2);le([c.property({type:Array})],K.prototype,"selectedIds",2);le([c.property({type:Boolean})],K.prototype,"isLoading",2);le([c.property({type:Boolean})],K.prototype,"multiSelect",2);le([c.property({type:Number})],K.prototype,"totalCount",2);le([c.property({type:Boolean})],K.prototype,"isSelectingAll",2);K=le([c.customElement("ap-list-view")],K);function tt(t){var a;const e=t.info,s=(e==null?void 0:e.video_thumbnail)||(e==null?void 0:e.image_thumbnail)||(e==null?void 0:e.thumbnail)||(e==null?void 0:e.preview)||((a=t.url)==null?void 0:a.cdn)||"";return Fe(s)}function us(t){const e=t.info,s=(e==null?void 0:e.video_thumbnail)||(e==null?void 0:e.image_thumbnail)||(e==null?void 0:e.thumbnail)||"";return s?Fe(s):""}function Ot(t){var s,a;let e=Fe(((s=t.url)==null?void 0:s.cdn)||((a=t.url)==null?void 0:a.public)||"");return e?(e=e.replace(/([?&])func=proxy&?/,"$1").replace(/[?&]$/,""),ze(e,{w:"200",force_format:"webp,jpeg",doc_page:"1",bypass_process_proxy:"1"})):""}function ze(t,e){try{const s=new URL(t);for(const[a,i]of Object.entries(e))s.searchParams.set(a,i);return s.toString()}catch{return t}}const Qt=/^(https:\/\/)([a-z0-9_-]+)\.filerobot\.com\//i;function Fe(t,e){if(!t)return"";if(t.includes("assets.filerobot.com"))return t;const s=t.match(Qt);if(s){const a=s[2];return t.replace(Qt,`$1assets.filerobot.com/${a}/`)}if(e)try{const a=new URL(t);return`https://assets.filerobot.com/${e}${a.pathname}${a.search}`}catch{}return t}function Mt(t){if(t===0)return"0 B";const e=["B","KB","MB","GB","TB"],s=1024,a=Math.floor(Math.log(t)/Math.log(s));return`${(t/Math.pow(s,a)).toFixed(a===0?0:1)} ${e[a]}`}function st(t){if(!t)return"—";const e=new Date(t);return isNaN(e.getTime())?"—":e.toLocaleDateString(void 0,{year:"numeric",month:"short",day:"numeric"})}function gs(t,e){return!t||!e?"":`${t} x ${e}`}const Oa=new Set(["jpg","jpeg","png","gif","webp","svg","bmp","ico","tiff","tif","avif","heic","heif"]),Ma=new Set([...Oa,"pdf","psd","eps","ai","ttf","otf","woff","woff2","eot"]);function Se(t){if(!t)return"other";const e={image:"image",video:"video",audio:"audio",application:"document",font:"font",text:"document"};return e[t]?e[t]:t.startsWith("image/")?"image":t.startsWith("video/")?"video":t.startsWith("audio/")?"audio":t.startsWith("application/pdf")||t.startsWith("text/")||t.startsWith("application/msword")||t.startsWith("application/vnd.")?"document":t.startsWith("application/zip")||t.startsWith("application/x-rar")||t.startsWith("application/x-7z")||t.startsWith("application/gzip")?"archive":t.startsWith("font/")?"font":"other"}function fs(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"";return Ma.has(e)}const ms="https://assets.filerobot.com/scaleflex/assets/file-types/v2/",Pa={png:"PNG",jpg:"JPG",jpeg:"JPG",gif:"GIF",bmp:"BMP",webp:"WEBP",svg:"SVG",tiff:"TIFF",tif:"TIFF",heic:"HEIC",avif:"AVIF",ico:"ICO",pdf:"PDF",doc:"DOC",docx:"DOCX",txt:"TXT",rtf:"RTF",xls:"XLS",xlsx:"XLSX",ppt:"PPT",pptx:"PPTX",csv:"CSV",odt:"ODT",ods:"ODS",odp:"ODP",mp4:"MP4",webm:"WEBM",mov:"MOV",avi:"AVI",mkv:"MKV",mpeg:"MPEG",mp3:"MP3",wav:"WAV",aac:"AAC",flac:"FLAC",ogg:"OGG",wma:"WMA",zip:"ZIP",rar:"RAR","7z":"7Z",tar:"TAR",gz:"GZ",ttf:"TTF",otf:"OTF",woff:"WOFF",woff2:"WOFF2",eot:"EOT",psd:"PSD",ai:"AI",dwg:"DWG",js:"JS",ts:"TS",css:"CSS",html:"HTML",json:"JSON",xml:"XML",php:"PHP",sh:"SH",exe:"EXE",iso:"ISO",bin:"BIN"};function ht(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"",s=Pa[e];return`${ms}${s||"DEFAULT"}.png`}function Ne(){return`${ms}DEFAULT.png`}function kt(t){if(!t)return"";const e=t.split("/");return e.length>1?e[1]:e[0]}const La=new Set(["png","svg","webp","gif","avif"]);function Pt(t){const e=(t==null?void 0:t.toLowerCase().replace(".",""))||"";return La.has(e)}var Ia=Object.defineProperty,Da=Object.getOwnPropertyDescriptor,He=(t,e,s,a)=>{for(var i=a>1?void 0:a?Da(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ia(e,s,i),i};let ve=class extends o.LitElement{constructor(){super(...arguments),this.index=0,this.selected=!1,this.multiSelect=!0}_handleSelect(t){if(t.stopPropagation(),t.composedPath().some(a=>a instanceof HTMLElement&&(a.classList.contains("check")||a.classList.contains("check-box")))){this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0,shiftKey:t.shiftKey})},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:t},bubbles:!0}))}_handlePreview(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-preview",{detail:{asset:this.asset},bubbles:!0}))}_formatDuration(t){const e=Math.floor(t/3600),s=Math.floor(t%3600/60),a=Math.floor(t%60),i=r=>String(r).padStart(2,"0");return e>0?`${e}:${i(s)}:${i(a)}`:`${s}:${i(a)}`}_handleQuickSelect(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-quick-select",{detail:{asset:this.asset},bubbles:!0}))}render(){var d,h,u,f;const t=this.asset;if(!t)return o.html``;const s=Se(t.type)==="video",a=((d=t.extension)==null?void 0:d.toLowerCase())==="pdf",i=fs(t.extension||"");let r="";s?r=us(t):a?r=Ot(t):i&&(r=tt(t));const n=ht(t.extension||""),l=Pt(t.extension||"");return o.html`
       <div class="card" @click=${this._handleSelect}>
         <div class="thumbnail ${l&&r?"chess":""}">
           ${r?o.html`<img
@@ -4045,12 +4117,12 @@
                 alt=${t.name}
                 loading="lazy"
                 class="thumb-img ${l?"transparent-asset":""}"
-                @error=${p=>{const f=p.target,v=be();f.src!==n&&f.src!==v?(f.src=n,f.classList.add("icon-fallback")):f.src!==v&&(f.src=v)}}
+                @error=${p=>{const g=p.target,v=Ne();g.src!==n&&g.src!==v?(g.src=n,g.classList.add("icon-fallback")):g.src!==v&&(g.src=v)}}
               />`:o.html`<img
                 src=${n}
                 alt=${t.name}
                 class="thumb-img icon-fallback"
-                @error=${p=>{const f=p.target,v=be();f.src!==v&&(f.src=v)}}
+                @error=${p=>{const g=p.target,v=Ne();g.src!==v&&(g.src=v)}}
               />`}
           ${s&&((h=t.info)!=null&&h.duration)?o.html`<span class="duration">${this._formatDuration(t.info.duration)}</span>`:o.nothing}
           <div class="overlay">
@@ -4066,8 +4138,8 @@
           ${this.multiSelect?o.html`
             <div class="check">
               <div class="check-box">
-                <svg class="check-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-                  <path d="M4.5 12.75l6 6 9-13.5"></path>
+                <svg class="check-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M20 6 9 17l-5-5"></path>
                 </svg>
               </div>
             </div>
@@ -4075,10 +4147,10 @@
         </div>
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
-          <div class="meta">${(u=t.extension)==null?void 0:u.toUpperCase()} · ${Lt(((g=t.size)==null?void 0:g.bytes)||0)}</div>
+          <div class="meta">${(u=t.extension)==null?void 0:u.toUpperCase()}${(()=>{var w,b,O,$;const p=((w=t.info)==null?void 0:w.img_w)||((b=t.info)==null?void 0:b.video_w),g=((O=t.info)==null?void 0:O.img_h)||(($=t.info)==null?void 0:$.video_h),v=gs(p,g);return v?` · ${v}`:""})()} · ${Mt(((f=t.size)==null?void 0:f.bytes)||0)}</div>
         </div>
       </div>
-    `}};_e.styles=o.css`
+    `}};ve.styles=o.css`
     :host {
       display: block;
       animation: ap-card-in 300ms ease-out both;
@@ -4090,29 +4162,29 @@
     }
     .card {
       position: relative;
-      border: 1px solid var(--ap-border, #e4e4e7);
+      border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       border-radius: var(--ap-radius, 8px);
       overflow: hidden;
       cursor: pointer;
       user-select: none;
       -webkit-user-drag: none;
       transition: box-shadow 150ms, border-color 150ms;
-      background: var(--ap-card, #fff);
+      background: var(--ap-card, oklch(1 0 0));
     }
     .card:focus-visible {
-      outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
+      outline: 2px solid var(--ap-ring, oklch(0.578 0.198 268.129 / 0.7));
       outline-offset: 2px;
     }
     .card:hover {
       box-shadow: 0 4px 12px rgb(0 0 0 / 0.08);
     }
     :host([selected]) .card {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
-      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      box-shadow: 0 0 0 2px var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
     .thumbnail {
       aspect-ratio: 6/4;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
       overflow: hidden;
       position: relative;
       display: flex;
@@ -4163,8 +4235,9 @@
       min-width: 120px;
       border: none;
       border-radius: var(--ap-radius, 8px);
-      background: rgba(255, 255, 255, 0.9);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-card, rgba(255, 255, 255, 0.9));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      border: 1px solid var(--ap-border, transparent);
       cursor: pointer;
       transition: transform 100ms;
       font-size: 0.875rem;
@@ -4175,8 +4248,8 @@
       transform: scale(1.05);
     }
     .overlay-btn.select-btn {
-      background: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary-foreground, #fff);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      color: var(--ap-primary-foreground, oklch(1 0 0));
     }
     .info {
       padding: 10px 12px;
@@ -4184,15 +4257,15 @@
     .name {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
     }
     .meta {
       font-size: 0.75rem;
-      color: var(--ap-muted-foreground, #71717a);
-      margin-top: 2px;
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
+      margin-top: 6px;
     }
     .check {
       position: absolute;
@@ -4202,23 +4275,23 @@
       cursor: pointer;
     }
     .check-box {
-      width: 18px;
-      height: 18px;
-      border: 2px solid var(--ap-border, #e4e4e7);
+      width: 22px;
+      height: 22px;
+      border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
       border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 150ms;
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
     }
     :host([selected]) .check-box {
-      background: var(--ap-primary, #3b82f6);
-      border-color: var(--ap-primary, #3b82f6);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
     .check-icon {
       display: none;
-      color: var(--ap-primary-foreground, #fff);
+      color: var(--ap-primary-foreground, oklch(1 0 0));
     }
     :host([selected]) .check-icon {
       display: block;
@@ -4233,7 +4306,7 @@
       justify-content: center;
       width: 100%;
       height: 100%;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .duration {
       position: absolute;
@@ -4253,13 +4326,13 @@
       :host { animation: none; }
       .overlay { transition: none; }
     }
-  `;Ge([c.property({type:Object})],_e.prototype,"asset",2);Ge([c.property({type:Number})],_e.prototype,"index",2);Ge([c.property({type:Boolean,reflect:!0})],_e.prototype,"selected",2);Ge([c.property({type:Boolean})],_e.prototype,"multiSelect",2);_e=Ge([c.customElement("ap-asset-card")],_e);var Fa=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,Ye=(t,e,s,a)=>{for(var i=a>1?void 0:a?Aa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Fa(e,s,i),i};let ye=class extends o.LitElement{constructor(){super(...arguments),this.index=0,this.selected=!1,this.multiSelect=!0}_handleSelect(t){if(t.composedPath().some(a=>a instanceof HTMLElement&&(a.classList.contains("check")||a.classList.contains("check-box")))){this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0,shiftKey:t.shiftKey})},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:t},bubbles:!0}))}_handlePreview(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-preview",{detail:{asset:this.asset},bubbles:!0}))}render(){var d,h,u;const t=this.asset;if(!t)return o.html``;const s=me(t.type)==="video",a=((d=t.extension)==null?void 0:d.toLowerCase())==="pdf",i=Pt(t.extension||"");let r="";s?r=Ot(t):a?r=ut(t):i&&(r=Be(t));const n=Ke(t.extension||""),l=ft(t.extension||"");return o.html`
+  `;He([c.property({type:Object})],ve.prototype,"asset",2);He([c.property({type:Number})],ve.prototype,"index",2);He([c.property({type:Boolean,reflect:!0})],ve.prototype,"selected",2);He([c.property({type:Boolean})],ve.prototype,"multiSelect",2);ve=He([c.customElement("ap-asset-card")],ve);var za=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,Ke=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ra(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&za(e,s,i),i};let be=class extends o.LitElement{constructor(){super(...arguments),this.index=0,this.selected=!1,this.multiSelect=!0}_handleSelect(t){if(t.composedPath().some(a=>a instanceof HTMLElement&&(a.classList.contains("check")||a.classList.contains("check-box")))){this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0,shiftKey:t.shiftKey})},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:this.index,event:t},bubbles:!0}))}_handlePreview(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("asset-preview",{detail:{asset:this.asset},bubbles:!0}))}render(){var d,h,u;const t=this.asset;if(!t)return o.html``;const s=Se(t.type)==="video",a=((d=t.extension)==null?void 0:d.toLowerCase())==="pdf",i=fs(t.extension||"");let r="";s?r=us(t):a?r=Ot(t):i&&(r=tt(t));const n=ht(t.extension||""),l=Pt(t.extension||"");return o.html`
       <div class="row" @click=${this._handleSelect}>
         ${this.multiSelect?o.html`
           <div class="check">
             <div class="check-box">
-              <svg class="check-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M4.5 12.75l6 6 9-13.5"></path>
+              <svg class="check-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M20 6 9 17l-5-5"></path>
               </svg>
             </div>
           </div>
@@ -4270,17 +4343,17 @@
                 alt=${t.name}
                 class="${l?"transparent-asset":""}"
                 loading="lazy"
-                @error=${g=>{const p=g.target,f=be();p.src!==n&&p.src!==f?(p.src=n,p.classList.add("icon-fallback")):p.src!==f&&(p.src=f)}}
+                @error=${f=>{const p=f.target,g=Ne();p.src!==n&&p.src!==g?(p.src=n,p.classList.add("icon-fallback")):p.src!==g&&(p.src=g)}}
               />`:o.html`<img
                 src=${n}
                 alt=${t.name}
                 class="icon-fallback"
-                @error=${g=>{const p=g.target,f=be();p.src!==f&&(p.src=f)}}
+                @error=${f=>{const p=f.target,g=Ne();p.src!==g&&(p.src=g)}}
               />`}
         </div>
         <div class="name" title=${t.name}>${t.name}</div>
         <div class="type">${(h=t.extension)==null?void 0:h.toUpperCase()}</div>
-        <div class="desc">${Lt(((u=t.size)==null?void 0:u.bytes)||0)}</div>
+        <div class="desc">${Mt(((u=t.size)==null?void 0:u.bytes)||0)}</div>
         <div class="date">${st(t.created_at||"")}</div>
         <div class="actions">
           <button class="icon-btn" @click=${this._handlePreview} aria-label="Preview">
@@ -4288,34 +4361,34 @@
           </button>
         </div>
       </div>
-    `}};ye.styles=o.css`
+    `}};be.styles=o.css`
     :host {
       display: block;
     }
     .row {
       display: grid;
-      grid-template-columns: 28px 48px 1fr 100px 200px 120px 60px;
+      grid-template-columns: 32px 48px 1fr 100px 200px 120px 60px;
       gap: 12px;
       padding: 8px 12px;
       align-items: center;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       cursor: pointer;
       user-select: none;
       -webkit-user-drag: none;
       transition: background 100ms;
     }
     .row:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     :host([selected]) .row {
-      background: var(--ap-selection-bg, oklch(0.65 0.19 258 / 0.08));
+      background: var(--ap-selection-bg, oklch(0.578 0.198 268.129 / 0.08));
     }
     .thumb {
       width: 40px;
       height: 40px;
       border-radius: 4px;
       overflow: hidden;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
       display: flex;
       align-items: center;
       justify-content: center;
@@ -4336,14 +4409,21 @@
     .name {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
     }
-    .type, .desc, .date {
+    .type {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .desc, .date {
+      font-size: 0.8125rem;
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -4366,12 +4446,12 @@
       border: none;
       border-radius: 4px;
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
     }
     .icon-btn:hover {
-      background: var(--ap-background, #fff);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-background, oklch(1 0 0));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .thumb.chess {
       background-image: conic-gradient(var(--ap-chess-a, #f0f0f0) 25%, var(--ap-chess-b, #fff) 25% 50%, var(--ap-chess-a, #f0f0f0) 50% 75%, var(--ap-chess-b, #fff) 75%);
@@ -4384,28 +4464,29 @@
       justify-content: center;
     }
     .check-box {
-      width: 18px;
-      height: 18px;
-      border: 2px solid var(--ap-border, #e4e4e7);
+      box-sizing: border-box;
+      width: 22px;
+      height: 22px;
+      border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
       border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: all 150ms;
-      background: var(--ap-background, #fff);
+      background: var(--ap-background, oklch(1 0 0));
     }
     :host([selected]) .check-box {
-      background: var(--ap-primary, #3b82f6);
-      border-color: var(--ap-primary, #3b82f6);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
+      border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
     .check-icon {
       display: none;
-      color: var(--ap-primary-foreground, #fff);
+      color: var(--ap-primary-foreground, oklch(1 0 0));
     }
     :host([selected]) .check-icon {
       display: block;
     }
-  `;Ye([c.property({type:Object})],ye.prototype,"asset",2);Ye([c.property({type:Number})],ye.prototype,"index",2);Ye([c.property({type:Boolean,reflect:!0})],ye.prototype,"selected",2);Ye([c.property({type:Boolean})],ye.prototype,"multiSelect",2);ye=Ye([c.customElement("ap-asset-row")],ye);var Ta=Object.defineProperty,Ma=Object.getOwnPropertyDescriptor,It=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ma(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ta(e,s,i),i};let Ve=class extends o.LitElement{constructor(){super(...arguments),this.previews=[]}_handleOpen(){this.dispatchEvent(new CustomEvent("folder-open",{detail:{folder:this.folder},bubbles:!0,composed:!0}))}_isAlternativeDisplay(t){const e=kt(t).toLowerCase();return["svg","svg+xml","png","pdf"].includes(e)}_getPreviewUrl(t){const e=t.file_uri_cdn;if(!e)return"";let s=Te(e);const a=me(t.file_type),i=String(window.devicePixelRatio||1);return a==="video"?Re(s,{w:"200",dpr:i,force_format:"webp,jpeg"}):t.file_type==="application/pdf"||kt(t.file_type).toLowerCase()==="pdf"?(s=s.replace(/([?&])func=proxy&?/,"$1").replace(/[?&]$/,""),Re(s,{w:"200",dpr:i,force_format:"webp,jpeg",doc_page:"1",bypass_process_proxy:"1"})):Re(s,{w:"200",dpr:i})}_renderPreviewImg(t){const e=this._isAlternativeDisplay(t.file_type),s=this._getPreviewUrl(t),a=Ke(kt(t.file_type)),i=be();return o.html`<div class="preview-slot ${e?"icon-bg":""}">
+  `;Ke([c.property({type:Object})],be.prototype,"asset",2);Ke([c.property({type:Number})],be.prototype,"index",2);Ke([c.property({type:Boolean,reflect:!0})],be.prototype,"selected",2);Ke([c.property({type:Boolean})],be.prototype,"multiSelect",2);be=Ke([c.customElement("ap-asset-row")],be);var ja=Object.defineProperty,Na=Object.getOwnPropertyDescriptor,Lt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Na(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ja(e,s,i),i};let Be=class extends o.LitElement{constructor(){super(...arguments),this.previews=[]}_handleOpen(){this.dispatchEvent(new CustomEvent("folder-open",{detail:{folder:this.folder},bubbles:!0,composed:!0}))}_isAlternativeDisplay(t){const e=kt(t).toLowerCase();return["svg","svg+xml","png","pdf"].includes(e)}_getPreviewUrl(t){const e=t.file_uri_cdn;if(!e)return"";let s=Fe(e);const a=Se(t.file_type),i=String(window.devicePixelRatio||1);return a==="video"?ze(s,{w:"200",dpr:i,force_format:"webp,jpeg"}):t.file_type==="application/pdf"||kt(t.file_type).toLowerCase()==="pdf"?(s=s.replace(/([?&])func=proxy&?/,"$1").replace(/[?&]$/,""),ze(s,{w:"200",dpr:i,force_format:"webp,jpeg",doc_page:"1",bypass_process_proxy:"1"})):ze(s,{w:"200",dpr:i})}_renderPreviewImg(t){const e=this._isAlternativeDisplay(t.file_type),s=this._getPreviewUrl(t),a=ht(kt(t.file_type)),i=Ne();return o.html`<div class="preview-slot ${e?"icon-bg":""}">
       <img
         class="preview-img ${e?"icon-mode":""}"
         src="${s||a}"
@@ -4449,7 +4530,7 @@
           </div>
         </div>
       </div>
-    `}};Ve.styles=[J,o.css`
+    `}};Be.styles=[J,o.css`
     :host {
       display: block;
     }
@@ -4531,10 +4612,10 @@
     .preview-slot {
       display: flex;
       position: relative;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .preview-slot.icon-bg {
-      background: var(--ap-card, #f3f7fa);
+      background: var(--ap-card, oklch(1 0 0));
     }
     .preview-img {
       position: absolute;
@@ -4554,7 +4635,7 @@
       justify-content: center;
       width: 100%;
       height: 100%;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .info {
       flex-shrink: 0;
@@ -4563,7 +4644,7 @@
     .name {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 400;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -4572,10 +4653,10 @@
       display: flex;
       justify-content: space-between;
       font-size: 0.75rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       margin-top: 2px;
     }
-  `];It([c.property({type:Object})],Ve.prototype,"folder",2);It([c.property({type:Array})],Ve.prototype,"previews",2);Ve=It([c.customElement("ap-folder-card")],Ve);var Oa=Object.defineProperty,La=Object.getOwnPropertyDescriptor,fs=(t,e,s,a)=>{for(var i=a>1?void 0:a?La(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Oa(e,s,i),i};let it=class extends o.LitElement{_handleOpen(){this.dispatchEvent(new CustomEvent("folder-open",{detail:{folder:this.folder},bubbles:!0,composed:!0}))}render(){var e,s;const t=this.folder;return t?o.html`
+  `];Lt([c.property({type:Object})],Be.prototype,"folder",2);Lt([c.property({type:Array})],Be.prototype,"previews",2);Be=Lt([c.customElement("ap-folder-card")],Be);var Ba=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,vs=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ua(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ba(e,s,i),i};let it=class extends o.LitElement{_handleOpen(){this.dispatchEvent(new CustomEvent("folder-open",{detail:{folder:this.folder},bubbles:!0,composed:!0}))}render(){var e,s;const t=this.folder;return t?o.html`
       <div class="row" @click=${this._handleOpen}>
         <div class="icon"><ap-icon name="folder" .size=${22}></ap-icon></div>
         <div class="name">${t.name}</div>
@@ -4594,15 +4675,15 @@
       gap: 12px;
       padding: 8px 12px;
       align-items: center;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       cursor: pointer;
       transition: background 100ms;
     }
     .row:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .icon {
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
       display: flex;
       align-items: center;
       justify-content: center;
@@ -4610,13 +4691,13 @@
     .name {
       font-size: var(--ap-font-size-sm, 0.875rem);
       font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .meta {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
-  `;fs([c.property({type:Object})],it.prototype,"folder",2);it=fs([c.customElement("ap-folder-row")],it);var Pa=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,gs=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ia(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Pa(e,s,i),i};let at=class extends o.LitElement{constructor(){super(...arguments),this.variant="grid"}render(){return this.variant==="grid"?o.html`
+  `;vs([c.property({type:Object})],it.prototype,"folder",2);it=vs([c.customElement("ap-folder-row")],it);var Va=Object.defineProperty,qa=Object.getOwnPropertyDescriptor,bs=(t,e,s,a)=>{for(var i=a>1?void 0:a?qa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Va(e,s,i),i};let at=class extends o.LitElement{constructor(){super(...arguments),this.variant="grid"}render(){return this.variant==="grid"?o.html`
         <div class="grid-skeleton">
           ${Array.from({length:18},()=>o.html`<div class="skeleton card-skel"></div>`)}
         </div>
@@ -4628,7 +4709,7 @@
       padding: 16px 20px;
     }
     .skeleton {
-      background: linear-gradient(90deg, var(--ap-muted, #f4f4f5) 25%, #e8e8ea 50%, var(--ap-muted, #f4f4f5) 75%);
+      background: linear-gradient(90deg, var(--ap-muted, oklch(0.974 0.006 239.819)) 25%, #e8e8ea 50%, var(--ap-muted, oklch(0.974 0.006 239.819)) 75%);
       background-size: 200% 100%;
       animation: shimmer 1.5s infinite;
       border-radius: var(--ap-radius, 8px);
@@ -4654,7 +4735,7 @@
     @media (prefers-reduced-motion: reduce) {
       .skeleton { animation: none; }
     }
-  `;gs([c.property()],at.prototype,"variant",2);at=gs([c.customElement("ap-skeleton")],at);function Da(t){var i,r;const e=(i=t.info)==null?void 0:i.playlists;if(!(e!=null&&e.length))return null;const s=(r=e[0])==null?void 0:r.playlists;return s!=null&&s.length&&s[0]||null}var za=Object.defineProperty,Ra=Object.getOwnPropertyDescriptor,P=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ra(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&za(e,s,i),i};let O=class extends o.LitElement{constructor(){super(...arguments),this.asset=null,this.assets=[],this.selectedIds=[],this.containerToken="",this.showMetadata=!0,this.metadataFields=[],this.labels=[],this.regionalFilters={},this.multiSelect=!0,this._isFullscreen=!1,this._fsImageLoaded=!1,this._previewLoading=!1,this._openSections=new Set(["file-info","metadata"]),this._hls=null}connectedCallback(){super.connectedCallback(),this._onFullscreenChange=this._onFullscreenChange.bind(this),this._onKeyDown=this._onKeyDown.bind(this),document.addEventListener("fullscreenchange",this._onFullscreenChange),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("fullscreenchange",this._onFullscreenChange),document.removeEventListener("keydown",this._onKeyDown),this._destroyHls()}_onKeyDown(t){if(t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;const e=t.composedPath()[0];if(!e)return;const s=e.tagName;s==="INPUT"||s==="TEXTAREA"||s==="SELECT"||e.getAttribute("role")==="radio"||e.getAttribute("role")==="listbox"||e.isContentEditable||(t.preventDefault(),t.key==="ArrowLeft"?this._prev():this._next())}_destroyHls(){this._hls&&(this._hls.destroy(),this._hls=null)}updated(t){if(super.updated(t),t.has("asset")&&(this._destroyHls(),this._previewLoading=!0,this.asset)){const e=me(this.asset.type);e==="video"&&this._setupHls(this.asset),e!=="image"&&e!=="video"&&(this._previewLoading=!1)}}async _setupHls(t){var a,i;const e=Da(t);if(!e||(await this.updateComplete,((a=this.asset)==null?void 0:a.uuid)!==t.uuid))return;const s=this._videoEl;if(s){if(s.canPlayType("application/vnd.apple.mpegurl")){s.src=e;return}try{const{default:r}=await Promise.resolve().then(()=>require("./hls.light-C3NKRmfw.cjs"));if(!r.isSupported()||((i=this.asset)==null?void 0:i.uuid)!==t.uuid||!this.isConnected)return;const n=new r;this._hls=n,n.loadSource(e),n.attachMedia(s),n.on(r.Events.ERROR,(l,d)=>{var h;d.fatal&&(this._destroyHls(),s.src=((h=t.url)==null?void 0:h.cdn)||"")})}catch{}}}_onFullscreenChange(){this._isFullscreen=!!document.fullscreenElement,this._isFullscreen&&(this._fsImageLoaded=!1)}_close(){this.dispatchEvent(new CustomEvent("preview-close",{bubbles:!0,composed:!0}))}_fullscreen(){var e,s,a,i,r,n;if(((s=(e=this.asset)==null?void 0:e.extension)==null?void 0:s.toLowerCase())==="pdf"&&((i=(a=this.asset)==null?void 0:a.url)!=null&&i.cdn)){window.open(this.asset.url.cdn,"_blank","noopener");return}this._fsImageLoaded=!1,(n=(r=this.previewArea)==null?void 0:r.requestFullscreen)==null||n.call(r)}_select(){if(!this.asset)return;if(!this.multiSelect){this.dispatchEvent(new CustomEvent("asset-quick-select",{detail:{asset:this.asset},bubbles:!0,composed:!0}));return}const t=this._getCurrentIndex();this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:t,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0})},bubbles:!0,composed:!0}))}_getCurrentIndex(){return!this.asset||this.assets.length===0?-1:this.assets.findIndex(t=>t.uuid===this.asset.uuid)}_navigateTo(t){this._fsImageLoaded=!1,this.dispatchEvent(new CustomEvent("preview-navigate",{detail:{asset:t},bubbles:!0,composed:!0}))}_supportsFullscreen(t){const e=me(t.type);return e==="image"||e==="video"||e==="audio"}_findNavTarget(t,e){const s=e===1?this.assets.length:-1;for(let a=t+e;a!==s;a+=e)if(!this._isFullscreen||this._supportsFullscreen(this.assets[a]))return a;return-1}_prev(){const t=this._getCurrentIndex();if(t<=0)return;const e=this._findNavTarget(t,-1);e>=0&&this._navigateTo(this.assets[e])}_next(){const t=this._getCurrentIndex();if(t<0||t>=this.assets.length-1)return;const e=this._findNavTarget(t,1);e>=0&&this._navigateTo(this.assets[e])}_getFullscreenImageUrl(t){var a,i;const e=(a=t.url)==null?void 0:a.cdn;if(!e)return Be(t)||"";if(((i=t.extension)==null?void 0:i.toLowerCase())==="svg")return e;const s=Te(e,this.containerToken);return Re(s,{w:String(window.screen.width),dpr:String(window.devicePixelRatio||1),org_if_sml:"1"})}_getBlurDimensions(t){var n,l;const e=(n=t.info)==null?void 0:n.img_w,s=(l=t.info)==null?void 0:l.img_h;if(!e||!s)return{width:"100vw",height:"100vh"};const a=window.innerWidth,i=window.innerHeight,r=Math.min(a/e,i/s,1);return{width:`${Math.round(e*r)}px`,height:`${Math.round(s*r)}px`}}_onFsImageLoad(){this._fsImageLoaded=!0}_getTagEntries(t){if(!t)return[];if(Array.isArray(t))return this._parseTagArray(t);const e=Object.values(t);if(e.length>0&&Array.isArray(e[0])){const s=e.flat(),a=new Set;return s.filter(i=>!i.label||a.has(i.sid)?!1:(a.add(i.sid),!0))}return e.map(s=>({label:s.label,sid:s.sid})).filter(s=>s.label)}_parseTagArray(t){return t.map(e=>{if(typeof e=="string")return{label:e,sid:e};const s=e;return{label:s.label||Object.values(s.names||{})[0]||"",sid:s.sid||""}}).filter(e=>e.label)}_applyTagFilter(t){this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:m.TAGS,values:[t],operator:b.IS},bubbles:!0,composed:!0}))}_applyLabelFilter(t){this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:m.LABELS,values:[t],operator:b.IS},bubbles:!0,composed:!0}))}_toggleSection(t){const e=new Set(this._openSections);e.has(t)?e.delete(t):e.add(t),this._openSections=e}_renderFileInfoSection(t){const e=this._getFileInfoRows(t);if(e.length===0)return o.nothing;const s=this._openSections.has("file-info");return o.html`
+  `;bs([c.property()],at.prototype,"variant",2);at=bs([c.customElement("ap-skeleton")],at);function Ha(t){var i,r;const e=(i=t.info)==null?void 0:i.playlists;if(!(e!=null&&e.length))return null;const s=(r=e[0])==null?void 0:r.playlists;return s!=null&&s.length&&s[0]||null}var Ka=Object.defineProperty,Ga=Object.getOwnPropertyDescriptor,I=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ga(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ka(e,s,i),i};let P=class extends o.LitElement{constructor(){super(...arguments),this.asset=null,this.assets=[],this.selectedIds=[],this.containerToken="",this.showMetadata=!0,this.metadataFields=[],this.labels=[],this.regionalFilters={},this.multiSelect=!0,this._isFullscreen=!1,this._fsImageLoaded=!1,this._previewLoading=!1,this._openSections=new Set(["file-info","metadata"]),this._hls=null}connectedCallback(){super.connectedCallback(),this._onFullscreenChange=this._onFullscreenChange.bind(this),this._onKeyDown=this._onKeyDown.bind(this),document.addEventListener("fullscreenchange",this._onFullscreenChange),document.addEventListener("keydown",this._onKeyDown)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("fullscreenchange",this._onFullscreenChange),document.removeEventListener("keydown",this._onKeyDown),this._destroyHls()}_onKeyDown(t){if(t.key!=="ArrowLeft"&&t.key!=="ArrowRight")return;const e=t.composedPath()[0];if(!e)return;const s=e.tagName;s==="INPUT"||s==="TEXTAREA"||s==="SELECT"||e.getAttribute("role")==="radio"||e.getAttribute("role")==="listbox"||e.isContentEditable||(t.preventDefault(),t.key==="ArrowLeft"?this._prev():this._next())}_destroyHls(){this._hls&&(this._hls.destroy(),this._hls=null)}updated(t){if(super.updated(t),t.has("asset")&&(this._destroyHls(),this._previewLoading=!0,this.asset)){const e=Se(this.asset.type);e==="video"&&this._setupHls(this.asset),e!=="image"&&e!=="video"&&(this._previewLoading=!1)}}async _setupHls(t){var a,i;const e=Ha(t);if(!e||(await this.updateComplete,((a=this.asset)==null?void 0:a.uuid)!==t.uuid))return;const s=this._videoEl;if(s){if(s.canPlayType("application/vnd.apple.mpegurl")){s.src=e;return}try{const{default:r}=await Promise.resolve().then(()=>require("./hls.light-C3NKRmfw.cjs"));if(!r.isSupported()||((i=this.asset)==null?void 0:i.uuid)!==t.uuid||!this.isConnected)return;const n=new r;this._hls=n,n.loadSource(e),n.attachMedia(s),n.on(r.Events.ERROR,(l,d)=>{var h;d.fatal&&(this._destroyHls(),s.src=((h=t.url)==null?void 0:h.cdn)||"")})}catch{}}}_onFullscreenChange(){this._isFullscreen=!!document.fullscreenElement,this._isFullscreen&&(this._fsImageLoaded=!1)}_close(){this.dispatchEvent(new CustomEvent("preview-close",{bubbles:!0,composed:!0}))}_exitFullscreen(){var t;(t=document.exitFullscreen)==null||t.call(document)}_fullscreen(){var e,s,a,i,r,n;if(((s=(e=this.asset)==null?void 0:e.extension)==null?void 0:s.toLowerCase())==="pdf"&&((i=(a=this.asset)==null?void 0:a.url)!=null&&i.cdn)){window.open(this.asset.url.cdn,"_blank","noopener");return}this._fsImageLoaded=!1,(n=(r=this.previewArea)==null?void 0:r.requestFullscreen)==null||n.call(r)}_select(){if(!this.asset)return;if(!this.multiSelect){this.dispatchEvent(new CustomEvent("asset-quick-select",{detail:{asset:this.asset},bubbles:!0,composed:!0}));return}const t=this._getCurrentIndex();this.dispatchEvent(new CustomEvent("asset-select",{detail:{asset:this.asset,index:t,event:new MouseEvent("click",{ctrlKey:!0,metaKey:!0})},bubbles:!0,composed:!0}))}_getCurrentIndex(){return!this.asset||this.assets.length===0?-1:this.assets.findIndex(t=>t.uuid===this.asset.uuid)}_navigateTo(t){this._fsImageLoaded=!1,this.dispatchEvent(new CustomEvent("preview-navigate",{detail:{asset:t},bubbles:!0,composed:!0}))}_supportsFullscreen(t){const e=Se(t.type);return e==="image"||e==="video"||e==="audio"}_findNavTarget(t,e){const s=e===1?this.assets.length:-1;for(let a=t+e;a!==s;a+=e)if(!this._isFullscreen||this._supportsFullscreen(this.assets[a]))return a;return-1}_prev(){const t=this._getCurrentIndex();if(t<=0)return;const e=this._findNavTarget(t,-1);e>=0&&this._navigateTo(this.assets[e])}_next(){const t=this._getCurrentIndex();if(t<0||t>=this.assets.length-1)return;const e=this._findNavTarget(t,1);e>=0&&this._navigateTo(this.assets[e])}_getFullscreenImageUrl(t){var a,i;const e=(a=t.url)==null?void 0:a.cdn;if(!e)return tt(t)||"";if(((i=t.extension)==null?void 0:i.toLowerCase())==="svg")return e;const s=Fe(e,this.containerToken);return ze(s,{w:String(window.screen.width),dpr:String(window.devicePixelRatio||1),org_if_sml:"1"})}_getBlurDimensions(t){var n,l;const e=(n=t.info)==null?void 0:n.img_w,s=(l=t.info)==null?void 0:l.img_h;if(!e||!s)return{width:"100vw",height:"100vh"};const a=window.innerWidth,i=window.innerHeight,r=Math.min(a/e,i/s,1);return{width:`${Math.round(e*r)}px`,height:`${Math.round(s*r)}px`}}_onFsImageLoad(){this._fsImageLoaded=!0}_getTagEntries(t){if(!t)return[];if(Array.isArray(t))return this._parseTagArray(t);const e=Object.values(t);if(e.length>0&&Array.isArray(e[0])){const s=e.flat(),a=new Set;return s.filter(i=>!i.label||a.has(i.sid)?!1:(a.add(i.sid),!0))}return e.map(s=>({label:s.label,sid:s.sid})).filter(s=>s.label)}_parseTagArray(t){return t.map(e=>{if(typeof e=="string")return{label:e,sid:e};const s=e;return{label:s.label||Object.values(s.names||{})[0]||"",sid:s.sid||""}}).filter(e=>e.label)}_applyTagFilter(t){this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:m.TAGS,values:[t],operator:_.IS},bubbles:!0,composed:!0}))}_applyLabelFilter(t){this.dispatchEvent(new CustomEvent("filter-update",{detail:{key:m.LABELS,values:[t],operator:_.IS},bubbles:!0,composed:!0}))}_toggleSection(t){const e=new Set(this._openSections);e.has(t)?e.delete(t):e.add(t),this._openSections=e}_renderFileInfoSection(t){const e=this._getFileInfoRows(t);if(e.length===0)return o.nothing;const s=this._openSections.has("file-info");return o.html`
       <div class="accordion">
         <button
           class="accordion-trigger"
@@ -4698,7 +4779,7 @@
           `)}
         </div>
       </div>
-    `}_getFileInfoRows(t){var s,a,i,r,n;const e=[];return e.push({label:"File name",value:t.name}),t.extension&&e.push({label:"Type",value:t.extension.toUpperCase()}),(s=t.size)!=null&&s.bytes&&e.push({label:"Size",value:Lt(t.size.bytes)}),(a=t.info)!=null&&a.img_w&&e.push({label:"Dimensions",value:xa(t.info.img_w,t.info.img_h)}),(i=t.info)!=null&&i.video_w&&e.push({label:"Video resolution",value:`${t.info.video_w} x ${t.info.video_h}`}),(r=t.info)!=null&&r.duration&&e.push({label:"Duration",value:`${Math.round(t.info.duration)}s`}),(n=t.info)!=null&&n.color_space&&e.push({label:"Color space",value:t.info.color_space}),t.created_at&&e.push({label:"Created",value:st(t.created_at)}),t.modified_at&&e.push({label:"Modified",value:st(t.modified_at)}),e}_buildFieldMap(){const t=new Map;for(const e of this.metadataFields)t.set(e.key,e),e.ckey&&t.set(e.ckey,e),e.slug&&t.set(e.slug,e);return t}_resolveSlug(t,e){var a;if(!((a=e.possible_values)!=null&&a.length)||!t.startsWith("@"))return t;const s=e.possible_values.find(i=>i.internal_unique_value===t||i.api_value===t);return(s==null?void 0:s.label)??t}_resolveFieldValue(t,e){var s;if(t==null||t==="")return"";if(e.regionalVariantsGroupUuid&&typeof t=="object"&&t!==null&&!Array.isArray(t)){const a=this.regionalFilters[e.regionalVariantsGroupUuid];if(a){const i=t[a];if(i!=null&&i!=="")return this._resolveFieldValue(i,{...e,regionalVariantsGroupUuid:void 0})}return""}if((s=e.possible_values)!=null&&s.length)return Array.isArray(t)?t.map(i=>this._resolveSlug(String(i),e)).filter(Boolean).join(", "):this._resolveSlug(String(t),e);if(Array.isArray(t))return t.join(", ");if(typeof t=="object"){const a=JSON.stringify(t);return a==="{}"||a==="[]"?"":a}return String(t)}_getAllMetadataRows(t){var r,n,l,d;const e=[],s=this._buildFieldMap(),a=new Set;if(this.metadataFields.length>0){const h=t;for(const u of this.metadataFields){const g=h[u.key]??((n=(r=t.info)==null?void 0:r.metadata)==null?void 0:n[u.key])??((l=t.meta)==null?void 0:l[u.key]),p=this._resolveFieldValue(g,u);if(!p)continue;a.add(u.key),u.slug&&a.add(u.slug);const f=p.length>50;e.push({label:u.label,value:p,wrap:f})}}if(t.meta)for(const[h,u]of Object.entries(t.meta)){if(a.has(h)||u==null||u==="")continue;const g=s.get(h);if(g){const p=this._resolveFieldValue(u,g);if(!p)continue;a.add(h);const f=p.length>50;e.push({label:g.label,value:p,wrap:f})}else{const p=typeof u=="object"?JSON.stringify(u):String(u);if(!p||p==="{}"||p==="[]")continue;a.add(h);const f=h.charAt(0).toUpperCase()+h.slice(1).replace(/_/g," "),v=p.length>50;e.push({label:f,value:p,wrap:v})}}const i=(d=t.info)==null?void 0:d.metadata;if(i&&typeof i=="object")for(const[h,u]of Object.entries(i)){if(a.has(h)||u==null||u==="")continue;const g=s.get(h);if(g){const p=this._resolveFieldValue(u,g);if(!p)continue;a.add(h);const f=p.length>50;e.push({label:g.label,value:p,wrap:f})}else{const p=typeof u=="object"?JSON.stringify(u):String(u);if(!p||p==="{}"||p==="[]")continue;a.add(h);const f=h.charAt(0).toUpperCase()+h.slice(1).replace(/_/g," "),v=p.length>50;e.push({label:f,value:p,wrap:v})}}return e}_getAssetLabels(t){return!t.labels||t.labels.length===0?[]:t.labels.map(e=>this.labels.find(s=>s.sid===e||s.uuid===e)).filter(e=>!!e)}_renderLabelsRow(t){const e=this._getAssetLabels(t);return e.length===0?o.nothing:o.html`
+    `}_getFileInfoRows(t){var s,a,i,r,n;const e=[];return e.push({label:"File name",value:t.name}),t.extension&&e.push({label:"Type",value:t.extension.toUpperCase()}),(s=t.size)!=null&&s.bytes&&e.push({label:"Size",value:Mt(t.size.bytes)}),(a=t.info)!=null&&a.img_w&&e.push({label:"Dimensions",value:gs(t.info.img_w,t.info.img_h)}),(i=t.info)!=null&&i.video_w&&e.push({label:"Video resolution",value:`${t.info.video_w} x ${t.info.video_h}`}),(r=t.info)!=null&&r.duration&&e.push({label:"Duration",value:`${Math.round(t.info.duration)}s`}),(n=t.info)!=null&&n.color_space&&e.push({label:"Color space",value:t.info.color_space}),t.created_at&&e.push({label:"Created",value:st(t.created_at)}),t.modified_at&&e.push({label:"Modified",value:st(t.modified_at)}),e}_buildFieldMap(){const t=new Map;for(const e of this.metadataFields)t.set(e.key,e),e.ckey&&t.set(e.ckey,e),e.slug&&t.set(e.slug,e);return t}_resolveSlug(t,e){var a;if(!((a=e.possible_values)!=null&&a.length)||!t.startsWith("@"))return t;const s=e.possible_values.find(i=>i.internal_unique_value===t||i.api_value===t);return(s==null?void 0:s.label)??t}_resolveFieldValue(t,e){var s;if(t==null||t==="")return"";if(e.regionalVariantsGroupUuid&&typeof t=="object"&&t!==null&&!Array.isArray(t)){const a=this.regionalFilters[e.regionalVariantsGroupUuid];if(a){const i=t[a];if(i!=null&&i!=="")return this._resolveFieldValue(i,{...e,regionalVariantsGroupUuid:void 0})}return""}if((s=e.possible_values)!=null&&s.length)return Array.isArray(t)?t.map(i=>this._resolveSlug(String(i),e)).filter(Boolean).join(", "):this._resolveSlug(String(t),e);if(Array.isArray(t))return t.join(", ");if(typeof t=="object"){const a=JSON.stringify(t);return a==="{}"||a==="[]"?"":a}return String(t)}_getAllMetadataRows(t){var r,n,l,d;const e=[],s=this._buildFieldMap(),a=new Set;if(this.metadataFields.length>0){const h=t;for(const u of this.metadataFields){const f=h[u.key]??((n=(r=t.info)==null?void 0:r.metadata)==null?void 0:n[u.key])??((l=t.meta)==null?void 0:l[u.key]),p=this._resolveFieldValue(f,u);if(!p)continue;a.add(u.key),u.slug&&a.add(u.slug);const g=p.length>50;e.push({label:u.label,value:p,wrap:g})}}if(t.meta)for(const[h,u]of Object.entries(t.meta)){if(a.has(h)||u==null||u==="")continue;const f=s.get(h);if(f){const p=this._resolveFieldValue(u,f);if(!p)continue;a.add(h);const g=p.length>50;e.push({label:f.label,value:p,wrap:g})}else{const p=typeof u=="object"?JSON.stringify(u):String(u);if(!p||p==="{}"||p==="[]")continue;a.add(h);const g=h.charAt(0).toUpperCase()+h.slice(1).replace(/_/g," "),v=p.length>50;e.push({label:g,value:p,wrap:v})}}const i=(d=t.info)==null?void 0:d.metadata;if(i&&typeof i=="object")for(const[h,u]of Object.entries(i)){if(a.has(h)||u==null||u==="")continue;const f=s.get(h);if(f){const p=this._resolveFieldValue(u,f);if(!p)continue;a.add(h);const g=p.length>50;e.push({label:f.label,value:p,wrap:g})}else{const p=typeof u=="object"?JSON.stringify(u):String(u);if(!p||p==="{}"||p==="[]")continue;a.add(h);const g=h.charAt(0).toUpperCase()+h.slice(1).replace(/_/g," "),v=p.length>50;e.push({label:g,value:p,wrap:v})}}return e}_getAssetLabels(t){return!t.labels||t.labels.length===0?[]:t.labels.map(e=>this.labels.find(s=>s.sid===e||s.uuid===e)).filter(e=>!!e)}_renderLabelsRow(t){const e=this._getAssetLabels(t);return e.length===0?o.nothing:o.html`
       <div class="meta-row" style="flex-direction:column;gap:6px">
         <span class="meta-label">Labels</span>
         <div class="tags-list">
@@ -4721,7 +4802,7 @@
           `)}
         </div>
       </div>
-    `}render(){var S,A,L,k,se,ce,Se,Xe;const t=this.asset;if(!t)return o.nothing;const e=me(t.type),s=e==="image",a=e==="video",i=e==="audio",r=((S=t.extension)==null?void 0:S.toLowerCase())==="pdf",n=Ke(t.extension||""),l=ft(t.extension||""),d=((A=t.extension)==null?void 0:A.toLowerCase())==="svg",h=Be(t),u=s?d?((L=t.url)==null?void 0:L.cdn)||"":h||Te(((k=t.url)==null?void 0:k.cdn)||"",this.containerToken):"",g=s?this._getFullscreenImageUrl(t):"",p=s&&!d?this._getBlurDimensions(t):null,f=a&&((se=t.url)==null?void 0:se.cdn)||"",v=a&&(((ce=t.info)==null?void 0:ce.video_thumbnail)||((Se=t.info)==null?void 0:Se.preview))||"",F=r&&!s?ut(t):"",_=this._getCurrentIndex(),I=_>0&&this._findNavTarget(_,-1)>=0,$=_>=0&&this._findNavTarget(_,1)>=0,w=this.assets.length>1;return o.html`
+    `}render(){var A,T,L,C,se,ce,$e,Ge;const t=this.asset;if(!t)return o.nothing;const e=Se(t.type),s=e==="image",a=e==="video",i=e==="audio",r=((A=t.extension)==null?void 0:A.toLowerCase())==="pdf",n=ht(t.extension||""),l=Pt(t.extension||""),d=((T=t.extension)==null?void 0:T.toLowerCase())==="svg",h=tt(t),u=s?d?((L=t.url)==null?void 0:L.cdn)||"":h||Fe(((C=t.url)==null?void 0:C.cdn)||"",this.containerToken):"",f=s?this._getFullscreenImageUrl(t):"",p=s&&!d?this._getBlurDimensions(t):null,g=a&&((se=t.url)==null?void 0:se.cdn)||"",v=a&&(((ce=t.info)==null?void 0:ce.video_thumbnail)||(($e=t.info)==null?void 0:$e.preview))||"",w=r&&!s?Ot(t):"",b=this._getCurrentIndex(),O=b>0&&this._findNavTarget(b,-1)>=0,$=b>=0&&this._findNavTarget(b,1)>=0,k=this.assets.length>1;return o.html`
       <div class="panel">
         <div class="panel-header">
           <span class="panel-title" title=${t.name}>${t.name}</span>
@@ -4739,14 +4820,19 @@
         </div>
 
         <div class="preview-area ${s&&l?"chess":""}">
-          ${w?o.html`
-            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!I} aria-label="Previous">
+          ${k?o.html`
+            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!O} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
             <button class="nav-btn next" @click=${this._next} ?disabled=${!$} aria-label="Next">
               <ap-icon name="chevron-right" .size=${16}></ap-icon>
             </button>
           `:o.nothing}
+          ${this._isFullscreen?o.html`
+            <button class="fs-close-btn" @click=${this._exitFullscreen} aria-label="Exit fullscreen">
+              <ap-icon name="close" .size=${16}></ap-icon>
+            </button>
+          `:o.nothing}
           ${this._previewLoading?o.html`<div class="preview-loading"><div class="spinner"></div></div>`:o.nothing}
           ${s?o.html`
             <img
@@ -4766,20 +4852,20 @@
               `}
               <img
                 class="fs-full ${d||this._fsImageLoaded?"loaded":""}"
-                src=${this._isFullscreen?g:""}
+                src=${this._isFullscreen?f:""}
                 alt=${t.name}
                 style=${d?"width:100vw;height:100vh":""}
                 @load=${this._onFsImageLoad}
               />
             </div>
           `:o.nothing}
-          ${a?o.html`<video src=${f} poster=${v||o.nothing} controls @loadeddata=${()=>{this._previewLoading=!1}} @error=${()=>{this._previewLoading=!1}}></video>`:o.nothing}
-          ${i?o.html`<audio src=${((Xe=t.url)==null?void 0:Xe.cdn)||""} controls></audio>`:o.nothing}
+          ${a?o.html`<video src=${g} poster=${v||o.nothing} controls @loadeddata=${()=>{this._previewLoading=!1}} @error=${()=>{this._previewLoading=!1}}></video>`:o.nothing}
+          ${i?o.html`<audio src=${((Ge=t.url)==null?void 0:Ge.cdn)||""} controls></audio>`:o.nothing}
           ${r&&!s?o.html`
             <img
-              src=${F||n}
+              src=${w||n}
               alt=${t.name}
-              class=${F?"":"icon-fallback"}
+              class=${w?"":"icon-fallback"}
               @error=${de=>{const pe=de.target;pe.src!==n&&(pe.src=n,pe.classList.add("icon-fallback"))}}
             />
           `:o.nothing}
@@ -4791,7 +4877,7 @@
           ${this._renderAccordion("metadata","Metadata",this._getAllMetadataRows(t))}
         `:o.nothing}
       </div>
-    `}};O.styles=o.css`
+    `}};P.styles=o.css`
     :host {
       display: block;
     }
@@ -4800,8 +4886,8 @@
       min-width: 420px;
       max-width: 100%;
       height: 100%;
-      background: var(--ap-background, #fff);
-      border-left: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-background, oklch(1 0 0));
+      border-left: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
       display: flex;
       flex-direction: column;
       animation: ap-panel-in 300ms ease-out;
@@ -4817,12 +4903,12 @@
       align-items: center;
       justify-content: space-between;
       padding: 16px;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .panel-title {
       font-size: var(--ap-font-size-base, 1rem);
       font-weight: 600;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -4841,23 +4927,23 @@
       border: none;
       border-radius: var(--ap-radius-sm, 6px);
       background: none;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       cursor: pointer;
     }
     .icon-btn:hover:not(:disabled) {
-      background: var(--ap-muted, #f4f4f5);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
     .icon-btn:disabled {
       opacity: 0.3;
       cursor: default;
     }
     .icon-btn.selected {
-      background: var(--ap-primary, #3b82f6);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
       color: #fff;
     }
     .icon-btn.selected:hover {
-      background: var(--ap-primary, #3b82f6);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
       color: #fff;
       opacity: 0.9;
     }
@@ -4867,7 +4953,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
       min-height: 300px;
       height: 300px;
       flex-shrink: 0;
@@ -4879,14 +4965,14 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
       z-index: 3;
     }
     .preview-loading .spinner {
       width: 24px;
       height: 24px;
-      border: 2.5px solid var(--ap-border, #e4e4e7);
-      border-top-color: var(--ap-primary, #3b82f6);
+      border: 2.5px solid var(--ap-border, oklch(92.86% 0.009 247.92));
+      border-top-color: var(--ap-primary, oklch(0.578 0.198 268.129));
       border-radius: 50%;
       animation: ap-spin 0.6s linear infinite;
     }
@@ -4978,6 +5064,25 @@
     .preview-area:fullscreen .nav-btn:hover:not(:disabled) {
       background: rgba(0,0,0,0.7);
     }
+    .fs-close-btn {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      width: 40px;
+      height: 40px;
+      border: none;
+      border-radius: 50%;
+      background: rgba(0,0,0,0.5);
+      color: #fff;
+      cursor: pointer;
+      z-index: 3;
+    }
+    .fs-close-btn:hover {
+      background: rgba(0,0,0,0.7);
+    }
     .nav-btn {
       position: absolute;
       top: 50%;
@@ -4989,14 +5094,14 @@
       height: 32px;
       border: none;
       border-radius: 50%;
-      background: var(--ap-background, #fff);
-      color: var(--ap-foreground, #09090b);
+      background: var(--ap-background, oklch(1 0 0));
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       cursor: pointer;
       box-shadow: 0 1px 3px rgba(0,0,0,0.2);
       z-index: 2;
     }
     .nav-btn:hover:not(:disabled) {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .nav-btn:disabled {
       opacity: 0.3;
@@ -5018,7 +5123,7 @@
     }
     /* Accordion styles */
     .accordion {
-      border-top: 1px solid var(--ap-border, #e4e4e7);
+      border-top: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .accordion-trigger {
       display: flex;
@@ -5032,15 +5137,15 @@
       font-family: inherit;
       font-size: 0.8125rem;
       font-weight: 600;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       text-align: left;
     }
     .accordion-trigger:hover {
-      background: var(--ap-muted, #f4f4f5);
+      background: var(--ap-muted, oklch(0.974 0.006 239.819));
     }
     .accordion-chevron {
       transition: transform 200ms;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
     .accordion-trigger[aria-expanded="true"] .accordion-chevron {
       transform: rotate(180deg);
@@ -5056,14 +5161,14 @@
       display: flex;
       gap: 12px;
       padding: 6px 0;
-      border-bottom: 1px solid var(--ap-border, #e4e4e7);
+      border-bottom: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
     }
     .meta-row:last-child {
       border-bottom: none;
     }
     .meta-label {
       font-size: 0.8125rem;
-      color: var(--ap-muted-foreground, #71717a);
+      color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       flex-shrink: 0;
       width: 100px;
       overflow: hidden;
@@ -5072,7 +5177,7 @@
     }
     .meta-value {
       font-size: 0.8125rem;
-      color: var(--ap-foreground, #09090b);
+      color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       min-width: 0;
       user-select: text;
       word-break: break-word;
@@ -5081,33 +5186,19 @@
       .panel { animation: none; }
       .accordion-chevron { transition: none; }
     }
-  `;P([c.property({type:Object})],O.prototype,"asset",2);P([c.property({type:Array})],O.prototype,"assets",2);P([c.property({type:Array})],O.prototype,"selectedIds",2);P([c.property()],O.prototype,"containerToken",2);P([c.property({type:Boolean})],O.prototype,"showMetadata",2);P([c.property({type:Array})],O.prototype,"metadataFields",2);P([c.property({type:Array})],O.prototype,"labels",2);P([c.property({type:Object})],O.prototype,"regionalFilters",2);P([c.property({type:Boolean})],O.prototype,"multiSelect",2);P([c.query(".preview-area")],O.prototype,"previewArea",2);P([c.query("video")],O.prototype,"_videoEl",2);P([c.state()],O.prototype,"_isFullscreen",2);P([c.state()],O.prototype,"_fsImageLoaded",2);P([c.state()],O.prototype,"_previewLoading",2);P([c.state()],O.prototype,"_openSections",2);O=P([c.customElement("ap-preview-panel")],O);var Na=Object.defineProperty,ja=Object.getOwnPropertyDescriptor,Pe=(t,e,s,a)=>{for(var i=a>1?void 0:a?ja(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Na(e,s,i),i};let oe=class extends o.LitElement{constructor(){super(...arguments),this.selectedAssets=[],this.totalCount=0,this.isSelectingAll=!1,this.multiSelect=!0}_confirm(){this.dispatchEvent(new CustomEvent("selection-confirm",{detail:{assets:this.selectedAssets},bubbles:!0,composed:!0}))}_clear(){this.dispatchEvent(new CustomEvent("selection-clear",{bubbles:!0,composed:!0}))}_selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!0,composed:!0}))}_deselect(t){this.dispatchEvent(new CustomEvent("selection-deselect",{detail:{uuid:t},bubbles:!0,composed:!0}))}render(){return this.selectedAssets.length===0?o.nothing:o.html`
+  `;I([c.property({type:Object})],P.prototype,"asset",2);I([c.property({type:Array})],P.prototype,"assets",2);I([c.property({type:Array})],P.prototype,"selectedIds",2);I([c.property()],P.prototype,"containerToken",2);I([c.property({type:Boolean})],P.prototype,"showMetadata",2);I([c.property({type:Array})],P.prototype,"metadataFields",2);I([c.property({type:Array})],P.prototype,"labels",2);I([c.property({type:Object})],P.prototype,"regionalFilters",2);I([c.property({type:Boolean})],P.prototype,"multiSelect",2);I([c.query(".preview-area")],P.prototype,"previewArea",2);I([c.query("video")],P.prototype,"_videoEl",2);I([c.state()],P.prototype,"_isFullscreen",2);I([c.state()],P.prototype,"_fsImageLoaded",2);I([c.state()],P.prototype,"_previewLoading",2);I([c.state()],P.prototype,"_openSections",2);P=I([c.customElement("ap-preview-panel")],P);var Ya=Object.defineProperty,Xa=Object.getOwnPropertyDescriptor,Pe=(t,e,s,a)=>{for(var i=a>1?void 0:a?Xa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ya(e,s,i),i};let oe=class extends o.LitElement{constructor(){super(...arguments),this.selectedAssets=[],this.totalCount=0,this.isSelectingAll=!1,this.multiSelect=!0}_confirm(){this.dispatchEvent(new CustomEvent("selection-confirm",{detail:{assets:this.selectedAssets},bubbles:!0,composed:!0}))}_clear(){this.dispatchEvent(new CustomEvent("selection-clear",{bubbles:!0,composed:!0}))}_selectAll(){this.dispatchEvent(new CustomEvent("select-all",{bubbles:!0,composed:!0}))}render(){return this.selectedAssets.length===0?o.nothing:o.html`
       <div class="bar">
-        <span class="count">${this.selectedAssets.length} asset${this.selectedAssets.length>1?"s":""} selected</span>
+        <span class="count">${this.selectedAssets.length} selected</span>
+        <span class="select-label">Select:</span>
         ${this.multiSelect&&this.selectedAssets.length<this.totalCount&&(!this.maxSelections||this.selectedAssets.length<this.maxSelections)?o.html`<button
-              class="select-all-link"
+              class="bar-link"
               ?disabled=${this.isSelectingAll}
               @click=${this._selectAll}
-            >${this.isSelectingAll?"Selecting...":this.maxSelections&&this.maxSelections<this.totalCount?`Select first ${this.maxSelections}`:`Select all ${this.totalCount.toLocaleString()}`}</button>`:o.nothing}
+            >${this.isSelectingAll?"Selecting...":this.maxSelections&&this.maxSelections<this.totalCount?`First ${this.maxSelections}`:"All assets"}</button>`:o.nothing}
+        <button class="bar-link" @click=${this._clear}>None</button>
         ${this.maxSelections&&this.selectedAssets.length>=this.maxSelections?o.html`<span class="limit-notice">Max ${this.maxSelections} allowed</span>`:o.nothing}
-        <div class="thumbnails">
-          ${this.selectedAssets.map(t=>{var d;const s=me(t.type)==="video",a=((d=t.extension)==null?void 0:d.toLowerCase())==="pdf",i=Pt(t.extension||"");let r="";s?r=Ot(t):a?r=ut(t):i&&(r=Be(t));const n=Ke(t.extension||""),l=ft(t.extension||"");return o.html`
-              <div class="thumb ${l&&r?"chess":""}" @click=${()=>this._deselect(t.uuid)} title="Click to deselect ${t.name}">
-                ${r?o.html`<img
-                      src=${r}
-                      alt=${t.name}
-                      @error=${h=>{const u=h.target,g=be();u.src!==n&&u.src!==g?(u.src=n,u.classList.add("icon")):u.src!==g&&(u.src=g,u.classList.add("icon"))}}
-                    />`:o.html`<img
-                      class="icon"
-                      src=${n}
-                      alt=${t.name}
-                      @error=${h=>{const u=h.target,g=be();u.src!==g&&(u.src=g)}}
-                    />`}
-              </div>
-            `})}
-        </div>
+        <div class="spacer"></div>
         <div class="actions">
-          <button class="btn btn-ghost" @click=${this._clear}>Clear</button>
           <button class="btn btn-primary" @click=${this._confirm}>Confirm</button>
         </div>
       </div>
@@ -5119,8 +5210,7 @@
       display: flex;
       align-items: center;
       padding: 12px 20px;
-      background: var(--ap-card, #fff);
-      border-top: 1px solid var(--ap-border, #e4e4e7);
+      background: var(--ap-primary, oklch(0.578 0.198 268.129));
       animation: ap-bar-in 250ms ease-out;
     }
     @keyframes ap-bar-in {
@@ -5129,78 +5219,44 @@
     }
     .count {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      font-weight: 500;
-      color: var(--ap-foreground, #09090b);
+      font-weight: 400;
+      color: var(--ap-primary-foreground, oklch(1 0 0));
+      white-space: nowrap;
+    }
+    .select-label {
+      font-size: var(--ap-font-size-sm, 0.875rem);
+      color: oklch(1 0 0 / 0.7);
+      margin-left: 24px;
       white-space: nowrap;
     }
-    .select-all-link {
+    .bar-link {
       font-size: var(--ap-font-size-sm, 0.875rem);
-      color: var(--ap-primary, oklch(0.65 0.19 258));
+      color: var(--ap-primary-foreground, oklch(1 0 0));
       background: none;
       border: none;
       cursor: pointer;
       padding: 0;
       margin-left: 8px;
-      font-weight: 500;
+      font-weight: 600;
       font-family: var(--ap-font-family, system-ui, sans-serif);
       white-space: nowrap;
     }
-    .select-all-link:hover {
+    .bar-link:hover {
       text-decoration: underline;
     }
-    .select-all-link:disabled {
+    .bar-link:disabled {
       opacity: 0.5;
       cursor: default;
       text-decoration: none;
     }
     .limit-notice {
       font-size: var(--ap-font-size-xs, 0.75rem);
-      color: var(--ap-muted-foreground, #71717a);
+      color: oklch(1 0 0 / 0.7);
       margin-left: 8px;
       white-space: nowrap;
     }
-    .thumbnails {
+    .spacer {
       flex: 1;
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      padding: 0 16px;
-      overflow-x: auto;
-      scrollbar-width: none;
-    }
-    .thumbnails::-webkit-scrollbar { display: none; }
-    .thumb {
-      width: 36px;
-      height: 36px;
-      border-radius: 4px;
-      overflow: hidden;
-      flex-shrink: 0;
-      cursor: pointer;
-      border: 2px solid transparent;
-      transition: border-color 100ms;
-      background: var(--ap-muted, #f4f4f5);
-    }
-    .thumb:hover {
-      border-color: var(--ap-primary, oklch(0.65 0.19 258));
-    }
-    .thumb.chess {
-      background-image: conic-gradient(var(--ap-chess-a, #f0f0f0) 25%, var(--ap-chess-b, #fff) 25% 50%, var(--ap-chess-a, #f0f0f0) 50% 75%, var(--ap-chess-b, #fff) 75%);
-      background-size: 10px 10px;
-    }
-    .thumb {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .thumb img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-    .thumb img.icon {
-      object-fit: contain;
-      width: 20px;
-      height: 20px;
     }
     .actions {
       display: flex;
@@ -5220,25 +5276,19 @@
       opacity: 0.9;
     }
     .btn-primary {
-      background: var(--ap-primary, oklch(0.65 0.19 258));
-      color: var(--ap-primary-foreground, #fff);
-    }
-    .btn-ghost {
-      background: none;
-      color: var(--ap-muted-foreground, #71717a);
-    }
-    .btn-ghost:hover {
-      color: var(--ap-foreground, #09090b);
+      background: transparent;
+      color: var(--ap-primary-foreground, oklch(1 0 0));
+      border: 1px solid var(--ap-primary-foreground, oklch(1 0 0));
     }
     @media (prefers-reduced-motion: reduce) {
       .bar { animation: none; }
     }
-  `;Pe([c.property({type:Array})],oe.prototype,"selectedAssets",2);Pe([c.property({type:Number})],oe.prototype,"totalCount",2);Pe([c.property({type:Boolean})],oe.prototype,"isSelectingAll",2);Pe([c.property({type:Boolean})],oe.prototype,"multiSelect",2);Pe([c.property({type:Number})],oe.prototype,"maxSelections",2);oe=Pe([c.customElement("ap-selection-bar")],oe);var Ba=Object.defineProperty,Va=Object.getOwnPropertyDescriptor,Dt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Va(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ba(e,s,i),i};let qe=class extends o.LitElement{constructor(){super(...arguments),this.active=!1,this.rect={x:0,y:0,width:0,height:0}}render(){return!this.active||this.rect.width<5||this.rect.height<5?o.nothing:o.html`
+  `;Pe([c.property({type:Array})],oe.prototype,"selectedAssets",2);Pe([c.property({type:Number})],oe.prototype,"totalCount",2);Pe([c.property({type:Boolean})],oe.prototype,"isSelectingAll",2);Pe([c.property({type:Boolean})],oe.prototype,"multiSelect",2);Pe([c.property({type:Number})],oe.prototype,"maxSelections",2);oe=Pe([c.customElement("ap-selection-bar")],oe);var Wa=Object.defineProperty,Qa=Object.getOwnPropertyDescriptor,It=(t,e,s,a)=>{for(var i=a>1?void 0:a?Qa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Wa(e,s,i),i};let Ue=class extends o.LitElement{constructor(){super(...arguments),this.active=!1,this.rect={x:0,y:0,width:0,height:0}}render(){return!this.active||this.rect.width<5||this.rect.height<5?o.nothing:o.html`
       <div
         class="marquee"
         style="left:${this.rect.x}px;top:${this.rect.y}px;width:${this.rect.width}px;height:${this.rect.height}px"
       ></div>
-    `}};qe.styles=o.css`
+    `}};Ue.styles=o.css`
     :host {
       display: block;
       position: absolute;
@@ -5251,11 +5301,11 @@
     }
     .marquee {
       position: absolute;
-      border: 2px solid var(--ap-primary, oklch(0.65 0.19 258));
-      background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
+      border: 2px solid var(--ap-primary, oklch(0.578 0.198 268.129));
+      background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
       border-radius: 2px;
     }
-  `;Dt([c.property({type:Boolean})],qe.prototype,"active",2);Dt([c.property({type:Object})],qe.prototype,"rect",2);qe=Dt([c.customElement("ap-marquee-overlay")],qe);var qa=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,zt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ua(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&qa(e,s,i),i};const Ha={search:[{tag:"circle",attrs:{cx:"11",cy:"11",r:"8"}},{tag:"path",attrs:{d:"m21 21-4.3-4.3"}}],check:"M20 6 9 17l-5-5",close:[{tag:"path",attrs:{d:"M18 6 6 18"}},{tag:"path",attrs:{d:"m6 6 12 12"}}],"chevron-left":"m15 18-6-6 6-6","chevron-right":"m9 18 6-6-6-6","chevron-down":"m6 9 6 6 6-6",download:[{tag:"path",attrs:{d:"M12 15V3"}},{tag:"path",attrs:{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}},{tag:"path",attrs:{d:"m7 10 5 5 5-5"}}],fullscreen:[{tag:"path",attrs:{d:"M8 3H5a2 2 0 0 0-2 2v3"}},{tag:"path",attrs:{d:"M21 8V5a2 2 0 0 0-2-2h-3"}},{tag:"path",attrs:{d:"M3 16v3a2 2 0 0 0 2 2h3"}},{tag:"path",attrs:{d:"M16 21h3a2 2 0 0 0 2-2v-3"}}],trash:[{tag:"path",attrs:{d:"M10 11v6"}},{tag:"path",attrs:{d:"M14 11v6"}},{tag:"path",attrs:{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"}},{tag:"path",attrs:{d:"M3 6h18"}},{tag:"path",attrs:{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"}}],more:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"1"}},{tag:"circle",attrs:{cx:"19",cy:"12",r:"1"}},{tag:"circle",attrs:{cx:"5",cy:"12",r:"1"}}],grid:[{tag:"rect",attrs:{x:"3",y:"3",width:"18",height:"18",rx:"2"}},{tag:"path",attrs:{d:"M12 3v18"}},{tag:"path",attrs:{d:"M3 12h18"}}],list:[{tag:"path",attrs:{d:"M3 5h.01"}},{tag:"path",attrs:{d:"M3 12h.01"}},{tag:"path",attrs:{d:"M3 19h.01"}},{tag:"path",attrs:{d:"M8 5h13"}},{tag:"path",attrs:{d:"M8 12h13"}},{tag:"path",attrs:{d:"M8 19h13"}}],preview:[{tag:"path",attrs:{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"}},{tag:"circle",attrs:{cx:"12",cy:"12",r:"3"}}],select:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"m9 12 2 2 4-4"}}],"gallery-vertical-end":[{tag:"path",attrs:{d:"M7 2h10"}},{tag:"path",attrs:{d:"M5 6h14"}},{tag:"rect",attrs:{width:"18",height:"12",x:"3",y:"10",rx:"2"}}],filter:[{tag:"path",attrs:{d:"M2 5h20"}},{tag:"path",attrs:{d:"M6 12h12"}},{tag:"path",attrs:{d:"M9 19h6"}}],sort:[{tag:"path",attrs:{d:"m21 16-4 4-4-4"}},{tag:"path",attrs:{d:"M17 20V4"}},{tag:"path",attrs:{d:"m3 8 4-4 4 4"}},{tag:"path",attrs:{d:"M7 4v16"}}],"sort-asc":[{tag:"path",attrs:{d:"m3 8 4-4 4 4"}},{tag:"path",attrs:{d:"M7 4v16"}},{tag:"path",attrs:{d:"M11 12h4"}},{tag:"path",attrs:{d:"M11 16h7"}},{tag:"path",attrs:{d:"M11 20h10"}}],"sort-desc":[{tag:"path",attrs:{d:"m3 16 4 4 4-4"}},{tag:"path",attrs:{d:"M7 20V4"}},{tag:"path",attrs:{d:"M11 4h4"}},{tag:"path",attrs:{d:"M11 8h7"}},{tag:"path",attrs:{d:"M11 12h10"}}],image:[{tag:"rect",attrs:{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}},{tag:"circle",attrs:{cx:"9",cy:"9",r:"2"}},{tag:"path",attrs:{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"}}],video:[{tag:"path",attrs:{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"}},{tag:"rect",attrs:{x:"2",y:"6",width:"14",height:"12",rx:"2"}}],audio:[{tag:"path",attrs:{d:"M9 18V5l12-2v13"}},{tag:"circle",attrs:{cx:"6",cy:"18",r:"3"}},{tag:"circle",attrs:{cx:"18",cy:"16",r:"3"}}],music:[{tag:"path",attrs:{d:"M9 18V5l12-2v13"}},{tag:"circle",attrs:{cx:"6",cy:"18",r:"3"}},{tag:"circle",attrs:{cx:"18",cy:"16",r:"3"}}],document:[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}},{tag:"path",attrs:{d:"M10 9H8"}},{tag:"path",attrs:{d:"M16 13H8"}},{tag:"path",attrs:{d:"M16 17H8"}}],"file-text":[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}},{tag:"path",attrs:{d:"M10 9H8"}},{tag:"path",attrs:{d:"M16 13H8"}},{tag:"path",attrs:{d:"M16 17H8"}}],file:[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}}],archive:[{tag:"rect",attrs:{width:"20",height:"5",x:"2",y:"3",rx:"1"}},{tag:"path",attrs:{d:"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"}},{tag:"path",attrs:{d:"M10 12h4"}}],font:[{tag:"path",attrs:{d:"M12 4v16"}},{tag:"path",attrs:{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"}},{tag:"path",attrs:{d:"M9 20h6"}}],text:[{tag:"path",attrs:{d:"M12 4v16"}},{tag:"path",attrs:{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"}},{tag:"path",attrs:{d:"M9 20h6"}}],clapperboard:[{tag:"path",attrs:{d:"m12.296 3.464 3.02 3.956"}},{tag:"path",attrs:{d:"M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z"}},{tag:"path",attrs:{d:"M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}},{tag:"path",attrs:{d:"m6.18 5.276 3.1 3.899"}}],folder:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z","folder-open":"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",tags:[{tag:"path",attrs:{d:"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z"}},{tag:"path",attrs:{d:"M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193"}},{tag:"circle",attrs:{cx:"10.5",cy:"6.5",r:".5",fill:"currentColor"}}],tag:[{tag:"path",attrs:{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}},{tag:"circle",attrs:{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor"}}],hash:[{tag:"path",attrs:{d:"M4 9h16"}},{tag:"path",attrs:{d:"M4 15h16"}},{tag:"path",attrs:{d:"M10 3 8 21"}},{tag:"path",attrs:{d:"M14 3 16 21"}}],"calendar-days":[{tag:"rect",attrs:{width:"18",height:"18",x:"3",y:"4",rx:"2"}},{tag:"path",attrs:{d:"M16 2v4"}},{tag:"path",attrs:{d:"M8 2v4"}},{tag:"path",attrs:{d:"M3 10h18"}},{tag:"path",attrs:{d:"M8 14h.01"}},{tag:"path",attrs:{d:"M12 14h.01"}},{tag:"path",attrs:{d:"M16 14h.01"}},{tag:"path",attrs:{d:"M8 18h.01"}},{tag:"path",attrs:{d:"M12 18h.01"}},{tag:"path",attrs:{d:"M16 18h.01"}}],"file-type":[{tag:"path",attrs:{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"}},{tag:"path",attrs:{d:"M14 2v4a2 2 0 0 0 2 2h4"}},{tag:"path",attrs:{d:"M2 13v-1h6v1"}},{tag:"path",attrs:{d:"M5 12v6"}},{tag:"path",attrs:{d:"M4 18h2"}}],scaling:[{tag:"path",attrs:{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}},{tag:"path",attrs:{d:"M14 15H9v-5"}},{tag:"path",attrs:{d:"M20 9V4h-5"}},{tag:"path",attrs:{d:"M20 4l-6 6"}}],history:[{tag:"path",attrs:{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}},{tag:"path",attrs:{d:"M3 3v5h5"}},{tag:"path",attrs:{d:"M12 7v5l4 2"}}],"swatch-book":[{tag:"path",attrs:{d:"M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z"}},{tag:"path",attrs:{d:"M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7"}},{tag:"path",attrs:{d:"M7 17h.01"}},{tag:"path",attrs:{d:"m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8"}}],"badge-check":[{tag:"path",attrs:{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"}},{tag:"path",attrs:{d:"m9 12 2 2 4-4"}}],box:[{tag:"path",attrs:{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}},{tag:"path",attrs:{d:"m3.3 7 8.7 5 8.7-5"}},{tag:"path",attrs:{d:"M12 22V12"}}],"layout-grid":[{tag:"rect",attrs:{width:"7",height:"7",x:"3",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"14",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"14",y:"14",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"3",y:"14",rx:"1"}}],"layout-template":[{tag:"rect",attrs:{width:"18",height:"7",x:"3",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"9",height:"7",x:"3",y:"14",rx:"1"}},{tag:"rect",attrs:{width:"5",height:"7",x:"16",y:"14",rx:"1"}}],pin:[{tag:"path",attrs:{d:"M12 17v5"}},{tag:"path",attrs:{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 2-2H6a2 2 0 0 0 2 2 1 1 0 0 1 1 1z"}}],"pin-off":[{tag:"path",attrs:{d:"M12 17v5"}},{tag:"path",attrs:{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 2-2H6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v2.34"}},{tag:"path",attrs:{d:"M2 2l20 20"}},{tag:"path",attrs:{d:"M9 12a2 2 0 0 1-1.11 1.79l-1.78.9"}},{tag:"path",attrs:{d:"M17 17H5"}}],lock:[{tag:"rect",attrs:{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}},{tag:"path",attrs:{d:"M7 11V7a5 5 0 0 1 10 0v4"}}],globe:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"}},{tag:"path",attrs:{d:"M2 12h20"}}],"circle-check-big":[{tag:"path",attrs:{d:"M21.801 10A10 10 0 1 1 17 3.335"}},{tag:"path",attrs:{d:"m9 11 3 3L22 4"}}],"x-circle":[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"m15 9-6 6"}},{tag:"path",attrs:{d:"m9 9 6 6"}}],ban:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"m4.9 4.9 14.2 14.2"}}],clock:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"M12 6v6l4 2"}}],component:[{tag:"path",attrs:{d:"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"}}]};let Ue=class extends o.LitElement{constructor(){super(...arguments),this.name="",this.size=20}render(){const t=Ha[this.name];if(!t)return o.nothing;const e=typeof t=="string"?o.svg`<path d=${t}></path>`:t.map(s=>{const{tag:a,attrs:i}=s;return a==="circle"?o.svg`<circle cx=${i.cx} cy=${i.cy} r=${i.r} fill=${i.fill??"none"}></circle>`:a==="rect"?o.svg`<rect width=${i.width} height=${i.height} x=${i.x} y=${i.y} rx=${i.rx??"0"} ry=${i.ry??"0"}></rect>`:o.svg`<path d=${i.d}></path>`});return o.html`
+  `;It([c.property({type:Boolean})],Ue.prototype,"active",2);It([c.property({type:Object})],Ue.prototype,"rect",2);Ue=It([c.customElement("ap-marquee-overlay")],Ue);var Za=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,Dt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ja(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Za(e,s,i),i};const er={search:[{tag:"circle",attrs:{cx:"11",cy:"11",r:"8"}},{tag:"path",attrs:{d:"m21 21-4.3-4.3"}}],check:"M20 6 9 17l-5-5",close:[{tag:"path",attrs:{d:"M18 6 6 18"}},{tag:"path",attrs:{d:"m6 6 12 12"}}],"chevron-left":"m15 18-6-6 6-6","chevron-right":"m9 18 6-6-6-6","chevron-down":"m6 9 6 6 6-6",download:[{tag:"path",attrs:{d:"M12 15V3"}},{tag:"path",attrs:{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}},{tag:"path",attrs:{d:"m7 10 5 5 5-5"}}],upload:[{tag:"path",attrs:{d:"M12 3v12"}},{tag:"path",attrs:{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}},{tag:"path",attrs:{d:"m17 8-5-5-5 5"}}],fullscreen:[{tag:"path",attrs:{d:"M8 3H5a2 2 0 0 0-2 2v3"}},{tag:"path",attrs:{d:"M21 8V5a2 2 0 0 0-2-2h-3"}},{tag:"path",attrs:{d:"M3 16v3a2 2 0 0 0 2 2h3"}},{tag:"path",attrs:{d:"M16 21h3a2 2 0 0 0 2-2v-3"}}],trash:[{tag:"path",attrs:{d:"M10 11v6"}},{tag:"path",attrs:{d:"M14 11v6"}},{tag:"path",attrs:{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"}},{tag:"path",attrs:{d:"M3 6h18"}},{tag:"path",attrs:{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"}}],more:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"1"}},{tag:"circle",attrs:{cx:"19",cy:"12",r:"1"}},{tag:"circle",attrs:{cx:"5",cy:"12",r:"1"}}],grid:[{tag:"rect",attrs:{x:"3",y:"3",width:"18",height:"18",rx:"2"}},{tag:"path",attrs:{d:"M12 3v18"}},{tag:"path",attrs:{d:"M3 12h18"}}],list:[{tag:"path",attrs:{d:"M3 5h.01"}},{tag:"path",attrs:{d:"M3 12h.01"}},{tag:"path",attrs:{d:"M3 19h.01"}},{tag:"path",attrs:{d:"M8 5h13"}},{tag:"path",attrs:{d:"M8 12h13"}},{tag:"path",attrs:{d:"M8 19h13"}}],preview:[{tag:"path",attrs:{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"}},{tag:"circle",attrs:{cx:"12",cy:"12",r:"3"}}],select:[{tag:"path",attrs:{d:"M5 12h14"}},{tag:"path",attrs:{d:"M12 5v14"}}],"gallery-vertical-end":[{tag:"path",attrs:{d:"M7 2h10"}},{tag:"path",attrs:{d:"M5 6h14"}},{tag:"rect",attrs:{width:"18",height:"12",x:"3",y:"10",rx:"2"}}],filter:[{tag:"path",attrs:{d:"M2 5h20"}},{tag:"path",attrs:{d:"M6 12h12"}},{tag:"path",attrs:{d:"M9 19h6"}}],sort:[{tag:"path",attrs:{d:"m21 16-4 4-4-4"}},{tag:"path",attrs:{d:"M17 20V4"}},{tag:"path",attrs:{d:"m3 8 4-4 4 4"}},{tag:"path",attrs:{d:"M7 4v16"}}],"sort-asc":[{tag:"path",attrs:{d:"m3 8 4-4 4 4"}},{tag:"path",attrs:{d:"M7 4v16"}},{tag:"path",attrs:{d:"M11 12h4"}},{tag:"path",attrs:{d:"M11 16h7"}},{tag:"path",attrs:{d:"M11 20h10"}}],"sort-desc":[{tag:"path",attrs:{d:"m3 16 4 4 4-4"}},{tag:"path",attrs:{d:"M7 20V4"}},{tag:"path",attrs:{d:"M11 4h4"}},{tag:"path",attrs:{d:"M11 8h7"}},{tag:"path",attrs:{d:"M11 12h10"}}],image:[{tag:"rect",attrs:{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}},{tag:"circle",attrs:{cx:"9",cy:"9",r:"2"}},{tag:"path",attrs:{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"}}],video:[{tag:"path",attrs:{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"}},{tag:"rect",attrs:{x:"2",y:"6",width:"14",height:"12",rx:"2"}}],audio:[{tag:"path",attrs:{d:"M9 18V5l12-2v13"}},{tag:"circle",attrs:{cx:"6",cy:"18",r:"3"}},{tag:"circle",attrs:{cx:"18",cy:"16",r:"3"}}],music:[{tag:"path",attrs:{d:"M9 18V5l12-2v13"}},{tag:"circle",attrs:{cx:"6",cy:"18",r:"3"}},{tag:"circle",attrs:{cx:"18",cy:"16",r:"3"}}],document:[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}},{tag:"path",attrs:{d:"M10 9H8"}},{tag:"path",attrs:{d:"M16 13H8"}},{tag:"path",attrs:{d:"M16 17H8"}}],"file-text":[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}},{tag:"path",attrs:{d:"M10 9H8"}},{tag:"path",attrs:{d:"M16 13H8"}},{tag:"path",attrs:{d:"M16 17H8"}}],file:[{tag:"path",attrs:{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}},{tag:"path",attrs:{d:"M14 2v5a1 1 0 0 0 1 1h5"}}],archive:[{tag:"rect",attrs:{width:"20",height:"5",x:"2",y:"3",rx:"1"}},{tag:"path",attrs:{d:"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"}},{tag:"path",attrs:{d:"M10 12h4"}}],font:[{tag:"path",attrs:{d:"M12 4v16"}},{tag:"path",attrs:{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"}},{tag:"path",attrs:{d:"M9 20h6"}}],text:[{tag:"path",attrs:{d:"M12 4v16"}},{tag:"path",attrs:{d:"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"}},{tag:"path",attrs:{d:"M9 20h6"}}],clapperboard:[{tag:"path",attrs:{d:"m12.296 3.464 3.02 3.956"}},{tag:"path",attrs:{d:"M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z"}},{tag:"path",attrs:{d:"M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"}},{tag:"path",attrs:{d:"m6.18 5.276 3.1 3.899"}}],folder:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z","folder-open":"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",tags:[{tag:"path",attrs:{d:"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1z"}},{tag:"path",attrs:{d:"M2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193"}},{tag:"circle",attrs:{cx:"10.5",cy:"6.5",r:".5",fill:"currentColor"}}],tag:[{tag:"path",attrs:{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}},{tag:"circle",attrs:{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor"}}],hash:[{tag:"path",attrs:{d:"M4 9h16"}},{tag:"path",attrs:{d:"M4 15h16"}},{tag:"path",attrs:{d:"M10 3 8 21"}},{tag:"path",attrs:{d:"M14 3 16 21"}}],calendar:[{tag:"path",attrs:{d:"M8 2v4"}},{tag:"path",attrs:{d:"M16 2v4"}},{tag:"rect",attrs:{width:"18",height:"18",x:"3",y:"4",rx:"2"}},{tag:"path",attrs:{d:"M3 10h18"}}],"file-type":[{tag:"path",attrs:{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"}},{tag:"path",attrs:{d:"M14 2v4a2 2 0 0 0 2 2h4"}},{tag:"path",attrs:{d:"M2 13v-1h6v1"}},{tag:"path",attrs:{d:"M5 12v6"}},{tag:"path",attrs:{d:"M4 18h2"}}],scaling:[{tag:"path",attrs:{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}},{tag:"path",attrs:{d:"M14 15H9v-5"}},{tag:"path",attrs:{d:"M20 9V4h-5"}},{tag:"path",attrs:{d:"M20 4l-6 6"}}],history:[{tag:"path",attrs:{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}},{tag:"path",attrs:{d:"M3 3v5h5"}},{tag:"path",attrs:{d:"M12 7v5l4 2"}}],"swatch-book":[{tag:"path",attrs:{d:"M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z"}},{tag:"path",attrs:{d:"M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7"}},{tag:"path",attrs:{d:"M7 17h.01"}},{tag:"path",attrs:{d:"m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8"}}],"badge-check":[{tag:"path",attrs:{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"}},{tag:"path",attrs:{d:"m9 12 2 2 4-4"}}],box:[{tag:"path",attrs:{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"}},{tag:"path",attrs:{d:"m3.3 7 8.7 5 8.7-5"}},{tag:"path",attrs:{d:"M12 22V12"}}],"layout-grid":[{tag:"rect",attrs:{width:"7",height:"7",x:"3",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"14",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"14",y:"14",rx:"1"}},{tag:"rect",attrs:{width:"7",height:"7",x:"3",y:"14",rx:"1"}}],"layout-template":[{tag:"rect",attrs:{width:"18",height:"7",x:"3",y:"3",rx:"1"}},{tag:"rect",attrs:{width:"9",height:"7",x:"3",y:"14",rx:"1"}},{tag:"rect",attrs:{width:"5",height:"7",x:"16",y:"14",rx:"1"}}],pin:[{tag:"path",attrs:{d:"M12 17v5"}},{tag:"path",attrs:{d:"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 2-2H6a2 2 0 0 0 2 2 1 1 0 0 1 1 1z"}}],"pin-off":[{tag:"path",attrs:{d:"M12 17v5"}},{tag:"path",attrs:{d:"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 2-2H6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v2.34"}},{tag:"path",attrs:{d:"M2 2l20 20"}},{tag:"path",attrs:{d:"M9 12a2 2 0 0 1-1.11 1.79l-1.78.9"}},{tag:"path",attrs:{d:"M17 17H5"}}],lock:[{tag:"rect",attrs:{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}},{tag:"path",attrs:{d:"M7 11V7a5 5 0 0 1 10 0v4"}}],globe:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"}},{tag:"path",attrs:{d:"M2 12h20"}}],"circle-check-big":[{tag:"path",attrs:{d:"M21.801 10A10 10 0 1 1 17 3.335"}},{tag:"path",attrs:{d:"m9 11 3 3L22 4"}}],"x-circle":[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"m15 9-6 6"}},{tag:"path",attrs:{d:"m9 9 6 6"}}],ban:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"m4.9 4.9 14.2 14.2"}}],clock:[{tag:"circle",attrs:{cx:"12",cy:"12",r:"10"}},{tag:"path",attrs:{d:"M12 6v6l4 2"}}],component:[{tag:"path",attrs:{d:"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"}},{tag:"path",attrs:{d:"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"}}]};let Ve=class extends o.LitElement{constructor(){super(...arguments),this.name="",this.size=20}render(){const t=er[this.name];if(!t)return o.nothing;const e=typeof t=="string"?o.svg`<path d=${t}></path>`:t.map(s=>{const{tag:a,attrs:i}=s;return a==="circle"?o.svg`<circle cx=${i.cx} cy=${i.cy} r=${i.r} fill=${i.fill??"none"}></circle>`:a==="rect"?o.svg`<rect width=${i.width} height=${i.height} x=${i.x} y=${i.y} rx=${i.rx??"0"} ry=${i.ry??"0"}></rect>`:o.svg`<path d=${i.d}></path>`});return o.html`
       <svg
         style="--icon-size: ${this.size}px"
         viewBox="0 0 24 24"
@@ -5267,7 +5317,7 @@
       >
         ${e}
       </svg>
-    `}};Ue.styles=[o.css`
+    `}};Ve.styles=[o.css`
       :host {
         display: inline-flex;
         align-items: center;
@@ -5277,64 +5327,64 @@
         width: var(--icon-size, 20px);
         height: var(--icon-size, 20px);
       }
-    `];zt([c.property()],Ue.prototype,"name",2);zt([c.property({type:Number})],Ue.prototype,"size",2);Ue=zt([c.customElement("ap-icon")],Ue);var Ka=Object.defineProperty,Ga=Object.getOwnPropertyDescriptor,ms=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ga(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ka(e,s,i),i};let rt=class extends o.LitElement{constructor(){super(...arguments),this.size=24}render(){return o.html`<div class="spinner" style="width:${this.size}px;height:${this.size}px"></div>`}};rt.styles=[o.css`
+    `];Dt([c.property()],Ve.prototype,"name",2);Dt([c.property({type:Number})],Ve.prototype,"size",2);Ve=Dt([c.customElement("ap-icon")],Ve);var tr=Object.defineProperty,sr=Object.getOwnPropertyDescriptor,_s=(t,e,s,a)=>{for(var i=a>1?void 0:a?sr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&tr(e,s,i),i};let rt=class extends o.LitElement{constructor(){super(...arguments),this.size=24}render(){return o.html`<div class="spinner" style="width:${this.size}px;height:${this.size}px"></div>`}};rt.styles=[o.css`
       :host {
         display: inline-flex;
       }
       .spinner {
-        border: 2px solid var(--ap-border, #e4e4e7);
-        border-top-color: var(--ap-primary, #3b82f6);
+        border: 2px solid var(--ap-border, oklch(92.86% 0.009 247.92));
+        border-top-color: var(--ap-primary, oklch(0.578 0.198 268.129));
         border-radius: 50%;
         animation: spin 0.6s linear infinite;
       }
       @keyframes spin {
         to { transform: rotate(360deg); }
       }
-    `];ms([c.property({type:Number})],rt.prototype,"size",2);rt=ms([c.customElement("ap-spinner")],rt);var Ya=Object.defineProperty,Xa=Object.getOwnPropertyDescriptor,gt=(t,e,s,a)=>{for(var i=a>1?void 0:a?Xa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Ya(e,s,i),i};let Me=class extends o.LitElement{constructor(){super(...arguments),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this._handleHostClick=()=>{this.dispatchEvent(new CustomEvent("ap-toggle",{detail:{checked:!this.checked},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}render(){return o.html`
+    `];_s([c.property({type:Number})],rt.prototype,"size",2);rt=_s([c.customElement("ap-spinner")],rt);var ir=Object.defineProperty,ar=Object.getOwnPropertyDescriptor,ut=(t,e,s,a)=>{for(var i=a>1?void 0:a?ar(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ir(e,s,i),i};let Ae=class extends o.LitElement{constructor(){super(...arguments),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this._hasLabel=!1,this._handleHostClick=()=>{this.dispatchEvent(new CustomEvent("ap-toggle",{detail:{checked:!this.checked},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._handleHostClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._handleHostClick)}_onSlotChange(t){const e=t.target;this._hasLabel=e.assignedNodes({flatten:!0}).length>0,this.requestUpdate()}render(){return o.html`
       <div class="box">
         <svg class="check" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-          <path d="M4.5 12.75l6 6 9-13.5"></path>
+          <path d="M20 6 9 17l-5-5"></path>
         </svg>
         <svg class="dash" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
           <path d="M5 12h14"></path>
         </svg>
       </div>
-      <span class="label"><slot></slot></span>
-    `}};Me.styles=[o.css`
+      <span class="label" ?hidden=${!this._hasLabel}><slot @slotchange=${this._onSlotChange}></slot></span>
+    `}};Ae.styles=[o.css`
       :host {
         display: inline-flex;
         align-items: center;
         cursor: pointer;
       }
       .box {
-        width: 18px;
-        height: 18px;
-        border: 2px solid var(--ap-border, #e4e4e7);
+        width: 16px;
+        height: 16px;
+        border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
         border-radius: 4px;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: all 150ms;
-        background: var(--ap-background, #fff);
+        background: var(--ap-background, oklch(1 0 0));
       }
       :host([checked]) .box {
-        background: var(--ap-primary, #3b82f6);
-        border-color: var(--ap-primary, #3b82f6);
+        background: var(--ap-primary, oklch(0.578 0.198 268.129));
+        border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
       }
       .check {
         display: none;
-        color: var(--ap-primary-foreground, #fff);
+        color: var(--ap-primary-foreground, oklch(1 0 0));
       }
       :host([checked]) .check {
         display: block;
       }
       :host([indeterminate]) .box {
-        background: var(--ap-primary, #3b82f6);
-        border-color: var(--ap-primary, #3b82f6);
+        background: var(--ap-primary, oklch(0.578 0.198 268.129));
+        border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
       }
       .dash {
         display: none;
-        color: var(--ap-primary-foreground, #fff);
+        color: var(--ap-primary-foreground, oklch(1 0 0));
       }
       :host([indeterminate]:not([checked])) .dash {
         display: block;
@@ -5349,9 +5399,9 @@
       .label {
         margin-left: 8px;
         font-size: var(--ap-font-size-sm, 0.875rem);
-        color: var(--ap-foreground, #09090b);
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       }
-    `];gt([c.property({type:Boolean,reflect:!0})],Me.prototype,"checked",2);gt([c.property({type:Boolean,reflect:!0})],Me.prototype,"indeterminate",2);gt([c.property({type:Boolean,reflect:!0})],Me.prototype,"disabled",2);Me=gt([c.customElement("ap-checkbox")],Me);var Wa=Object.defineProperty,Qa=Object.getOwnPropertyDescriptor,vs=(t,e,s,a)=>{for(var i=a>1?void 0:a?Qa(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Wa(e,s,i),i};let ot=class extends o.LitElement{constructor(){super(...arguments),this.open=!1,this._handleOutsideClick=t=>{this.open&&!t.composedPath().includes(this)&&(this.open=!1)}}render(){return o.html`
+    `];ut([c.property({type:Boolean,reflect:!0})],Ae.prototype,"checked",2);ut([c.property({type:Boolean,reflect:!0})],Ae.prototype,"indeterminate",2);ut([c.property({type:Boolean,reflect:!0})],Ae.prototype,"disabled",2);Ae=ut([c.customElement("ap-checkbox")],Ae);var rr=Object.defineProperty,or=Object.getOwnPropertyDescriptor,ys=(t,e,s,a)=>{for(var i=a>1?void 0:a?or(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&rr(e,s,i),i};let ot=class extends o.LitElement{constructor(){super(...arguments),this.open=!1,this._handleOutsideClick=t=>{this.open&&!t.composedPath().includes(this)&&(this.open=!1)}}render(){return o.html`
       <slot name="trigger" @click=${()=>this.open=!this.open}></slot>
       <div class="content ${this.open?"open":""}">
         <slot></slot>
@@ -5368,8 +5418,8 @@
         left: 0;
         z-index: 50;
         min-width: 200px;
-        background: var(--ap-card, #fff);
-        border: 1px solid var(--ap-border, #e4e4e7);
+        background: var(--ap-card, oklch(1 0 0));
+        border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
         border-radius: var(--ap-radius, 8px);
         box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
         padding: 8px;
@@ -5377,7 +5427,7 @@
       .content.open {
         display: block;
       }
-    `];vs([c.state()],ot.prototype,"open",2);ot=vs([c.customElement("ap-popover")],ot);var Za=Object.defineProperty,Ja=Object.getOwnPropertyDescriptor,j=(t,e,s,a)=>{for(var i=a>1?void 0:a?Ja(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&Za(e,s,i),i};let z=class extends o.LitElement{constructor(){super(...arguments),this.value="",this.label="",this.variant="default",this.options=[],this._open=!1,this._focusedIndex=-1,this._menuPosition="below",this._menuAlign="align-left",this._menuTop=0,this._menuBottom=0,this._menuLeft=0,this._menuRight=0,this._handleOutsideClick=t=>{t.composedPath().includes(this)||(this._open=!1,document.removeEventListener("click",this._handleOutsideClick))}}close(){this._open=!1}render(){const t=this.options.find(s=>s.value===this.value),e="ap-dropdown-menu";return o.html`
+    `];ys([c.state()],ot.prototype,"open",2);ot=ys([c.customElement("ap-popover")],ot);var nr=Object.defineProperty,lr=Object.getOwnPropertyDescriptor,N=(t,e,s,a)=>{for(var i=a>1?void 0:a?lr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&nr(e,s,i),i};let z=class extends o.LitElement{constructor(){super(...arguments),this.value="",this.label="",this.variant="default",this.options=[],this._open=!1,this._focusedIndex=-1,this._menuPosition="below",this._menuAlign="align-left",this._menuTop=0,this._menuBottom=0,this._menuLeft=0,this._menuRight=0,this._handleOutsideClick=t=>{t.composedPath().includes(this)||(this._open=!1,document.removeEventListener("click",this._handleOutsideClick))}}close(){this._open=!1}render(){const t=this.options.find(s=>s.value===this.value),e="ap-dropdown-menu";return o.html`
       <button
         class="trigger"
         role="combobox"
@@ -5388,7 +5438,7 @@
         @keydown=${this._handleTriggerKeydown}
       >
         ${t!=null&&t.icon?o.html`<ap-icon name=${t.icon} .size=${16}></ap-icon>`:o.nothing}
-        ${this.label}${t?`${this.label?": ":""}${t.label}`:""}
+        ${this.label?o.html`<span class="label">${this.label}${t?": ":""}</span>`:o.nothing}${t?t.label:""}
         <ap-icon name="chevron-down" .size=${14}></ap-icon>
       </button>
       ${this._open?o.html`
@@ -5424,34 +5474,34 @@
       .trigger {
         display: flex;
         align-items: center;
-        gap: 4px;
+        gap: 8px;
         height: 36px;
         padding: 0 12px;
-        border: 1px solid var(--ap-border, #e4e4e7);
+        border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
         border-radius: var(--ap-radius-sm, 6px);
-        background: var(--ap-background, #fff);
-        color: var(--ap-foreground, #09090b);
+        background: var(--ap-background, oklch(1 0 0));
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
         font-family: inherit;
         font-size: var(--ap-font-size-sm, 0.875rem);
         cursor: pointer;
         white-space: nowrap;
       }
       .trigger:hover {
-        background: var(--ap-muted, #f4f4f5);
+        background: var(--ap-muted, oklch(0.974 0.006 239.819));
       }
       :host([variant="borderless"]) .trigger {
         border-color: transparent;
         background: none;
       }
       :host([variant="borderless"]) .trigger:hover {
-        background: var(--ap-muted, #f4f4f5);
+        background: var(--ap-muted, oklch(0.974 0.006 239.819));
       }
       .menu {
         position: fixed;
         z-index: 50;
         min-width: 160px;
-        background: var(--ap-card, #fff);
-        border: 1px solid var(--ap-border, #e4e4e7);
+        background: var(--ap-card, oklch(1 0 0));
+        border: 1px solid var(--ap-border, oklch(92.86% 0.009 247.92));
         border-radius: var(--ap-radius, 8px);
         box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
         padding: 4px;
@@ -5463,12 +5513,12 @@
       .option {
         display: flex;
         align-items: center;
-        gap: 6px;
+        gap: 8px;
         width: 100%;
         padding: 6px 12px;
         border: none;
         background: none;
-        color: var(--ap-foreground, #09090b);
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
         font-family: inherit;
         font-size: var(--ap-font-size-sm, 0.875rem);
         text-align: left;
@@ -5476,13 +5526,25 @@
         border-radius: 4px;
       }
       .option:hover, .option.focused {
-        background: var(--ap-muted, #f4f4f5);
+        background: var(--ap-muted, oklch(0.974 0.006 239.819));
       }
       .option[aria-selected="true"] {
-        background: var(--ap-selection-bg, oklch(0.65 0.19 258 / 0.08));
-        color: var(--ap-primary, oklch(0.65 0.19 258));
+        background: var(--ap-selection-bg, oklch(0.578 0.198 268.129 / 0.08));
+        color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      }
+      .trigger .label {
+        color: var(--ap-secondary-foreground, oklch(53.03% 0.039 249.89));
       }
-    `];j([c.property()],z.prototype,"value",2);j([c.property()],z.prototype,"label",2);j([c.property({reflect:!0})],z.prototype,"variant",2);j([c.property({type:Array})],z.prototype,"options",2);j([c.state()],z.prototype,"_open",2);j([c.state()],z.prototype,"_focusedIndex",2);j([c.state()],z.prototype,"_menuPosition",2);j([c.state()],z.prototype,"_menuAlign",2);j([c.state()],z.prototype,"_menuTop",2);j([c.state()],z.prototype,"_menuBottom",2);j([c.state()],z.prototype,"_menuLeft",2);j([c.state()],z.prototype,"_menuRight",2);z=j([c.customElement("ap-dropdown")],z);var er=Object.defineProperty,tr=Object.getOwnPropertyDescriptor,bs=(t,e,s,a)=>{for(var i=a>1?void 0:a?tr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&er(e,s,i),i};let nt=class extends o.LitElement{constructor(){super(...arguments),this.variant="default"}render(){return o.html`<span class="badge"><slot></slot></span>`}};nt.styles=[o.css`
+      .trigger ap-icon {
+        color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
+      }
+      .option ap-icon {
+        color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
+      }
+      .option[aria-selected="true"] ap-icon {
+        color: var(--ap-primary, oklch(0.578 0.198 268.129));
+      }
+    `];N([c.property()],z.prototype,"value",2);N([c.property()],z.prototype,"label",2);N([c.property({reflect:!0})],z.prototype,"variant",2);N([c.property({type:Array})],z.prototype,"options",2);N([c.state()],z.prototype,"_open",2);N([c.state()],z.prototype,"_focusedIndex",2);N([c.state()],z.prototype,"_menuPosition",2);N([c.state()],z.prototype,"_menuAlign",2);N([c.state()],z.prototype,"_menuTop",2);N([c.state()],z.prototype,"_menuBottom",2);N([c.state()],z.prototype,"_menuLeft",2);N([c.state()],z.prototype,"_menuRight",2);z=N([c.customElement("ap-dropdown")],z);var cr=Object.defineProperty,dr=Object.getOwnPropertyDescriptor,xs=(t,e,s,a)=>{for(var i=a>1?void 0:a?dr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&cr(e,s,i),i};let nt=class extends o.LitElement{constructor(){super(...arguments),this.variant="default"}render(){return o.html`<span class="badge"><slot></slot></span>`}};nt.styles=[o.css`
       :host {
         display: inline-flex;
       }
@@ -5493,14 +5555,14 @@
         font-size: 0.75rem;
         font-weight: 500;
         border-radius: 9999px;
-        background: var(--ap-muted, #f4f4f5);
-        color: var(--ap-muted-foreground, #71717a);
+        background: var(--ap-muted, oklch(0.974 0.006 239.819));
+        color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
       }
       :host([variant="primary"]) .badge {
-        background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.1));
-        color: var(--ap-primary, oklch(0.65 0.19 258));
+        background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
+        color: var(--ap-primary, oklch(0.578 0.198 268.129));
       }
-    `];bs([c.property({reflect:!0})],nt.prototype,"variant",2);nt=bs([c.customElement("ap-badge")],nt);var sr=Object.defineProperty,ir=Object.getOwnPropertyDescriptor,_s=(t,e,s,a)=>{for(var i=a>1?void 0:a?ir(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&sr(e,s,i),i};let lt=class extends o.LitElement{constructor(){super(...arguments),this.text=""}render(){return o.html`
+    `];xs([c.property({reflect:!0})],nt.prototype,"variant",2);nt=xs([c.customElement("ap-badge")],nt);var pr=Object.defineProperty,hr=Object.getOwnPropertyDescriptor,$s=(t,e,s,a)=>{for(var i=a>1?void 0:a?hr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&pr(e,s,i),i};let lt=class extends o.LitElement{constructor(){super(...arguments),this.text=""}render(){return o.html`
       <slot></slot>
       <div class="tip">${this.text}</div>
     `}};lt.styles=[o.css`
@@ -5517,8 +5579,8 @@
         white-space: nowrap;
         padding: 4px 8px;
         font-size: 0.75rem;
-        background: var(--ap-foreground, #09090b);
-        color: var(--ap-background, #fff);
+        background: var(--ap-foreground, oklch(0.37 0.022 248.413));
+        color: var(--ap-background, oklch(1 0 0));
         border-radius: 4px;
         pointer-events: none;
         z-index: 100;
@@ -5526,7 +5588,7 @@
       :host(:hover) .tip {
         display: block;
       }
-    `];_s([c.property()],lt.prototype,"text",2);lt=_s([c.customElement("ap-tooltip")],lt);var ar=Object.defineProperty,rr=Object.getOwnPropertyDescriptor,Ie=(t,e,s,a)=>{for(var i=a>1?void 0:a?rr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ar(e,s,i),i};let ne=class extends o.LitElement{constructor(){super(...arguments),this.value="",this.options=[],this.disabled=!1,this.direction="vertical",this._onKeydown=t=>{const e=this.options.filter(i=>!this.disabled&&!i.disabled);if(e.length===0)return;const s=e.findIndex(i=>i.value===this.value);let a=null;switch(t.key){case"ArrowDown":case"ArrowRight":t.preventDefault(),a=s<0?0:(s+1)%e.length;break;case"ArrowUp":case"ArrowLeft":t.preventDefault(),a=s<0?e.length-1:(s-1+e.length)%e.length;break;case" ":case"Enter":t.preventDefault(),s>=0?this._select(e[s]):e.length>0&&this._select(e[0]);return;default:return}a!==null&&this._select(e[a])}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeydown)}render(){return o.html`
+    `];$s([c.property()],lt.prototype,"text",2);lt=$s([c.customElement("ap-tooltip")],lt);var ur=Object.defineProperty,gr=Object.getOwnPropertyDescriptor,Le=(t,e,s,a)=>{for(var i=a>1?void 0:a?gr(e,s):e,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=(a?n(e,s,i):n(i))||i);return a&&i&&ur(e,s,i),i};let ne=class extends o.LitElement{constructor(){super(...arguments),this.value="",this.options=[],this.disabled=!1,this.direction="vertical",this._onKeydown=t=>{const e=this.options.filter(i=>!this.disabled&&!i.disabled);if(e.length===0)return;const s=e.findIndex(i=>i.value===this.value);let a=null;switch(t.key){case"ArrowDown":case"ArrowRight":t.preventDefault(),a=s<0?0:(s+1)%e.length;break;case"ArrowUp":case"ArrowLeft":t.preventDefault(),a=s<0?e.length-1:(s-1+e.length)%e.length;break;case" ":case"Enter":t.preventDefault(),s>=0?this._select(e[s]):e.length>0&&this._select(e[0]);return;default:return}a!==null&&this._select(e[a])}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._onKeydown)}render(){return o.html`
       ${this.options.map(t=>o.html`
           <div
             class="option"
@@ -5571,13 +5633,13 @@
         width: 18px;
         height: 18px;
         min-width: 18px;
-        border: 2px solid var(--ap-border, #e4e4e7);
+        border: 1px solid var(--ap-input, oklch(0.871 0.016 241.798));
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         transition: border-color 150ms;
-        background: var(--ap-background, #fff);
+        background: var(--ap-background, oklch(1 0 0));
       }
       .radio .dot {
         width: 10px;
@@ -5587,21 +5649,21 @@
         transition: background 150ms;
       }
       .option[aria-checked="true"] .radio {
-        border-color: var(--ap-primary, oklch(0.65 0.19 258));
+        border-color: var(--ap-primary, oklch(0.578 0.198 268.129));
       }
       .option[aria-checked="true"] .radio .dot {
-        background: var(--ap-primary, oklch(0.65 0.19 258));
+        background: var(--ap-primary, oklch(0.578 0.198 268.129));
       }
       .label {
         font-size: var(--ap-font-size-sm, 0.875rem);
-        color: var(--ap-foreground, #09090b);
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
         font-family: inherit;
         user-select: none;
       }
-    `];Ie([c.property()],ne.prototype,"value",2);Ie([c.property({type:Array})],ne.prototype,"options",2);Ie([c.property({type:Boolean})],ne.prototype,"disabled",2);Ie([c.property({reflect:!0})],ne.prototype,"direction",2);Ie([c.property({reflect:!0})],ne.prototype,"columns",2);ne=Ie([c.customElement("ap-radio-group")],ne);var or=Object.defineProperty,nr=(t,e,s,a)=>{for(var i=void 0,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=n(e,s,i)||i);return i&&or(e,s,i),i};const Rt=class Rt extends o.LitElement{constructor(){super(),this._initFailed=!1,this._loadId=0,this._loadMoreId=0,this._loadDataTimer=null,this._pendingFilter=null,this._pendingMetadataField=null,this.store=xs(),this.storeCtrl=new $s(this,this.store),this.selectionCtrl=new ws(this,this.store),this.infiniteScrollCtrl=new Ss(this,()=>this._loadMore()),this.marqueeCtrl=new Cs(this,this.store)}get _isInline(){var e;return((e=this.config)==null?void 0:e.displayMode)==="inline"}connectedCallback(){super.connectedCallback()}updated(e){super.updated(e),e.has("config")&&this.config&&this._initConfig(this.config);const s=this.renderRoot.querySelector("#sentinel");if(s&&s!==this._lastSentinel){this._lastSentinel=s;const i=this.renderRoot.querySelector(".main-content");this.infiniteScrollCtrl.observe(s,i)}const a=this.renderRoot.querySelector(".main-content");a&&a!==this._lastMarqueeContainer&&(this._lastMarqueeContainer=a,this.marqueeCtrl.attach(a))}_initConfig(e){this._initFailed=!1,this._initPromise=this._doInit(e).catch(()=>{this._initFailed=!0}),e.displayMode==="inline"&&!this.store.getState().isOpen&&this.open()}async _doInit(e){const s=ui(),a=s.sortBy??e.defaultSortBy??"created_at",i=s.sortDirection??e.defaultSortDirection??"desc";this.store.setState({config:e,projectToken:e.auth.projectToken,viewMode:e.rememberLastView&&mi()||e.defaultViewMode||"grid",sortBy:a,sortDirection:i,currentFolder:null,currentFolderPath:e.rootFolderPath??"/"}),this.apiClient=new ks(e.auth,e.apiBase);try{if(e.auth.mode==="securityTemplate"){const p=await Os(this.apiClient);this.apiClient.setSassKey(p),this.store.setState({sassKey:p})}const[r,n,l]=await Promise.allSettled([Ys(this.apiClient),Ts(this.apiClient),Ms(this.apiClient)]);if(r.status==="fulfilled"){const{fields:p,regionalVariantGroups:f,regionalFilters:v,brandColor:F}=r.value;this.store.setState({metadataFields:p,regionalVariantGroups:f,regionalFilters:v,...F?{brandColor:F}:{}})}n.status==="fulfilled"&&this.store.setState({labels:n.value.labels||[]}),l.status==="fulfilled"&&this.store.setState({tags:l.value});const{pinnedFilters:d,pinnedMetadata:h}=di(e.auth.projectToken??null),u=this.store.getState().filters;this.store.setState({filters:{...u,pinned:d,visible:[...d],metadata:{...u.metadata,pinned:h,visible:[...h]}}});const g=e.brandColor||this.store.getState().brandColor;g&&(this.store.setState({brandColor:g}),yi(this,g))}catch(r){throw this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:r,context:"init"},bubbles:!0,composed:!0})),r}}async open(){var l,d,h,u,g,p;const e=this.store.getState(),s=ze((l=this.config)==null?void 0:l.forcedFilters),a=new Set(Object.keys(s)),i={},r=ze((d=this.config)==null?void 0:d.defaultFilters);for(const[f,v]of Object.entries(r))a.has(f)||(i[f]=v);const n=Object.keys(i);this.store.setState({isOpen:!0,activeTab:((u=(h=this.config)==null?void 0:h.tabs)==null?void 0:u[0])??"assets",searchQuery:"",filters:{metadata:{pinned:e.filters.metadata.pinned,visible:[...e.filters.metadata.pinned],applied:{}},pinned:e.filters.pinned,visible:[...new Set([...e.filters.pinned,...n])],applied:i},offset:0,assets:[],folders:[],currentFolder:null,currentFolderPath:((g=this.config)==null?void 0:g.rememberLastFolder)&&fi()||((p=this.config)==null?void 0:p.rootFolderPath)||"/",breadcrumb:[],selectedAssets:new Map,folderPreviews:{},isPreviewOpen:!1,previewAsset:null,isLoading:!0,isSelectingAll:!1}),this.dispatchEvent(new CustomEvent("ap-open",{detail:{timestamp:Date.now()},bubbles:!0,composed:!0})),await this.updateComplete,!this._initPromise&&this.config&&this._initConfig(this.config),!(this._initPromise&&(await this._initPromise,this._initFailed))&&this._loadData()}close(){this.store.setState({isOpen:!1})}_scrollToTop(){var e;(e=this.renderRoot.querySelector(".main-content"))==null||e.scrollTo({top:0})}async _loadData(){var a,i,r,n,l,d,h,u,g,p,f,v,F,_;if(!this.apiClient)return;const e=++this._loadId,s=this.store.getState();this._scrollToTop(),this.store.setState({isLoading:!0});try{const I=s.activeTab;if(I==="assets"){const $=this._buildSearchNotation(),w=s.currentFolderPath||"/",S=We(this.apiClient,{folder:w,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:1}),A=Bt(this.apiClient,{folder:w,q:$||void 0,search:s.searchQuery||void 0,recursive:1}).catch(()=>null),[L,k]=await Promise.all([S,A]);if(e!==this._loadId)return;const se=((a=L.files)==null?void 0:a.length)??0,ce=se>=s.limit,Se=((i=k==null?void 0:k.stats)==null?void 0:i.approx_files_count)??((r=k==null?void 0:k.info)==null?void 0:r.total_files_count)??((n=L.info)==null?void 0:n.total_files_count)??((d=(l=L.base)==null?void 0:l.count)==null?void 0:d.files_recursive)??((u=(h=L.base)==null?void 0:h.count)==null?void 0:u.files_direct)??se;this.store.setState({assets:L.files||[],folders:[],totalCount:Se,totalFolderCount:0,offset:0,hasMore:ce,isLoading:!1})}else if(I==="folders"){const $=this._buildSearchNotation(),w=s.currentFolderPath||"/",[S,A,L]=await Promise.all([Fs(this.apiClient,{folderPath:s.currentFolderPath,q:s.searchQuery||void 0,recursive:s.searchQuery?1:0,sort_by:s.sortBy,sort_direction:s.sortDirection}),We(this.apiClient,{folder:w,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:0}),Bt(this.apiClient,{folder:w,q:$||void 0,search:s.searchQuery||void 0,recursive:0}).catch(()=>null)]);if(e!==this._loadId)return;const k=S.folders||[];let se={};if(k.length>0)try{se=await As(this.apiClient,k.map(de=>de.uuid))}catch{}if(e!==this._loadId)return;const ce=((g=A.files)==null?void 0:g.length)??0,Se=ce>=s.limit,Xe=((p=L==null?void 0:L.stats)==null?void 0:p.approx_files_count)??((f=L==null?void 0:L.info)==null?void 0:f.total_files_count)??((v=A.info)==null?void 0:v.total_files_count)??((_=(F=A.base)==null?void 0:F.count)==null?void 0:_.files_direct)??ce;this.store.setState({assets:A.files||[],folders:k,folderPreviews:se,totalCount:Xe,totalFolderCount:S.total??k.length,offset:0,hasMore:Se,isLoading:!1})}}catch(I){if(e!==this._loadId)return;this.store.setState({isLoading:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:I,context:"loadData"},bubbles:!0,composed:!0}))}}async _loadMore(){const e=this.store.getState();if(e.isLoading||!e.hasMore||!this.apiClient)return;const s=++this._loadMoreId,a=e.offset+e.limit;this.store.setState({isLoading:!0});try{const i=this._buildSearchNotation(),r=await We(this.apiClient,{folder:e.currentFolderPath||"/",offset:a,limit:e.limit,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:i||void 0,recursive:e.activeTab==="folders"?0:1});if(s!==this._loadMoreId)return;const n=this.store.getState().assets,l=r.files||[],d=l.length>=e.limit,h=[...n,...l];this.store.setState({assets:h,offset:a,hasMore:d,isLoading:!1})}catch{if(s!==this._loadMoreId)return;this.store.setState({isLoading:!1})}}_debouncedLoadData(e=120){this._loadDataTimer&&clearTimeout(this._loadDataTimer),this._loadDataTimer=setTimeout(()=>{this._loadDataTimer=null,this._loadData()},e)}_handleCancel(e){var s,a;this.close(),(a=(s=this.config)==null?void 0:s.onCancel)==null||a.call(s),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:e},bubbles:!0,composed:!0}))}_handleSearchChange(e){this.store.setState({searchQuery:e.detail.value,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleViewChange(e){var a;const s=e.detail.mode;this.store.setState({viewMode:s}),(a=this.config)!=null&&a.rememberLastView&&gi(s),this._scrollToTop()}_handleRegionalChange(e){const{groupUuid:s,value:a}=e.detail,i=this.store.getState().regionalFilters;this.store.setState({regionalFilters:{...i,[s]:a}})}_handleSortChange(e){const s=e.detail.value,a=this.store.getState();this.store.setState({sortBy:s,offset:0,assets:[],folders:[]}),Xt(s,a.sortDirection),this.selectionCtrl.resetRange(),this._loadData()}_handleSortDirectionChange(e){const s=e.detail.value,a=this.store.getState();this.store.setState({sortDirection:s,offset:0,assets:[],folders:[]}),Xt(a.sortBy,s),this.selectionCtrl.resetRange(),this._loadData()}_handleTabChange(e){var s;this.store.setState({activeTab:e.detail.tab,currentFolder:null,currentFolderPath:((s=this.config)==null?void 0:s.rootFolderPath)??"/",breadcrumb:[],offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleAssetSelect(e){this.selectionCtrl.handleSelect(e.detail.asset,e.detail.index,e.detail.event)}_handleAssetPreview(e){this.store.setState({previewAsset:e.detail.asset,isPreviewOpen:!0})}_handleQuickSelect(e){var a,i;const s=e.detail.asset;(i=(a=this.config)==null?void 0:a.onSelect)==null||i.call(a,[s]),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:[s]},bubbles:!0,composed:!0})),this._isInline||this.close()}_handleFolderOpen(e){var r;const s=e.detail.folder,a=this.store.getState(),i=s.path||`${a.currentFolderPath}${s.name}/`;(r=this.config)!=null&&r.rememberLastFolder&&Wt(i),this.store.setState({currentFolder:s.uuid,currentFolderPath:i,breadcrumb:[...a.breadcrumb,{uuid:s.uuid,name:s.name,path:i}],searchQuery:"",offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleBreadcrumbNavigate(e){var l,d;const s=e.detail.uuid,a=this.store.getState(),i=s?a.breadcrumb.findIndex(h=>h.uuid===s):-1,r=s?a.breadcrumb.slice(0,i+1):[],n=r.length>0?r[r.length-1].path:((l=this.config)==null?void 0:l.rootFolderPath)||"/";(d=this.config)!=null&&d.rememberLastFolder&&Wt(n),this.store.setState({currentFolder:s||null,currentFolderPath:n,breadcrumb:r,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handlePreviewClose(){this.store.setState({isPreviewOpen:!1,previewAsset:null})}_handlePreviewNavigate(e){this.store.setState({previewAsset:e.detail.asset})}_handleSelectionConfirm(e){var a,i;const s=e.detail.assets;(i=(a=this.config)==null?void 0:a.onSelect)==null||i.call(a,s),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:s},bubbles:!0,composed:!0})),this._isInline||this.close()}async _handleSelectAll(){var a;const e=this.store.getState();if(!(e.isSelectingAll||!this.apiClient||!(((a=e.config)==null?void 0:a.multiSelect)??!0))){if(e.assets.length>=e.totalCount){this.selectionCtrl.selectAll(e.assets);return}this.store.setState({isSelectingAll:!0});try{const i=this._buildSearchNotation(),r=e.currentFolderPath||"/",n=e.limit,l=e.assets,d=e.totalCount,h=e.activeTab==="folders"?0:1,u=[];for(let _=l.length;_<d;_+=n)u.push(_);const g=4,p=[];for(let _=0;_<u.length;_+=g){const I=u.slice(_,_+g),$=await Promise.all(I.map(w=>We(this.apiClient,{folder:r,offset:w,limit:n,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:i||void 0,recursive:h})));for(const w of $)w.files&&p.push(...w.files)}const f=new Set(l.map(_=>_.uuid)),v=p.filter(_=>f.has(_.uuid)?!1:(f.add(_.uuid),!0)),F=[...l,...v];this.store.setState({assets:F,offset:Math.max(0,F.length-n),hasMore:!1,isSelectingAll:!1}),this.selectionCtrl.selectAll(F)}catch(i){this.store.setState({isSelectingAll:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:i,context:"selectAll"},bubbles:!0,composed:!0}))}}}_handleSelectionClear(){this.selectionCtrl.clearSelection()}_handleSelectionDeselect(e){const s=new Map(this.store.getState().selectedAssets);s.delete(e.detail.uuid),this.store.setState({selectedAssets:s})}_isDateFilterKey(e){return e===m.DATE||e===m.LICENSE_EXPIRY||e===R.DUE_DATE}_handleFilterUpdate(e){const{key:s,values:a,operator:i}=e.detail,n={...this.store.getState().filters};let l=a===""||a===null||a===void 0||Array.isArray(a)&&a.length===0||typeof a=="object"&&!Array.isArray(a)&&Object.values(a).every(d=>d==null||d===""||Array.isArray(d)&&d.length===0);if(!l&&this._isDateFilterKey(s)&&typeof a=="object"&&!Array.isArray(a)){const{kind:d,preset:h,from:u,to:g}=a;l=!d&&!h&&!u&&!g}if(l){const d={...n.applied};delete d[s],n.applied=d,n.pinned.includes(s)||(n.visible=n.visible.filter(h=>h!==s))}else{const d={...n.applied};this._isDateFilterKey(s)&&typeof a=="object"&&!Array.isArray(a)?d[s]={type:"date",field:a.field||"created",kind:a.kind||null,preset:a.preset||null,from:a.from||null,to:a.to||null}:s===m.IMAGE&&typeof a=="object"&&!Array.isArray(a)?d[s]=a:d[s]={type:"string",values:Array.isArray(a)?a:[a],operator:i||":"},n.applied=d,n.visible.includes(s)||(n.visible=[...n.visible,s])}if(this.store.setState({filters:n,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingFilter===s){this._pendingFilter=null;const d=this.renderRoot.querySelector("ap-filters-bar");d&&(d.pendingFilter=null)}}_handleFilterOpen(e){const s=e.detail.key,a=e.detail.chipRect,i=this.renderRoot.querySelector("ap-content-toolbar");let r;if(a){const n=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(n){const l=n.getBoundingClientRect();r=a.left-l.left}}i==null||i.openFilterPanel(s,!0,r)}_handleMetadataFilterOpen(e){const{fieldKey:s,chipRect:a}=e.detail,i=this.renderRoot.querySelector("ap-content-toolbar");let r;if(a){const n=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(n){const l=n.getBoundingClientRect();r=a.left-l.left}}i==null||i.openMetadataFieldPanel(s,!0,r)}_handleFilterPanelChange(e){const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=e.detail.key,s.activeMetadataField=e.detail.metadataFieldKey||null),!e.detail.key&&!e.detail.metadataFieldKey&&(this._pendingFilter||this._pendingMetadataField)&&(this._pendingFilter=null,this._pendingMetadataField=null,s&&(s.pendingFilter=null,s.pendingMetadataField=null))}async _handleFilterPending(e){var g,p,f;const{key:s,metadataFieldKey:a}=e.detail,i=this.renderRoot.querySelector("ap-filters-bar"),r=this.renderRoot.querySelector("ap-content-toolbar");if(!i||!r)return;a?(this._pendingMetadataField=a,i.pendingMetadataField=a):s&&(this._pendingFilter=s,i.pendingFilter=s),await i.updateComplete;let n=i.renderRoot.querySelector(".chip.pending");if(!n){const v=i.renderRoot.querySelectorAll(".chip.pinned-empty"),F=a?(g=i._getMetadataLabel)==null?void 0:g.call(i,a):void 0;for(const _ of v){const I=(f=(p=_.querySelector(".chip-label"))==null?void 0:p.textContent)==null?void 0:f.trim();if(a&&I===F){n=_;break}if(s&&I===(Ee[s]||s)){n=_;break}}}if(!n)return;const l=n.getBoundingClientRect(),d=this.renderRoot.querySelector(".toolbar-filters-wrapper"),h=d==null?void 0:d.getBoundingClientRect(),u=h?l.left-h.left:l.left;a?r.openMetadataFieldPanel(a,!0,u):s&&r.openFilterPanel(s,!0,u)}_handleFilterRemove(e){var n;const s=e.detail.key;if(s in(((n=this.config)==null?void 0:n.forcedFilters)??{}))return;const i={...this.store.getState().filters},r={...i.applied};delete r[s],i.applied=r,i.pinned.includes(s)||(i.visible=i.visible.filter(l=>l!==s)),this.store.setState({filters:i,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleMetadataFilterChange(e){const{fieldKey:s,operator:a,values:i,metadataType:r}=e.detail,l={...this.store.getState().filters},d={...l.metadata},h={...d.applied};if(!i||Array.isArray(i)&&i.length===0?(delete h[s],d.applied=h,d.pinned.includes(s)||(d.visible=d.visible.filter(g=>g!==s))):(h[s]={type:"string",values:Array.isArray(i)?i:[i],operator:a||":",metadataType:r},d.applied=h,d.visible.includes(s)||(d.visible=[...d.visible,s])),l.metadata=d,this.store.setState({filters:l,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingMetadataField===s){this._pendingMetadataField=null;const g=this.renderRoot.querySelector("ap-filters-bar");g&&(g.pendingMetadataField=null)}}_handleMetadataFieldToggle(e){const{fieldKey:s,visible:a}=e.detail,r={...this.store.getState().filters},n={...r.metadata};a?n.visible.includes(s)||(n.visible=[...n.visible,s]):n.visible=n.visible.filter(l=>l!==s),r.metadata=n,this.store.setState({filters:r})}_handleMetadataFilterRemove(e){const{fieldKey:s}=e.detail,i={...this.store.getState().filters},r={...i.metadata},n={...r.applied};delete n[s],r.applied=n,r.pinned.includes(s)||(r.visible=r.visible.filter(l=>l!==s)),i.metadata=r,this.store.setState({filters:i,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterPin(e){var l,d;const{key:s,pinned:a}=e.detail,r={...this.store.getState().filters};a?r.pinned.includes(s)||(r.pinned=[...r.pinned,s]):(r.pinned=r.pinned.filter(h=>h!==s),s in r.applied||(r.visible=r.visible.filter(h=>h!==s))),this.store.setState({filters:r});const n=((d=(l=this.store.getState().config)==null?void 0:l.auth)==null?void 0:d.projectToken)??null;pi(n,r.pinned)}_handleMetadataPin(e){var d,h;const{fieldKey:s,pinned:a}=e.detail,r={...this.store.getState().filters},n={...r.metadata};a?n.pinned.includes(s)||(n.pinned=[...n.pinned,s]):(n.pinned=n.pinned.filter(u=>u!==s),s in n.applied||(n.visible=n.visible.filter(u=>u!==s))),r.metadata=n,this.store.setState({filters:r});const l=((h=(d=this.store.getState().config)==null?void 0:d.auth)==null?void 0:h.projectToken)??null;hi(l,n.pinned)}_handleFiltersClearAll(){const e=this.store.getState();this.store.setState({filters:{...e.filters,applied:{},visible:[...e.filters.pinned],metadata:{...e.filters.metadata,applied:{},visible:[...e.filters.metadata.pinned]}},offset:0,assets:[],folders:[],isLoading:!0});const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=null),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterDeactivate(e){const s=e.detail.key,i={...this.store.getState().filters};i.visible=i.visible.filter(r=>r!==s),this.store.setState({filters:i})}_handleMetadataFieldDeactivate(e){const{fieldKey:s}=e.detail,i={...this.store.getState().filters},r={...i.metadata};r.visible=r.visible.filter(n=>n!==s),i.metadata=r,this.store.setState({filters:i})}_handleFiltersSet(e){var h;const{applied:s,metadata:a}=e.detail,r={...this.store.getState().filters},n=new Set(Object.keys(((h=this.config)==null?void 0:h.forcedFilters)??{})),l={...s};for(const u of n)delete l[u];r.applied=l;const d=Object.keys(s);if(r.visible=[...new Set([...r.pinned,...d])],a){const u={...r.metadata};u.applied=a.applied;const g=Object.keys(a.applied);u.visible=[...new Set([...u.pinned,...g])],r.metadata=u}this.store.setState({filters:r,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_getSortOptions(){const e=this.storeCtrl.state;return e.searchQuery?xi:e.activeTab==="folders"?$i:At}_buildSearchNotation(){var i;const e=this.store.getState(),s={...ze((i=this.config)==null?void 0:i.forcedFilters),...e.filters.applied};return Qs(s,e.filters.metadata.applied).join(" ")}render(){var l,d,h,u,g,p,f;const e=this.storeCtrl.state,s=Array.from(e.selectedAssets.keys()),a=this.selectionCtrl.getSelectedAssets(),i=o.html`
+    `];Le([c.property()],ne.prototype,"value",2);Le([c.property({type:Array})],ne.prototype,"options",2);Le([c.property({type:Boolean})],ne.prototype,"disabled",2);Le([c.property({reflect:!0})],ne.prototype,"direction",2);Le([c.property({reflect:!0})],ne.prototype,"columns",2);ne=Le([c.customElement("ap-radio-group")],ne);var fr=Object.defineProperty,zt=(t,e,s,a)=>{for(var i=void 0,r=t.length-1,n;r>=0;r--)(n=t[r])&&(i=n(e,s,i)||i);return i&&fr(e,s,i),i};const Rt=class Rt extends o.LitElement{constructor(){super(),this._initFailed=!1,this._loadId=0,this._loadMoreId=0,this._loadDataTimer=null,this._pendingFilter=null,this._pendingMetadataField=null,this._uploaderEl=null,this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1,this._onDragEnter=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter++,this._dragCounter===1&&(this._isDragOver=!0))},this._onDragOver=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this._onDragLeave=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter--,this._dragCounter<=0&&(this._dragCounter=0,this._isDragOver=!1))},this._onDrop=e=>{var a,i;if(!((a=this.config)!=null&&a.uploader)||!this._hasFileTransfer(e))return;e.preventDefault(),this._dragCounter=0,this._isDragOver=!1;const s=Array.from(((i=e.dataTransfer)==null?void 0:i.files)??[]);s.length>0&&this._openUploader(s)},this.store=Os(),this.storeCtrl=new Ms(this,this.store),this.selectionCtrl=new Ps(this,this.store),this.infiniteScrollCtrl=new Ls(this,()=>this._loadMore()),this.marqueeCtrl=new Is(this,this.store)}get _isInline(){var e;return((e=this.config)==null?void 0:e.displayMode)==="inline"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._uploaderEl&&(this._uploaderEl.remove(),this._uploaderEl=null),this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}updated(e){super.updated(e),e.has("config")&&this.config&&this._initConfig(this.config);const s=this.renderRoot.querySelector("#sentinel");if(s&&s!==this._lastSentinel){this._lastSentinel=s;const i=this.renderRoot.querySelector(".main-content");this.infiniteScrollCtrl.observe(s,i)}const a=this.renderRoot.querySelector(".main-content");a&&a!==this._lastMarqueeContainer&&(this._lastMarqueeContainer=a,this.marqueeCtrl.attach(a))}_initConfig(e){this._initFailed=!1,this._initPromise=this._doInit(e).catch(()=>{this._initFailed=!0}),e.displayMode==="inline"&&!this.store.getState().isOpen&&this.open()}async _doInit(e){const s=wi(),a=s.sortBy??e.defaultSortBy??"created_at",i=s.sortDirection??e.defaultSortDirection??"desc";this.store.setState({config:e,projectToken:e.auth.projectToken,viewMode:e.rememberLastView&&Ci()||e.defaultViewMode||"grid",sortBy:a,sortDirection:i,currentFolder:null,currentFolderPath:e.rootFolderPath??"/"}),this.apiClient=new Ds(e.auth,e.apiBase);try{if(e.auth.mode==="securityTemplate"){const p=await Us(this.apiClient);this.apiClient.setSassKey(p),this.store.setState({sassKey:p})}const[r,n,l]=await Promise.allSettled([ai(this.apiClient),Ns(this.apiClient),Bs(this.apiClient)]);if(r.status==="fulfilled"){const{fields:p,regionalVariantGroups:g,regionalFilters:v,brandColor:w}=r.value;this.store.setState({metadataFields:p,regionalVariantGroups:g,regionalFilters:v,...w?{brandColor:w}:{}})}n.status==="fulfilled"&&this.store.setState({labels:n.value.labels||[]}),l.status==="fulfilled"&&this.store.setState({tags:l.value});const{pinnedFilters:d,pinnedMetadata:h}=yi(e.auth.projectToken??null),u=this.store.getState().filters;this.store.setState({filters:{...u,pinned:d,visible:[...d],metadata:{...u.metadata,pinned:h,visible:[...h]}}});const f=e.brandColor||this.store.getState().brandColor;f&&(this.store.setState({brandColor:f}),Ti(this,f))}catch(r){throw this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:r,context:"init"},bubbles:!0,composed:!0})),r}}_ensureUploaderImport(){return this._uploaderImportPromise?this._uploaderImportPromise:(this._uploaderImportPromise=import("@scaleflex/uploader/define").then(()=>{},e=>{throw this._uploaderImportPromise=null,e}),this._uploaderImportPromise)}_buildUploaderConfig(){const e=this.config,s=e.uploader,a=this.store.getState();let i;return e.auth.mode==="securityTemplate"?i={mode:"security-template",container:e.auth.projectToken,securityTemplateId:e.auth.securityTemplateKey}:i={mode:"session",container:e.auth.projectToken,sessionToken:e.auth.sessionToken,companyToken:e.auth.companyToken},{auth:i,targetFolder:a.currentFolderPath||"/",mode:"inline",restrictions:s.restrictions,concurrency:s.concurrency,autoProceed:s.autoProceed,showFillMetadata:s.showFillMetadata,connectors:s.connectors,sourcesLayout:s.sourcesLayout,headerButton:s.headerButton??"back",clearOnClose:s.clearOnClose,clearOnComplete:s.clearOnComplete,rejectedFileAutoRemoveDelay:s.rejectedFileAutoRemoveDelay}}async _openUploader(e){var a;if(!((a=this.config)!=null&&a.uploader)||this._isUploaderOpen)return;try{await this._ensureUploaderImport()}catch(i){this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:i instanceof Error?i:new Error(String(i)),context:"uploader-load"},bubbles:!0,composed:!0}));return}this._uploaderEl=document.createElement("sfx-uploader");const s=this._uploaderEl;s.addEventListener("sfx-all-complete",()=>{this.store.getState().isOpen&&this._loadData()}),s.addEventListener("sfx-complete-action",()=>{this._closeUploader()}),s.addEventListener("sfx-cancel",()=>{this._closeUploader()}),this._isUploaderOpen=!0,await this.updateComplete,s.config=this._buildUploaderConfig(),await s.updateComplete,e!=null&&e.length&&s.addFiles(e)}_closeUploader(){this._isUploaderOpen=!1,this._uploaderEl=null}_handleUploadClick(){this._openUploader()}_hasFileTransfer(e){var s,a;return!!((a=(s=e.dataTransfer)==null?void 0:s.types)!=null&&a.includes("Files"))}async open(){var l,d,h,u,f,p;const e=this.store.getState(),s=De((l=this.config)==null?void 0:l.forcedFilters),a=new Set(Object.keys(s)),i={},r=De((d=this.config)==null?void 0:d.defaultFilters);for(const[g,v]of Object.entries(r))a.has(g)||(i[g]=v);const n=Object.keys(i);this.store.setState({isOpen:!0,activeTab:((u=(h=this.config)==null?void 0:h.tabs)==null?void 0:u[0])??"assets",searchQuery:"",filters:{metadata:{pinned:e.filters.metadata.pinned,visible:[...e.filters.metadata.pinned],applied:{}},pinned:e.filters.pinned,visible:[...new Set([...e.filters.pinned,...n])],applied:i},offset:0,assets:[],folders:[],currentFolder:null,currentFolderPath:((f=this.config)==null?void 0:f.rememberLastFolder)&&ki()||((p=this.config)==null?void 0:p.rootFolderPath)||"/",breadcrumb:[],selectedAssets:new Map,folderPreviews:{},isPreviewOpen:!1,previewAsset:null,isLoading:!0,isSelectingAll:!1}),this._dragCounter=0,this._isDragOver=!1,this.dispatchEvent(new CustomEvent("ap-open",{detail:{timestamp:Date.now()},bubbles:!0,composed:!0})),await this.updateComplete,!this._initPromise&&this.config&&this._initConfig(this.config),!(this._initPromise&&(await this._initPromise,this._initFailed))&&this._loadData()}close(){this.store.setState({isOpen:!1}),this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}_scrollToTop(){var e;(e=this.renderRoot.querySelector(".main-content"))==null||e.scrollTo({top:0})}async _loadData(){var a,i,r,n,l,d,h,u,f,p,g,v,w,b;if(!this.apiClient)return;const e=++this._loadId,s=this.store.getState();this._scrollToTop(),this.store.setState({isLoading:!0});try{const O=s.activeTab;if(O==="assets"){const $=this._buildSearchNotation(),k=s.currentFolderPath||"/",A=Ye(this.apiClient,{folder:k,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:1}),T=Ut(this.apiClient,{folder:k,q:$||void 0,search:s.searchQuery||void 0,recursive:1}).catch(()=>null),[L,C]=await Promise.all([A,T]);if(e!==this._loadId)return;const se=((a=L.files)==null?void 0:a.length)??0,ce=se>=s.limit,$e=((i=C==null?void 0:C.stats)==null?void 0:i.approx_files_count)??((r=C==null?void 0:C.info)==null?void 0:r.total_files_count)??((n=L.info)==null?void 0:n.total_files_count)??((d=(l=L.base)==null?void 0:l.count)==null?void 0:d.files_recursive)??((u=(h=L.base)==null?void 0:h.count)==null?void 0:u.files_direct)??se;this.store.setState({assets:L.files||[],folders:[],totalCount:$e,totalFolderCount:0,offset:0,hasMore:ce,isLoading:!1})}else if(O==="folders"){const $=this._buildSearchNotation(),k=s.currentFolderPath||"/",[A,T,L]=await Promise.all([Rs(this.apiClient,{folderPath:s.currentFolderPath,q:s.searchQuery||void 0,recursive:s.searchQuery?1:0,sort_by:s.sortBy,sort_direction:s.sortDirection}),Ye(this.apiClient,{folder:k,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:0}),Ut(this.apiClient,{folder:k,q:$||void 0,search:s.searchQuery||void 0,recursive:0}).catch(()=>null)]);if(e!==this._loadId)return;const C=A.folders||[];let se={};if(C.length>0)try{se=await js(this.apiClient,C.map(de=>de.uuid))}catch{}if(e!==this._loadId)return;const ce=((f=T.files)==null?void 0:f.length)??0,$e=ce>=s.limit,Ge=((p=L==null?void 0:L.stats)==null?void 0:p.approx_files_count)??((g=L==null?void 0:L.info)==null?void 0:g.total_files_count)??((v=T.info)==null?void 0:v.total_files_count)??((b=(w=T.base)==null?void 0:w.count)==null?void 0:b.files_direct)??ce;this.store.setState({assets:T.files||[],folders:C,folderPreviews:se,totalCount:Ge,totalFolderCount:A.total??C.length,offset:0,hasMore:$e,isLoading:!1})}}catch(O){if(e!==this._loadId)return;this.store.setState({isLoading:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:O,context:"loadData"},bubbles:!0,composed:!0}))}}async _loadMore(){const e=this.store.getState();if(e.isLoading||!e.hasMore||!this.apiClient)return;const s=++this._loadMoreId,a=e.offset+e.limit;this.store.setState({isLoading:!0});try{const i=this._buildSearchNotation(),r=await Ye(this.apiClient,{folder:e.currentFolderPath||"/",offset:a,limit:e.limit,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:i||void 0,recursive:e.activeTab==="folders"?0:1});if(s!==this._loadMoreId)return;const n=this.store.getState().assets,l=r.files||[],d=l.length>=e.limit,h=[...n,...l];this.store.setState({assets:h,offset:a,hasMore:d,isLoading:!1})}catch{if(s!==this._loadMoreId)return;this.store.setState({isLoading:!1})}}_debouncedLoadData(e=120){this._loadDataTimer&&clearTimeout(this._loadDataTimer),this._loadDataTimer=setTimeout(()=>{this._loadDataTimer=null,this._loadData()},e)}_handleCancel(e){var s,a;this.close(),(a=(s=this.config)==null?void 0:s.onCancel)==null||a.call(s),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:e},bubbles:!0,composed:!0}))}_handleSearchChange(e){this.store.setState({searchQuery:e.detail.value,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleViewChange(e){var a;const s=e.detail.mode;this.store.setState({viewMode:s}),(a=this.config)!=null&&a.rememberLastView&&Si(s),this._scrollToTop()}_handleRegionalChange(e){const{groupUuid:s,value:a}=e.detail,i=this.store.getState().regionalFilters;this.store.setState({regionalFilters:{...i,[s]:a}})}_handleSortChange(e){const s=e.detail.value,a=this.store.getState();this.store.setState({sortBy:s,offset:0,assets:[],folders:[]}),Xt(s,a.sortDirection),this.selectionCtrl.resetRange(),this._loadData()}_handleSortDirectionChange(e){const s=e.detail.value,a=this.store.getState();this.store.setState({sortDirection:s,offset:0,assets:[],folders:[]}),Xt(a.sortBy,s),this.selectionCtrl.resetRange(),this._loadData()}_handleTabChange(e){var s;this.store.setState({activeTab:e.detail.tab,currentFolder:null,currentFolderPath:((s=this.config)==null?void 0:s.rootFolderPath)??"/",breadcrumb:[],offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleAssetSelect(e){this.selectionCtrl.handleSelect(e.detail.asset,e.detail.index,e.detail.event)}_handleAssetPreview(e){this.store.setState({previewAsset:e.detail.asset,isPreviewOpen:!0})}_handleQuickSelect(e){var a,i;const s=e.detail.asset;(i=(a=this.config)==null?void 0:a.onSelect)==null||i.call(a,[s]),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:[s]},bubbles:!0,composed:!0})),this._isInline||this.close()}_handleFolderOpen(e){var r;const s=e.detail.folder,a=this.store.getState(),i=s.path||`${a.currentFolderPath}${s.name}/`;(r=this.config)!=null&&r.rememberLastFolder&&Wt(i),this.store.setState({currentFolder:s.uuid,currentFolderPath:i,breadcrumb:[...a.breadcrumb,{uuid:s.uuid,name:s.name,path:i}],searchQuery:"",offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleBreadcrumbNavigate(e){var l,d;const s=e.detail.uuid,a=this.store.getState(),i=s?a.breadcrumb.findIndex(h=>h.uuid===s):-1,r=s?a.breadcrumb.slice(0,i+1):[],n=r.length>0?r[r.length-1].path:((l=this.config)==null?void 0:l.rootFolderPath)||"/";(d=this.config)!=null&&d.rememberLastFolder&&Wt(n),this.store.setState({currentFolder:s||null,currentFolderPath:n,breadcrumb:r,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handlePreviewClose(){this.store.setState({isPreviewOpen:!1,previewAsset:null})}_handlePreviewNavigate(e){this.store.setState({previewAsset:e.detail.asset})}_handleSelectionConfirm(e){var a,i;const s=e.detail.assets;(i=(a=this.config)==null?void 0:a.onSelect)==null||i.call(a,s),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:s},bubbles:!0,composed:!0})),this._isInline||this.close()}async _handleSelectAll(){var a;const e=this.store.getState();if(!(e.isSelectingAll||!this.apiClient||!(((a=e.config)==null?void 0:a.multiSelect)??!0))){if(e.assets.length>=e.totalCount){this.selectionCtrl.selectAll(e.assets);return}this.store.setState({isSelectingAll:!0});try{const i=this._buildSearchNotation(),r=e.currentFolderPath||"/",n=e.limit,l=e.assets,d=e.totalCount,h=e.activeTab==="folders"?0:1,u=[];for(let b=l.length;b<d;b+=n)u.push(b);const f=4,p=[];for(let b=0;b<u.length;b+=f){const O=u.slice(b,b+f),$=await Promise.all(O.map(k=>Ye(this.apiClient,{folder:r,offset:k,limit:n,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:i||void 0,recursive:h})));for(const k of $)k.files&&p.push(...k.files)}const g=new Set(l.map(b=>b.uuid)),v=p.filter(b=>g.has(b.uuid)?!1:(g.add(b.uuid),!0)),w=[...l,...v];this.store.setState({assets:w,offset:Math.max(0,w.length-n),hasMore:!1,isSelectingAll:!1}),this.selectionCtrl.selectAll(w)}catch(i){this.store.setState({isSelectingAll:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:i,context:"selectAll"},bubbles:!0,composed:!0}))}}}_handleSelectionClear(){this.selectionCtrl.clearSelection()}_handleSelectionDeselect(e){const s=new Map(this.store.getState().selectedAssets);s.delete(e.detail.uuid),this.store.setState({selectedAssets:s})}_isDateFilterKey(e){return e===m.DATE||e===m.LICENSE_EXPIRY||e===R.DUE_DATE}_handleFilterUpdate(e){const{key:s,values:a,operator:i}=e.detail,n={...this.store.getState().filters};let l=a===""||a===null||a===void 0||Array.isArray(a)&&a.length===0||typeof a=="object"&&!Array.isArray(a)&&Object.values(a).every(d=>d==null||d===""||Array.isArray(d)&&d.length===0);if(!l&&this._isDateFilterKey(s)&&typeof a=="object"&&!Array.isArray(a)){const{kind:d,preset:h,from:u,to:f}=a;l=!d&&!h&&!u&&!f}if(l){const d={...n.applied};delete d[s],n.applied=d,n.pinned.includes(s)||(n.visible=n.visible.filter(h=>h!==s))}else{const d={...n.applied};this._isDateFilterKey(s)&&typeof a=="object"&&!Array.isArray(a)?d[s]={type:"date",field:a.field||"created",kind:a.kind||null,preset:a.preset||null,from:a.from||null,to:a.to||null}:s===m.IMAGE&&typeof a=="object"&&!Array.isArray(a)?d[s]=a:d[s]={type:"string",values:Array.isArray(a)?a:[a],operator:i||":"},n.applied=d,n.visible.includes(s)||(n.visible=[...n.visible,s])}if(this.store.setState({filters:n,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingFilter===s){this._pendingFilter=null;const d=this.renderRoot.querySelector("ap-filters-bar");d&&(d.pendingFilter=null)}}_handleFilterOpen(e){const s=e.detail.key,a=e.detail.chipRect,i=this.renderRoot.querySelector("ap-content-toolbar");let r;if(a){const n=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(n){const l=n.getBoundingClientRect();r=a.left-l.left}}i==null||i.openFilterPanel(s,!0,r)}_handleMetadataFilterOpen(e){const{fieldKey:s,chipRect:a}=e.detail,i=this.renderRoot.querySelector("ap-content-toolbar");let r;if(a){const n=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(n){const l=n.getBoundingClientRect();r=a.left-l.left}}i==null||i.openMetadataFieldPanel(s,!0,r)}_handleFilterPanelChange(e){const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=e.detail.key,s.activeMetadataField=e.detail.metadataFieldKey||null),!e.detail.key&&!e.detail.metadataFieldKey&&(this._pendingFilter||this._pendingMetadataField)&&(this._pendingFilter=null,this._pendingMetadataField=null,s&&(s.pendingFilter=null,s.pendingMetadataField=null))}async _handleFilterPending(e){var f,p,g;const{key:s,metadataFieldKey:a}=e.detail,i=this.renderRoot.querySelector("ap-filters-bar"),r=this.renderRoot.querySelector("ap-content-toolbar");if(!i||!r)return;a?(this._pendingMetadataField=a,i.pendingMetadataField=a):s&&(this._pendingFilter=s,i.pendingFilter=s),await i.updateComplete;let n=i.renderRoot.querySelector(".chip.pending");if(!n){const v=i.renderRoot.querySelectorAll(".chip.pinned-empty"),w=a?(f=i._getMetadataLabel)==null?void 0:f.call(i,a):void 0;for(const b of v){const O=(g=(p=b.querySelector(".chip-label"))==null?void 0:p.textContent)==null?void 0:g.trim();if(a&&O===w){n=b;break}if(s&&O===(ke[s]||s)){n=b;break}}}if(!n)return;const l=n.getBoundingClientRect(),d=this.renderRoot.querySelector(".toolbar-filters-wrapper"),h=d==null?void 0:d.getBoundingClientRect(),u=h?l.left-h.left:l.left;a?r.openMetadataFieldPanel(a,!0,u):s&&r.openFilterPanel(s,!0,u)}_handleFilterRemove(e){var n;const s=e.detail.key;if(s in(((n=this.config)==null?void 0:n.forcedFilters)??{}))return;const i={...this.store.getState().filters},r={...i.applied};delete r[s],i.applied=r,i.pinned.includes(s)||(i.visible=i.visible.filter(l=>l!==s)),this.store.setState({filters:i,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleMetadataFilterChange(e){const{fieldKey:s,operator:a,values:i,metadataType:r}=e.detail,l={...this.store.getState().filters},d={...l.metadata},h={...d.applied};if(!i||Array.isArray(i)&&i.length===0?(delete h[s],d.applied=h,d.pinned.includes(s)||(d.visible=d.visible.filter(f=>f!==s))):(h[s]={type:"string",values:Array.isArray(i)?i:[i],operator:a||":",metadataType:r},d.applied=h,d.visible.includes(s)||(d.visible=[...d.visible,s])),l.metadata=d,this.store.setState({filters:l,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingMetadataField===s){this._pendingMetadataField=null;const f=this.renderRoot.querySelector("ap-filters-bar");f&&(f.pendingMetadataField=null)}}_handleMetadataFieldToggle(e){const{fieldKey:s,visible:a}=e.detail,r={...this.store.getState().filters},n={...r.metadata};a?n.visible.includes(s)||(n.visible=[...n.visible,s]):n.visible=n.visible.filter(l=>l!==s),r.metadata=n,this.store.setState({filters:r})}_handleMetadataFilterRemove(e){const{fieldKey:s}=e.detail,i={...this.store.getState().filters},r={...i.metadata},n={...r.applied};delete n[s],r.applied=n,r.pinned.includes(s)||(r.visible=r.visible.filter(l=>l!==s)),i.metadata=r,this.store.setState({filters:i,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterPin(e){var l,d;const{key:s,pinned:a}=e.detail,r={...this.store.getState().filters};a?r.pinned.includes(s)||(r.pinned=[...r.pinned,s]):(r.pinned=r.pinned.filter(h=>h!==s),s in r.applied||(r.visible=r.visible.filter(h=>h!==s))),this.store.setState({filters:r});const n=((d=(l=this.store.getState().config)==null?void 0:l.auth)==null?void 0:d.projectToken)??null;xi(n,r.pinned)}_handleMetadataPin(e){var d,h;const{fieldKey:s,pinned:a}=e.detail,r={...this.store.getState().filters},n={...r.metadata};a?n.pinned.includes(s)||(n.pinned=[...n.pinned,s]):(n.pinned=n.pinned.filter(u=>u!==s),s in n.applied||(n.visible=n.visible.filter(u=>u!==s))),r.metadata=n,this.store.setState({filters:r});const l=((h=(d=this.store.getState().config)==null?void 0:d.auth)==null?void 0:h.projectToken)??null;$i(l,n.pinned)}_handleFiltersClearAll(){const e=this.store.getState();this.store.setState({filters:{...e.filters,applied:{},visible:[...e.filters.pinned],metadata:{...e.filters.metadata,applied:{},visible:[...e.filters.metadata.pinned]}},offset:0,assets:[],folders:[],isLoading:!0});const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=null),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterDeactivate(e){const s=e.detail.key,i={...this.store.getState().filters};i.visible=i.visible.filter(r=>r!==s),this.store.setState({filters:i})}_handleMetadataFieldDeactivate(e){const{fieldKey:s}=e.detail,i={...this.store.getState().filters},r={...i.metadata};r.visible=r.visible.filter(n=>n!==s),i.metadata=r,this.store.setState({filters:i})}_handleFiltersSet(e){var h;const{applied:s,metadata:a}=e.detail,r={...this.store.getState().filters},n=new Set(Object.keys(((h=this.config)==null?void 0:h.forcedFilters)??{})),l={...s};for(const u of n)delete l[u];r.applied=l;const d=Object.keys(s);if(r.visible=[...new Set([...r.pinned,...d])],a){const u={...r.metadata};u.applied=a.applied;const f=Object.keys(a.applied);u.visible=[...new Set([...u.pinned,...f])],r.metadata=u}this.store.setState({filters:r,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_getSortOptions(){const e=this.storeCtrl.state;return e.searchQuery?Oi:e.activeTab==="folders"?Mi:Ft}_buildSearchNotation(){var i;const e=this.store.getState(),s={...De((i=this.config)==null?void 0:i.forcedFilters),...e.filters.applied};return ni(s,e.filters.metadata.applied).join(" ")}render(){var h,u,f,p,g,v,w,b;const e=this.storeCtrl.state,s=Array.from(e.selectedAssets.keys()),a=this.selectionCtrl.getSelectedAssets(),i=o.html`
       <ap-header
         .activeTab=${e.activeTab}
-        .tabs=${((l=this.config)==null?void 0:l.tabs)??["assets","folders"]}
+        .tabs=${((h=this.config)==null?void 0:h.tabs)??["assets","folders"]}
         .viewMode=${e.viewMode}
         .searchQuery=${e.searchQuery}
         .regionalGroups=${e.regionalVariantGroups}
@@ -5613,8 +5675,21 @@
         @regional-change=${this._handleRegionalChange}
         @ap-close=${()=>this._handleCancel("close-button")}
       ></ap-header>
-    `,r=o.html`
-      <div class="content-area">
+    `,r=!!((u=this.config)!=null&&u.uploader),n=o.html`
+      <div class="content-area"
+        @dragenter=${this._onDragEnter}
+        @dragover=${this._onDragOver}
+        @dragleave=${this._onDragLeave}
+        @drop=${this._onDrop}
+      >
+        ${this._isDragOver?o.html`
+          <div class="drop-zone-overlay">
+            <div class="drop-zone-label">
+              <ap-icon name="upload" .size=${32}></ap-icon>
+              Drop files to upload
+            </div>
+          </div>
+        `:o.nothing}
         <div class="main-content">
           ${e.breadcrumb.length>0?o.html`<ap-breadcrumb
                 .items=${e.breadcrumb}
@@ -5626,6 +5701,7 @@
               .isLoading=${e.isLoading}
               .totalCount=${e.totalCount}
               .totalFolderCount=${e.totalFolderCount}
+              .showUpload=${r}
               .sortBy=${e.sortBy}
               .sortDirection=${e.sortDirection}
               .sortOptions=${this._getSortOptions()}
@@ -5635,7 +5711,7 @@
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(ze((d=this.config)==null?void 0:d.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(De((f=this.config)==null?void 0:f.forcedFilters))}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -5645,6 +5721,7 @@
               @metadata-pin=${this._handleMetadataPin}
               @filter-panel-change=${this._handleFilterPanelChange}
               @filter-pending=${this._handleFilterPending}
+              @upload-click=${this._handleUploadClick}
             ></ap-content-toolbar>
 
             <ap-filters-bar
@@ -5655,7 +5732,7 @@
               .labels=${e.labels}
               .pinnedFilters=${e.filters.pinned}
               .pinnedMetadataFields=${e.filters.metadata.pinned}
-              .forcedFilters=${((h=this.config)==null?void 0:h.forcedFilters)??{}}
+              .forcedFilters=${((p=this.config)==null?void 0:p.forcedFilters)??{}}
               @filter-remove=${this._handleFilterRemove}
               @filter-deactivate=${this._handleFilterDeactivate}
               @filter-open=${this._handleFilterOpen}
@@ -5678,11 +5755,11 @@
               .assets=${e.assets}
               .selectedIds=${s}
               .containerToken=${e.projectToken}
-              .showMetadata=${((u=this.config)==null?void 0:u.showMetadata)!==!1}
+              .showMetadata=${((g=this.config)==null?void 0:g.showMetadata)!==!1}
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
-              .multiSelect=${((g=this.config)==null?void 0:g.multiSelect)??!0}
+              .multiSelect=${((v=this.config)==null?void 0:v.multiSelect)??!0}
               @preview-close=${this._handlePreviewClose}
               @preview-navigate=${this._handlePreviewNavigate}
               @asset-select=${this._handleAssetSelect}
@@ -5690,32 +5767,45 @@
               @filter-update=${this._handleFilterUpdate}
             ></ap-preview-panel>`:o.nothing}
       </div>
-    `,n=o.html`
+    `,l=o.html`
       <ap-selection-bar
         .selectedAssets=${a}
         .totalCount=${e.totalCount}
         .isSelectingAll=${e.isSelectingAll}
-        .multiSelect=${((p=this.config)==null?void 0:p.multiSelect)??!0}
-        .maxSelections=${(f=this.config)==null?void 0:f.maxSelections}
+        .multiSelect=${((w=this.config)==null?void 0:w.multiSelect)??!0}
+        .maxSelections=${(b=this.config)==null?void 0:b.maxSelections}
         @selection-confirm=${this._handleSelectionConfirm}
         @selection-clear=${this._handleSelectionClear}
         @selection-deselect=${this._handleSelectionDeselect}
         @select-all=${this._handleSelectAll}
       ></ap-selection-bar>
-    `;return this._isInline?e.isOpen?o.html`
+    `,d=this._isUploaderOpen?o.html`
+      <div class="uploader-overlay">
+        ${this._isInline?o.nothing:o.html`
+          <button class="uploader-close-btn" @click=${()=>this._handleCancel("close-button")} title="Close">
+            <ap-icon name="close" .size=${18}></ap-icon>
+          </button>
+        `}
+        <div class="uploader-body">${this._uploaderEl}</div>
+      </div>
+    `:o.nothing;return this._isInline?e.isOpen?o.html`
         <div class="ap-inline">
-          <div class="inline-header">${i}</div>
-          <div class="inline-content">${r}</div>
-          <div class="inline-footer">${n}</div>
+          ${this._isUploaderOpen?d:o.html`
+            <div class="inline-header">${i}</div>
+            <div class="inline-content">${n}</div>
+            <div class="inline-footer">${l}</div>
+          `}
         </div>
       `:o.nothing:o.html`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${v=>this._handleCancel(v.detail.reason)}
+        @ap-cancel=${O=>this._handleCancel(O.detail.reason)}
       >
-        <div slot="header">${i}</div>
-        ${r}
-        <div slot="footer">${n}</div>
+        ${this._isUploaderOpen?d:o.html`
+          <div slot="header">${i}</div>
+          ${n}
+          <div slot="footer">${l}</div>
+        `}
       </ap-modal>
     `}_renderContent(e,s){var a,i,r;return e.activeTab==="assets"?!e.isLoading&&e.assets.length===0?o.html`
           <div class="empty-state">
@@ -5815,7 +5905,7 @@
         align-items: center;
         justify-content: center;
         padding: 64px 20px;
-        color: var(--ap-muted-foreground, #71717a);
+        color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
         text-align: center;
       }
       .empty-state ap-icon {
@@ -5825,7 +5915,7 @@
       .empty-title {
         font-size: var(--ap-font-size-base, 1rem);
         font-weight: 500;
-        color: var(--ap-foreground, #09090b);
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
         margin-bottom: 4px;
       }
       .empty-desc {
@@ -5844,13 +5934,12 @@
         overflow: hidden;
         display: flex;
         flex-direction: column;
-        background: var(--ap-background, #fff);
+        background: var(--ap-background, oklch(1 0 0));
         font-family: var(--ap-font-family, system-ui, -apple-system, sans-serif);
-        color: var(--ap-foreground, #09090b);
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       }
       .ap-inline .inline-header {
         flex-shrink: 0;
-        border-bottom: 1px solid var(--ap-border, #e4e4e7);
       }
       .ap-inline .inline-content {
         flex: 1;
@@ -5862,4 +5951,90 @@
       .ap-inline .inline-footer {
         flex-shrink: 0;
       }
-    `];let ct=Rt;nr([c.property({type:Object})],ct.prototype,"config");exports.AssetPicker=ct;
+
+      /* Upload drop zone overlay */
+      .drop-zone-overlay {
+        position: absolute;
+        inset: 0;
+        z-index: 100;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--ap-primary-10, oklch(0.65 0.19 258 / 0.08));
+        border: 2px dashed var(--ap-primary, oklch(0.65 0.19 258));
+        border-radius: var(--ap-radius, 8px);
+        pointer-events: none;
+        animation: drop-zone-in 150ms ease-out;
+      }
+      .drop-zone-overlay .drop-zone-label {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+        color: var(--ap-primary, oklch(0.65 0.19 258));
+        font-size: 1rem;
+        font-weight: 500;
+      }
+      @keyframes drop-zone-in {
+        from { opacity: 0; }
+        to { opacity: 1; }
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .drop-zone-overlay { animation: none; }
+      }
+
+      /* Uploader overlay panel — fills the entire modal/inline container */
+      .uploader-overlay {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
+        background: var(--ap-background, #fff);
+        animation: uploader-slide-in 250ms ease-out;
+      }
+      .uploader-close-btn {
+        position: absolute;
+        top: 14px;
+        right: 20px;
+        z-index: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 30px;
+        height: 30px;
+        border: none;
+        border-radius: var(--ap-radius-sm, 6px);
+        background: none;
+        color: var(--ap-muted-foreground, #71717a);
+        cursor: pointer;
+        transition: all 150ms;
+      }
+      .uploader-close-btn:hover {
+        background: var(--ap-muted, #f4f4f5);
+        color: var(--ap-foreground, #09090b);
+      }
+      .uploader-close-btn:focus-visible {
+        outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
+        outline-offset: -2px;
+      }
+      @keyframes uploader-slide-in {
+        from { transform: translateX(100%); }
+        to   { transform: translateX(0); }
+      }
+      @media (prefers-reduced-motion: reduce) {
+        .uploader-overlay { animation: none; }
+      }
+      .uploader-body {
+        flex: 1;
+        overflow: hidden;
+        min-height: 0;
+      }
+      .uploader-body sfx-uploader {
+        display: block;
+        width: 100%;
+        height: 100%;
+        --sfx-up-border: transparent;
+        --sfx-up-radius: 0;
+      }
+    `];let Te=Rt;zt([c.state()],Te.prototype,"_isDragOver");zt([c.state()],Te.prototype,"_isUploaderOpen");zt([c.property({type:Object})],Te.prototype,"config");exports.AssetPicker=Te;