@scaleflex/asset-picker 0.2.0 → 0.2.2

package/dist/{asset-picker-CSsp_Huy.js → asset-picker-CwhiccNc.js}

@@ -1,6 +1,6 @@
-import { css as $, LitElement as w, html as n, nothing as f, svg as ce } from "lit";
-import { property as h, query as Se, customElement as k, state as _ } from "lit/decorators.js";
-class As {
+import { css as $, LitElement as k, html as n, nothing as f, svg as ce } from "lit";
+import { property as h, query as Se, customElement as S, state as _ } from "lit/decorators.js";
+class Ts {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
   }
@@ -31,8 +31,8 @@ class As {
     this.listeners.clear();
   }
 }
-function Ts() {
-  return new As({
+function Ms() {
+  return new Ts({
     config: null,
     projectToken: "",
     sassKey: "",
@@ -92,7 +92,7 @@ class Os {
     (e = this.unsubscribe) == null || e.call(this);
   }
 }
-class Ms {
+class Ps {
   constructor(e, s) {
     this.lastClickedIndex = -1, this.host = e, this.store = s, e.addController(this);
   }
@@ -135,7 +135,7 @@ class Ms {
     return Array.from(this.store.getState().selectedAssets.values());
   }
 }
-class Ps {
+class Ls {
   constructor(e, s) {
     this.host = e, this.onLoadMore = s, e.addController(this);
   }
@@ -157,8 +157,8 @@ class Ps {
     this.observer && this.sentinel && (this.observer.unobserve(this.sentinel), this.observer.disconnect()), this.observer = void 0, this.sentinel = void 0;
   }
 }
-const Kt = 5, Te = 40, Gt = 15;
-class Ls {
+const Gt = 5, Te = 40, Yt = 15;
+class Is {
   constructor(e, s) {
     this.startX = 0, this.startY = 0, this.startClientX = 0, this.startClientY = 0, this.preMarqueeSelection = /* @__PURE__ */ 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 = (i) => this.onMouseDown(i), this.handleMouseMove = (i) => this.onMouseMove(i), this.handleMouseUp = () => this.onMouseUp(), this.host = e, this.store = s, e.addController(this);
   }
@@ -190,7 +190,7 @@ class Ls {
     if (this.container) {
       if (!this._dragging) {
         const s = Math.abs(e.clientX - this.startClientX), i = Math.abs(e.clientY - this.startClientY);
-        if (s < Kt && i < Kt) return;
+        if (s < Gt && i < Gt) return;
         this._dragging = !0, this.isActive = !0, this.preMarqueeSelection = new Map(this.store.getState().selectedAssets);
       }
       this._lastMouseEvent = e, this.updateMarqueeRect(e), this.startAutoScroll(e);
@@ -215,7 +215,7 @@ class Ls {
     if (this._scrollRAF = null, !this.container || !this._dragging || !this._lastMouseEvent) return;
     const e = this.container.getBoundingClientRect(), s = this._lastMouseEvent, i = s.clientY - e.top, a = e.bottom - s.clientY;
     let r = 0;
-    i < Te ? r = -Gt * (1 - i / Te) : a < Te && (r = Gt * (1 - a / Te)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
+    i < Te ? r = -Yt * (1 - i / Te) : a < Te && (r = Yt * (1 - a / Te)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
   }
   stopAutoScroll() {
     this._scrollRAF && (cancelAnimationFrame(this._scrollRAF), this._scrollRAF = null);
@@ -255,7 +255,7 @@ class Ls {
       this.store.setState({ selectedAssets: s });
   }
 }
-class Is {
+class Ds {
   constructor(e, s) {
     this.auth = e;
     const i = e.projectToken;
@@ -338,7 +338,7 @@ class Is {
     }
   }
 }
-function Ds(t) {
+function zs(t) {
   const e = {
     offset: t.offset ?? 0,
     limit: t.limit ?? 100,
@@ -357,17 +357,17 @@ function Ds(t) {
   return t.search && r.push(t.search), t.q && r.push(t.q), r.length > 0 && (e.q = r.join(" ")), e;
 }
 async function tt(t, e) {
-  const s = Ds(e);
+  const s = zs(e);
   return t.request("/files", s);
 }
-async function Yt(t, e) {
+async function Xt(t, e) {
   const s = {
     folder: e.folder,
     recursive: e.recursive ?? 1
   }, i = [];
   return e.search && i.push(e.search), e.q && i.push(e.q), i.length > 0 && (s.q = i.join(" ")), t.request("/files/stats", s);
 }
-async function zs(t, e) {
+async function Rs(t, e) {
   const s = {
     recursive: (e == null ? void 0 : e.recursive) ?? 0,
     folder: (e == null ? void 0 : e.folderPath) ?? "/",
@@ -382,16 +382,16 @@ async function zs(t, e) {
   };
   return s.sort = `${r[i] || i}:${a}`, await t.request("/folders", s);
 }
-async function Rs(t, e) {
+async function Ns(t, e) {
   return e.length === 0 ? {} : (await t.post(
     "/folders/previews",
     { folders: e }
   )).folders || {};
 }
-async function Ns(t) {
+async function js(t) {
   return await t.request("/labels");
 }
-async function js(t) {
+async function Us(t) {
   return ((await t.request("/tags")).tags || []).map((i) => ({
     ...i,
     label: i.names.en || Object.values(i.names)[0] || ""
@@ -416,12 +416,12 @@ const m = {
   PRODUCT_REF: "product_ref",
   FACES: "faces",
   COLOR: "color"
-}, V = {
+}, B = {
   STATUS: "approval_status",
   APPROVER: "task_approver",
   REQUESTOR: "task_requester",
   DUE_DATE: "task_duedate"
-}, x = {
+}, w = {
   IS: ":",
   RANGE: "..",
   IS_NOT: ":-",
@@ -430,9 +430,9 @@ const m = {
   CONTAINS_IN_TEXT: "~~~",
   GREATER_THAN_OR_EQUAL: ">=",
   LESS_THAN_OR_EQUAL: "<="
-}, Us = {
+}, Vs = {
   AND: "AND"
-}, C = {
+}, x = {
   NUMERIC: "numeric",
   SELECT_ONE: "select-one",
   MULTI_SELECT: "multi-select",
@@ -447,36 +447,36 @@ const m = {
   DECIMAL2: "decimal2",
   INTEGER_LIST: "integer-list"
 }, vt = {
-  [C.DATE]: "date_",
-  [C.BOOLEAN]: "bool_",
-  [C.NUMERIC]: "num_",
-  [C.DECIMAL2]: "dec_",
-  [C.ATTACHMENTS_ASSETS]: "attach_",
-  [C.ATTACHMENT_URI]: "uri_",
-  [C.SELECT_ONE]: "one_",
-  [C.MULTI_SELECT]: "multi_",
-  [C.SUPERTAGS]: "tags_",
-  [C.TEXT]: "text_",
-  [C.TEXT_AREA]: "area_",
-  [C.GEO_POINT]: "geo_",
-  [C.INTEGER_LIST]: "intlist_"
+  [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(vt).map(([t, e]) => [e, t])
 );
-const is = Object.values(vt), Be = {
+const rs = Object.values(vt), Ue = {
   PRESET: "preset",
   AFTER: "after",
   BEFORE: "before",
   BETWEEN: "between",
   SPECIFIC: "specific"
-}, Xt = {
+}, Wt = {
   EMPTY: "empty",
   NOT_EMPTY: "non-empty"
-}, K = "empty", G = "non-empty", be = "specific", xt = 10, $t = 10, st = 10, rs = "filters:pinned:", os = "metadata:pinned:", Wt = [
+}, K = "empty", G = "non-empty", be = "specific", xt = 10, wt = 10, st = 10, os = "filters:pinned:", ns = "metadata:pinned:", Qt = [
   m.DATE,
   m.TYPE
-], ns = x.IS, it = "20", rt = "1", Vs = 0, qs = [
+], ls = w.IS, it = "20", rt = "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" },
@@ -486,21 +486,21 @@ const is = Object.values(vt), Be = {
   { 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" }
-], Hs = {
+], Ks = {
   key: m.METADATA,
   label: "Metadata",
   icon: "file-text",
   type: "string"
-}, Ks = {
+}, Gs = {
   key: m.APPROVAL,
   label: "Approval",
   icon: "badge-check",
   type: "string"
-}, Mt = [
-  Hs,
-  ...qs,
-  Ks
-], Oe = {
+}, Pt = [
+  Ks,
+  ...Hs,
+  Gs
+], Me = {
   [m.TYPE]: "Format",
   [m.DATE]: "Date",
   [m.SIZE]: "Size",
@@ -521,7 +521,7 @@ const is = Object.values(vt), Be = {
   DESIGN_TEMPLATE: "template_fdt",
   OTHER: "other",
   FONTS: "font"
-}, ls = [
+}, cs = [
   { value: le.IMAGE, label: "Image", icon: "image" },
   { value: le.VIDEO, label: "Video", icon: "clapperboard" },
   { value: le.AUDIO, label: "Audio", icon: "music" },
@@ -530,28 +530,28 @@ const is = Object.values(vt), Be = {
   { value: le.DESIGN_TEMPLATE, label: "Design template", icon: "layout-template" },
   { value: le.FONTS, label: "Fonts", icon: "text" },
   { value: le.OTHER, label: "Other", icon: "layout-grid" }
-], wt = {
+], $t = {
   RESOLUTION: 0,
   ORIENTATION: 1,
   FACES: 2
-}, Gs = [
+}, Ys = [
   { value: "small", label: "Small" },
   { value: "medium", label: "Medium" },
   { value: "large", label: "Large" }
-], Ys = [
+], Xs = [
   { value: "portrait", label: "Portrait" },
   { value: "landscape", label: "Landscape" },
   { value: "square", label: "Square" },
   { value: "panorama", label: "Panorama" }
-], Xs = [
+], Ws = [
   { value: "none", label: "None" },
   { value: "1", label: "1" },
   { value: "2", label: "2" },
   { value: "3..", label: "3+" }
-], cs = [
+], ds = [
   { value: "created", label: "Created at" },
   { value: "updated", label: "Updated at" }
-], Lt = [
+], It = [
   { value: "today", label: "Today" },
   { value: "before", label: "Before date" },
   { value: "last_week", label: "Last week" },
@@ -559,7 +559,7 @@ const is = Object.values(vt), Be = {
   { value: "last_month", label: "Last month" },
   { value: "between", label: "Between dates" },
   { value: "last_year", label: "Last year" }
-], ds = [
+], ps = [
   { value: "today", label: "Today" },
   { value: "before", label: "Before date" },
   { value: "within_week", label: "Within week" },
@@ -568,7 +568,7 @@ const is = Object.values(vt), Be = {
   { value: "between", label: "Between dates" },
   { value: "within_year", label: "Within year" },
   { value: "specific", label: "Specific date" }
-], Ws = [
+], Qs = [
   { value: "today", label: "Today" },
   { value: "before", label: "Before date" },
   { value: "within_week", label: "Within week" },
@@ -577,7 +577,7 @@ const is = Object.values(vt), Be = {
   { value: "between", label: "Between dates" },
   { value: "within_year", label: "Within year" },
   { value: "specific", label: "Specific date" }
-], Qs = [
+], Zs = [
   "#ffffff",
   "#99a1af",
   "#000000",
@@ -591,34 +591,34 @@ const is = Object.values(vt), Be = {
   "#1447e6",
   "#7f22fe",
   "#e60076"
-], Zs = [
+], Js = [
   { label: "None (Exact)", value: "0" },
   { label: "Small", value: "1" },
   { label: "Medium", value: "2" },
   { label: "Large", value: "4" }
 ], kt = [
-  { label: "Is", value: x.IS },
-  { label: "Contains", value: x.CONTAINS_IN_TEXT }
+  { label: "Is", value: w.IS },
+  { label: "Contains", value: w.CONTAINS_IN_TEXT }
 ], ee = [
-  { label: "Is", value: x.IS },
-  { label: "Is not", value: x.IS_NOT }
+  { label: "Is", value: w.IS },
+  { label: "Is not", value: w.IS_NOT }
 ], St = [
-  { label: "Is", value: x.IS_EXACT },
-  { label: "Contains", value: x.IS },
-  { label: "Does not contain", value: x.IS_NOT }
+  { label: "Is", value: w.IS_EXACT },
+  { label: "Contains", value: w.IS },
+  { label: "Does not contain", value: w.IS_NOT }
 ], Ct = [
-  { label: "Is", value: x.IS },
-  { label: "Greater than", value: x.GREATER_THAN_OR_EQUAL },
-  { label: "Is not", value: x.IS_NOT },
-  { label: "Less than", value: x.LESS_THAN_OR_EQUAL },
-  { label: "Between", value: x.RANGE }
-], Js = [
-  { label: "Is", value: x.IS_EXACT },
-  { label: "Is not", value: x.IS_NOT }
-], Qt = [
-  { label: "Contains", value: x.CONTAINS },
-  { label: "Does not contain", value: x.IS_NOT }
+  { label: "Is", value: w.IS },
+  { label: "Greater than", value: w.GREATER_THAN_OR_EQUAL },
+  { label: "Is not", value: w.IS_NOT },
+  { label: "Less than", value: w.LESS_THAN_OR_EQUAL },
+  { label: "Between", value: w.RANGE }
 ], ea = [
+  { label: "Is", value: w.IS_EXACT },
+  { label: "Is not", value: w.IS_NOT }
+], Zt = [
+  { label: "Contains", value: w.CONTAINS },
+  { label: "Does not contain", value: w.IS_NOT }
+], ta = [
   { 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))" },
@@ -629,60 +629,74 @@ const is = Object.values(vt), Be = {
 ], Ft = [
   ...ye,
   { label: "Specific", value: be }
-], ta = [
+], sa = [
   { label: "Empty", value: K },
   { label: "Not empty", value: G },
   { label: "True", value: "true" },
   { label: "False", value: "false" }
-], sa = {
-  [C.TEXT]: "text",
-  [C.TEXT_AREA]: "text",
-  [C.NUMERIC]: "number",
-  [C.DECIMAL2]: "number",
-  [C.BOOLEAN]: "boolean",
-  [C.SELECT_ONE]: "select-one",
-  [C.MULTI_SELECT]: "multi-select",
-  [C.SUPERTAGS]: "tags",
-  [C.DATE]: "date",
-  [C.GEO_POINT]: "geo",
-  [C.ATTACHMENTS_ASSETS]: "attachment",
-  [C.ATTACHMENT_URI]: "attachment",
-  [C.INTEGER_LIST]: "attachment"
+], Et = {
+  [x.DATE]: "calendar",
+  [x.BOOLEAN]: "toggle-left",
+  [x.NUMERIC]: "file-digit",
+  [x.DECIMAL2]: "decimals-arrow-right",
+  [x.ATTACHMENTS_ASSETS]: "paperclip",
+  [x.ATTACHMENT_URI]: "link-2",
+  [x.SELECT_ONE]: "circle-dot",
+  [x.MULTI_SELECT]: "square-check",
+  [x.SUPERTAGS]: "hash",
+  [x.TEXT]: "text-initial",
+  [x.TEXT_AREA]: "text-align-justify",
+  [x.GEO_POINT]: "locate",
+  [x.INTEGER_LIST]: "list-ordered"
+}, aa = {
+  [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 aa(t) {
-  var b, E, y, D;
-  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, r = ((i == null ? void 0 : i.model) ?? [])[Vs], o = i == null ? void 0 : i.store, c = ((o == null ? void 0 : o.regional_variants_groups) ?? []).map((F) => ({
-    uuid: F.uuid,
-    label: F.label ?? F.name ?? "",
-    variants: (F.variants ?? []).map((A) => ({
+async function ia(t) {
+  var b, E;
+  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, r = ((i == null ? void 0 : i.model) ?? [])[qs], o = i == null ? void 0 : i.store, c = ((o == null ? void 0 : o.regional_variants_groups) ?? []).map((y) => ({
+    uuid: y.uuid,
+    label: y.label ?? y.name ?? "",
+    variants: (y.variants ?? []).map((A) => ({
       api_value: A.api_value ?? A.value ?? "",
       internal_unique_value: A.internal_unique_value ?? A.api_value ?? "",
       label: A.label ?? A.name ?? ""
     }))
-  })).filter((F) => F.variants.length > 1), p = {};
-  for (const F of c)
-    p[F.uuid] = ((b = F.variants[0]) == null ? void 0 : b.api_value) ?? "";
+  })).filter((y) => y.variants.length > 1), p = {};
+  for (const y of c)
+    p[y.uuid] = ((b = y.variants[0]) == null ? void 0 : b.api_value) ?? "";
   const u = (s == null ? void 0 : s.project_branding) ?? ((E = e.settings) == null ? void 0 : E.project_branding), v = u == null ? void 0 : u.brandColor;
   if (!r) return { fields: [], regionalVariantGroups: c, regionalFilters: p, brandColor: v };
   const d = r.groups ?? [], g = [];
-  for (const F of d) {
-    const A = ((y = F.name) == null ? void 0 : y.toLowerCase()) === "products" || ((D = F.name) == null ? void 0 : D.toLowerCase()) === "product fields";
-    for (const L of F.fields ?? []) {
-      const I = L.possible_values, N = I == null ? void 0 : I.map((O) => ({
-        api_value: O.api_value ?? O.value ?? "",
-        internal_unique_value: O.internal_unique_value ?? O.api_value ?? "",
-        label: O.label ?? O.name ?? O.api_value ?? ""
+  for (const y of d) {
+    const A = y.name || "Root fields";
+    for (const F of y.fields ?? []) {
+      const I = F.possible_values, H = I == null ? void 0 : I.map((T) => ({
+        api_value: T.api_value ?? T.value ?? "",
+        internal_unique_value: T.internal_unique_value ?? T.api_value ?? "",
+        label: T.label ?? T.name ?? T.api_value ?? ""
       }));
       g.push({
         // Use field.key (not ckey) — this is what a.meta uses as keys
-        key: L.key ?? L.ckey,
-        label: L.title ?? L.label ?? L.key ?? "",
-        type: L.type ?? "text",
-        slug: L.slug,
-        ckey: L.ckey,
-        possible_values: N,
-        group: A ? "product" : "root",
-        regionalVariantsGroupUuid: L.regional_variants_group_uuid
+        key: F.key ?? F.ckey,
+        label: F.title ?? F.label ?? F.key ?? "",
+        type: F.type ?? "text",
+        slug: F.slug,
+        ckey: F.ckey,
+        possible_values: H,
+        group: A,
+        regionalVariantsGroupUuid: F.regional_variants_group_uuid
       });
     }
   }
@@ -694,7 +708,7 @@ function _e(t) {
 function at() {
   return _e(/* @__PURE__ */ new Date());
 }
-function ps(t) {
+function hs(t) {
   const e = /* @__PURE__ */ new Date();
   switch (t) {
     case "today":
@@ -730,30 +744,30 @@ function ps(t) {
       return null;
   }
 }
-function Zt(t, e) {
-  return e ? e.type === "date" ? ia(e) : e.type === "string" ? ra(e) : !0 : !1;
+function Jt(t, e) {
+  return e ? e.type === "date" ? ra(e) : e.type === "string" ? oa(e) : !0 : !1;
 }
-function ia(t) {
+function ra(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 ra(t) {
+function oa(t) {
   return !t.values || !Array.isArray(t.values) ? !1 : t.values.filter(Boolean).length > 0;
 }
-function oa(t, e = {}) {
+function na(t, e = {}) {
   const s = [];
   for (const [i, a] of Object.entries(t)) {
-    if (!a || !Zt(i, a)) continue;
-    const r = la(i, a);
+    if (!a || !Jt(i, a)) continue;
+    const r = ca(i, a);
     s.push(...r);
   }
   for (const [i, a] of Object.entries(e)) {
-    if (!a || !Zt(i, a)) continue;
-    const r = ua(i, a);
+    if (!a || !Jt(i, a)) continue;
+    const r = ga(i, a);
     s.push(...r);
   }
-  return na(s);
+  return la(s);
 }
-function na(t) {
+function la(t) {
   const e = [], s = [], i = [];
   for (const a of t)
     a.startsWith("type:") || a.startsWith("type=") ? e.push(a) : a.startsWith("mimetype:") || a.startsWith("mimetype=") ? s.push(a) : i.push(a);
@@ -764,49 +778,49 @@ function na(t) {
     i.push(...e, ...s);
   return i;
 }
-function la(t, e) {
+function ca(t, e) {
   if (e.type === "date")
-    return hs(t, e);
+    return us(t, e);
   if (t === m.IMAGE)
-    return ha(e);
-  const s = e, { operator: i = ns, values: a = [], logic: r } = s;
+    return ua(e);
+  const s = e, { operator: i = ls, values: a = [], logic: r } = s;
   if (a.length === 0) return [];
   switch (t) {
     case m.SIZE:
-      return ca(t, a, "..");
+      return da(t, a, "..");
     case m.FACES:
-      return da(t, i, a);
+      return pa(t, i, a);
     case m.TAGS:
-      return xe(t, i, es(a), ",", r);
+      return xe(t, i, ts(a), ",", r);
     case m.LABELS:
-      return xe(t, i, es(a), ",", r);
+      return xe(t, i, ts(a), ",", r);
     case m.COLOR:
-      return pa(i, a, r);
+      return ha(i, a, r);
     case m.TYPE:
-      return Jt(t, a, i);
+      return es(t, a, i);
     case m.MIME_TYPE:
-      return Jt(t, a, i);
+      return es(t, a, i);
     case m.PRODUCT_REF:
       return xe(t, "=%", a, ",", r);
     default:
       return xe(t, i, a, ",", r);
   }
 }
-function hs(t, e) {
+function us(t, e) {
   const s = e.field || "created";
-  if (e.kind === Be.PRESET && e.preset) {
-    if (e.preset === Xt.EMPTY)
+  if (e.kind === Ue.PRESET && e.preset) {
+    if (e.preset === Wt.EMPTY)
       return [`${s}:"empty"`];
-    if (e.preset === Xt.NOT_EMPTY)
+    if (e.preset === Wt.NOT_EMPTY)
       return [`${s}:"non-empty"`];
-    const i = ps(e.preset);
+    const i = hs(e.preset);
     return i ? i.to === null ? [`${s}>"${i.from}"`] : [`${s}:"${i.from}..${i.to}"`] : [];
   }
-  if (e.kind === Be.AFTER && e.from)
+  if (e.kind === Ue.AFTER && e.from)
     return [`${s}:>"${e.from}"`];
-  if (e.kind === Be.BEFORE && e.to)
+  if (e.kind === Ue.BEFORE && e.to)
     return [`${s}:<"${e.to}"`];
-  if (e.kind === Be.BETWEEN) {
+  if (e.kind === Ue.BETWEEN) {
     if (e.from && e.to)
       return [`${s}:"${e.from}..${e.to}"`];
     if (e.from && !e.to)
@@ -814,52 +828,52 @@ function hs(t, e) {
     if (!e.from && e.to)
       return [`${s}:<"${e.to}"`];
   }
-  return e.kind === Be.SPECIFIC && e.from ? [`${s}:"${e.from}"`] : [];
+  return e.kind === Ue.SPECIFIC && e.from ? [`${s}:"${e.from}"`] : [];
 }
-function ca(t, e, s) {
+function da(t, e, s) {
   return e.length === 0 ? [] : [`${t}:"${e.join(s)}"`];
 }
-function da(t, e, s) {
+function pa(t, e, s) {
   return s.length === 0 ? [] : [`${t}${e}"${s.join(",")}"`];
 }
 function xe(t, e, s, i, a) {
   if (s.length === 0) return [];
-  if (a === Us.AND)
+  if (a === Vs.AND)
     return s.map((o) => `${t}${e}"${o}"`);
   const r = s.map((o) => `"${o}"`).join(i);
   return [`${t}${e}${r}`];
 }
-function pa(t, e, s) {
+function ha(t, e, s) {
   const i = [], a = xe("color_search", t, e, ",", s);
   return i.push(...a), i.push('color_operator:"AND"'), i;
 }
-function Jt(t, e, s, i) {
+function es(t, e, s, i) {
   if (e.length === 0) return [];
   const a = e.map((r) => `"${r}"`).join(",");
   return [`${t}${s}${a}`];
 }
-function ha(t) {
+function ua(t) {
   const e = [];
   if (typeof t == "object" && t !== null && !Array.isArray(t)) {
     const o = t, l = o.resolution, c = o.orientation, p = o.faces;
     return l != null && l.length && e.push(`resolution:"${l.join(",")}"`), c != null && c.length && e.push(`orientation:"${c.join(",")}"`), p != null && p.length && e.push(`faces:"${p.join(",")}"`), e;
   }
-  const s = t, i = s[wt.RESOLUTION], a = s[wt.ORIENTATION], r = s[wt.FACES];
+  const s = t, i = s[$t.RESOLUTION], a = s[$t.ORIENTATION], r = s[$t.FACES];
   return i && e.push(`resolution:"${i}"`), a && e.push(`orientation:"${a}"`), r && e.push(`faces:"${r}"`), e;
 }
-function ua(t, e) {
-  const s = va(t), i = fa(t);
+function ga(t, e) {
+  const s = ma(t), i = va(t);
   if (e.type === "date")
-    return ga(s, e, i);
-  const a = e, { operator: r = ns, values: o = [], logic: l, metadataType: c } = a;
+    return fa(s, e, i);
+  const a = e, { operator: r = ls, values: o = [], logic: l, metadataType: c } = a;
   if (o.length === 0) return [];
   if (o.length === 1 && (o[0] === K || o[0] === G)) {
-    const p = c === C.GEO_POINT ? x.IS + "~" : x.IS;
+    const p = c === x.GEO_POINT ? w.IS + "~" : w.IS;
     return [`${s}${p}"${o[0]}"`];
   }
-  if ((c === C.NUMERIC || c === C.DECIMAL2) && r === x.RANGE)
-    return [`${s}${x.IS}"${o.join('","')}"`];
-  if (c === C.GEO_POINT) {
+  if ((c === x.NUMERIC || c === x.DECIMAL2) && r === w.RANGE)
+    return [`${s}${w.IS}"${o.join('","')}"`];
+  if (c === x.GEO_POINT) {
     const p = o.map((u) => {
       const v = u.indexOf("..");
       if (v === -1) return `(${u})`;
@@ -870,8 +884,8 @@ function ua(t, e) {
   }
   return xe(s, r, o, ",", l);
 }
-function ga(t, e, s) {
-  const i = hs(t, e);
+function fa(t, e, s) {
+  const i = us(t, e);
   return !s || i.length === 0 ? i : i.map((a) => {
     const r = a.search(/[^a-zA-Z0-9_]/);
     if (r === -1) return `"${a}"`;
@@ -879,32 +893,32 @@ function ga(t, e, s) {
     return `"${o}${c}"`;
   });
 }
-function fa(t) {
+function va(t) {
   return t.startsWith("date_");
 }
-function va(t) {
-  for (const e of is)
+function ma(t) {
+  for (const e of rs)
     if (t.startsWith(e))
       return t.slice(e.length);
   return t;
 }
-function es(t) {
+function ts(t) {
   return t.map((e) => e.replace(/#/g, ""));
 }
-const ma = /* @__PURE__ */ new Set([
+const ba = /* @__PURE__ */ new Set([
   m.DATE,
   m.LICENSE_EXPIRY,
-  V.DUE_DATE
+  B.DUE_DATE
 ]);
-function Ue(t) {
+function Be(t) {
   if (!t) return {};
   const e = {};
   for (const [s, i] of Object.entries(t))
-    i && (e[s] = ba(s, i));
+    i && (e[s] = _a(s, i));
   return e;
 }
-function ba(t, e) {
-  return e.type === "string" || e.type === "date" ? e : ma.has(t) ? {
+function _a(t, e) {
+  return e.type === "string" || e.type === "date" ? e : ba.has(t) ? {
     type: "date",
     field: e.field ?? "created",
     kind: e.kind ?? null,
@@ -918,13 +932,13 @@ function ba(t, e) {
     ...e.logic !== void 0 && { logic: e.logic }
   };
 }
-function _a(t) {
-  const e = localStorage.getItem(rs + t), s = localStorage.getItem(os + t);
+function ya(t) {
+  const e = localStorage.getItem(os + t), s = localStorage.getItem(ns + t);
   let i;
   try {
-    i = e ? JSON.parse(e) : [...Wt];
+    i = e ? JSON.parse(e) : [...Qt];
   } catch {
-    i = [...Wt];
+    i = [...Qt];
   }
   let a;
   try {
@@ -934,70 +948,70 @@ function _a(t) {
   }
   return { pinnedFilters: i, pinnedMetadata: a };
 }
-function ya(t, e) {
-  localStorage.setItem(rs + t, JSON.stringify(e));
-}
 function xa(t, e) {
   localStorage.setItem(os + t, JSON.stringify(e));
 }
-const us = "sort-by", gs = "sort-order";
-function ts(t, e) {
+function wa(t, e) {
+  localStorage.setItem(ns + t, JSON.stringify(e));
+}
+const gs = "sort-by", fs = "sort-order";
+function ss(t, e) {
   try {
-    localStorage.setItem(us, t), localStorage.setItem(gs, e);
+    localStorage.setItem(gs, t), localStorage.setItem(fs, e);
   } catch {
   }
 }
 function $a() {
   try {
-    const t = localStorage.getItem(us), e = localStorage.getItem(gs);
+    const t = localStorage.getItem(gs), e = localStorage.getItem(fs);
     return { sortBy: t, sortDirection: e };
   } catch {
     return { sortBy: null, sortDirection: null };
   }
 }
-const fs = "ap-last-folder", vs = "ap-last-view";
-function ss(t) {
+const vs = "ap-last-folder", ms = "ap-last-view";
+function as(t) {
   try {
-    localStorage.setItem(fs, t);
+    localStorage.setItem(vs, t);
   } catch {
   }
 }
-function wa() {
+function ka() {
   try {
-    return localStorage.getItem(fs);
+    return localStorage.getItem(vs);
   } catch {
     return null;
   }
 }
-function ka(t) {
+function Sa(t) {
   try {
-    localStorage.setItem(vs, t);
+    localStorage.setItem(ms, t);
   } catch {
   }
 }
-function Sa() {
+function Ca() {
   try {
-    return localStorage.getItem(vs);
+    return localStorage.getItem(ms);
   } catch {
     return null;
   }
 }
-function Ca(t) {
+function Fa(t) {
   const e = t.replace("#", ""), s = e.length === 3 ? e[0] + e[0] + e[1] + e[1] + e[2] + e[2] : e, i = parseInt(s.slice(0, 2), 16) / 255, a = parseInt(s.slice(2, 4), 16) / 255, r = parseInt(s.slice(4, 6), 16) / 255;
   return [i, a, r];
 }
-function Et(t) {
+function At(t) {
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
-function Fa(t, e, s) {
-  const i = Et(t), a = Et(e), r = Et(s), o = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * r, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * r, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * r, p = Math.cbrt(o), u = Math.cbrt(l), v = Math.cbrt(c), d = 0.2104542553 * p + 0.793617785 * u - 0.0040720468 * v, g = 1.9779984951 * p - 2.428592205 * u + 0.4505937099 * v, b = 0.0259040371 * p + 0.7827717662 * u - 0.808675766 * v, E = Math.sqrt(g * g + b * b);
+function Ea(t, e, s) {
+  const i = At(t), a = At(e), r = At(s), o = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * r, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * r, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * r, p = Math.cbrt(o), u = Math.cbrt(l), v = Math.cbrt(c), d = 0.2104542553 * p + 0.793617785 * u - 0.0040720468 * v, g = 1.9779984951 * p - 2.428592205 * u + 0.4505937099 * v, b = 0.0259040371 * p + 0.7827717662 * u - 0.808675766 * v, E = Math.sqrt(g * g + b * b);
   let y = Math.atan2(b, g) * (180 / Math.PI);
   return y < 0 && (y += 360), [d, E, y];
 }
-function Ea(t) {
+function Aa(t) {
   return t > 0.7;
 }
-function Aa(t, e) {
+function Ta(t, e) {
   const s = [
     "--ap-primary",
     "--ap-primary-foreground",
@@ -1013,18 +1027,18 @@ function Aa(t, e) {
       t.style.removeProperty(v);
     return;
   }
-  const [i, a, r] = Ca(e), [o, l, c] = Fa(i, a, r), p = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = Ea(o) ? "#000" : "#fff";
+  const [i, a, r] = Fa(e), [o, l, c] = Ea(i, a, r), p = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = Aa(o) ? "#000" : "#fff";
   t.style.setProperty("--ap-primary", p), t.style.setProperty("--ap-primary-foreground", u), t.style.setProperty("--ap-primary-10", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.1)`), t.style.setProperty("--ap-primary-20", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.2)`), t.style.setProperty("--ap-accent", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.07)`), t.style.setProperty("--ap-accent-foreground", p), t.style.setProperty("--ap-ring", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.7)`), t.style.setProperty("--ap-selection-bg", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.08)`);
 }
-const It = [
+const Dt = [
   { value: "name", label: "Name" },
   { value: "created_at", label: "Uploaded" },
   { value: "modified_at", label: "Modified" },
   { value: "size", label: "Size" },
   { value: "type", label: "Format" }
-], Ta = [
+], Ma = [
   { value: "relevance", label: "Relevance" },
-  ...It
+  ...Dt
 ], Oa = [
   { value: "name", label: "Name" },
   { value: "created_at", label: "Uploaded" },
@@ -1032,12 +1046,12 @@ const It = [
   { value: "files_count_recursive", label: "Assets count" },
   { value: "files_size_recursive", label: "Assets size" }
 ];
-var Ma = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Dt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Pa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Pa = Object.defineProperty, La = Object.getOwnPropertyDescriptor, zt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? La(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ma(e, s, a), a;
+  return i && a && Pa(e, s, a), a;
 };
-let qe = class extends w {
+let qe = class extends k {
   constructor() {
     super(...arguments), this.open = !1;
   }
@@ -1158,16 +1172,16 @@ qe.styles = $`
       }
     }
   `;
-Dt([
+zt([
   h({ type: Boolean })
 ], qe.prototype, "open", 2);
-Dt([
+zt([
   Se("dialog")
 ], qe.prototype, "dialog", 2);
-qe = Dt([
-  k("ap-modal")
+qe = zt([
+  S("ap-modal")
 ], qe);
-function La(t, e) {
+function Ia(t, e) {
   let s;
   const i = ((...a) => {
     clearTimeout(s), s = setTimeout(() => t(...a), e);
@@ -1179,12 +1193,12 @@ const ie = $`
     box-sizing: border-box;
   }
 `;
-var Ia = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, mt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Da(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Da = Object.defineProperty, za = Object.getOwnPropertyDescriptor, mt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? za(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ia(e, s, a), a;
+  return i && a && Da(e, s, a), a;
 };
-let Pe = class extends w {
+let Pe = class extends k {
   constructor() {
     super(...arguments), this.groups = [], this.selectedFilters = {}, this._open = !1, this._handleOutsideClick = (t) => {
       this._open && !t.composedPath().includes(this) && (this._open = !1);
@@ -1338,20 +1352,20 @@ mt([
   _()
 ], Pe.prototype, "_open", 2);
 Pe = mt([
-  k("ap-regional-settings")
+  S("ap-regional-settings")
 ], Pe);
-var za = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, re = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ra(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ra = Object.defineProperty, Na = Object.getOwnPropertyDescriptor, re = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Na(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && za(e, s, a), a;
+  return i && a && Ra(e, s, a), a;
 };
-const Na = [
+const ja = [
   { value: "assets", label: "Assets", icon: "gallery-vertical-end" },
   { value: "folders", label: "Folders", icon: "folder-open" }
 ];
-let W = class extends w {
+let W = class extends k {
   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 = La((t) => {
+    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 = Ia((t) => {
       (t.length === 0 || t.length >= 3) && this.dispatchEvent(new CustomEvent("search-change", { detail: { value: t }, bubbles: !0, composed: !0 }));
     }, 300);
   }
@@ -1387,7 +1401,7 @@ let W = class extends w {
   }
   render() {
     var e, s;
-    const t = Na.filter((i) => this.tabs.includes(i.value));
+    const t = ja.filter((i) => this.tabs.includes(i.value));
     return ((e = t.find((i) => i.value === this.activeTab)) == null ? void 0 : e.label) ?? ((s = t[0]) == null || s.label), n`
       <div class="header-row">
         ${t.length > 1 ? n`<ap-dropdown
@@ -1566,14 +1580,14 @@ re([
   _()
 ], W.prototype, "_localSearch", 2);
 W = re([
-  k("ap-header")
+  S("ap-header")
 ], W);
-var ja = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, ms = (t, e, s, i) => {
+var Ua = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, bs = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ba(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ja(e, s, a), a;
+  return i && a && Ua(e, s, a), a;
 };
-let ot = class extends w {
+let ot = class extends k {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -1628,18 +1642,18 @@ ot.styles = $`
       color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
   `;
-ms([
+bs([
   h({ type: Array })
 ], ot.prototype, "items", 2);
-ot = ms([
-  k("ap-breadcrumb")
+ot = bs([
+  S("ap-breadcrumb")
 ], ot);
-var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, zt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Va(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Va = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Rt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? qa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ua(e, s, a), a;
+  return i && a && Va(e, s, a), a;
 };
-let He = class extends w {
+let He = class extends k {
   constructor() {
     super(...arguments), this.title = "", this.open = !1;
   }
@@ -1658,7 +1672,7 @@ He.styles = $`
     }
     .popover {
       position: absolute;
-      top: calc(100% + 8px);
+      top: calc(100% + 4px);
       left: 20px;
       z-index: 50;
       width: 320px;
@@ -1678,21 +1692,21 @@ He.styles = $`
       margin-bottom: 12px;
     }
   `;
-zt([
+Rt([
   h()
 ], He.prototype, "title", 2);
-zt([
+Rt([
   h({ type: Boolean })
 ], He.prototype, "open", 2);
-He = zt([
-  k("ap-filter-popover")
+He = Rt([
+  S("ap-filter-popover")
 ], He);
-var qa = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, bs = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ha(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ha = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, _s = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ka(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && qa(e, s, a), a;
+  return i && a && Ha(e, s, a), a;
 };
-let nt = class extends w {
+let nt = class extends k {
   constructor() {
     super(...arguments), this.selected = [];
   }
@@ -1703,7 +1717,7 @@ let nt = class extends w {
         detail: {
           key: m.TYPE,
           values: e,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -1714,7 +1728,7 @@ let nt = class extends w {
     return n`
       <div class="options">
         <span class="section-label">Formats</span>
-        ${ls.map(
+        ${cs.map(
       (t) => n`
             <div
               class="option ${this.selected.includes(t.value) ? "selected" : ""}"
@@ -1780,11 +1794,11 @@ nt.styles = $`
       color: var(--ap-primary, oklch(0.578 0.198 268.129));
     }
   `;
-bs([
+_s([
   h({ type: Array })
 ], nt.prototype, "selected", 2);
-nt = bs([
-  k("ap-filter-type")
+nt = _s([
+  S("ap-filter-type")
 ], nt);
 const oe = $`
   :host {
@@ -1903,6 +1917,28 @@ const oe = $`
     color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
 
+  /* ── Date input: Lucide calendar icon ── */
+  .filter-input[type="date"]::-webkit-calendar-picker-indicator {
+    opacity: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+  }
+  .filter-input[type="date"] {
+    position: relative;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 10px center;
+    background-size: 16px 16px;
+    padding-right: 32px;
+  }
+  .input-label:has(+ .filter-input[type="date"]) {
+    font-weight: 400;
+  }
+
   textarea.filter-input {
     min-height: 60px;
     resize: vertical;
@@ -2039,15 +2075,15 @@ const oe = $`
     color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
 `;
-var Ka = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Ce = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ga(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ga = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, Ce = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ya(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ka(e, s, a), a;
+  return i && a && Ga(e, s, a), a;
 };
-function At(t) {
+function Tt(t) {
   return t.toISOString().split("T")[0];
 }
-let te = class extends w {
+let te = class extends k {
   constructor() {
     super(...arguments), this.filterKey = m.DATE, this.field = "created", this.kind = null, this.preset = "", this.from = "", this.to = "";
   }
@@ -2055,10 +2091,10 @@ let te = class extends w {
     return this.filterKey === m.LICENSE_EXPIRY;
   }
   get _rangeOptions() {
-    return this._isLicenseExpiry ? ds : Lt;
+    return this._isLicenseExpiry ? ps : It;
   }
   get _todayStr() {
-    return At(/* @__PURE__ */ new Date());
+    return Tt(/* @__PURE__ */ new Date());
   }
   get _hasFilter() {
     return !!(this.kind || this.preset || this.from || this.to);
@@ -2076,7 +2112,7 @@ let te = class extends w {
       this.from = "", this.to = "", this.requestUpdate();
       return;
     }
-    const s = ps(t);
+    const s = hs(t);
     s && (this.from = s.from, this.to = s.to ?? ""), this._dispatchChange();
   }
   _clearAll() {
@@ -2113,7 +2149,7 @@ let te = class extends w {
       <div class="filter-section">
         <span class="section-label">Date type</span>
         <ap-radio-group
-          .options=${cs}
+          .options=${ds}
           .value=${this.field}
           @ap-change=${(t) => this._selectField(t.detail.value)}
         ></ap-radio-group>
@@ -2136,7 +2172,7 @@ let te = class extends w {
   _renderDateInputs() {
     const t = this.preset;
     if (!["before", "after", "between", "specific"].includes(t)) return f;
-    const e = this.from ? At(new Date(this.from)) : "", s = this.to ? At(new Date(this.to)) : "", i = this._todayStr;
+    const e = this.from ? Tt(new Date(this.from)) : "", s = this.to ? Tt(new Date(this.to)) : "", i = this._todayStr;
     return t === "specific" ? n`
         <div class="filter-section date-inputs">
           <div>
@@ -2243,14 +2279,14 @@ Ce([
   h()
 ], te.prototype, "to", 2);
 te = Ce([
-  k("ap-filter-date")
+  S("ap-filter-date")
 ], te);
-var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, ze = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Xa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Xa = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, ze = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Wa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ya(e, s, a), a;
+  return i && a && Xa(e, s, a), a;
 };
-let de = class extends w {
+let de = class extends k {
   constructor() {
     super(...arguments), this.tags = [], this.selected = [], this.filterKey = m.TAGS, this._search = "";
   }
@@ -2281,7 +2317,7 @@ let de = class extends w {
         detail: {
           key: this.filterKey,
           values: s,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2295,7 +2331,7 @@ let de = class extends w {
         detail: {
           key: this.filterKey,
           values: e,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2308,7 +2344,7 @@ let de = class extends w {
         detail: {
           key: this.filterKey,
           values: [],
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2543,14 +2579,14 @@ ze([
   _()
 ], de.prototype, "_search", 2);
 de = ze([
-  k("ap-filter-tags")
+  S("ap-filter-tags")
 ], de);
-var Wa = Object.defineProperty, Qa = Object.getOwnPropertyDescriptor, Qe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Qa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Qa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, Qe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Za(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Wa(e, s, a), a;
+  return i && a && Qa(e, s, a), a;
 };
-let $e = class extends w {
+let we = class extends k {
   constructor() {
     super(...arguments), this.labels = [], this.selected = [], this._search = "";
   }
@@ -2561,7 +2597,7 @@ let $e = class extends w {
     });
   }
   get _atLimit() {
-    return this.selected.length >= $t;
+    return this.selected.length >= wt;
   }
   get _isSearching() {
     return this._search.trim().length > 0;
@@ -2575,7 +2611,7 @@ let $e = class extends w {
         detail: {
           key: m.LABELS,
           values: s,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2589,7 +2625,7 @@ let $e = class extends w {
         detail: {
           key: m.LABELS,
           values: e,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2602,7 +2638,7 @@ let $e = class extends w {
         detail: {
           key: m.LABELS,
           values: [],
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2623,7 +2659,7 @@ let $e = class extends w {
     return n`
       <div
         class="label-item ${s ? "disabled" : ""}"
-        title=${s ? `You can select up to ${$t} labels` : f}
+        title=${s ? `You can select up to ${wt} labels` : f}
         @click=${() => !s && this._toggle(t.sid)}
       >
         <ap-checkbox ?checked=${e}></ap-checkbox>
@@ -2698,14 +2734,14 @@ let $e = class extends w {
         ${this._atLimit ? n`
               <div class="info-alert">
                 <ap-icon name="info" .size=${14}></ap-icon>
-                <span>You can select up to ${$t} labels.</span>
+                <span>You can select up to ${wt} labels.</span>
               </div>
             ` : f}
       </div>
     `;
   }
 };
-$e.styles = [oe, $`
+we.styles = [oe, $`
     .label-item {
       display: flex;
       align-items: center;
@@ -2757,34 +2793,34 @@ $e.styles = [oe, $`
   `];
 Qe([
   h({ type: Array })
-], $e.prototype, "labels", 2);
+], we.prototype, "labels", 2);
 Qe([
   h({ type: Array })
-], $e.prototype, "selected", 2);
+], we.prototype, "selected", 2);
 Qe([
   Se(".search-input")
-], $e.prototype, "_searchInput", 2);
+], we.prototype, "_searchInput", 2);
 Qe([
   _()
-], $e.prototype, "_search", 2);
-$e = Qe([
-  k("ap-filter-labels")
-], $e);
-var Za = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, Re = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ja(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], we.prototype, "_search", 2);
+we = Qe([
+  S("ap-filter-labels")
+], we);
+var Ja = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, Re = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ei(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Za(e, s, a), a;
+  return i && a && Ja(e, s, a), a;
 };
-const Tt = 3, Pt = /^#[0-9A-Fa-f]{6}$/;
-function ei(t) {
+const Mt = 3, Lt = /^#[0-9A-Fa-f]{6}$/;
+function ti(t) {
   const e = t.trim().split(/\s+/);
-  return e.length < 1 || !Pt.test(e[0]) ? null : {
+  return e.length < 1 || !Lt.test(e[0]) ? null : {
     hex: e[0],
     tolerance: e[1] || rt,
     coverage: e[3] || it
   };
 }
-let pe = class extends w {
+let pe = class extends k {
   constructor() {
     super(...arguments), this.values = [], this._colors = [], this._advanced = !1, this._showPalette = !1, this._initialized = !1;
   }
@@ -2798,7 +2834,7 @@ let pe = class extends w {
     if (t.has("values")) {
       const e = [];
       for (const s of this.values) {
-        const i = ei(s);
+        const i = ti(s);
         i && e.push(i);
       }
       (!this._initialized || this.values.length === 0 && this._colors.length > 0) && (this._colors = e, e.length > 0 && (this._advanced = e.some(
@@ -2807,13 +2843,13 @@ let pe = class extends w {
     }
   }
   _selectColor(t) {
-    if (!Pt.test(t)) return;
+    if (!Lt.test(t)) return;
     const e = this._colors.findIndex((s) => s.hex.toLowerCase() === t.toLowerCase());
     if (e >= 0) {
       this._removeColor(e);
       return;
     }
-    this._colors.length >= Tt || (this._colors = [
+    this._colors.length >= Mt || (this._colors = [
       ...this._colors,
       {
         hex: t,
@@ -2833,7 +2869,7 @@ let pe = class extends w {
   }
   _handleHexInput(t, e) {
     let i = e.target.value.trim();
-    if (i.startsWith("#") || (i = "#" + i), !Pt.test(i) || this._colors.some(
+    if (i.startsWith("#") || (i = "#" + i), !Lt.test(i) || this._colors.some(
       (o, l) => l !== t && o.hex.toLowerCase() === i.toLowerCase()
     )) return;
     const r = [...this._colors];
@@ -2877,10 +2913,10 @@ let pe = class extends w {
     );
   }
   _renderPalette() {
-    const t = this._selectedHexes, e = this._colors.length >= Tt;
+    const t = this._selectedHexes, e = this._colors.length >= Mt;
     return n`
       <div class="palette">
-        ${Qs.map(
+        ${Zs.map(
       (s) => {
         const i = t.has(s), a = e && !i;
         return n`
@@ -2917,7 +2953,7 @@ let pe = class extends w {
           <span class="adv-field-label">Difference</span>
           <ap-dropdown
             .value=${t.tolerance}
-            .options=${Zs}
+            .options=${Js}
             @ap-change=${(s) => this._handleToleranceChange(e, s)}
           ></ap-dropdown>
         </div>
@@ -2956,7 +2992,7 @@ let pe = class extends w {
       `;
   }
   render() {
-    const t = this._colors.length === 0 || this._showPalette, e = this._colors.length < Tt && !this._showPalette;
+    const t = this._colors.length === 0 || this._showPalette, e = this._colors.length < Mt && !this._showPalette;
     return n`
       <div class="filter-content">
         <button
@@ -3256,23 +3292,23 @@ Re([
   _()
 ], pe.prototype, "_initialized", 2);
 pe = Re([
-  k("ap-filter-color")
+  S("ap-filter-color")
 ], pe);
-var ti = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Fe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? si(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Fe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ai(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ti(e, s, a), a;
+  return i && a && si(e, s, a), a;
 };
-const ai = {
+const ii = {
   KB: 1 / 1e3,
   MB: 1,
   GB: 1e3
-}, ii = [
+}, ri = [
   // KB disabled until backend supports sub-MB precision
   { value: "MB", label: "MB" },
   { value: "GB", label: "GB" }
 ];
-let se = class extends w {
+let se = class extends k {
   constructor() {
     super(...arguments), this.min = 0, this.max = 0, this._minVal = "", this._maxVal = "", this._unit = "MB", this._initialized = !1;
   }
@@ -3289,7 +3325,7 @@ let se = class extends w {
     this._unit = t.detail.value, this._emitChange();
   }
   _emitChange() {
-    const t = ai[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;
+    const t = ii[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 i;
     if (e !== null && s !== null)
       i = `${e}..${s}`;
@@ -3303,7 +3339,7 @@ let se = class extends w {
           detail: {
             key: m.SIZE,
             values: [],
-            operator: x.RANGE
+            operator: w.RANGE
           },
           bubbles: !0,
           composed: !0
@@ -3316,7 +3352,7 @@ let se = class extends w {
         detail: {
           key: m.SIZE,
           values: [i],
-          operator: x.RANGE
+          operator: w.RANGE
         },
         bubbles: !0,
         composed: !0
@@ -3367,7 +3403,7 @@ let se = class extends w {
           <div>
             <span class="input-label">Unit</span>
             <ap-dropdown
-              .options=${ii}
+              .options=${ri}
               .value=${this._unit}
               @ap-change=${this._setUnit}
             ></ap-dropdown>
@@ -3419,26 +3455,26 @@ Fe([
   _()
 ], se.prototype, "_initialized", 2);
 se = Fe([
-  k("ap-filter-size")
+  S("ap-filter-size")
 ], se);
-var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, bt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? oi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var oi = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, bt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ni(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ri(e, s, a), a;
+  return i && a && oi(e, s, a), a;
 };
-const ni = ce`
+const li = ce`
   <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>
-`, li = ce`
+`, ci = ce`
   <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>
-`, ci = ce`
+`, di = ce`
   <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"/>
@@ -3446,19 +3482,19 @@ const ni = ce`
     <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>
-`, di = ce`
+`, pi = ce`
   <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>
-`, pi = {
-  portrait: ni,
-  landscape: li,
-  square: ci,
-  panorama: di
+`, hi = {
+  portrait: li,
+  landscape: ci,
+  square: di,
+  panorama: pi
 };
-let Le = class extends w {
+let Le = class extends k {
   constructor() {
     super(...arguments), this.selectedResolution = [], this.selectedOrientation = [], this.selectedFaces = [];
   }
@@ -3508,7 +3544,7 @@ let Le = class extends w {
         <div class="filter-section">
           <span class="section-label">Resolution</span>
           <div class="options-horizontal">
-            ${Gs.map(
+            ${Ys.map(
       (t) => n`
                 <ap-checkbox
                   ?checked=${this.selectedResolution.includes(t.value)}
@@ -3524,14 +3560,14 @@ let Le = class extends w {
         <div class="filter-section">
           <span class="section-label">Orientation</span>
           <div class="options-vertical">
-            ${Ys.map(
+            ${Xs.map(
       (t) => n`
                 <ap-checkbox
                   ?checked=${this.selectedOrientation.includes(t.value)}
                   @ap-toggle=${() => {
         this._toggleOrientation(t.value);
       }}
-                ><span class="orientation-label">${pi[t.value]}${t.label}</span></ap-checkbox>
+                ><span class="orientation-label">${hi[t.value]}${t.label}</span></ap-checkbox>
               `
     )}
           </div>
@@ -3540,7 +3576,7 @@ let Le = class extends w {
         <div class="filter-section">
           <span class="section-label">Faces</span>
           <div class="options-horizontal">
-            ${Xs.map(
+            ${Ws.map(
       (t) => n`
                 <ap-checkbox
                   ?checked=${this.selectedFaces.includes(t.value)}
@@ -3590,17 +3626,17 @@ bt([
   h({ type: Array })
 ], Le.prototype, "selectedFaces", 2);
 Le = bt([
-  k("ap-filter-image")
+  S("ap-filter-image")
 ], Le);
-var hi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ui(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ui = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, L = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? gi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && hi(e, s, a), a;
+  return i && a && ui(e, s, a), a;
 };
-function S(t) {
+function C(t) {
   return `${vt[t.type] || ""}${t.key}`;
 }
-let M = class extends w {
+let P = class extends k {
   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 = /* @__PURE__ */ new Set(), this._tagInputs = {}, this._tagSuggestions = {}, this._tagLoading = {}, this._datePresets = {}, this._dateFroms = {}, this._dateTos = {}, this._specificModeFields = /* @__PURE__ */ new Set(), this._selectSearches = {}, this._tagDebounceTimers = {};
   }
@@ -3621,10 +3657,10 @@ let M = class extends w {
     return this.visibleFields.length >= st;
   }
   _getField(t) {
-    return this.fields.find((e) => S(e) === t);
+    return this.fields.find((e) => C(e) === t);
   }
   _getUIType(t) {
-    return sa[t.type];
+    return aa[t.type];
   }
   _getApplied(t) {
     return this.appliedMetadata[t] || this.appliedFilters[t] || {};
@@ -3640,7 +3676,7 @@ let M = class extends w {
   }
   // ── Event dispatchers ────────────────────────────────────────────
   _emitFilterChange(t, e, s) {
-    const i = S(t);
+    const i = C(t);
     this.dispatchEvent(
       new CustomEvent("metadata-filter-change", {
         detail: {
@@ -3655,7 +3691,7 @@ let M = class extends w {
     );
   }
   _emitFieldToggle(t, e) {
-    const s = S(t);
+    const s = C(t);
     this.dispatchEvent(
       new CustomEvent("metadata-field-toggle", {
         detail: { fieldKey: s, visible: e },
@@ -3665,7 +3701,7 @@ let M = class extends w {
     );
   }
   _emitFieldSelect(t) {
-    const e = S(t);
+    const e = C(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 },
@@ -3692,7 +3728,7 @@ let M = class extends w {
   }
   _addField(t) {
     if (this._atFieldLimit) return;
-    const e = S(t);
+    const e = C(t);
     this.visibleFields.includes(e) || this._emitFieldToggle(t, !0);
   }
   _removeField(t) {
@@ -3704,12 +3740,12 @@ let M = class extends w {
   }
   // ── Operator change (via radio group) ─────────────────────────────
   _onOperatorChange(t, e) {
-    const i = this._getApplied(S(t)).values || [];
+    const i = this._getApplied(C(t)).values || [];
     this._emitFilterChange(t, e, i);
   }
   // ── Content mode change ─────────────────────────────────────────
   _onContentModeChange(t, e) {
-    const s = S(t);
+    const s = C(t);
     if (e === be) {
       const i = new Set(this._specificModeFields);
       i.add(s), this._specificModeFields = i;
@@ -3725,7 +3761,7 @@ let M = class extends w {
   }
   // ── Clear field filter ──────────────────────────────────────────
   _clearFieldFilter(t) {
-    const e = S(t);
+    const e = C(t);
     if (this._specificModeFields.has(e)) {
       const d = new Set(this._specificModeFields);
       d.delete(e), this._specificModeFields = d;
@@ -3743,16 +3779,16 @@ let M = class extends w {
   }
   // ── Text filter ──────────────────────────────────────────────────
   _onTextInput(t, e) {
-    const s = e.target.value, a = this._getApplied(S(t)).operator || kt[0].value;
+    const s = e.target.value, a = this._getApplied(C(t)).operator || kt[0].value;
     this._emitFilterChange(t, a, s ? [s] : []);
   }
   // ── Number filter ────────────────────────────────────────────────
   _onNumberInput(t, e, s) {
-    const i = e.target.value, a = S(t), r = this._getApplied(a), o = r.operator || Ct[0].value, l = [...r.values || []];
+    const i = e.target.value, a = C(t), r = this._getApplied(a), o = r.operator || Ct[0].value, l = [...r.values || []];
     s === 0 ? l[0] = i : l[1] = i;
     const c = l.filter((p) => p !== "" && p !== void 0);
     if (c.length > 0) {
-      const p = t.type === C.DECIMAL2;
+      const p = t.type === x.DECIMAL2;
       if (!c.every(
         (v) => p ? !isNaN(parseFloat(v)) : /^-?\d+$/.test(v)
       )) return;
@@ -3762,22 +3798,22 @@ let M = class extends w {
   // ── Boolean filter ───────────────────────────────────────────────
   _onBooleanSelect(t, e) {
     var a;
-    const s = this._getApplied(S(t));
+    const s = this._getApplied(C(t));
     ((a = s.values) == null ? void 0 : a[0]) === e ? this._emitFilterChange(t, void 0, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Select-one filter ────────────────────────────────────────────
   _onSelectOneToggle(t, e) {
-    const s = S(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
+    const s = C(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
     r.length === 1 && r[0] === e ? this._emitFilterChange(t, a, []) : this._emitFilterChange(t, a, [e]);
   }
   // ── Multi-select filter ──────────────────────────────────────────
   _onMultiSelectToggle(t, e) {
-    const s = S(t), i = this._getApplied(s), a = i.operator || St[0].value, r = i.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
+    const s = C(t), i = this._getApplied(s), a = i.operator || St[0].value, r = i.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
     this._emitFilterChange(t, a, o);
   }
   // ── Tags filter ──────────────────────────────────────────────────
   _onTagKeydown(t, e) {
-    const s = S(t);
+    const s = C(t);
     (e.key === "Enter" || e.key === ",") && (e.preventDefault(), this._commitTagInput(t, s));
   }
   _onTagInput(t, e, s) {
@@ -3790,7 +3826,7 @@ let M = class extends w {
     this._tagInputs = { ...this._tagInputs, [e]: i }, this._fetchTagSuggestions(t, e, i.trim());
   }
   _selectTagSuggestion(t, e) {
-    const s = S(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
+    const s = C(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
     r.includes(e) || this._emitFilterChange(t, a, [...r, e]), this._tagInputs = { ...this._tagInputs, [s]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [s]: [] };
   }
   _fetchTagSuggestions(t, e, s) {
@@ -3823,7 +3859,7 @@ let M = class extends w {
     r.includes(s) || this._emitFilterChange(t, a, [...r, s]), this._tagInputs = { ...this._tagInputs, [e]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [e]: [] };
   }
   _removeTag(t, e) {
-    const s = S(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
+    const s = C(t), i = this._getApplied(s), a = i.operator || ee[0].value, r = i.values || [];
     this._emitFilterChange(
       t,
       a,
@@ -3831,12 +3867,12 @@ let M = class extends w {
     );
   }
   _onTagOperatorChange(t, e) {
-    const s = S(t), a = this._getApplied(s).values || [];
+    const s = C(t), a = this._getApplied(s).values || [];
     this._emitFilterChange(t, e, a);
   }
   // ── Date filter ──────────────────────────────────────────────────
   _onDatePreset(t, e) {
-    const s = S(t);
+    const s = C(t);
     if (this._datePresets = { ...this._datePresets, [s]: e }, ["before", "after", "between"].includes(e)) {
       this._dateFroms = { ...this._dateFroms, [s]: "" }, this._dateTos = { ...this._dateTos, [s]: "" };
       return;
@@ -3874,7 +3910,7 @@ let M = class extends w {
     a && r && (this._dateFroms = { ...this._dateFroms, [s]: a }, this._dateTos = { ...this._dateTos, [s]: r }, this._emitFilterChange(t, "..", [a, r]));
   }
   _onDateInput(t, e, s) {
-    const i = s.target.value, a = S(t), r = this._datePresets[a] || "", o = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
+    const i = s.target.value, a = C(t), r = this._datePresets[a] || "", o = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
     e === "from" ? this._dateFroms = { ...this._dateFroms, [a]: o } : this._dateTos = { ...this._dateTos, [a]: o };
     let l = this._dateFroms[a] || "", c = this._dateTos[a] || "";
     r === "after" && l && (c = (/* @__PURE__ */ new Date()).toISOString(), this._dateTos = { ...this._dateTos, [a]: c }), r === "before" && c && (l = (/* @__PURE__ */ new Date(0)).toISOString(), this._dateFroms = { ...this._dateFroms, [a]: l }), l && c && this._emitFilterChange(t, "..", [l, c]);
@@ -3882,7 +3918,7 @@ let M = class extends w {
   // ── Geo filter ───────────────────────────────────────────────────
   _onGeoLocationInput(t, e) {
     var v;
-    const s = e.target.value.trim(), i = S(t), a = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
+    const s = e.target.value.trim(), i = C(t), a = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
       `[data-geo-radius="${i}"]`
     ), r = (a == null ? void 0 : a.value) || "";
     if (!s) {
@@ -3894,39 +3930,45 @@ let M = class extends w {
       return;
     const [l, c] = o;
     let u = `${l},${c}..${r || "0"}`;
-    this._emitFilterChange(t, x.IS, [u]);
+    this._emitFilterChange(t, w.IS, [u]);
   }
   _onGeoRadiusInput(t, e) {
     var c;
-    const s = e.target.value, i = S(t), a = this._getApplied(i);
+    const s = e.target.value, i = C(t), a = this._getApplied(i);
     if (!((c = a.values) != null && c[0])) return;
     const r = a.values[0], [o] = r.split("..");
     let l = o;
-    s && (l += `..${s}`), this._emitFilterChange(t, x.IS, [l]);
+    s && (l += `..${s}`), this._emitFilterChange(t, w.IS, [l]);
   }
   // ── Empty/non-empty option click ─────────────────────────────────
   _onEmptyOption(t, e) {
     var a;
-    const s = this._getApplied(S(t));
+    const s = this._getApplied(C(t));
     ((a = s.values) == null ? void 0 : a[0]) === e ? this._emitFilterChange(t, s.operator, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Render: Field selection panel ────────────────────────────────
+  _getGroupedFields(t) {
+    const e = /* @__PURE__ */ new Map();
+    for (const s of t) {
+      const i = s.group || "Root fields";
+      e.has(i) || e.set(i, []), e.get(i).push(s);
+    }
+    return 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"
-    ), i = e.filter((r) => r.group === "product"), a = (r, o) => o.length === 0 ? f : n`
-        <div class="field-group-label">${r}</div>
-        ${o.map((l) => {
-      const c = S(l), p = this.visibleFields.includes(c), u = !p && this._atFieldLimit;
+      (a) => a.label.toLowerCase().includes(t)
+    ), s = this._getGroupedFields(e), i = (a, r) => r.length === 0 ? f : n`
+        <div class="field-group-label">${a}</div>
+        ${r.map((o) => {
+      const l = C(o), c = this.visibleFields.includes(l), p = !c && this._atFieldLimit;
       return n`
             <div
-              class="field-item ${p ? "selected" : ""} ${u ? "disabled" : ""}"
-              @click=${() => !u && !p && this._addField(l)}
+              class="field-item ${c ? "selected" : ""} ${p ? "disabled" : ""}"
+              @click=${() => !p && !c && this._addField(o)}
             >
-              ${p ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
-              <span>${l.label}</span>
+              ${c ? n`<ap-icon name="check" .size=${14}></ap-icon>` : n`<ap-icon name=${Et[o.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>`}
+              <span>${o.label}</span>
             </div>
           `;
     })}
@@ -3947,15 +3989,14 @@ let M = class extends w {
           type="text"
           placeholder="Search fields..."
           .value=${this._fieldSearch}
-          @input=${(r) => {
-      this._fieldSearch = r.target.value;
+          @input=${(a) => {
+      this._fieldSearch = a.target.value;
     }}
         />
         <div class="field-list">
-          ${e.length === 0 ? n`<div class="empty-msg">No fields found</div>` : n`
-                ${a("Root fields", s)}
-                ${a("Product fields", i)}
-              `}
+          ${e.length === 0 ? n`<div class="empty-msg">No fields found</div>` : n`${[...s.entries()].map(
+      ([a, r]) => i(a, r)
+    )}`}
         </div>
       </div>
     `;
@@ -3963,7 +4004,7 @@ let M = class extends w {
   // ── Render: Text filter ──────────────────────────────────────────
   _renderTextFilter(t) {
     var p, u;
-    const e = S(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((p = s.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === K || r === G, l = s.operator || kt[0].value, c = t.type === C.TEXT_AREA;
+    const e = C(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((p = s.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === K || r === G, l = s.operator || kt[0].value, c = t.type === x.TEXT_AREA;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4021,13 +4062,13 @@ let M = class extends w {
   }
   // ── Render: Number filter ────────────────────────────────────────
   _renderNumberFilter(t) {
-    var F, A, L;
-    const e = S(t), s = this._getApplied(e), i = s.operator || Ct[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === K || r === G, l = i === x.RANGE, c = i === x.GREATER_THAN_OR_EQUAL, p = i === x.LESS_THAN_OR_EQUAL, u = t.type === C.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = a ? "" : ((F = s.values) == null ? void 0 : F[0]) || "", b = a ? "" : ((A = s.values) == null ? void 0 : A[1]) || "", E = l || c || p, y = l || c || p ? "Min" : "Value";
+    var F, I, H;
+    const e = C(t), s = this._getApplied(e), i = s.operator || Ct[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === K || r === G, l = i === w.RANGE, c = i === w.GREATER_THAN_OR_EQUAL, p = i === w.LESS_THAN_OR_EQUAL, u = t.type === x.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = a ? "" : ((F = s.values) == null ? void 0 : F[0]) || "", b = a ? "" : ((I = s.values) == null ? void 0 : I[1]) || "", E = l || c || p, y = l || c || p ? "Min" : "Value";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((L = s.values) != null && L.length) && !s.operator}
+          ?disabled=${!((H = s.values) != null && H.length) && !s.operator}
           @click=${() => this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -4038,7 +4079,7 @@ let M = class extends w {
             .options=${Ct}
             .value=${i}
             ?disabled=${o}
-            @ap-change=${(I) => this._onOperatorChange(t, I.detail.value)}
+            @ap-change=${(T) => this._onOperatorChange(t, T.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -4047,7 +4088,7 @@ let M = class extends w {
           <ap-radio-group
             .options=${Ft}
             .value=${r}
-            @ap-change=${(I) => this._onContentModeChange(t, I.detail.value)}
+            @ap-change=${(T) => this._onContentModeChange(t, T.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -4063,7 +4104,7 @@ let M = class extends w {
                       placeholder=${d}
                       .value=${g}
                       ?disabled=${p}
-                      @change=${(I) => this._onNumberInput(t, I, 0)}
+                      @change=${(T) => this._onNumberInput(t, T, 0)}
                     />
                   </div>
                   ${E ? n`
@@ -4076,7 +4117,7 @@ let M = class extends w {
                             placeholder=${d}
                             .value=${b}
                             ?disabled=${c}
-                            @change=${(I) => this._onNumberInput(t, I, 1)}
+                            @change=${(T) => this._onNumberInput(t, T, 1)}
                           />
                         </div>
                       ` : f}
@@ -4089,7 +4130,7 @@ let M = class extends w {
   // ── Render: Boolean filter ───────────────────────────────────────
   _renderBooleanFilter(t) {
     var i, a;
-    const e = this._getApplied(S(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(C(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4101,7 +4142,7 @@ let M = class extends w {
         <div class="filter-section">
           <span class="section-label">Value</span>
           <ap-radio-group
-            .options=${ta}
+            .options=${sa}
             .value=${s}
             @ap-change=${(r) => this._onBooleanSelect(t, r.detail.value)}
           ></ap-radio-group>
@@ -4111,7 +4152,7 @@ let M = class extends w {
   }
   // ── Render: Select-one filter ────────────────────────────────────
   _renderSelectOneFilter(t) {
-    const e = S(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || ee[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= st;
+    const e = C(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || ee[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= st;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4230,7 +4271,7 @@ let M = class extends w {
   }
   // ── Render: Multi-select filter ──────────────────────────────────
   _renderMultiSelectFilter(t) {
-    const e = S(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || St[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= st;
+    const e = C(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || St[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= st;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4349,7 +4390,7 @@ let M = class extends w {
   }
   // ── Render: Tags filter ──────────────────────────────────────────
   _renderTagsFilter(t) {
-    const e = S(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = this._tagInputs[e] || "", o = s.operator || ee[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= st;
+    const e = C(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = this._tagInputs[e] || "", o = s.operator || ee[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= st;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4467,7 +4508,7 @@ let M = class extends w {
   // ── Render: Date filter ──────────────────────────────────────────
   _renderDateFilter(t) {
     var u, v;
-    const e = S(t), s = this._datePresets[e] || "", i = this._getApplied(e), r = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, o = [
+    const e = C(t), s = this._datePresets[e] || "", i = this._getApplied(e), r = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, o = [
       { value: "empty", label: "Empty" },
       { value: "non-empty", label: "Not empty" }
     ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", p = ["before", "after", "between"].includes(r);
@@ -4490,7 +4531,7 @@ let M = class extends w {
 
           <ap-radio-group
             columns="2"
-            .options=${Lt}
+            .options=${It}
             .value=${r !== "empty" && r !== "non-empty" ? r : ""}
             @ap-change=${(d) => this._onDatePreset(t, d.detail.value)}
           ></ap-radio-group>
@@ -4548,7 +4589,7 @@ let M = class extends w {
   // ── Render: Geo filter ───────────────────────────────────────────
   _renderGeoFilter(t) {
     var u, v;
-    const e = S(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
+    const e = C(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
     let r = "", o = "";
     if (!i && ((u = s.values) != null && u[0])) {
       const d = s.values[0], [g, b] = d.split("..");
@@ -4606,7 +4647,7 @@ let M = class extends w {
   // ── Render: Attachment filter ────────────────────────────────────
   _renderAttachmentFilter(t) {
     var i, a;
-    const e = this._getApplied(S(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(C(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4627,7 +4668,7 @@ let M = class extends w {
   }
   // ── Render: Face matcher (integer-list with slug face_matcher) ──
   _renderFaceMatcherFilter(t) {
-    const e = S(t), s = this._getApplied(e), i = s.values || [], a = s.operator || x.IS;
+    const e = C(t), s = this._getApplied(e), i = s.values || [], a = s.operator || w.IS;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4678,7 +4719,7 @@ let M = class extends w {
       case "geo":
         return this._renderGeoFilter(t);
       case "attachment":
-        return t.type === C.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
+        return t.type === x.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
       default:
         return f;
     }
@@ -4700,6 +4741,7 @@ let M = class extends w {
               name="chevron-right"
               .size=${14}
             ></ap-icon>
+            <ap-icon name=${Et[e.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>
             <span>${e.label}</span>
           </div>
           <div class="field-header-actions">
@@ -4723,29 +4765,28 @@ let M = class extends w {
   // ── Selector mode render ─────────────────────────────────────────
   _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"
-    ), i = e.filter((r) => r.group === "product"), a = (r, o) => o.length === 0 ? f : n`
-        <div class="field-group-label">${r}</div>
-        ${o.map((l) => {
-      const c = S(l), p = this.visibleFields.includes(c), u = !!this.appliedMetadata[c] || !!this.appliedFilters[c], v = this.pinnedFields.includes(c), d = !p && this._atFieldLimit;
+      (a) => a.label.toLowerCase().includes(t)
+    ), s = this._getGroupedFields(e), i = (a, r) => r.length === 0 ? f : n`
+        <div class="field-group-label">${a}</div>
+        ${r.map((o) => {
+      const l = C(o), c = this.visibleFields.includes(l), p = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
       return n`
             <div
-              class="field-item ${u ? "has-filter" : ""} ${d ? "disabled" : ""}"
-              @click=${() => !d && this._emitFieldSelect(l)}
+              class="field-item ${p ? "has-filter" : ""} ${v ? "disabled" : ""}"
+              @click=${() => !v && this._emitFieldSelect(o)}
             >
-              <span class="field-item-label">${l.label}</span>
+              <ap-icon name=${Et[o.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>
+              <span class="field-item-label">${o.label}</span>
               <button
-                class="field-item-pin ${v ? "pinned" : ""}"
-                @click=${(g) => {
-        g.stopPropagation(), this._emitPin(c, !v);
+                class="field-item-pin ${u ? "pinned" : ""}"
+                @click=${(d) => {
+        d.stopPropagation(), this._emitPin(l, !u);
       }}
-                title=${v ? "Unpin field" : "Pin field"}
+                title=${u ? "Unpin field" : "Pin field"}
               >
                 <ap-icon name="pin" .size=${12}></ap-icon>
               </button>
-              ${u ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
+              ${p ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
             </div>
           `;
     })}
@@ -4757,15 +4798,14 @@ let M = class extends w {
           type="text"
           placeholder="Search fields..."
           .value=${this._fieldSearch}
-          @input=${(r) => {
-      this._fieldSearch = r.target.value;
+          @input=${(a) => {
+      this._fieldSearch = a.target.value;
     }}
         />
         <div class="field-list">
-          ${e.length === 0 ? n`<div class="empty-msg">No fields found</div>` : n`
-                ${a("Root fields", s)}
-                ${a("Product fields", i)}
-              `}
+          ${e.length === 0 ? n`<div class="empty-msg">No fields found</div>` : n`${[...s.entries()].map(
+      ([a, r]) => i(a, r)
+    )}`}
         </div>
       </div>
     `;
@@ -4804,7 +4844,7 @@ let M = class extends w {
     `;
   }
 };
-M.styles = [ie, oe, $`
+P.styles = [ie, oe, $`
     /* ── Field selection panel ─────────────────────────────── */
 
     .add-field-btn {
@@ -5169,72 +5209,72 @@ M.styles = [ie, oe, $`
       background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
   `];
-z([
+L([
   h({ type: Array })
-], M.prototype, "fields", 2);
-z([
+], P.prototype, "fields", 2);
+L([
   h({ type: Object })
-], M.prototype, "appliedFilters", 2);
-z([
+], P.prototype, "appliedFilters", 2);
+L([
   h({ type: Array })
-], M.prototype, "visibleFields", 2);
-z([
+], P.prototype, "visibleFields", 2);
+L([
   h()
-], M.prototype, "mode", 2);
-z([
+], P.prototype, "mode", 2);
+L([
   h()
-], M.prototype, "activeFieldKey", 2);
-z([
+], P.prototype, "activeFieldKey", 2);
+L([
   h({ type: Array })
-], M.prototype, "pinnedFields", 2);
-z([
+], P.prototype, "pinnedFields", 2);
+L([
   h({ type: Object })
-], M.prototype, "appliedMetadata", 2);
-z([
+], P.prototype, "appliedMetadata", 2);
+L([
   h({ attribute: !1 })
-], M.prototype, "apiClient", 2);
-z([
+], P.prototype, "apiClient", 2);
+L([
   _()
-], M.prototype, "_showFieldSelection", 2);
-z([
+], P.prototype, "_showFieldSelection", 2);
+L([
   _()
-], M.prototype, "_fieldSearch", 2);
-z([
+], P.prototype, "_fieldSearch", 2);
+L([
   _()
-], M.prototype, "_collapsedFields", 2);
-z([
+], P.prototype, "_collapsedFields", 2);
+L([
   _()
-], M.prototype, "_tagInputs", 2);
-z([
+], P.prototype, "_tagInputs", 2);
+L([
   _()
-], M.prototype, "_tagSuggestions", 2);
-z([
+], P.prototype, "_tagSuggestions", 2);
+L([
   _()
-], M.prototype, "_tagLoading", 2);
-z([
+], P.prototype, "_tagLoading", 2);
+L([
   _()
-], M.prototype, "_datePresets", 2);
-z([
+], P.prototype, "_datePresets", 2);
+L([
   _()
-], M.prototype, "_dateFroms", 2);
-z([
+], P.prototype, "_dateFroms", 2);
+L([
   _()
-], M.prototype, "_dateTos", 2);
-z([
+], P.prototype, "_dateTos", 2);
+L([
   _()
-], M.prototype, "_specificModeFields", 2);
-z([
+], P.prototype, "_specificModeFields", 2);
+L([
   _()
-], M.prototype, "_selectSearches", 2);
-M = z([
-  k("ap-filter-metadata")
-], M);
-var gi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, Z = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? fi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], P.prototype, "_selectSearches", 2);
+P = L([
+  S("ap-filter-metadata")
+], P);
+var fi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Z = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? vi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && gi(e, s, a), a;
+  return i && a && fi(e, s, a), a;
 };
-let Y = class extends w {
+let Y = class extends k {
   constructor() {
     super(...arguments), this.selectedStatus = [], this.statusOperator = ":=", this.approverValue = "", this.approverOperator = "~", this.requesterValue = "", this.requesterOperator = "~", this.dueDatePreset = "", this.dueDateFrom = "", this.dueDateTo = "";
   }
@@ -5256,43 +5296,43 @@ let Y = class extends w {
   // ── Status handlers ────────────────────────────────────────────────
   _toggleStatus(t) {
     const e = this.selectedStatus.includes(t) ? this.selectedStatus.filter((s) => s !== t) : [...this.selectedStatus, t];
-    this._emitChange(V.STATUS, e, this.statusOperator);
+    this._emitChange(B.STATUS, e, this.statusOperator);
   }
   _handleStatusOperator(t) {
     const e = t.detail.value;
-    this._emitChange(V.STATUS, this.selectedStatus, e);
+    this._emitChange(B.STATUS, this.selectedStatus, e);
   }
   _clearStatus() {
-    this._emitChange(V.STATUS, [], this.statusOperator);
+    this._emitChange(B.STATUS, [], this.statusOperator);
   }
   // ── Approver handlers ──────────────────────────────────────────────
   _handleApproverInput(t) {
     const e = t.target.value;
-    this._emitChange(V.APPROVER, e ? [e] : [], this.approverOperator);
+    this._emitChange(B.APPROVER, e ? [e] : [], this.approverOperator);
   }
   _handleApproverOperator(t) {
     const e = t.detail.value;
-    this._emitChange(V.APPROVER, this.approverValue ? [this.approverValue] : [], e);
+    this._emitChange(B.APPROVER, this.approverValue ? [this.approverValue] : [], e);
   }
   _clearApprover() {
-    this._emitChange(V.APPROVER, [], this.approverOperator);
+    this._emitChange(B.APPROVER, [], this.approverOperator);
   }
   // ── Requester handlers ─────────────────────────────────────────────
   _handleRequesterInput(t) {
     const e = t.target.value;
-    this._emitChange(V.REQUESTOR, e ? [e] : [], this.requesterOperator);
+    this._emitChange(B.REQUESTOR, e ? [e] : [], this.requesterOperator);
   }
   _handleRequesterOperator(t) {
     const e = t.detail.value;
-    this._emitChange(V.REQUESTOR, this.requesterValue ? [this.requesterValue] : [], e);
+    this._emitChange(B.REQUESTOR, this.requesterValue ? [this.requesterValue] : [], e);
   }
   _clearRequester() {
-    this._emitChange(V.REQUESTOR, [], this.requesterOperator);
+    this._emitChange(B.REQUESTOR, [], this.requesterOperator);
   }
   // ── Due Date handlers ──────────────────────────────────────────────
   _handleDueDatePreset(t) {
     const e = t.detail.value, s = this.dueDatePreset === e ? "" : e;
-    this._emitChange(V.DUE_DATE, s ? [s] : [], ":");
+    this._emitChange(B.DUE_DATE, s ? [s] : [], ":");
   }
   _handleDueDateFrom(t) {
     const e = t.target.value;
@@ -5305,7 +5345,7 @@ let Y = class extends w {
   _clearDueDate() {
     this.dispatchEvent(new CustomEvent("filter-change", {
       detail: {
-        key: V.DUE_DATE,
+        key: B.DUE_DATE,
         values: [],
         operator: ":"
       },
@@ -5317,7 +5357,7 @@ let Y = class extends w {
     const s = [];
     t && s.push(t), e && s.push(e), this.dispatchEvent(new CustomEvent("filter-change", {
       detail: {
-        key: V.DUE_DATE,
+        key: B.DUE_DATE,
         values: s,
         operator: t && e ? ".." : t ? ">=" : "<="
       },
@@ -5350,7 +5390,7 @@ let Y = class extends w {
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${Js}
+          .options=${ea}
           .value=${this.statusOperator}
           ?disabled=${this._statusHasOnlyEmptyValues}
           @ap-change=${this._handleStatusOperator}
@@ -5372,7 +5412,7 @@ let Y = class extends w {
 
         <!-- Status options -->
         <div class="options-list short">
-          ${ea.map(
+          ${ta.map(
       (e) => n`
               <ap-checkbox
                 ?checked=${this.selectedStatus.includes(e.value)}
@@ -5405,7 +5445,7 @@ let Y = class extends w {
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${Qt}
+          .options=${Zt}
           .value=${this.approverOperator}
           @ap-change=${this._handleApproverOperator}
         ></ap-radio-group>
@@ -5436,7 +5476,7 @@ let Y = class extends w {
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${Qt}
+          .options=${Zt}
           .value=${this.requesterOperator}
           @ap-change=${this._handleRequesterOperator}
         ></ap-radio-group>
@@ -5475,7 +5515,7 @@ let Y = class extends w {
         <!-- Date range options -->
         <ap-radio-group
           columns="2"
-          .options=${Ws}
+          .options=${Qs}
           .value=${this.dueDatePreset !== K && this.dueDatePreset !== G ? this.dueDatePreset : ""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
@@ -5572,22 +5612,22 @@ Z([
   h()
 ], Y.prototype, "dueDateTo", 2);
 Y = Z([
-  k("ap-filter-approval")
+  S("ap-filter-approval")
 ], Y);
-var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, J = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? mi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var mi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, J = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? bi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && vi(e, s, a), a;
+  return i && a && mi(e, s, a), a;
 };
-const bi = 300;
-function _i(t) {
+const _i = 300;
+function yi(t) {
   return t.filter(
     (e) => e.toLowerCase().includes("*") || !t.some(
       (s) => s.toLowerCase().includes("*") && e.toLowerCase().startsWith(s.slice(0, -1).toLowerCase())
     )
   );
 }
-let X = class extends w {
+let X = class extends k {
   constructor() {
     super(...arguments), this.selected = [], this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._showAddList = !1, this._addListText = "";
   }
@@ -5604,13 +5644,13 @@ let X = class extends w {
     return this._debouncedSearch.length > 0;
   }
   _emit(t) {
-    const e = _i(t);
+    const e = yi(t);
     this.dispatchEvent(
       new CustomEvent("filter-change", {
         detail: {
           key: m.PRODUCT_REF,
           values: e,
-          operator: x.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -5632,7 +5672,7 @@ let X = class extends w {
     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);
-    }, bi);
+    }, _i);
   }
   _clearSearch() {
     this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._debounceTimer && clearTimeout(this._debounceTimer);
@@ -6058,21 +6098,21 @@ J([
   _()
 ], X.prototype, "_addListText", 2);
 X = J([
-  k("ap-filter-product-ref")
+  S("ap-filter-product-ref")
 ], X);
-var yi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, P = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? xi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var xi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, O = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? wi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && yi(e, s, a), a;
+  return i && a && xi(e, s, a), a;
 };
-let T = class extends w {
+let M = class extends k {
   constructor() {
-    super(...arguments), this.totalCount = 0, this.totalFolderCount = 0, this.isLoading = !1, this.showUpload = !1, this.sortBy = "created_at", this.sortDirection = "desc", this.sortOptions = It, this.filters = {
+    super(...arguments), this.totalCount = 0, this.totalFolderCount = 0, this.isLoading = !1, this.showUpload = !1, this.sortBy = "created_at", this.sortDirection = "desc", this.sortOptions = Dt, 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) => {
+    }, 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._externalTop = null, this._outsideClickHandler = (t) => {
       const e = t.composedPath();
       if (this._externalTrigger && e.some(
         (r) => {
@@ -6082,9 +6122,9 @@ let T = class extends w {
       ))
         return;
       const s = this._openFilter && e.some((a) => a instanceof HTMLElement ? a.classList.contains("popover-anchor") || a.classList.contains("popover-panel") : !1), i = (this._showDropdown || this._showMetadataSelector) && e.some(
-        (a) => a instanceof HTMLElement && (a.classList.contains("dropdown-menu") || a.classList.contains("filter-dropdown"))
+        (a) => a instanceof HTMLElement && (a.classList.contains("dropdown-menu") || a.classList.contains("filter-dropdown") || a.classList.contains("metadata-selector-overlay"))
       );
-      s || i || (this._openFilter && (this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null), (this._showDropdown || this._showMetadataSelector) && (this._showDropdown = !1, this._showMetadataSelector = !1));
+      s || i || (this._openFilter && (this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null, this._externalTop = null), (this._showDropdown || this._showMetadataSelector) && (this._showDropdown = !1, this._showMetadataSelector = !1));
     };
   }
   connectedCallback() {
@@ -6111,7 +6151,7 @@ let T = class extends w {
   }
   _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();
+    this._showDropdown = !1, this._showMetadataSelector = !1, this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null, this._externalTop = null, (t = this._sortDropdown) == null || t.close();
   }
   _handleUploadClick() {
     this.dispatchEvent(new CustomEvent("upload-click", { bubbles: !0, composed: !0 }));
@@ -6121,27 +6161,27 @@ let T = class extends w {
     this._closeAllDropdowns(), this._showDropdown = !t;
   }
   _toggleMetadataSelector() {
-    this._showMetadataSelector = !this._showMetadataSelector, this._showDropdown = !1;
+    this._showMetadataSelector = !this._showMetadataSelector;
   }
   /** Close any open filter panel */
   closeFilterPanel() {
-    this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null;
+    this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null, this._externalTop = null;
   }
   /** Open a specific filter panel (also used programmatically by parent) */
-  openFilterPanel(t, e = !1, s) {
+  openFilterPanel(t, e = !1, s, i) {
     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", {
+      this._showDropdown = !1, this._showMetadataSelector = !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;
+    this._showDropdown = !1, this._showMetadataSelector = !1, this._openFilter = t, this._openMetadataField = null, this._externalTrigger = e, this._externalLeft = s ?? null, this._externalTop = i ?? null;
   }
   _handleSortOpen() {
     this._showDropdown = !1, this._openFilter = null, this._openMetadataField = null;
@@ -6186,7 +6226,7 @@ let T = class extends w {
     var s;
     t.stopPropagation();
     const e = t.detail.fieldKey;
-    if (this._showMetadataSelector = !1, !(e in (((s = this.filters.metadata) == null ? void 0 : s.applied) || {}))) {
+    if (this._showMetadataSelector = !1, this._showDropdown = !1, !(e in (((s = this.filters.metadata) == null ? void 0 : s.applied) || {}))) {
       this.dispatchEvent(new CustomEvent("filter-pending", {
         detail: { metadataFieldKey: e },
         bubbles: !0,
@@ -6203,12 +6243,12 @@ let T = class extends w {
       composed: !0
     }));
   }
-  openMetadataFieldPanel(t, e = !1, s) {
+  openMetadataFieldPanel(t, e = !1, s, i) {
     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;
+    this._showDropdown = !1, this._openFilter = "metadata", this._openMetadataField = t, this._externalTrigger = e, this._externalLeft = s ?? null, this._externalTop = i ?? null;
   }
   _getMetadataFieldLabel(t) {
     for (const e of this.metadataFields)
@@ -6225,7 +6265,7 @@ let T = class extends w {
     }));
   }
   _getFilterIcon(t) {
-    const e = Mt.find((s) => s.key === t);
+    const e = Pt.find((s) => s.key === t);
     return (e == null ? void 0 : e.icon) || "filter";
   }
   _renderFilterContent(t) {
@@ -6354,8 +6394,7 @@ let T = class extends w {
     }
   }
   _renderFilterButton(t) {
-    const e = t.key === "metadata", s = e ? Object.keys(this.filters.metadata.applied).length > 0 : this._isFilterActive(t.key), i = this.pinnedFilters.includes(t.key);
-    return n`
+    const e = t.key === "metadata", s = e ? Object.keys(this.filters.metadata.applied).length > 0 : this._isFilterActive(t.key), i = this.pinnedFilters.includes(t.key), a = n`
       <button
         class="filter-btn ${s ? "active" : ""} ${i ? "pinned" : ""}"
         @click=${() => e ? this._toggleMetadataSelector() : this.openFilterPanel(t.key)}
@@ -6370,13 +6409,32 @@ let T = class extends w {
               <span
                 class="pin-btn ${i ? "pinned" : ""}"
                 title=${i ? "Unpin filter" : "Pin filter"}
-                @click=${(a) => this._togglePin(t.key, a)}
+                @click=${(r) => this._togglePin(t.key, r)}
               >
                 <ap-icon name="pin" .size=${14}></ap-icon>
               </span>
             `}
       </button>
     `;
+    return e ? n`
+      <div class="filter-btn-wrapper">
+        ${a}
+        ${this._showMetadataSelector ? n`
+          <div class="metadata-selector-overlay">
+            <ap-filter-metadata
+              mode="selector"
+              .fields=${this.metadataFields}
+              .appliedMetadata=${this.filters.metadata.applied}
+              .visibleFields=${this.filters.metadata.visible}
+              .pinnedFields=${this.filters.metadata.pinned}
+              @metadata-field-select=${this._handleMetadataSelectorFieldSelect}
+              @metadata-field-toggle=${this._handleMetadataFieldToggle}
+              @metadata-pin=${this._handleMetadataPin}
+            ></ap-filter-metadata>
+          </div>
+        ` : f}
+      </div>
+    ` : a;
   }
   render() {
     const t = Object.keys(this.filters.applied).length + Object.keys(this.filters.metadata.applied).length;
@@ -6396,21 +6454,7 @@ let T = class extends w {
             </button>
             ${this._showDropdown ? n`
               <div class="dropdown-menu">
-                ${Mt.filter((e) => !this.forcedFilterKeys.includes(e.key)).map((e) => this._renderFilterButton(e))}
-              </div>
-            ` : f}
-            ${this._showMetadataSelector ? n`
-              <div class="dropdown-menu metadata-selector-menu">
-                <ap-filter-metadata
-                  mode="selector"
-                  .fields=${this.metadataFields}
-                  .appliedMetadata=${this.filters.metadata.applied}
-                  .visibleFields=${this.filters.metadata.visible}
-                  .pinnedFields=${this.filters.metadata.pinned}
-                  @metadata-field-select=${this._handleMetadataSelectorFieldSelect}
-                  @metadata-field-toggle=${this._handleMetadataFieldToggle}
-                  @metadata-pin=${this._handleMetadataPin}
-                ></ap-filter-metadata>
+                ${Pt.filter((e) => !this.forcedFilterKeys.includes(e.key)).map((e) => this._renderFilterButton(e))}
               </div>
             ` : f}
           </div>
@@ -6439,7 +6483,7 @@ let T = class extends w {
         </div>
       </div>
       ${this._openFilter ? n`
-        <div class="popover-anchor ${this._externalTrigger ? "external" : ""}">
+        <div class="popover-anchor ${this._externalTrigger ? "external" : ""}" style=${this._externalTrigger && this._externalTop != null ? `top: ${this._externalTop + 4}px` : ""}>
           ${this._externalTrigger ? f : n`
             <div class="anchor-tab">
               ${this._openFilter === "metadata" && this._openMetadataField ? n`
@@ -6451,10 +6495,10 @@ let T = class extends w {
                     ${this._getMetadataFieldLabel(this._openMetadataField)}
                   ` : n`
                     <ap-icon name=${this._getFilterIcon(this._openFilter)} .size=${16}></ap-icon>
-                    ${Oe[this._openFilter] || this._openFilter}
+                    ${Me[this._openFilter] || this._openFilter}
                   `}
               <button class="anchor-close" @click=${() => {
-      this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null;
+      this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null, this._externalTop = null;
     }} title="Close">
                 <ap-icon name="close" .size=${14}></ap-icon>
               </button>
@@ -6468,7 +6512,7 @@ let T = class extends w {
     `;
   }
 };
-T.styles = $`
+M.styles = $`
     :host {
       display: block;
       padding: 8px 20px 6px;
@@ -6568,13 +6612,25 @@ T.styles = $`
       gap: 12px;
       overscroll-behavior: contain;
     }
-    .dropdown-menu.metadata-selector-menu {
-      display: block;
-      min-width: 0;
+    .filter-btn-wrapper {
+      position: relative;
+      display: flex;
+    }
+    .filter-btn-wrapper .filter-btn {
+      flex: 1;
+    }
+    .metadata-selector-overlay {
+      position: absolute;
+      top: calc(100% + 4px);
+      left: 0;
+      z-index: 60;
       width: 280px;
-      padding: 0;
       max-height: 400px;
       overflow-y: auto;
+      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);
     }
 
     /* Filter button in dropdown */
@@ -6786,90 +6842,94 @@ T.styles = $`
     }
     .popover-anchor.external {
       padding: 0;
+      top: 0;
     }
     .popover-anchor.external .popover-panel {
       border-radius: 8px;
       top: 0;
     }
   `;
-P([
+O([
   h({ type: Number })
-], T.prototype, "totalCount", 2);
-P([
+], M.prototype, "totalCount", 2);
+O([
   h({ type: Number })
-], T.prototype, "totalFolderCount", 2);
-P([
+], M.prototype, "totalFolderCount", 2);
+O([
   h({ type: Boolean })
-], T.prototype, "isLoading", 2);
-P([
+], M.prototype, "isLoading", 2);
+O([
   h({ type: Boolean })
-], T.prototype, "showUpload", 2);
-P([
+], M.prototype, "showUpload", 2);
+O([
   h()
-], T.prototype, "sortBy", 2);
-P([
+], M.prototype, "sortBy", 2);
+O([
   h()
-], T.prototype, "sortDirection", 2);
-P([
+], M.prototype, "sortDirection", 2);
+O([
   h({ type: Array })
-], T.prototype, "sortOptions", 2);
-P([
+], M.prototype, "sortOptions", 2);
+O([
   h({ type: Object })
-], T.prototype, "filters", 2);
-P([
+], M.prototype, "filters", 2);
+O([
   h({ type: Array })
-], T.prototype, "labels", 2);
-P([
+], M.prototype, "labels", 2);
+O([
   h({ type: Array })
-], T.prototype, "tags", 2);
-P([
+], M.prototype, "tags", 2);
+O([
   h({ type: Array })
-], T.prototype, "metadataFields", 2);
-P([
+], M.prototype, "metadataFields", 2);
+O([
   h({ type: Array })
-], T.prototype, "pinnedFilters", 2);
-P([
+], M.prototype, "pinnedFilters", 2);
+O([
   h({ type: Array })
-], T.prototype, "forcedFilterKeys", 2);
-P([
+], M.prototype, "forcedFilterKeys", 2);
+O([
   h({ attribute: !1 })
-], T.prototype, "apiClient", 2);
-P([
+], M.prototype, "apiClient", 2);
+O([
   Se("ap-dropdown")
-], T.prototype, "_sortDropdown", 2);
-P([
+], M.prototype, "_sortDropdown", 2);
+O([
   _()
-], T.prototype, "_showDropdown", 2);
-P([
+], M.prototype, "_showDropdown", 2);
+O([
   _()
-], T.prototype, "_showMetadataSelector", 2);
-P([
+], M.prototype, "_showMetadataSelector", 2);
+O([
   _()
-], T.prototype, "_openFilter", 2);
-P([
+], M.prototype, "_openFilter", 2);
+O([
   _()
-], T.prototype, "_openMetadataField", 2);
-P([
+], M.prototype, "_openMetadataField", 2);
+O([
   _()
-], T.prototype, "_externalTrigger", 2);
-P([
+], M.prototype, "_externalTrigger", 2);
+O([
   _()
-], T.prototype, "_externalLeft", 2);
-T = P([
-  k("ap-content-toolbar")
-], T);
-var $i = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, q = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? wi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], M.prototype, "_externalLeft", 2);
+O([
+  _()
+], M.prototype, "_externalTop", 2);
+M = O([
+  S("ap-content-toolbar")
+], M);
+var $i = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, V = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ki(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && $i(e, s, a), a;
 };
-let B = class extends w {
+let N = class extends k {
   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 = ls.find((s) => s.value === t)) == null ? void 0 : e.label) || t;
+    return ((e = cs.find((s) => s.value === t)) == null ? void 0 : e.label) || t;
   }
   _getSizeSummary(t) {
     if (t.values.length === 0) return "";
@@ -6908,7 +6968,7 @@ let B = class extends w {
   }
   _getDateSummary(t) {
     var o, l;
-    const e = ((o = cs.find((c) => c.value === t.field)) == null ? void 0 : o.label) || t.field, s = [...Lt, ...ds], i = t.preset ? ((l = s.find((c) => c.value === t.preset)) == null ? void 0 : l.label) || t.preset : "", a = (c) => {
+    const e = ((o = ds.find((c) => c.value === t.field)) == null ? void 0 : o.label) || t.field, s = [...It, ...ps], i = t.preset ? ((l = s.find((c) => c.value === t.preset)) == null ? void 0 : l.label) || t.preset : "", a = (c) => {
       try {
         return c.split("T")[0];
       } catch {
@@ -6939,14 +6999,14 @@ let B = class extends w {
   }
   _getFilterIcon(t) {
     var e;
-    return ((e = Mt.find((s) => s.key === t)) == null ? void 0 : e.icon) || "filter";
+    return ((e = Pt.find((s) => s.key === t)) == null ? void 0 : e.icon) || "filter";
   }
   _getMetadataLabel(t) {
     const e = this._stripMetadataPrefix(t), s = this.metadataFields.find((i) => i.key === e);
     return (s == null ? void 0 : s.label) || e;
   }
   _stripMetadataPrefix(t) {
-    for (const e of is)
+    for (const e of rs)
       if (t.startsWith(e)) return t.slice(e.length);
     return t;
   }
@@ -6991,7 +7051,7 @@ let B = class extends w {
     return n`
       <span class="chip forced">
         ${(i || t === m.TYPE || t === m.SIZE) && s ? n`<span class="chip-label">${s}</span>` : n`
-              <span class="chip-label">${Oe[t] || t}</span>
+              <span class="chip-label">${Me[t] || t}</span>
               ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <span class="chip-lock">
@@ -7005,7 +7065,7 @@ let B = class extends w {
       return n`
         <span class="chip pinned-empty ${t === this.activeFilter ? "active" : ""}" @click=${(a) => this._openFilter(t, a)}>
           <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
-          <span class="chip-label">${Oe[t] || t}</span>
+          <span class="chip-label">${Me[t] || t}</span>
           <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
         </span>
       `;
@@ -7015,7 +7075,7 @@ let B = class extends w {
         ${(i || t === m.TYPE || t === m.SIZE) && s ? n`
               <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
               <span class="chip-label">${s}</span>` : n`
-              <span class="chip-label">${Oe[t] || t}</span>
+              <span class="chip-label">${Me[t] || t}</span>
               ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <button class="chip-remove" @click=${(a) => {
@@ -7051,7 +7111,7 @@ let B = class extends w {
     `;
   }
   render() {
-    const t = Ue(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((g) => !e.has(g)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), r = new Set(this.pinnedMetadataFields), o = this.pinnedFilters.filter((g) => !e.has(g)), l = s.filter((g) => !a.has(g)), c = i.filter((g) => !r.has(g)), p = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !r.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), v = s.length + i.length > 0;
+    const t = Be(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((g) => !e.has(g)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), r = new Set(this.pinnedMetadataFields), o = this.pinnedFilters.filter((g) => !e.has(g)), l = s.filter((g) => !a.has(g)), c = i.filter((g) => !r.has(g)), p = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !r.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), v = s.length + i.length > 0;
     return e.size + o.length + this.pinnedMetadataFields.length + l.length + c.length + (p ? 1 : 0) + (u ? 1 : 0) === 0 ? f : n`
       <div class="chips-row">
         <div class="chips">
@@ -7070,7 +7130,7 @@ let B = class extends w {
           ${p ? n`
             <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">${Oe[this.pendingFilter] || this.pendingFilter}</span>
+              <span class="chip-label">${Me[this.pendingFilter] || this.pendingFilter}</span>
               <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
           ` : f}
@@ -7090,7 +7150,7 @@ let B = class extends w {
     `;
   }
 };
-B.styles = $`
+N.styles = $`
     :host {
       display: block;
     }
@@ -7238,52 +7298,52 @@ B.styles = $`
       opacity: 0.6;
     }
   `;
-q([
+V([
   h({ type: Object })
-], B.prototype, "appliedFilters", 2);
-q([
+], N.prototype, "appliedFilters", 2);
+V([
   h({ type: Object })
-], B.prototype, "appliedMetadata", 2);
-q([
+], N.prototype, "appliedMetadata", 2);
+V([
   h({ type: Object })
-], B.prototype, "forcedFilters", 2);
-q([
+], N.prototype, "forcedFilters", 2);
+V([
   h({ type: Array })
-], B.prototype, "metadataFields", 2);
-q([
+], N.prototype, "metadataFields", 2);
+V([
   h({ type: Array })
-], B.prototype, "pinnedFilters", 2);
-q([
+], N.prototype, "pinnedFilters", 2);
+V([
   h({ type: Array })
-], B.prototype, "pinnedMetadataFields", 2);
-q([
+], N.prototype, "pinnedMetadataFields", 2);
+V([
   h({ type: Array })
-], B.prototype, "tags", 2);
-q([
+], N.prototype, "tags", 2);
+V([
   h({ type: Array })
-], B.prototype, "labels", 2);
-q([
+], N.prototype, "labels", 2);
+V([
   h()
-], B.prototype, "activeFilter", 2);
-q([
+], N.prototype, "activeFilter", 2);
+V([
   h()
-], B.prototype, "activeMetadataField", 2);
-q([
+], N.prototype, "activeMetadataField", 2);
+V([
   h()
-], B.prototype, "pendingFilter", 2);
-q([
+], N.prototype, "pendingFilter", 2);
+V([
   h()
-], B.prototype, "pendingMetadataField", 2);
-B = q([
-  k("ap-filters-bar")
-], B);
-var ki = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ee = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Si(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], N.prototype, "pendingMetadataField", 2);
+N = V([
+  S("ap-filters-bar")
+], N);
+var Si = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Ee = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ci(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ki(e, s, a), a;
+  return i && a && Si(e, s, a), a;
 };
-const Ci = 6;
-let ae = class extends w {
+const Fi = 6;
+let ae = class extends k {
   constructor() {
     super(...arguments), this.assets = [], this.folders = [], this.folderPreviews = {}, this.selectedIds = [], this.isLoading = !1, this.multiSelect = !0, this._prevCount = 0;
   }
@@ -7325,7 +7385,7 @@ let ae = class extends w {
             `;
       }
     )}
-        ${this.isLoading ? Array.from({ length: Ci }, () => n`<div class="ghost-card"></div>`) : f}
+        ${this.isLoading ? Array.from({ length: Fi }, () => n`<div class="ghost-card"></div>`) : f}
       </div>
     `;
   }
@@ -7379,15 +7439,15 @@ Ee([
   h({ type: Boolean })
 ], ae.prototype, "multiSelect", 2);
 ae = Ee([
-  k("ap-grid-view")
+  S("ap-grid-view")
 ], ae);
-var Fi = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, ge = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ei(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, ge = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ai(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Fi(e, s, a), a;
+  return i && a && Ei(e, s, a), a;
 };
-const Ai = 5;
-let Q = class extends w {
+const Ti = 5;
+let Q = class extends k {
   constructor() {
     super(...arguments), this.assets = [], this.folders = [], this.selectedIds = [], this.isLoading = !1, this.multiSelect = !0, this.totalCount = 0, this.isSelectingAll = !1;
   }
@@ -7444,7 +7504,7 @@ let Q = class extends w {
             ></ap-asset-row>
           `
     )}
-        ${this.isLoading ? Array.from({ length: Ai }, () => n`<div class="ghost-row"></div>`) : f}
+        ${this.isLoading ? Array.from({ length: Ti }, () => n`<div class="ghost-row"></div>`) : f}
       </div>
     `;
   }
@@ -7547,18 +7607,18 @@ ge([
   h({ type: Boolean })
 ], Q.prototype, "isSelectingAll", 2);
 Q = ge([
-  k("ap-list-view")
+  S("ap-list-view")
 ], Q);
 function lt(t) {
   var i;
   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) || ((i = t.url) == null ? void 0 : i.cdn) || "";
   return Ie(s);
 }
-function _s(t) {
+function ys(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 ? Ie(s) : "";
 }
-function Rt(t) {
+function Nt(t) {
   var s, i;
   let e = Ie(((s = t.url) == null ? void 0 : s.cdn) || ((i = t.url) == null ? void 0 : i.public) || "");
   return e ? (e = e.replace(/([?&])func=proxy&?/, "$1").replace(/[?&]$/, ""), Ve(e, {
@@ -7578,14 +7638,14 @@ function Ve(t, e) {
     return t;
   }
 }
-const as = /^(https:\/\/)([a-z0-9_-]+)\.filerobot\.com\//i;
+const is = /^(https:\/\/)([a-z0-9_-]+)\.filerobot\.com\//i;
 function Ie(t, e) {
   if (!t) return "";
   if (t.includes("assets.filerobot.com")) return t;
-  const s = t.match(as);
+  const s = t.match(is);
   if (s) {
     const i = s[2];
-    return t.replace(as, `$1assets.filerobot.com/${i}/`);
+    return t.replace(is, `$1assets.filerobot.com/${i}/`);
   }
   if (e)
     try {
@@ -7595,7 +7655,7 @@ function Ie(t, e) {
     }
   return t;
 }
-function Nt(t) {
+function jt(t) {
   if (t === 0) return "0 B";
   const e = ["B", "KB", "MB", "GB", "TB"], s = 1024, i = Math.floor(Math.log(t) / Math.log(s));
   return `${(t / Math.pow(s, i)).toFixed(i === 0 ? 0 : 1)} ${e[i]}`;
@@ -7609,11 +7669,11 @@ function ct(t) {
     day: "numeric"
   });
 }
-function ys(t, e) {
+function xs(t, e) {
   return !t || !e ? "" : `${t} x ${e}`;
 }
-const Ti = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "tiff", "tif", "avif", "heic", "heif"]), Oi = /* @__PURE__ */ new Set([
-  ...Ti,
+const Mi = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "tiff", "tif", "avif", "heic", "heif"]), Oi = /* @__PURE__ */ new Set([
+  ...Mi,
   "pdf",
   "psd",
   "eps",
@@ -7624,7 +7684,7 @@ const Ti = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg",
   "woff2",
   "eot"
 ]);
-function Me(t) {
+function Oe(t) {
   if (!t) return "other";
   const e = {
     image: "image",
@@ -7636,11 +7696,11 @@ function Me(t) {
   };
   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 xs(t) {
+function ws(t) {
   const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "";
   return Oi.has(e);
 }
-const $s = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Mi = {
+const $s = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Pi = {
   png: "PNG",
   jpg: "JPG",
   jpeg: "JPG",
@@ -7704,7 +7764,7 @@ const $s = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Mi =
   bin: "BIN"
 };
 function _t(t) {
-  const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "", s = Mi[e];
+  const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "", s = Pi[e];
   return `${$s}${s || "DEFAULT"}.png`;
 }
 function Ke() {
@@ -7715,17 +7775,17 @@ function Ot(t) {
   const e = t.split("/");
   return e.length > 1 ? e[1] : e[0];
 }
-const Pi = /* @__PURE__ */ new Set(["png", "svg", "webp", "gif", "avif"]);
-function jt(t) {
+const Li = /* @__PURE__ */ new Set(["png", "svg", "webp", "gif", "avif"]);
+function Ut(t) {
   const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "";
-  return Pi.has(e);
+  return Li.has(e);
 }
-var Li = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Ze = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ii(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ii = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, Ze = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Di(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Li(e, s, a), a;
+  return i && a && Ii(e, s, a), a;
 };
-let we = class extends w {
+let $e = class extends k {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0;
   }
@@ -7764,10 +7824,10 @@ let we = class extends w {
     var c, p, u, v;
     const t = this.asset;
     if (!t) return n``;
-    const s = Me(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = xs(t.extension || "");
+    const s = Oe(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = ws(t.extension || "");
     let r = "";
-    s ? r = _s(t) : i ? r = Rt(t) : a && (r = lt(t));
-    const o = _t(t.extension || ""), l = jt(t.extension || "");
+    s ? r = ys(t) : i ? r = Nt(t) : a && (r = lt(t));
+    const o = _t(t.extension || ""), l = Ut(t.extension || "");
     return n`
       <div class="card" @click=${this._handleSelect}>
         <div class="thumbnail ${l && r ? "chess" : ""}">
@@ -7813,16 +7873,16 @@ let we = class extends w {
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
           <div class="meta">${(u = t.extension) == null ? void 0 : u.toUpperCase()}${(() => {
-      var E, y, D, F;
-      const d = ((E = t.info) == null ? void 0 : E.img_w) || ((y = t.info) == null ? void 0 : y.video_w), g = ((D = t.info) == null ? void 0 : D.img_h) || ((F = t.info) == null ? void 0 : F.video_h), b = ys(d, g);
+      var E, y, A, F;
+      const d = ((E = t.info) == null ? void 0 : E.img_w) || ((y = t.info) == null ? void 0 : y.video_w), g = ((A = t.info) == null ? void 0 : A.img_h) || ((F = t.info) == null ? void 0 : F.video_h), b = xs(d, g);
       return b ? ` · ${b}` : "";
-    })()} · ${Nt(((v = t.size) == null ? void 0 : v.bytes) || 0)}</div>
+    })()} · ${jt(((v = t.size) == null ? void 0 : v.bytes) || 0)}</div>
         </div>
       </div>
     `;
   }
 };
-we.styles = $`
+$e.styles = $`
     :host {
       display: block;
       animation: ap-card-in 300ms ease-out both;
@@ -8001,25 +8061,25 @@ we.styles = $`
   `;
 Ze([
   h({ type: Object })
-], we.prototype, "asset", 2);
+], $e.prototype, "asset", 2);
 Ze([
   h({ type: Number })
-], we.prototype, "index", 2);
+], $e.prototype, "index", 2);
 Ze([
   h({ type: Boolean, reflect: !0 })
-], we.prototype, "selected", 2);
+], $e.prototype, "selected", 2);
 Ze([
   h({ type: Boolean })
-], we.prototype, "multiSelect", 2);
-we = Ze([
-  k("ap-asset-card")
-], we);
-var Di = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, Je = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? zi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], $e.prototype, "multiSelect", 2);
+$e = Ze([
+  S("ap-asset-card")
+], $e);
+var zi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Je = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ri(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Di(e, s, a), a;
+  return i && a && zi(e, s, a), a;
 };
-let ke = class extends w {
+let ke = class extends k {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0;
   }
@@ -8048,10 +8108,10 @@ let ke = class extends w {
     var c, p, u;
     const t = this.asset;
     if (!t) return n``;
-    const s = Me(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = xs(t.extension || "");
+    const s = Oe(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = ws(t.extension || "");
     let r = "";
-    s ? r = _s(t) : i ? r = Rt(t) : a && (r = lt(t));
-    const o = _t(t.extension || ""), l = jt(t.extension || "");
+    s ? r = ys(t) : i ? r = Nt(t) : a && (r = lt(t));
+    const o = _t(t.extension || ""), l = Ut(t.extension || "");
     return n`
       <div class="row" @click=${this._handleSelect}>
         ${this.multiSelect ? n`
@@ -8085,7 +8145,7 @@ let ke = class extends w {
         </div>
         <div class="name" title=${t.name}>${t.name}</div>
         <div class="type">${(p = t.extension) == null ? void 0 : p.toUpperCase()}</div>
-        <div class="desc">${Nt(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>
+        <div class="desc">${jt(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>
         <div class="date">${ct(t.created_at || "")}</div>
         <div class="actions">
           <button class="icon-btn" @click=${this._handlePreview} aria-label="Preview">
@@ -8235,14 +8295,14 @@ Je([
   h({ type: Boolean })
 ], ke.prototype, "multiSelect", 2);
 ke = Je([
-  k("ap-asset-row")
+  S("ap-asset-row")
 ], ke);
-var Ri = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, Bt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ni(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ni = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Bt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ji(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ri(e, s, a), a;
+  return i && a && Ni(e, s, a), a;
 };
-let Ge = class extends w {
+let Ge = class extends k {
   constructor() {
     super(...arguments), this.previews = [];
   }
@@ -8265,7 +8325,7 @@ let Ge = class extends w {
     const e = t.file_uri_cdn;
     if (!e) return "";
     let s = Ie(e);
-    const i = Me(t.file_type), a = String(window.devicePixelRatio || 1);
+    const i = Oe(t.file_type), a = String(window.devicePixelRatio || 1);
     return i === "video" ? Ve(s, { w: "200", dpr: a, force_format: "webp,jpeg" }) : t.file_type === "application/pdf" || Ot(t.file_type).toLowerCase() === "pdf" ? (s = s.replace(/([?&])func=proxy&?/, "$1").replace(/[?&]$/, ""), Ve(s, { w: "200", dpr: a, force_format: "webp,jpeg", doc_page: "1", bypass_process_proxy: "1" })) : Ve(s, { w: "200", dpr: a });
   }
   _renderPreviewImg(t) {
@@ -8470,14 +8530,14 @@ Bt([
   h({ type: Array })
 ], Ge.prototype, "previews", 2);
 Ge = Bt([
-  k("ap-folder-card")
+  S("ap-folder-card")
 ], Ge);
-var ji = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, ws = (t, e, s, i) => {
+var Ui = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, ks = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Bi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ji(e, s, a), a;
+  return i && a && Ui(e, s, a), a;
 };
-let dt = class extends w {
+let dt = class extends k {
   _handleOpen() {
     this.dispatchEvent(new CustomEvent("folder-open", {
       detail: { folder: this.folder },
@@ -8533,18 +8593,18 @@ dt.styles = $`
       color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
     }
   `;
-ws([
+ks([
   h({ type: Object })
 ], dt.prototype, "folder", 2);
-dt = ws([
-  k("ap-folder-row")
+dt = ks([
+  S("ap-folder-row")
 ], dt);
-var Ui = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, ks = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Vi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Vi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Ss = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? qi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ui(e, s, a), a;
+  return i && a && Vi(e, s, a), a;
 };
-let pt = class extends w {
+let pt = class extends k {
   constructor() {
     super(...arguments), this.variant = "grid";
   }
@@ -8591,25 +8651,25 @@ pt.styles = $`
       .skeleton { animation: none; }
     }
   `;
-ks([
+Ss([
   h()
 ], pt.prototype, "variant", 2);
-pt = ks([
-  k("ap-skeleton")
+pt = Ss([
+  S("ap-skeleton")
 ], pt);
-function qi(t) {
+function Hi(t) {
   var a, r;
   const e = (a = t.info) == null ? void 0 : a.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 Hi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, j = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ki(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ki = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Gi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Hi(e, s, a), a;
+  return i && a && Ki(e, s, a), a;
 };
-let R = class extends w {
+let D = class extends k {
   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 = /* @__PURE__ */ new Set(["file-info", "metadata"]), this._hls = null;
   }
@@ -8631,13 +8691,13 @@ let R = class extends w {
   }
   updated(t) {
     if (super.updated(t), t.has("asset") && (this._destroyHls(), this._previewLoading = !0, this.asset)) {
-      const e = Me(this.asset.type);
+      const e = Oe(this.asset.type);
       e === "video" && this._setupHls(this.asset), e !== "image" && e !== "video" && (this._previewLoading = !1);
     }
   }
   async _setupHls(t) {
     var i, a;
-    const e = qi(t);
+    const e = Hi(t);
     if (!e || (await this.updateComplete, ((i = this.asset) == null ? void 0 : i.uuid) !== t.uuid)) return;
     const s = this._videoEl;
     if (s) {
@@ -8704,7 +8764,7 @@ let R = class extends w {
   }
   /** Check if an asset supports inline fullscreen preview (not PDF/other). */
   _supportsFullscreen(t) {
-    const e = Me(t.type);
+    const e = Oe(t.type);
     return e === "image" || e === "video" || e === "audio";
   }
   /**
@@ -8773,14 +8833,14 @@ let R = class extends w {
   }
   _applyTagFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: m.TAGS, values: [t], operator: x.IS },
+      detail: { key: m.TAGS, values: [t], operator: w.IS },
       bubbles: !0,
       composed: !0
     }));
   }
   _applyLabelFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: m.LABELS, values: [t], operator: x.IS },
+      detail: { key: m.LABELS, values: [t], operator: w.IS },
       bubbles: !0,
       composed: !0
     }));
@@ -8847,7 +8907,7 @@ let R = class extends w {
   _getFileInfoRows(t) {
     var s, i, a, r, o;
     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: Nt(t.size.bytes) }), (i = t.info) != null && i.img_w && e.push({ label: "Dimensions", value: ys(t.info.img_w, t.info.img_h) }), (a = t.info) != null && a.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` }), (o = t.info) != null && o.color_space && e.push({ label: "Color space", value: t.info.color_space }), t.created_at && e.push({ label: "Created", value: ct(t.created_at) }), t.modified_at && e.push({ label: "Modified", value: ct(t.modified_at) }), 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: jt(t.size.bytes) }), (i = t.info) != null && i.img_w && e.push({ label: "Dimensions", value: xs(t.info.img_w, t.info.img_h) }), (a = t.info) != null && a.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` }), (o = t.info) != null && o.color_space && e.push({ label: "Color space", value: t.info.color_space }), t.created_at && e.push({ label: "Created", value: ct(t.created_at) }), t.modified_at && e.push({ label: "Modified", value: ct(t.modified_at) }), e;
   }
   /**
    * Build a lookup map from metadata field key → field definition.
@@ -8981,10 +9041,10 @@ let R = class extends w {
     `;
   }
   render() {
-    var L, I, N, O, ne, fe, Ae, et;
+    var H, T, R, U, ne, fe, Ae, et;
     const t = this.asset;
     if (!t) return f;
-    const e = Me(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((L = t.extension) == null ? void 0 : L.toLowerCase()) === "pdf", o = _t(t.extension || ""), l = jt(t.extension || ""), c = ((I = t.extension) == null ? void 0 : I.toLowerCase()) === "svg", p = lt(t), u = s ? c ? ((N = t.url) == null ? void 0 : N.cdn) || "" : p || Ie(((O = t.url) == null ? void 0 : O.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((ne = t.url) == null ? void 0 : ne.cdn) || "", b = i && (((fe = t.info) == null ? void 0 : fe.video_thumbnail) || ((Ae = t.info) == null ? void 0 : Ae.preview)) || "", E = r && !s ? Rt(t) : "", y = this._getCurrentIndex(), D = y > 0 && this._findNavTarget(y, -1) >= 0, F = y >= 0 && this._findNavTarget(y, 1) >= 0, A = this.assets.length > 1;
+    const e = Oe(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((H = t.extension) == null ? void 0 : H.toLowerCase()) === "pdf", o = _t(t.extension || ""), l = Ut(t.extension || ""), c = ((T = t.extension) == null ? void 0 : T.toLowerCase()) === "svg", p = lt(t), u = s ? c ? ((R = t.url) == null ? void 0 : R.cdn) || "" : p || Ie(((U = t.url) == null ? void 0 : U.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((ne = t.url) == null ? void 0 : ne.cdn) || "", b = i && (((fe = t.info) == null ? void 0 : fe.video_thumbnail) || ((Ae = t.info) == null ? void 0 : Ae.preview)) || "", E = r && !s ? Nt(t) : "", y = this._getCurrentIndex(), A = y > 0 && this._findNavTarget(y, -1) >= 0, F = y >= 0 && this._findNavTarget(y, 1) >= 0, I = this.assets.length > 1;
     return n`
       <div class="panel">
         <div class="panel-header">
@@ -9003,8 +9063,8 @@ let R = class extends w {
         </div>
 
         <div class="preview-area ${s && l ? "chess" : ""}">
-          ${A ? n`
-            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!D} aria-label="Previous">
+          ${I ? n`
+            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!A} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
             <button class="nav-btn next" @click=${this._next} ?disabled=${!F} aria-label="Next">
@@ -9075,7 +9135,7 @@ let R = class extends w {
     `;
   }
 };
-R.styles = $`
+D.styles = $`
     :host {
       display: block;
     }
@@ -9385,60 +9445,60 @@ R.styles = $`
       .accordion-chevron { transition: none; }
     }
   `;
-j([
+z([
   h({ type: Object })
-], R.prototype, "asset", 2);
-j([
+], D.prototype, "asset", 2);
+z([
   h({ type: Array })
-], R.prototype, "assets", 2);
-j([
+], D.prototype, "assets", 2);
+z([
   h({ type: Array })
-], R.prototype, "selectedIds", 2);
-j([
+], D.prototype, "selectedIds", 2);
+z([
   h()
-], R.prototype, "containerToken", 2);
-j([
+], D.prototype, "containerToken", 2);
+z([
   h({ type: Boolean })
-], R.prototype, "showMetadata", 2);
-j([
+], D.prototype, "showMetadata", 2);
+z([
   h({ type: Array })
-], R.prototype, "metadataFields", 2);
-j([
+], D.prototype, "metadataFields", 2);
+z([
   h({ type: Array })
-], R.prototype, "labels", 2);
-j([
+], D.prototype, "labels", 2);
+z([
   h({ type: Object })
-], R.prototype, "regionalFilters", 2);
-j([
+], D.prototype, "regionalFilters", 2);
+z([
   h({ type: Boolean })
-], R.prototype, "multiSelect", 2);
-j([
+], D.prototype, "multiSelect", 2);
+z([
   Se(".preview-area")
-], R.prototype, "previewArea", 2);
-j([
+], D.prototype, "previewArea", 2);
+z([
   Se("video")
-], R.prototype, "_videoEl", 2);
-j([
+], D.prototype, "_videoEl", 2);
+z([
   _()
-], R.prototype, "_isFullscreen", 2);
-j([
+], D.prototype, "_isFullscreen", 2);
+z([
   _()
-], R.prototype, "_fsImageLoaded", 2);
-j([
+], D.prototype, "_fsImageLoaded", 2);
+z([
   _()
-], R.prototype, "_previewLoading", 2);
-j([
+], D.prototype, "_previewLoading", 2);
+z([
   _()
-], R.prototype, "_openSections", 2);
-R = j([
-  k("ap-preview-panel")
-], R);
-var Gi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Ne = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Yi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], D.prototype, "_openSections", 2);
+D = z([
+  S("ap-preview-panel")
+], D);
+var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, Ne = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Xi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Gi(e, s, a), a;
+  return i && a && Yi(e, s, a), a;
 };
-let he = class extends w {
+let he = class extends k {
   constructor() {
     super(...arguments), this.selectedAssets = [], this.totalCount = 0, this.isSelectingAll = !1, this.multiSelect = !0;
   }
@@ -9573,14 +9633,14 @@ Ne([
   h({ type: Number })
 ], he.prototype, "maxSelections", 2);
 he = Ne([
-  k("ap-selection-bar")
+  S("ap-selection-bar")
 ], he);
-var Xi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, Ut = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Wi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Wi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, Vt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Qi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Xi(e, s, a), a;
+  return i && a && Wi(e, s, a), a;
 };
-let Ye = class extends w {
+let Ye = class extends k {
   constructor() {
     super(...arguments), this.active = !1, this.rect = { x: 0, y: 0, width: 0, height: 0 };
   }
@@ -9611,21 +9671,21 @@ Ye.styles = $`
       border-radius: 2px;
     }
   `;
-Ut([
+Vt([
   h({ type: Boolean })
 ], Ye.prototype, "active", 2);
-Ut([
+Vt([
   h({ type: Object })
 ], Ye.prototype, "rect", 2);
-Ye = Ut([
-  k("ap-marquee-overlay")
+Ye = Vt([
+  S("ap-marquee-overlay")
 ], Ye);
-var Qi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, Vt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Zi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Zi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, qt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ji(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Qi(e, s, a), a;
+  return i && a && Zi(e, s, a), a;
 };
-const Ji = {
+const er = {
   // ── Navigation & Actions ────────────────────────────────────────────
   search: [
     { tag: "circle", attrs: { cx: "11", cy: "11", r: "8" } },
@@ -9888,6 +9948,66 @@ const Ji = {
     { tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } },
     { tag: "path", attrs: { d: "M12 6v6l4 2" } }
   ],
+  // ── Metadata Field Types (exact Lucide icon paths) ─────────────────
+  "toggle-left": [
+    { tag: "rect", attrs: { width: "20", height: "14", x: "2", y: "5", rx: "7" } },
+    { tag: "circle", attrs: { cx: "9", cy: "12", r: "3" } }
+  ],
+  "file-digit": [
+    { tag: "path", attrs: { d: "M4 12V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2" } },
+    { tag: "path", attrs: { d: "M14 2v5a1 1 0 0 0 1 1h5" } },
+    { tag: "path", attrs: { d: "M10 16h2v6" } },
+    { tag: "path", attrs: { d: "M10 22h4" } },
+    { tag: "rect", attrs: { width: "4", height: "6", x: "2", y: "16", rx: "2" } }
+  ],
+  "decimals-arrow-right": [
+    { tag: "path", attrs: { d: "M10 18h10" } },
+    { tag: "path", attrs: { d: "m17 21 3-3-3-3" } },
+    { tag: "path", attrs: { d: "M3 11h.01" } },
+    { tag: "rect", attrs: { width: "5", height: "8", x: "15", y: "3", rx: "2.5" } },
+    { tag: "rect", attrs: { width: "5", height: "8", x: "6", y: "3", rx: "2.5" } }
+  ],
+  "text-initial": [
+    { tag: "path", attrs: { d: "M15 5h6" } },
+    { tag: "path", attrs: { d: "M15 12h6" } },
+    { tag: "path", attrs: { d: "M3 19h18" } },
+    { tag: "path", attrs: { d: "m3 12 3.553-7.724a.5.5 0 0 1 .894 0L11 12" } },
+    { tag: "path", attrs: { d: "M3.92 10h6.16" } }
+  ],
+  "text-align-justify": [
+    { tag: "path", attrs: { d: "M3 5h18" } },
+    { tag: "path", attrs: { d: "M3 12h18" } },
+    { tag: "path", attrs: { d: "M3 19h18" } }
+  ],
+  paperclip: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
+  "link-2": [
+    { tag: "path", attrs: { d: "M9 17H7A5 5 0 0 1 7 7h2" } },
+    { tag: "path", attrs: { d: "M15 7h2a5 5 0 1 1 0 10h-2" } },
+    { tag: "path", attrs: { d: "M8 12h8" } }
+  ],
+  "circle-dot": [
+    { tag: "circle", attrs: { cx: "12", cy: "12", r: "10" } },
+    { tag: "circle", attrs: { cx: "12", cy: "12", r: "1" } }
+  ],
+  "square-check": [
+    { tag: "rect", attrs: { width: "18", height: "18", x: "3", y: "3", rx: "2" } },
+    { tag: "path", attrs: { d: "m9 12 2 2 4-4" } }
+  ],
+  locate: [
+    { tag: "path", attrs: { d: "M2 12h3" } },
+    { tag: "path", attrs: { d: "M19 12h3" } },
+    { tag: "path", attrs: { d: "M12 2v3" } },
+    { tag: "path", attrs: { d: "M12 19v3" } },
+    { tag: "circle", attrs: { cx: "12", cy: "12", r: "7" } }
+  ],
+  "list-ordered": [
+    { tag: "path", attrs: { d: "M11 5h10" } },
+    { tag: "path", attrs: { d: "M11 12h10" } },
+    { tag: "path", attrs: { d: "M11 19h10" } },
+    { tag: "path", attrs: { d: "M4 4h1v5" } },
+    { tag: "path", attrs: { d: "M4 9h2" } },
+    { tag: "path", attrs: { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" } }
+  ],
   // ── Misc ────────────────────────────────────────────────────────────
   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" } },
@@ -9896,12 +10016,12 @@ const Ji = {
     { 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 Xe = class extends w {
+let Xe = class extends k {
   constructor() {
     super(...arguments), this.name = "", this.size = 20;
   }
   render() {
-    const t = Ji[this.name];
+    const t = er[this.name];
     if (!t) return f;
     const e = typeof t == "string" ? ce`<path d=${t}></path>` : t.map((s) => {
       const { tag: i, attrs: a } = s;
@@ -9935,21 +10055,21 @@ Xe.styles = [
       }
     `
 ];
-Vt([
+qt([
   h()
 ], Xe.prototype, "name", 2);
-Vt([
+qt([
   h({ type: Number })
 ], Xe.prototype, "size", 2);
-Xe = Vt([
-  k("ap-icon")
+Xe = qt([
+  S("ap-icon")
 ], Xe);
-var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, Ss = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? tr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var tr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, Cs = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? sr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && er(e, s, a), a;
+  return i && a && tr(e, s, a), a;
 };
-let ht = class extends w {
+let ht = class extends k {
   constructor() {
     super(...arguments), this.size = 24;
   }
@@ -9973,18 +10093,18 @@ ht.styles = [
       }
     `
 ];
-Ss([
+Cs([
   h({ type: Number })
 ], ht.prototype, "size", 2);
-ht = Ss([
-  k("ap-spinner")
+ht = Cs([
+  S("ap-spinner")
 ], ht);
-var sr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, yt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ar(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ar = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, yt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ir(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && sr(e, s, a), a;
+  return i && a && ar(e, s, a), a;
 };
-let De = class extends w {
+let De = class extends k {
   constructor() {
     super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this._hasLabel = !1, this._handleHostClick = () => {
       this.dispatchEvent(new CustomEvent("ap-toggle", {
@@ -10082,14 +10202,14 @@ yt([
   h({ type: Boolean, reflect: !0 })
 ], De.prototype, "disabled", 2);
 De = yt([
-  k("ap-checkbox")
+  S("ap-checkbox")
 ], De);
-var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, Cs = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? rr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var rr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, Fs = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? or(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ir(e, s, a), a;
+  return i && a && rr(e, s, a), a;
 };
-let ut = class extends w {
+let ut = class extends k {
   constructor() {
     super(...arguments), this.open = !1, this._handleOutsideClick = (t) => {
       this.open && !t.composedPath().includes(this) && (this.open = !1);
@@ -10134,18 +10254,18 @@ ut.styles = [
       }
     `
 ];
-Cs([
+Fs([
   _()
 ], ut.prototype, "open", 2);
-ut = Cs([
-  k("ap-popover")
+ut = Fs([
+  S("ap-popover")
 ], ut);
-var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, H = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? nr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, q = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? lr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && or(e, s, a), a;
+  return i && a && nr(e, s, a), a;
 };
-let U = class extends w {
+let j = class extends k {
   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));
@@ -10252,7 +10372,7 @@ let U = class extends w {
     super.disconnectedCallback(), document.removeEventListener("click", this._handleOutsideClick);
   }
 };
-U.styles = [
+j.styles = [
   ie,
   $`
       :host {
@@ -10334,51 +10454,51 @@ U.styles = [
       }
     `
 ];
-H([
+q([
   h()
-], U.prototype, "value", 2);
-H([
+], j.prototype, "value", 2);
+q([
   h()
-], U.prototype, "label", 2);
-H([
+], j.prototype, "label", 2);
+q([
   h({ reflect: !0 })
-], U.prototype, "variant", 2);
-H([
+], j.prototype, "variant", 2);
+q([
   h({ type: Array })
-], U.prototype, "options", 2);
-H([
+], j.prototype, "options", 2);
+q([
   _()
-], U.prototype, "_open", 2);
-H([
+], j.prototype, "_open", 2);
+q([
   _()
-], U.prototype, "_focusedIndex", 2);
-H([
+], j.prototype, "_focusedIndex", 2);
+q([
   _()
-], U.prototype, "_menuPosition", 2);
-H([
+], j.prototype, "_menuPosition", 2);
+q([
   _()
-], U.prototype, "_menuAlign", 2);
-H([
+], j.prototype, "_menuAlign", 2);
+q([
   _()
-], U.prototype, "_menuTop", 2);
-H([
+], j.prototype, "_menuTop", 2);
+q([
   _()
-], U.prototype, "_menuBottom", 2);
-H([
+], j.prototype, "_menuBottom", 2);
+q([
   _()
-], U.prototype, "_menuLeft", 2);
-H([
+], j.prototype, "_menuLeft", 2);
+q([
   _()
-], U.prototype, "_menuRight", 2);
-U = H([
-  k("ap-dropdown")
-], U);
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Fs = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? cr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], j.prototype, "_menuRight", 2);
+j = q([
+  S("ap-dropdown")
+], j);
+var cr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, Es = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? dr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && lr(e, s, a), a;
+  return i && a && cr(e, s, a), a;
 };
-let gt = class extends w {
+let gt = class extends k {
   constructor() {
     super(...arguments), this.variant = "default";
   }
@@ -10407,18 +10527,18 @@ gt.styles = [
       }
     `
 ];
-Fs([
+Es([
   h({ reflect: !0 })
 ], gt.prototype, "variant", 2);
-gt = Fs([
-  k("ap-badge")
+gt = Es([
+  S("ap-badge")
 ], gt);
-var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, Es = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? pr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var pr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, As = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? hr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && dr(e, s, a), a;
+  return i && a && pr(e, s, a), a;
 };
-let ft = class extends w {
+let ft = class extends k {
   constructor() {
     super(...arguments), this.text = "";
   }
@@ -10455,18 +10575,18 @@ ft.styles = [
       }
     `
 ];
-Es([
+As([
   h()
 ], ft.prototype, "text", 2);
-ft = Es([
-  k("ap-tooltip")
+ft = As([
+  S("ap-tooltip")
 ], ft);
-var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, je = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ur(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ur = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, je = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? gr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && hr(e, s, a), a;
+  return i && a && ur(e, s, a), a;
 };
-let ue = class extends w {
+let ue = class extends k {
   constructor() {
     super(...arguments), this.value = "", this.options = [], this.disabled = !1, this.direction = "vertical", this._onKeydown = (t) => {
       const e = this.options.filter(
@@ -10607,14 +10727,14 @@ je([
   h({ reflect: !0 })
 ], ue.prototype, "columns", 2);
 ue = je([
-  k("ap-radio-group")
+  S("ap-radio-group")
 ], ue);
-var gr = Object.defineProperty, qt = (t, e, s, i) => {
+var fr = Object.defineProperty, Ht = (t, e, s, i) => {
   for (var a = void 0, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = o(e, s, a) || a);
-  return a && gr(e, s, a), a;
+  return a && fr(e, s, a), a;
 };
-const Ht = class Ht extends w {
+const Kt = class Kt extends k {
   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;
@@ -10631,7 +10751,7 @@ const Ht = class Ht extends w {
       e.preventDefault(), this._dragCounter = 0, this._isDragOver = !1;
       const s = Array.from(((a = e.dataTransfer) == null ? void 0 : a.files) ?? []);
       s.length > 0 && this._openUploader(s);
-    }, this.store = Ts(), this.storeCtrl = new Os(this, this.store), this.selectionCtrl = new Ms(this, this.store), this.infiniteScrollCtrl = new Ps(this, () => this._loadMore()), this.marqueeCtrl = new Ls(this, this.store);
+    }, this.store = Ms(), this.storeCtrl = new Os(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;
@@ -10664,21 +10784,21 @@ const Ht = class Ht extends w {
     this.store.setState({
       config: e,
       projectToken: e.auth.projectToken,
-      viewMode: e.rememberLastView && Sa() || e.defaultViewMode || "grid",
+      viewMode: e.rememberLastView && Ca() || e.defaultViewMode || "grid",
       sortBy: i,
       sortDirection: a,
       currentFolder: null,
       currentFolderPath: e.rootFolderPath ?? "/"
-    }), this.apiClient = new Is(e.auth, e.apiBase);
+    }), this.apiClient = new Ds(e.auth, e.apiBase);
     try {
       if (e.auth.mode === "securityTemplate") {
         const d = await Bs(this.apiClient);
         this.apiClient.setSassKey(d), this.store.setState({ sassKey: d });
       }
       const [r, o, l] = await Promise.allSettled([
-        aa(this.apiClient),
-        Ns(this.apiClient),
-        js(this.apiClient)
+        ia(this.apiClient),
+        js(this.apiClient),
+        Us(this.apiClient)
       ]);
       if (r.status === "fulfilled") {
         const { fields: d, regionalVariantGroups: g, regionalFilters: b, brandColor: E } = r.value;
@@ -10690,7 +10810,7 @@ const Ht = class Ht extends w {
         });
       }
       o.status === "fulfilled" && this.store.setState({ labels: o.value.labels || [] }), l.status === "fulfilled" && this.store.setState({ tags: l.value });
-      const { pinnedFilters: c, pinnedMetadata: p } = _a(e.auth.projectToken ?? null), u = this.store.getState().filters;
+      const { pinnedFilters: c, pinnedMetadata: p } = ya(e.auth.projectToken ?? null), u = this.store.getState().filters;
       this.store.setState({
         filters: {
           ...u,
@@ -10704,7 +10824,7 @@ const Ht = class Ht extends w {
         }
       });
       const v = e.brandColor || this.store.getState().brandColor;
-      v && (this.store.setState({ brandColor: v }), Aa(this, v));
+      v && (this.store.setState({ brandColor: v }), Ta(this, v));
     } catch (r) {
       throw this.dispatchEvent(new CustomEvent("ap-error", {
         detail: { error: r, context: "init" },
@@ -10796,7 +10916,7 @@ const Ht = class Ht extends w {
   }
   async open() {
     var l, c, p, u, v, d;
-    const e = this.store.getState(), s = Ue((l = this.config) == null ? void 0 : l.forcedFilters), i = new Set(Object.keys(s)), a = {}, r = Ue((c = this.config) == null ? void 0 : c.defaultFilters);
+    const e = this.store.getState(), s = Be((l = this.config) == null ? void 0 : l.forcedFilters), i = new Set(Object.keys(s)), a = {}, r = Be((c = this.config) == null ? void 0 : c.defaultFilters);
     for (const [g, b] of Object.entries(r))
       i.has(g) || (a[g] = b);
     const o = Object.keys(a);
@@ -10818,7 +10938,7 @@ const Ht = class Ht extends w {
       assets: [],
       folders: [],
       currentFolder: null,
-      currentFolderPath: ((v = this.config) == null ? void 0 : v.rememberLastFolder) && wa() || ((d = this.config) == null ? void 0 : d.rootFolderPath) || "/",
+      currentFolderPath: ((v = this.config) == null ? void 0 : v.rememberLastFolder) && ka() || ((d = this.config) == null ? void 0 : d.rootFolderPath) || "/",
       breadcrumb: [],
       selectedAssets: /* @__PURE__ */ new Map(),
       folderPreviews: {},
@@ -10845,10 +10965,10 @@ const Ht = class Ht extends w {
     const e = ++this._loadId, s = this.store.getState();
     this._scrollToTop(), this.store.setState({ isLoading: !0 });
     try {
-      const D = s.activeTab;
-      if (D === "assets") {
-        const F = this._buildSearchNotation(), A = s.currentFolderPath || "/", L = tt(this.apiClient, {
-          folder: A,
+      const A = s.activeTab;
+      if (A === "assets") {
+        const F = this._buildSearchNotation(), I = s.currentFolderPath || "/", H = tt(this.apiClient, {
+          folder: I,
           offset: 0,
           limit: s.limit,
           sort_by: s.sortBy,
@@ -10856,16 +10976,16 @@ const Ht = class Ht extends w {
           search: s.searchQuery || void 0,
           q: F || void 0,
           recursive: 1
-        }), I = Yt(this.apiClient, {
-          folder: A,
+        }), T = Xt(this.apiClient, {
+          folder: I,
           q: F || void 0,
           search: s.searchQuery || void 0,
           recursive: 1
-        }).catch(() => null), [N, O] = await Promise.all([L, I]);
+        }).catch(() => null), [R, U] = await Promise.all([H, T]);
         if (e !== this._loadId) return;
-        const ne = ((i = N.files) == null ? void 0 : i.length) ?? 0, fe = ne >= s.limit, Ae = ((a = O == null ? void 0 : O.stats) == null ? void 0 : a.approx_files_count) ?? ((r = O == null ? void 0 : O.info) == null ? void 0 : r.total_files_count) ?? ((o = N.info) == null ? void 0 : o.total_files_count) ?? ((c = (l = N.base) == null ? void 0 : l.count) == null ? void 0 : c.files_recursive) ?? ((u = (p = N.base) == null ? void 0 : p.count) == null ? void 0 : u.files_direct) ?? ne;
+        const ne = ((i = R.files) == null ? void 0 : i.length) ?? 0, fe = ne >= s.limit, Ae = ((a = U == null ? void 0 : U.stats) == null ? void 0 : a.approx_files_count) ?? ((r = U == null ? void 0 : U.info) == null ? void 0 : r.total_files_count) ?? ((o = R.info) == null ? void 0 : o.total_files_count) ?? ((c = (l = R.base) == null ? void 0 : l.count) == null ? void 0 : c.files_recursive) ?? ((u = (p = R.base) == null ? void 0 : p.count) == null ? void 0 : u.files_direct) ?? ne;
         this.store.setState({
-          assets: N.files || [],
+          assets: R.files || [],
           folders: [],
           totalCount: Ae,
           totalFolderCount: 0,
@@ -10873,9 +10993,9 @@ const Ht = class Ht extends w {
           hasMore: fe,
           isLoading: !1
         });
-      } else if (D === "folders") {
-        const F = this._buildSearchNotation(), A = s.currentFolderPath || "/", [L, I, N] = await Promise.all([
-          zs(this.apiClient, {
+      } else if (A === "folders") {
+        const F = this._buildSearchNotation(), I = s.currentFolderPath || "/", [H, T, R] = await Promise.all([
+          Rs(this.apiClient, {
             folderPath: s.currentFolderPath,
             q: s.searchQuery || void 0,
             recursive: s.searchQuery ? 1 : 0,
@@ -10883,7 +11003,7 @@ const Ht = class Ht extends w {
             sort_direction: s.sortDirection
           }),
           tt(this.apiClient, {
-            folder: A,
+            folder: I,
             offset: 0,
             limit: s.limit,
             sort_by: s.sortBy,
@@ -10892,38 +11012,38 @@ const Ht = class Ht extends w {
             q: F || void 0,
             recursive: 0
           }),
-          Yt(this.apiClient, {
-            folder: A,
+          Xt(this.apiClient, {
+            folder: I,
             q: F || void 0,
             search: s.searchQuery || void 0,
             recursive: 0
           }).catch(() => null)
         ]);
         if (e !== this._loadId) return;
-        const O = L.folders || [];
+        const U = H.folders || [];
         let ne = {};
-        if (O.length > 0)
+        if (U.length > 0)
           try {
-            ne = await Rs(this.apiClient, O.map((ve) => ve.uuid));
+            ne = await Ns(this.apiClient, U.map((ve) => ve.uuid));
           } catch {
           }
         if (e !== this._loadId) return;
-        const fe = ((v = I.files) == null ? void 0 : v.length) ?? 0, Ae = fe >= s.limit, et = ((d = N == null ? void 0 : N.stats) == null ? void 0 : d.approx_files_count) ?? ((g = N == null ? void 0 : N.info) == null ? void 0 : g.total_files_count) ?? ((b = I.info) == null ? void 0 : b.total_files_count) ?? ((y = (E = I.base) == null ? void 0 : E.count) == null ? void 0 : y.files_direct) ?? fe;
+        const fe = ((v = T.files) == null ? void 0 : v.length) ?? 0, Ae = fe >= s.limit, et = ((d = R == null ? void 0 : R.stats) == null ? void 0 : d.approx_files_count) ?? ((g = R == null ? void 0 : R.info) == null ? void 0 : g.total_files_count) ?? ((b = T.info) == null ? void 0 : b.total_files_count) ?? ((y = (E = T.base) == null ? void 0 : E.count) == null ? void 0 : y.files_direct) ?? fe;
         this.store.setState({
-          assets: I.files || [],
-          folders: O,
+          assets: T.files || [],
+          folders: U,
           folderPreviews: ne,
           totalCount: et,
-          totalFolderCount: L.total ?? O.length,
+          totalFolderCount: H.total ?? U.length,
           offset: 0,
           hasMore: Ae,
           isLoading: !1
         });
       }
-    } catch (D) {
+    } catch (A) {
       if (e !== this._loadId) return;
       this.store.setState({ isLoading: !1 }), this.dispatchEvent(new CustomEvent("ap-error", {
-        detail: { error: D, context: "loadData" },
+        detail: { error: A, context: "loadData" },
         bubbles: !0,
         composed: !0
       }));
@@ -10977,7 +11097,7 @@ const Ht = class Ht extends w {
   _handleViewChange(e) {
     var i;
     const s = e.detail.mode;
-    this.store.setState({ viewMode: s }), (i = this.config) != null && i.rememberLastView && ka(s), this._scrollToTop();
+    this.store.setState({ viewMode: s }), (i = this.config) != null && i.rememberLastView && Sa(s), this._scrollToTop();
   }
   _handleRegionalChange(e) {
     const { groupUuid: s, value: i } = e.detail, a = this.store.getState().regionalFilters;
@@ -10992,7 +11112,7 @@ const Ht = class Ht extends w {
       offset: 0,
       assets: [],
       folders: []
-    }), ts(s, i.sortDirection), this.selectionCtrl.resetRange(), this._loadData();
+    }), ss(s, i.sortDirection), this.selectionCtrl.resetRange(), this._loadData();
   }
   _handleSortDirectionChange(e) {
     const s = e.detail.value, i = this.store.getState();
@@ -11001,7 +11121,7 @@ const Ht = class Ht extends w {
       offset: 0,
       assets: [],
       folders: []
-    }), ts(i.sortBy, s), this.selectionCtrl.resetRange(), this._loadData();
+    }), ss(i.sortBy, s), this.selectionCtrl.resetRange(), this._loadData();
   }
   _handleTabChange(e) {
     var s;
@@ -11036,7 +11156,7 @@ const Ht = class Ht extends w {
   _handleFolderOpen(e) {
     var r;
     const s = e.detail.folder, i = this.store.getState(), a = s.path || `${i.currentFolderPath}${s.name}/`;
-    (r = this.config) != null && r.rememberLastFolder && ss(a), this.store.setState({
+    (r = this.config) != null && r.rememberLastFolder && as(a), this.store.setState({
       currentFolder: s.uuid,
       currentFolderPath: a,
       breadcrumb: [...i.breadcrumb, { uuid: s.uuid, name: s.name, path: a }],
@@ -11049,7 +11169,7 @@ const Ht = class Ht extends w {
   _handleBreadcrumbNavigate(e) {
     var l, c;
     const s = e.detail.uuid, i = this.store.getState(), a = s ? i.breadcrumb.findIndex((p) => p.uuid === s) : -1, r = s ? i.breadcrumb.slice(0, a + 1) : [], o = r.length > 0 ? r[r.length - 1].path : ((l = this.config) == null ? void 0 : l.rootFolderPath) || "/";
-    (c = this.config) != null && c.rememberLastFolder && ss(o), this.store.setState({
+    (c = this.config) != null && c.rememberLastFolder && as(o), this.store.setState({
       currentFolder: s || null,
       currentFolderPath: o,
       breadcrumb: r,
@@ -11088,11 +11208,11 @@ const Ht = class Ht extends w {
           u.push(y);
         const v = 4, d = [];
         for (let y = 0; y < u.length; y += v) {
-          const D = u.slice(y, y + v), F = await Promise.all(
-            D.map(
-              (A) => tt(this.apiClient, {
+          const A = u.slice(y, y + v), F = await Promise.all(
+            A.map(
+              (I) => tt(this.apiClient, {
                 folder: r,
-                offset: A,
+                offset: I,
                 limit: o,
                 sort_by: e.sortBy,
                 sort_direction: e.sortDirection,
@@ -11102,8 +11222,8 @@ const Ht = class Ht extends w {
               })
             )
           );
-          for (const A of F)
-            A.files && d.push(...A.files);
+          for (const I of F)
+            I.files && d.push(...I.files);
         }
         const g = new Set(l.map((y) => y.uuid)), b = d.filter((y) => g.has(y.uuid) ? !1 : (g.add(y.uuid), !0)), E = [...l, ...b];
         this.store.setState({
@@ -11130,7 +11250,7 @@ const Ht = class Ht extends w {
   }
   // ── Filter Handlers ──────────────────────────────────────────────────
   _isDateFilterKey(e) {
-    return e === m.DATE || e === m.LICENSE_EXPIRY || e === V.DUE_DATE;
+    return e === m.DATE || e === m.LICENSE_EXPIRY || e === B.DUE_DATE;
   }
   _handleFilterUpdate(e) {
     const { key: s, values: i, operator: a } = e.detail, o = { ...this.store.getState().filters };
@@ -11167,55 +11287,55 @@ const Ht = class Ht extends w {
   }
   _handleFilterOpen(e) {
     const s = e.detail.key, i = e.detail.chipRect, a = this.renderRoot.querySelector("ap-content-toolbar");
-    let r;
+    let r, o;
     if (i) {
-      const o = this.renderRoot.querySelector(".toolbar-filters-wrapper");
-      if (o) {
-        const l = o.getBoundingClientRect();
-        r = i.left - l.left;
+      const l = this.renderRoot.querySelector(".toolbar-filters-wrapper");
+      if (l) {
+        const c = l.getBoundingClientRect();
+        r = i.left - c.left, o = i.bottom - c.top;
       }
     }
-    a == null || a.openFilterPanel(s, !0, r);
+    a == null || a.openFilterPanel(s, !0, r, o);
   }
   _handleMetadataFilterOpen(e) {
     const { fieldKey: s, chipRect: i } = e.detail, a = this.renderRoot.querySelector("ap-content-toolbar");
-    let r;
+    let r, o;
     if (i) {
-      const o = this.renderRoot.querySelector(".toolbar-filters-wrapper");
-      if (o) {
-        const l = o.getBoundingClientRect();
-        r = i.left - l.left;
+      const l = this.renderRoot.querySelector(".toolbar-filters-wrapper");
+      if (l) {
+        const c = l.getBoundingClientRect();
+        r = i.left - c.left, o = i.bottom - c.top;
       }
     }
-    a == null || a.openMetadataFieldPanel(s, !0, r);
+    a == null || a.openMetadataFieldPanel(s, !0, r, o);
   }
   _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 v, d, g;
+    var d, g, b;
     const { key: s, metadataFieldKey: i } = e.detail, a = this.renderRoot.querySelector("ap-filters-bar"), r = this.renderRoot.querySelector("ap-content-toolbar");
     if (!a || !r) return;
     i ? (this._pendingMetadataField = i, a.pendingMetadataField = i) : s && (this._pendingFilter = s, a.pendingFilter = s), await a.updateComplete;
     let o = a.renderRoot.querySelector(".chip.pending");
     if (!o) {
-      const b = a.renderRoot.querySelectorAll(".chip.pinned-empty"), E = i ? (v = a._getMetadataLabel) == null ? void 0 : v.call(a, i) : void 0;
-      for (const y of b) {
-        const D = (g = (d = y.querySelector(".chip-label")) == null ? void 0 : d.textContent) == null ? void 0 : g.trim();
-        if (i && D === E) {
-          o = y;
+      const E = a.renderRoot.querySelectorAll(".chip.pinned-empty"), y = i ? (d = a._getMetadataLabel) == null ? void 0 : d.call(a, i) : void 0;
+      for (const A of E) {
+        const F = (b = (g = A.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : b.trim();
+        if (i && F === y) {
+          o = A;
           break;
         }
-        if (s && D === (Oe[s] || s)) {
-          o = y;
+        if (s && F === (Me[s] || s)) {
+          o = A;
           break;
         }
       }
     }
     if (!o) return;
-    const l = o.getBoundingClientRect(), c = this.renderRoot.querySelector(".toolbar-filters-wrapper"), p = c == null ? void 0 : c.getBoundingClientRect(), u = p ? l.left - p.left : l.left;
-    i ? r.openMetadataFieldPanel(i, !0, u) : s && r.openFilterPanel(s, !0, u);
+    const l = o.getBoundingClientRect(), c = this.renderRoot.querySelector(".toolbar-filters-wrapper"), p = c == null ? void 0 : c.getBoundingClientRect(), u = p ? l.left - p.left : l.left, v = p ? l.bottom - p.top : void 0;
+    i ? r.openMetadataFieldPanel(i, !0, u, v) : s && r.openFilterPanel(s, !0, u, v);
   }
   _handleFilterRemove(e) {
     var o;
@@ -11250,14 +11370,14 @@ const Ht = class Ht extends w {
     const { key: s, pinned: i } = e.detail, r = { ...this.store.getState().filters };
     i ? r.pinned.includes(s) || (r.pinned = [...r.pinned, s]) : (r.pinned = r.pinned.filter((p) => p !== s), s in r.applied || (r.visible = r.visible.filter((p) => p !== s))), this.store.setState({ filters: r });
     const o = ((c = (l = this.store.getState().config) == null ? void 0 : l.auth) == null ? void 0 : c.projectToken) ?? null;
-    ya(o, r.pinned);
+    xa(o, r.pinned);
   }
   _handleMetadataPin(e) {
     var c, p;
     const { fieldKey: s, pinned: i } = e.detail, r = { ...this.store.getState().filters }, o = { ...r.metadata };
     i ? o.pinned.includes(s) || (o.pinned = [...o.pinned, s]) : (o.pinned = o.pinned.filter((u) => u !== s), s in o.applied || (o.visible = o.visible.filter((u) => u !== s))), r.metadata = o, this.store.setState({ filters: r });
     const l = ((p = (c = this.store.getState().config) == null ? void 0 : c.auth) == null ? void 0 : p.projectToken) ?? null;
-    xa(l, o.pinned);
+    wa(l, o.pinned);
   }
   _handleFiltersClearAll() {
     const e = this.store.getState();
@@ -11305,13 +11425,13 @@ const Ht = class Ht extends w {
   // ── Sort Options ────────────────────────────────────────────────────
   _getSortOptions() {
     const e = this.storeCtrl.state;
-    return e.searchQuery ? Ta : e.activeTab === "folders" ? Oa : It;
+    return e.searchQuery ? Ma : e.activeTab === "folders" ? Oa : Dt;
   }
   // ── Search Notation Builder ──────────────────────────────────────────
   _buildSearchNotation() {
     var a;
-    const e = this.store.getState(), s = { ...Ue((a = this.config) == null ? void 0 : a.forcedFilters), ...e.filters.applied };
-    return oa(s, e.filters.metadata.applied).join(" ");
+    const e = this.store.getState(), s = { ...Be((a = this.config) == null ? void 0 : a.forcedFilters), ...e.filters.applied };
+    return na(s, e.filters.metadata.applied).join(" ");
   }
   render() {
     var p, u, v, d, g, b, E, y;
@@ -11366,7 +11486,7 @@ const Ht = class Ht extends w {
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(Ue((v = this.config) == null ? void 0 : v.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(Be((v = this.config) == null ? void 0 : v.forcedFilters))}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -11455,7 +11575,7 @@ const Ht = class Ht extends w {
       ` : f : n`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${(D) => this._handleCancel(D.detail.reason)}
+        @ap-cancel=${(A) => this._handleCancel(A.detail.reason)}
       >
         ${this._isUploaderOpen ? c : n`
           <div slot="header">${a}</div>
@@ -11540,7 +11660,7 @@ const Ht = class Ht extends w {
       ` : f;
   }
 };
-Ht.styles = [
+Kt.styles = [
   $`
       :host {
         display: contents;
@@ -11703,14 +11823,14 @@ Ht.styles = [
       }
     `
 ];
-let We = Ht;
-qt([
+let We = Kt;
+Ht([
   _()
 ], We.prototype, "_isDragOver");
-qt([
+Ht([
   _()
 ], We.prototype, "_isUploaderOpen");
-qt([
+Ht([
   h({ type: Object })
 ], We.prototype, "config");
 export {