@wpic/ui 0.9.30 → 0.9.32

package/dist/wpic-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, openBlock as e, createBlock as Z, resolveDynamicComponent as S1, normalizeClass as g, withCtx as s1, createElementVNode as i, createCommentVNode as u, renderSlot as K, createElementBlock as t, createVNode as $, unref as m, Fragment as I, renderList as l1, toDisplayString as v, useModel as c2, useSlots as X2, computed as M, ref as T, watch as C1, onBeforeUnmount as K1, mergeProps as G1, createTextVNode as v1, withDirectives as j1, normalizeStyle as h1, vModelDynamic as k0, mergeModels as t2, vModelCheckbox as t3, withModifiers as b1, onMounted as E2, withKeys as d2, inject as v2, provide as W1, nextTick as H1, Teleport as R1, isRef as i3, vShow as l3, Transition as e2, getCurrentInstance as G2, vModelText as r2, useAttrs as a3, TransitionGroup as o3, useCssVars as s3, vModelSelect as r3, onUnmounted as p3, createSlots as d3, createStaticVNode as A1 } from "vue";
+import { defineComponent as X, openBlock as e, createBlock as Z, resolveDynamicComponent as S1, normalizeClass as g, withCtx as s1, createElementVNode as i, createCommentVNode as u, renderSlot as K, createElementBlock as t, createVNode as $, unref as m, Fragment as I, renderList as l1, toDisplayString as v, useModel as t2, useSlots as X2, computed as M, ref as T, watch as C1, onBeforeUnmount as K1, mergeProps as G1, createTextVNode as v1, withDirectives as j1, normalizeStyle as h1, vModelDynamic as k0, mergeModels as i2, vModelCheckbox as t3, withModifiers as b1, onMounted as E2, withKeys as d2, inject as v2, provide as W1, nextTick as H1, Teleport as R1, isRef as i3, vShow as l3, Transition as c2, getCurrentInstance as G2, vModelText as r2, useAttrs as a3, TransitionGroup as o3, useCssVars as s3, vModelSelect as r3, onUnmounted as p3, createSlots as d3, createStaticVNode as A1 } from "vue";
 import { Loader2 as I1, Calendar as x0, DollarSign as w3, X as $1, Check as _1, Search as W2, ChevronUp as y0, ChevronDown as Z1, ChevronsUpDown as _2, ChevronRight as E1, ChevronLeft as x2, Download as u3, Minimize as h3, Expand as m3, CalendarDays as D2, FolderSymlink as v3, Minimize2 as f3, Maximize2 as b3, Plus as $2, Trash2 as g3, Folder as v0, MoreHorizontal as z3, Bot as M0, Paperclip as B2, ThumbsUp as C3, ThumbsDown as k3, Copy as x3, Pencil as y3, MessageSquarePlus as M3, Square as L3, ArrowUp as L0, CircleAlert as V3, CircleCheck as $3, ShieldAlert as B3, Lightbulb as S3, PanelLeftOpen as A3, PanelLeftClose as F3, AlertTriangle as H3, Tag as T2, Clock as P3, RefreshCw as T3, MoveDownRight as j3 } from "lucide-vue-next";
 import { offset as f2, autoPlacement as E3, flip as b2, shift as g2, size as n0, useFloating as z2, autoUpdate as C2, arrow as W3 } from "@floating-ui/vue";
 import { defineStore as D3 } from "pinia";
@@ -125,7 +125,7 @@ const O3 = {
 }, S0 = /* @__PURE__ */ X({
   inheritAttrs: !1,
   __name: "WInput",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     icon: { type: [Object, Function] },
     label: {},
     placeholder: {},
@@ -144,7 +144,7 @@ const O3 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = n, o = X2(), r = M(() => c.prepend !== void 0 || !!o.prepend), l = M(() => c.append !== void 0 || !!o.append), a = M(() => {
+    const d = t2(n, "modelValue"), c = n, o = X2(), r = M(() => c.prepend !== void 0 || !!o.prepend), l = M(() => c.append !== void 0 || !!o.append), a = M(() => {
       if (c.icon) return c.icon;
       if (c.type === "date") return x0;
       if (c.type === "money") return w3;
@@ -243,7 +243,7 @@ const O3 = {
   }
 }), c5 = ["disabled"], f0 = /* @__PURE__ */ X({
   __name: "WCheckbox",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     disabled: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
@@ -251,7 +251,7 @@ const O3 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => (e(), t("label", {
       class: g(["wpic-checkbox wpic:relative wpic:inline-flex wpic:items-center wpic:gap-2 wpic:select-none", n.disabled ? "wpic:cursor-not-allowed wpic:opacity-50" : "wpic:cursor-pointer"])
     }, [
@@ -426,7 +426,7 @@ const O3 = {
       for (const g1 of [..._].sort((B1, C) => B1 - C))
         g1 - m1 > 1 && A.push("…"), A.push(g1), m1 = g1;
       return A;
-    }), Q = M(() => o.padding ? `wpic-table--padding-${o.padding}` : o.compact ? "wpic-table--padding-sm" : "wpic-table--padding-inherit"), x1 = (J) => J === "right" ? "wpic:text-right" : J === "center" ? "wpic:text-center" : "wpic:text-left", z1 = (J, N) => [
+    }), q = M(() => o.padding ? `wpic-table--padding-${o.padding}` : o.compact ? "wpic-table--padding-sm" : "wpic-table--padding-inherit"), x1 = (J) => J === "right" ? "wpic:text-right" : J === "center" ? "wpic:text-center" : "wpic:text-left", z1 = (J, N) => [
       N,
       o.flushEdges && J === 0 && !o.expandable && !o.selectable ? "wpic:pl-0" : "wpic-table__pad-l",
       o.flushEdges && J === o.columns.length - 1 ? "wpic:pr-0" : "wpic-table__pad-r"
@@ -435,7 +435,7 @@ const O3 = {
       ...J.minWidth ? { minWidth: J.minWidth } : {}
     });
     return d({ filteredCount: M(() => x.value.length), searchQuery: B }), (J, N) => (e(), t("div", {
-      class: g(["wpic-table", [Q.value, { "wpic-table--column-dividers": n.columnDividers }]])
+      class: g(["wpic-table", [q.value, { "wpic-table--column-dividers": n.columnDividers }]])
     }, [
       (H.value || m(f).toolbar) && !n.loading ? (e(), t("div", {
         key: 0,
@@ -708,7 +708,7 @@ const O3 = {
     const o = n, r = c, l = M(() => o.showAxes && o.showColumnLetters), a = M(() => o.showAxes && o.showRowNumbers), f = M(() => o.columns.some((C) => C.sticky)), b = T(null), V = T("asc"), s = T(o.expanded ?? !1), F = T(null), L = T(null), B = T(null), H = T(null), x = T(null);
     function k() {
       if (!o.downloadable) return;
-      const C = (R) => `"${String(R ?? "").replace(/"/g, '""')}"`, D = U.value.map((R) => o.columns.map((q) => C(r1(R, q.key))).join(",")).join(`\r
+      const C = (R) => `"${String(R ?? "").replace(/"/g, '""')}"`, D = U.value.map((R) => o.columns.map((Q) => C(r1(R, Q.key))).join(",")).join(`\r
 `), S = new Blob([`\uFEFF${D}`], { type: "text/csv;charset=utf-8" }), a1 = URL.createObjectURL(S), u1 = document.createElement("a");
       u1.href = a1, u1.download = o.downloadFilename || "spreadsheet.csv", u1.click(), URL.revokeObjectURL(a1);
     }
@@ -761,8 +761,8 @@ const O3 = {
       if (!b.value) return o.rows;
       const C = o.rows.filter((a1) => a1.sortable !== !1), D = V.value === "asc" ? 1 : -1;
       C.sort((a1, u1) => {
-        const R = n1(r1(a1, b.value)), q = n1(r1(u1, b.value));
-        return typeof R == "number" && typeof q == "number" ? (R - q) * D : String(R).localeCompare(String(q), void 0, { numeric: !0 }) * D;
+        const R = n1(r1(a1, b.value)), Q = n1(r1(u1, b.value));
+        return typeof R == "number" && typeof Q == "number" ? (R - Q) * D : String(R).localeCompare(String(Q), void 0, { numeric: !0 }) * D;
       });
       let S = 0;
       return o.rows.map((a1) => a1.sortable === !1 ? a1 : C[S++]);
@@ -796,12 +796,12 @@ const O3 = {
     function e1(C, D) {
       !D.editable || L.value || (H.value = { rowKey: C.key, cellKey: D.key }, x.value = null);
     }
-    function Q(C, D) {
+    function q(C, D) {
       return H.value?.rowKey === C.key && H.value?.cellKey === D.key;
     }
     function x1(C, D, S) {
       const a1 = U.value[C];
-      !o.fillHandle || !S.editable || !a1 || !Q(a1, S) || (x.value = null, L.value = { row: C, cell: D, value: String(S.value ?? "") }, B.value = { row: C, cell: D }, window.addEventListener("pointerup", A, { once: !0 }));
+      !o.fillHandle || !S.editable || !a1 || !q(a1, S) || (x.value = null, L.value = { row: C, cell: D, value: String(S.value ?? "") }, B.value = { row: C, cell: D }, window.addEventListener("pointerup", A, { once: !0 }));
     }
     function z1(C, D) {
       L.value && (B.value = { row: C, cell: D });
@@ -831,16 +831,16 @@ const O3 = {
     }
     function A() {
       if (!L.value || !B.value) return;
-      const C = L.value, D = B.value, S = Math.min(C.row, D.row), a1 = Math.max(C.row, D.row), u1 = Math.min(C.cell, D.cell), R = Math.max(C.cell, D.cell), q = /* @__PURE__ */ new Set(), t1 = U.value[C.row], L1 = t1?.cells[C.cell];
+      const C = L.value, D = B.value, S = Math.min(C.row, D.row), a1 = Math.max(C.row, D.row), u1 = Math.min(C.cell, D.cell), R = Math.max(C.cell, D.cell), Q = /* @__PURE__ */ new Set(), t1 = U.value[C.row], L1 = t1?.cells[C.cell];
       for (let T1 = S; T1 <= a1; T1++) {
-        const i2 = U.value[T1];
-        if (i2)
-          for (let l2 = u1; l2 <= R; l2++) {
-            const w2 = i2.cells[l2];
-            w2?.editable && (q.add(j(i2, w2)), r("cell-change", { rowKey: i2.key, cellKey: w2.key, value: C.value, row: i2, cell: w2 }));
+        const l2 = U.value[T1];
+        if (l2)
+          for (let n2 = u1; n2 <= R; n2++) {
+            const w2 = l2.cells[n2];
+            w2?.editable && (Q.add(j(l2, w2)), r("cell-change", { rowKey: l2.key, cellKey: w2.key, value: C.value, row: l2, cell: w2 }));
           }
       }
-      L.value = null, B.value = null, x.value = t1 && L1 ? { cells: q, source: j(t1, L1) } : null;
+      L.value = null, B.value = null, x.value = t1 && L1 ? { cells: Q, source: j(t1, L1) } : null;
     }
     function _(C) {
       let D = C + 1, S = "";
@@ -954,18 +954,18 @@ const O3 = {
                 a.value ? (e(), t("th", j5, v(a1 + 1), 1)) : u("", !0),
                 (e(!0), t(I, null, l1(S.cells, (u1, R) => (e(), t("td", {
                   key: u1.key,
-                  class: g(["w-spreadsheet__cell", [m1(u1), { "w-spreadsheet__cell--sortable": E(u1), "w-spreadsheet__cell--sticky": G(S, R), "w-spreadsheet__cell--sticky-first": p1(S, R), "w-spreadsheet__cell--active": Q(S, u1) }, J(a1, R), N(S, u1)]]),
+                  class: g(["w-spreadsheet__cell", [m1(u1), { "w-spreadsheet__cell--sortable": E(u1), "w-spreadsheet__cell--sticky": G(S, R), "w-spreadsheet__cell--sticky-first": p1(S, R), "w-spreadsheet__cell--active": q(S, u1) }, J(a1, R), N(S, u1)]]),
                   colspan: u1.colspan || 1,
                   title: u1.title,
                   style: h1(k1(S, R)),
                   tabindex: E(u1) ? 0 : void 0,
-                  onClick: (q) => Y(u1),
+                  onClick: (Q) => Y(u1),
                   onKeydown: [
-                    d2(b1((q) => Y(u1), ["prevent"]), ["enter"]),
-                    d2(b1((q) => Y(u1), ["prevent"]), ["space"])
+                    d2(b1((Q) => Y(u1), ["prevent"]), ["enter"]),
+                    d2(b1((Q) => Y(u1), ["prevent"]), ["space"])
                   ],
-                  onPointerenter: (q) => z1(a1, R),
-                  onPointerdown: (q) => e1(S, u1)
+                  onPointerenter: (Q) => z1(a1, R),
+                  onPointerdown: (Q) => e1(S, u1)
                 }, [
                   K(C.$slots, `cell-${u1.key}`, {
                     row: S,
@@ -979,7 +979,7 @@ const O3 = {
                         value: u1.value ?? "",
                         min: u1.min,
                         placeholder: u1.placeholder,
-                        onInput: (q) => g1(S, u1, q)
+                        onInput: (Q) => g1(S, u1, Q)
                       }, null, 42, D5),
                       u1.inputType === "date" ? (e(), t("button", {
                         key: 0,
@@ -1000,13 +1000,13 @@ const O3 = {
                     class: "w-spreadsheet__sort-icon",
                     size: 14
                   })) : u("", !0),
-                  n.fillHandle && u1.editable && Q(S, u1) ? (e(), t("button", {
+                  n.fillHandle && u1.editable && q(S, u1) ? (e(), t("button", {
                     key: 1,
                     type: "button",
                     class: "w-spreadsheet__fill-handle",
                     "aria-label": "Fill adjacent cells",
                     title: "Drag to fill adjacent cells",
-                    onPointerdown: b1((q) => x1(a1, R, u1), ["stop", "prevent"])
+                    onPointerdown: b1((Q) => x1(a1, R, u1), ["stop", "prevent"])
                   }, null, 40, I5)) : u("", !0)
                 ], 46, E5))), 128))
               ], 2))), 128))
@@ -1296,6 +1296,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     panelScroll: { type: Boolean, default: !0 },
     offset: {},
     matchAnchorWidth: { type: Boolean },
+    fitAnchorContent: { type: Boolean },
     freezePositionOnOpen: { type: Boolean, default: !0 },
     flip: { type: Boolean, default: !0 },
     autoPlacement: { type: Boolean },
@@ -1324,11 +1325,11 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       return H.value || (c.autoPlacement ? j.push(E3({ alignment: "start" })) : c.flip && j.push(b2({ crossAxis: !c.shiftCrossAxis }))), j.push(g2({ padding: c.autoPlacement ? 8 : 4, crossAxis: c.autoPlacement || c.shiftCrossAxis })), j.push(
         n0({
           padding: 8,
-          apply({ availableHeight: e1, availableWidth: Q, rects: x1, elements: z1 }) {
-            const d1 = Math.max(e1 - 8, 50), J = c.maxHeight ? `min(${c.maxHeight}, ${d1}px)` : `${d1}px`, N = { maxWidth: `${Math.max(Q, 0)}px`, maxHeight: J, overflowY: c.panelScroll ? "auto" : "hidden" };
+          apply({ availableHeight: e1, availableWidth: q, rects: x1, elements: z1 }) {
+            const d1 = Math.max(e1 - 8, 50), J = c.maxHeight ? `min(${c.maxHeight}, ${d1}px)` : `${d1}px`, N = { maxWidth: `${Math.max(q, 0)}px`, maxHeight: J, overflowY: c.panelScroll ? "auto" : "hidden" };
             if (c.height && (N.height = `min(${c.height}, ${d1}px)`), c.minHeight && (N.minHeight = `min(${c.minHeight}, ${d1}px)`), c.matchAnchorWidth) {
-              const A = `${x1.reference.width}px`;
-              N.width = A, N.minWidth = A;
+              const A = `${Math.min(x1.reference.width, Math.max(q, 0))}px`;
+              N.width = c.fitAnchorContent ? "max-content" : A, N.minWidth = A;
             }
             Object.assign(z1.floating.style, N);
           }
@@ -1345,10 +1346,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       return j.startsWith("top") ? "bottom" : j.startsWith("bottom") ? "top" : j.startsWith("left") ? "right" : j.startsWith("right") ? "left" : "top";
     }), U = (j) => {
       if (f.value) return;
-      const e1 = j.target, Q = L.value, x1 = B.value;
-      x1 && x1.contains(e1) || [...F].some((z1) => z1.contains(e1)) || Q && Q.contains(e1) || c.extraPanels?.some((z1) => z1?.contains(e1)) || b("close");
+      const e1 = j.target, q = L.value, x1 = B.value;
+      x1 && x1.contains(e1) || [...F].some((z1) => z1.contains(e1)) || q && q.contains(e1) || c.extraPanels?.some((z1) => z1?.contains(e1)) || b("close");
     }, E = (j) => {
-      if (f.value || j.key !== "Escape" || !c.open || [...F].some((Q) => Q.isConnected && Q.style.display !== "none")) return;
+      if (f.value || j.key !== "Escape" || !c.open || [...F].some((q) => q.isConnected && q.style.display !== "none")) return;
       j.preventDefault(), j.stopImmediatePropagation(), b("close");
       const e1 = L.value;
       e1?.matches("button, input, [tabindex]") ? e1.focus() : e1?.querySelector("button, input, [tabindex]")?.focus();
@@ -1387,7 +1388,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       title: n.sheetTitle,
       "close-label": n.closeLabel,
       "no-padding": "",
-      "onUpdate:modelValue": e1[0] || (e1[0] = (Q) => !Q && b("close"))
+      "onUpdate:modelValue": e1[0] || (e1[0] = (q) => !q && b("close"))
     }, {
       default: s1(() => [
         K(j.$slots, "default")
@@ -1452,7 +1453,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   class: "wpic-chat-loading-card",
   role: "status",
   "aria-label": "Generating image"
-}, e6 = ["innerHTML", "onClick"], c6 = ["href", "onClick"], t6 = ["src"], i6 = ["title", "aria-label", "onClick"], l6 = ["title", "aria-label", "onClick"], a6 = ["title", "onClick"], o6 = ["onClick"], s6 = ["title", "onClick"], r6 = { class: "wpic-chat-panel__footer wpic:shrink-0 wpic:bg-white wpic:p-3 wpic:dark:bg-zinc-800" }, p6 = {
+}, e6 = ["innerHTML", "onClick"], c6 = ["href", "onClick"], t6 = ["src"], i6 = ["title", "aria-label", "aria-pressed", "onClick"], l6 = ["title", "aria-label", "aria-pressed", "onClick"], a6 = ["title", "onClick"], o6 = ["onClick"], s6 = ["title", "onClick"], r6 = { class: "wpic-chat-panel__footer wpic:shrink-0 wpic:bg-white wpic:p-3 wpic:dark:bg-zinc-800" }, p6 = {
   key: 0,
   class: "wpic:mb-2 wpic:flex wpic:flex-wrap wpic:justify-end wpic:gap-1.5"
 }, d6 = ["src", "alt"], w6 = { class: "wpic:max-w-40 wpic:truncate" }, u6 = {
@@ -1552,7 +1553,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       if (!p) return [];
       const w = p.query;
       return c.mentionItems.filter((h) => h.label.toLowerCase().includes(w)).slice(0, 6);
-    }), e1 = M(() => c.showNavigator && L.value), Q = M(() => c.selectedProjectId ?? null), x1 = M(() => c.sessions.filter((p) => !p.projectId)), z1 = M(() => {
+    }), e1 = M(() => c.showNavigator && L.value), q = M(() => c.selectedProjectId ?? null), x1 = M(() => c.sessions.filter((p) => !p.projectId)), z1 = M(() => {
       const p = /* @__PURE__ */ new Map();
       for (const w of c.projects) p.set(w.id, []);
       for (const w of c.sessions) {
@@ -1728,7 +1729,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const w = p.metadata && typeof p.metadata == "object" ? p.metadata : {}, h = p.mimeType ?? "", P = typeof w.kind == "string" ? w.kind : "", y = p.displayUrl ?? (typeof w.displayUrl == "string" ? w.displayUrl : null);
       return !y || !h.startsWith("image/") && P !== "image" ? null : y;
     }
-    function q(p) {
+    function Q(p) {
       if (p.role !== "assistant" || !p.streaming) return !1;
       const w = p.content.trim();
       return w === "Generating image..." || S(w);
@@ -1748,7 +1749,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const w = g1(p.content), h = _(p.content), P = m1(p.content);
       return !w && !h && !P ? null : { prompt: w, taskType: P, settings: h };
     }
-    const i2 = M(() => {
+    const l2 = M(() => {
       if (c.maximized) {
         const h = Math.max(8, c.maximizedMargin);
         return {
@@ -1789,7 +1790,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         zIndex: c.zIndex
       };
     });
-    function l2(p, w) {
+    function n2(p, w) {
       return p.id ?? `${p.role}-${w}`;
     }
     function w2(p) {
@@ -1895,10 +1896,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         for (const M1 of W)
           f1 = f1.replace(O1(M1.label), a2(M1.label, "setting", "model", M1.value));
       if (!y?.settings) return f1;
-      const y1 = (M1, D1, n2) => {
-        if (n2 == null) return;
+      const y1 = (M1, D1, e2) => {
+        if (e2 == null) return;
         const q1 = p.match(M1);
-        q1?.[1] && (f1 = f1.replace(O1(q1[1]), a2(q1[1], "setting", D1, n2)));
+        q1?.[1] && (f1 = f1.replace(O1(q1[1]), a2(q1[1], "setting", D1, e2)));
       };
       if ((w1.includes("format") || w1.includes("aspect") || w1.includes("ratio")) && y1(/\b(\d{1,2}:\d{1,2})\b/, "aspect", y.settings.aspect), (w1.includes("résolution") || w1.includes("resolution")) && y1(/\b([1248]K)\b/i, "resolution", y.settings.resolution), (w1.includes("durée") || w1.includes("duration")) && y1(/\b(\d{1,3})\s*(?:s|sec|secondes?|seconds?)\b/i, "duration", y.settings.duration), w1.includes("fps") && y1(/\b(\d{1,3})\s*fps\b/i, "fps", y.settings.fps), y.settings.format) {
         const M1 = p.match(/\b(jpe?g|png|webp)\b/i)?.[1];
@@ -1935,7 +1936,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       }, D1 = () => {
         W && (y.push(`<pre><code>${O1(i1.join(`
 `))}</code></pre>`), i1 = [], W = !1);
-      }, n2 = (V1) => {
+      }, e2 = (V1) => {
         const P1 = V1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((F1) => F1.trim());
         return P1.length > 1 && P1.every((F1) => /^:?-{3,}:?$/.test(F1));
       }, q1 = (V1) => V1.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((P1) => P1.trim());
@@ -1960,7 +1961,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
           M1(), y1();
           continue;
         }
-        if (!f1 && F1.includes("|") && P[V1 + 1] && n2(P[V1 + 1])) {
+        if (!f1 && F1.includes("|") && P[V1 + 1] && e2(P[V1 + 1])) {
           y1();
           const J1 = q1(F1);
           y.push('<div class="wpic-chat-table-wrap"><table><thead><tr>'), y.push(J1.map((Y2) => `<th>${L2(Y2, p)}</th>`).join("")), y.push("</tr></thead><tbody>"), f1 = !0, V1 += 1;
@@ -2045,7 +2046,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     function r0(p, w) {
       o("move-session", p, w), o2();
     }
-    function p0(p = Q.value) {
+    function p0(p = q.value) {
       o("new-conversation", p), L.value = !1, o2(), H1(() => a.value?.focus());
     }
     function Z2(p) {
@@ -2220,9 +2221,9 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       if (!h) return;
       O.value = !0;
       const P = p.clientX, y = p.clientY, W = h.width, i1 = h.height, w1 = h.left, f1 = h.top, y1 = (D1) => {
-        const n2 = D1.clientX - P, q1 = D1.clientY - y;
+        const e2 = D1.clientX - P, q1 = D1.clientY - y;
         let s2 = W, Q1 = i1, V1 = w1, P1 = f1;
-        w.includes("e") && (s2 = Math.max(c.minWidth, W + n2)), w.includes("s") && (Q1 = Math.max(c.minHeight, i1 + q1)), w.includes("w") && (s2 = Math.max(c.minWidth, W - n2), V1 = w1 + (W - s2)), w.includes("n") && (Q1 = Math.max(c.minHeight, i1 - q1), P1 = Math.max(c.topOffset, f1 + (i1 - Q1))), o("update:width", Math.min(s2, window.innerWidth)), o("update:height", Math.min(Q1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, V1)), o("update:y", Math.max(c.topOffset, P1)));
+        w.includes("e") && (s2 = Math.max(c.minWidth, W + e2)), w.includes("s") && (Q1 = Math.max(c.minHeight, i1 + q1)), w.includes("w") && (s2 = Math.max(c.minWidth, W - e2), V1 = w1 + (W - s2)), w.includes("n") && (Q1 = Math.max(c.minHeight, i1 - q1), P1 = Math.max(c.topOffset, f1 + (i1 - Q1))), o("update:width", Math.min(s2, window.innerWidth)), o("update:height", Math.min(Q1, window.innerHeight - c.topOffset)), c.docked || (o("update:x", Math.max(0, V1)), o("update:y", Math.max(c.topOffset, P1)));
       }, M1 = () => {
         O.value = !1, document.removeEventListener("mousemove", y1), document.removeEventListener("mouseup", M1);
       };
@@ -2246,7 +2247,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
     }), K1(() => {
       x && window.clearTimeout(x), u2(), document.removeEventListener("pointerdown", s0, !0);
     }), (p, w) => (e(), Z(R1, { to: "body" }, [
-      $(e2, {
+      $(c2, {
         "enter-active-class": "wpic:transition-opacity wpic:duration-150",
         "enter-from-class": "wpic:opacity-0",
         "enter-to-class": "wpic:opacity-100",
@@ -2261,7 +2262,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         ]),
         _: 1
       }),
-      $(e2, {
+      $(c2, {
         "enter-active-class": "wpic:transition wpic:duration-150 wpic:ease-out",
         "enter-from-class": "wpic:opacity-0 wpic:translate-y-2",
         "enter-to-class": "wpic:opacity-100 wpic:translate-y-0",
@@ -2278,7 +2279,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
             "data-variant": n.variant,
             "data-maximized": n.maximized,
             "data-docked": n.docked,
-            style: h1(i2.value),
+            style: h1(l2.value),
             "aria-label": "Chat"
           }, [
             i("div", {
@@ -2641,7 +2642,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                       i("p", N4, v(n.thinkingLabel), 1)
                     ])) : Y.value.length ? (e(), t("div", q4, [
                       (e(!0), t(I, null, l1(Y.value, (h, P) => (e(), t("article", {
-                        key: l2(h, P),
+                        key: n2(h, P),
                         class: g(["wpic:group wpic:flex", h.role === "user" ? "wpic:justify-end" : "wpic:justify-start"])
                       }, [
                         i("div", Q4, [
@@ -2683,7 +2684,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                                 class: "wpic:animate-spin"
                               }),
                               i("span", null, v(n.thinkingLabel), 1)
-                            ])) : q(h) ? (e(), t("div", n6, [...w[30] || (w[30] = [
+                            ])) : Q(h) ? (e(), t("div", n6, [...w[30] || (w[30] = [
                               i("span", { class: "wpic-chat-loading-card__label" }, "Generating image...", -1)
                             ])])) : (e(), t("div", {
                               key: 2,
@@ -2715,18 +2716,20 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                             h.role === "assistant" && !h.streaming ? (e(), t(I, { key: 0 }, [
                               i("button", {
                                 type: "button",
-                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-emerald-600 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-emerald-400", h.metadata?.feedbackRating === 1 ? "wpic:text-emerald-600 wpic:dark:text-emerald-400" : ""]),
+                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-emerald-600 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-emerald-400", h.metadata?.feedbackRating === 1 ? "wpic:text-emerald-600 wpic:dark:text-emerald-400" : "wpic:text-zinc-400"]),
                                 title: n.helpfulLabel,
                                 "aria-label": n.helpfulLabel,
+                                "aria-pressed": h.metadata?.feedbackRating === 1,
                                 onClick: (y) => o("message-feedback", h, 1)
                               }, [
                                 $(m(C3), { size: 14 })
                               ], 10, i6),
                               i("button", {
                                 type: "button",
-                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-rose-500 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-rose-400", h.metadata?.feedbackRating === -1 ? "wpic:text-rose-500 wpic:dark:text-rose-400" : ""]),
+                                class: g(["wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-rose-500 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-rose-400", h.metadata?.feedbackRating === -1 ? "wpic:text-rose-500 wpic:dark:text-rose-400" : "wpic:text-zinc-400"]),
                                 title: n.notHelpfulLabel,
                                 "aria-label": n.notHelpfulLabel,
+                                "aria-pressed": h.metadata?.feedbackRating === -1,
                                 onClick: (y) => o("message-feedback", h, -1)
                               }, [
                                 $(m(k3), { size: 14 })
@@ -2735,10 +2738,10 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
                             i("button", {
                               type: "button",
                               class: "wpic:flex wpic:h-7 wpic:w-7 wpic:items-center wpic:justify-center wpic:rounded-md wpic:text-zinc-400 wpic:transition wpic:hover:bg-zinc-100 wpic:hover:text-zinc-700 wpic:dark:hover:bg-zinc-700 wpic:dark:hover:text-zinc-100",
-                              title: n.copyLabel,
-                              onClick: (y) => _0(h.content, l2(h, P))
+                              title: V.value === n2(h, P) ? n.copiedLabel : n.copyLabel,
+                              onClick: (y) => _0(h.content, n2(h, P))
                             }, [
-                              (e(), Z(S1(V.value === l2(h, P) ? m(_1) : m(x3)), { size: 14 }))
+                              (e(), Z(S1(V.value === n2(h, P) ? m(_1) : m(x3)), { size: 14 }))
                             ], 8, a6),
                             h.role === "user" ? (e(), t("button", {
                               key: 1,
@@ -3149,7 +3152,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
       const G = c.allLabel ?? c.placeholder ?? "All";
       if (z === E) return `${G} · ${E}`;
       const p1 = c.maxLabels ?? 3, k1 = Y.map((j) => {
-        const e1 = L.value.find((Q) => String(Q.value) === String(j));
+        const e1 = L.value.find((q) => String(q.value) === String(j));
         return e1 ? e1.label : null;
       }).filter(Boolean);
       return k1.length ? z <= p1 ? k1.join(", ") : `${k1.slice(0, p1).join(", ")} · ${z}` : c.placeholder ? `${c.placeholder} · ${z}` : `${z} selected`;
@@ -3226,6 +3229,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
         open: a.value,
         anchor: f.value,
         "match-anchor-width": !n.popoverWidth,
+        "fit-anchor-content": !n.popoverWidth,
         width: n.popoverWidth,
         placement: n.popoverPlacement,
         flip: n.popoverFlip,
@@ -3341,7 +3345,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
           ])
         ]),
         _: 3
-      }, 8, ["sheet-title", "close-label", "open", "anchor", "match-anchor-width", "width", "placement", "flip", "auto-placement", "min-height", "z-index", "max-height"])
+      }, 8, ["sheet-title", "close-label", "open", "anchor", "match-anchor-width", "fit-anchor-content", "width", "placement", "flip", "auto-placement", "min-height", "z-index", "max-height"])
     ], 4));
   }
 }), Y6 = { class: "wpic:font-normal wpic:text-zinc-400 wpic:dark:text-zinc-500" }, ll = /* @__PURE__ */ X({
@@ -3358,7 +3362,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   }
 }), q6 = ["min", "max", "step", "disabled"], al = /* @__PURE__ */ X({
   __name: "WSlider",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -3370,7 +3374,7 @@ const G5 = ["data-wpic-theme"], N1 = /* @__PURE__ */ X({
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = n, o = M(() => {
+    const d = t2(n, "modelValue"), c = n, o = M(() => {
       const l = c.max - c.min;
       return l <= 0 ? 0 : Math.max(0, Math.min(100, (Number(d.value ?? c.min) - c.min) / l * 100));
     }), r = M(() => c.min < 0 && c.max > 0);
@@ -3826,7 +3830,7 @@ const _6 = {
   }
 }), W9 = ["aria-checked", "aria-label", "aria-labelledby", "disabled"], pl = /* @__PURE__ */ X({
   __name: "WToggle",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     disabled: { type: Boolean },
     ariaLabel: {}
   }, {
@@ -3835,7 +3839,7 @@ const _6 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue"), c = `wpic-toggle-${G2()?.uid}`;
+    const d = t2(n, "modelValue"), c = `wpic-toggle-${G2()?.uid}`;
     return (o, r) => (e(), t("div", {
       class: g(["wpic-toggle wpic:flex wpic:items-center wpic:gap-3", n.disabled ? "wpic:cursor-not-allowed" : "wpic:cursor-pointer"])
     }, [
@@ -4290,7 +4294,7 @@ function L7(n, d) {
 }
 const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"], gl = /* @__PURE__ */ X({
   __name: "FormTextarea",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     placeholder: {},
     rows: {},
     error: { type: Boolean }
@@ -4300,7 +4304,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("textarea", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
       placeholder: n.placeholder ?? "",
@@ -4316,7 +4320,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }
 }), $7 = ["type", "placeholder"], zl = /* @__PURE__ */ X({
   __name: "FormInput",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     placeholder: {},
     type: {},
     error: { type: Boolean }
@@ -4326,7 +4330,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("input", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
       type: n.type ?? "text",
@@ -4346,7 +4350,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   disabled: ""
 }, S7 = ["value"], Cl = /* @__PURE__ */ X({
   __name: "FormSelect",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     options: {},
     placeholder: {},
     error: { type: Boolean }
@@ -4356,7 +4360,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = c2(n, "modelValue");
+    const d = t2(n, "modelValue");
     return (c, o) => j1((e(), t("select", G1({
       "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r)
     }, c.$attrs, {
@@ -4437,7 +4441,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
       o("update:modelValue", { start: _, end: m1 }), H.value = null, l.value = !1;
     }, e1 = (N) => {
       N.stopPropagation(), o("update:modelValue", null), H.value = null;
-    }, Q = () => {
+    }, q = () => {
       F.value === 0 ? (F.value = 11, s.value--) : F.value--;
     }, x1 = () => {
       F.value === 11 ? (F.value = 0, s.value++) : F.value++;
@@ -4498,7 +4502,7 @@ const bl = /* @__PURE__ */ U1(y7, [["render", L7]]), V7 = ["placeholder", "rows"
           i("div", P7, [
             i("div", T7, [
               i("button", {
-                onClick: Q,
+                onClick: q,
                 type: "button",
                 class: "wpic:p-1 wpic:rounded wpic:hover:bg-black/5 wpic:dark:hover:bg-white/5 wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:hover:text-zinc-900 wpic:dark:hover:text-zinc-100 wpic:transition wpic:cursor-pointer"
               }, [
@@ -4834,7 +4838,7 @@ const Ml = /* @__PURE__ */ U1(e8, [["render", c8]]), Ll = /* @__PURE__ */ X({
       to: "body",
       class: "wpic-slide-panel"
     }, [
-      $(e2, { name: "wp-backdrop" }, {
+      $(c2, { name: "wp-backdrop" }, {
         default: s1(() => [
           n.modelValue ? (e(), t("div", {
             key: 0,
@@ -4845,7 +4849,7 @@ const Ml = /* @__PURE__ */ U1(e8, [["render", c8]]), Ll = /* @__PURE__ */ X({
         ]),
         _: 1
       }),
-      $(e2, { name: "wp-panel" }, {
+      $(c2, { name: "wp-panel" }, {
         default: s1(() => [
           n.modelValue ? (e(), t("div", {
             key: 0,
@@ -4941,19 +4945,19 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   emits: ["update:modelValue", "update:simpleValue"],
   setup(n, { emit: d }) {
     const c = n, o = d, r = M(() => c.simpleValue ?? []), l = T(""), a = T(!1), f = M(() => {
-      const R = l.value.trim().toLowerCase(), q = new Set(r.value), t1 = c.options ?? [];
-      return R ? t1.filter((L1) => L1.toLowerCase().includes(R) && !q.has(L1)) : t1.filter((L1) => !q.has(L1)).slice(0, 8);
+      const R = l.value.trim().toLowerCase(), Q = new Set(r.value), t1 = c.options ?? [];
+      return R ? t1.filter((L1) => L1.toLowerCase().includes(R) && !Q.has(L1)) : t1.filter((L1) => !Q.has(L1)).slice(0, 8);
     }), b = M(() => {
       if (!c.creatable || !l.value.trim()) return !1;
       const R = l.value.trim();
-      return !r.value.includes(R) && !(c.options ?? []).some((q) => q.toLowerCase() === R.toLowerCase());
+      return !r.value.includes(R) && !(c.options ?? []).some((Q) => Q.toLowerCase() === R.toLowerCase());
     });
     function V(R) {
-      const q = R.trim();
-      !q || r.value.includes(q) || (o("update:simpleValue", [...r.value, q]), l.value = "", a.value = !1);
+      const Q = R.trim();
+      !Q || r.value.includes(Q) || (o("update:simpleValue", [...r.value, Q]), l.value = "", a.value = !1);
     }
     function s(R) {
-      o("update:simpleValue", r.value.filter((q) => q !== R));
+      o("update:simpleValue", r.value.filter((Q) => Q !== R));
     }
     function F(R) {
       R.key === "Enter" && (R.preventDefault(), l.value.trim() && V(l.value)), R.key === "Escape" && (a.value = !1), R.key === "Backspace" && !l.value && r.value.length && s(r.value[r.value.length - 1]);
@@ -4971,8 +4975,8 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         f2(4),
         b2({ padding: 8 }),
         g2({ padding: 8 }),
-        n0({ padding: 8, apply({ availableHeight: R, elements: q }) {
-          Object.assign(q.floating.style, { maxHeight: `${Math.min(240, R)}px` });
+        n0({ padding: 8, apply({ availableHeight: R, elements: Q }) {
+          Object.assign(Q.floating.style, { maxHeight: `${Math.min(240, R)}px` });
         } })
       ],
       whileElementsMounted: C2
@@ -4982,21 +4986,21 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     function e1(R) {
       return R.translations?.[c.locale]?.value || R.translations?.en?.value || R.slug;
     }
-    function Q(R) {
-      return (c.modelValue ?? []).some((q) => q.tag_id === R.tag_id);
+    function q(R) {
+      return (c.modelValue ?? []).some((Q) => Q.tag_id === R.tag_id);
     }
     function x1(R) {
-      const q = B.value.trim().toLowerCase();
-      if (!q) return null;
+      const Q = B.value.trim().toLowerCase();
+      if (!Q) return null;
       const t1 = e1(R).toLowerCase();
       for (const [L1, T1] of Object.entries(R.translations ?? {}))
-        if (T1?.value && T1.value.toLowerCase().includes(q) && T1.value.toLowerCase() !== t1)
+        if (T1?.value && T1.value.toLowerCase().includes(Q) && T1.value.toLowerCase() !== t1)
           return { locale: L1.toUpperCase(), value: T1.value };
       return null;
     }
     const z1 = M(() => B.value.trim() ? E.value : G().map(
-      (q) => (c.modelValue ?? []).find((t1) => t1.tag_id === q) || E.value.find((t1) => t1.tag_id === q)
-    ).filter((q) => !!q).filter((q) => !Q(q))), d1 = M(() => B.value.trim() ? null : c.labelRecent), J = () => {
+      (Q) => (c.modelValue ?? []).find((t1) => t1.tag_id === Q) || E.value.find((t1) => t1.tag_id === Q)
+    ).filter((Q) => !!Q).filter((Q) => !q(Q))), d1 = M(() => B.value.trim() ? null : c.labelRecent), J = () => {
       U.value = !0;
     }, N = () => {
       setTimeout(() => {
@@ -5029,14 +5033,14 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       R.key === "Enter" && (z && clearTimeout(z), B1()), R.key === "Escape" && (D(), U.value = !1);
     }
     async function g1(R) {
-      if (Q(R)) return;
+      if (q(R)) return;
       H.value = "confirming", U.value = !1;
-      const q = c.modelValue ?? [];
-      o("update:modelValue", [...q, R]), p1(R.tag_id), B.value = "";
+      const Q = c.modelValue ?? [];
+      o("update:modelValue", [...Q, R]), p1(R.tag_id), B.value = "";
       try {
         await c.mutateFn?.("add", R);
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding;
+        o("update:modelValue", Q), k.value = c.labelErrorAdding;
       } finally {
         H.value = "idle";
       }
@@ -5044,18 +5048,18 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     async function B1() {
       const R = B.value.trim();
       if (!R) return;
-      const q = E.value.find(
+      const Q = E.value.find(
         (t1) => Object.values(t1.translations ?? {}).some((L1) => L1.value?.toLowerCase() === R.toLowerCase()) || t1.slug === R.toLowerCase()
       );
-      if (q) {
-        g1(q);
+      if (Q) {
+        g1(Q);
         return;
       }
       if (c.resolveFn) {
         H.value = "resolving", U.value = !1, k.value = null;
         try {
           const t1 = await c.resolveFn(R, c.locale);
-          if (x.value = t1, t1.existed && !Q(t1)) {
+          if (x.value = t1, t1.existed && !q(t1)) {
             await g1(t1), x.value = null;
             return;
           }
@@ -5068,34 +5072,34 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
     async function C() {
       if (!x.value) return;
       H.value = "confirming";
-      const R = x.value, q = c.modelValue ?? [];
-      o("update:modelValue", [...q, R]), p1(R.tag_id);
+      const R = x.value, Q = c.modelValue ?? [];
+      o("update:modelValue", [...Q, R]), p1(R.tag_id);
       try {
         await c.mutateFn?.("add", R), D();
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding, H.value = "preview";
+        o("update:modelValue", Q), k.value = c.labelErrorAdding, H.value = "preview";
       }
     }
     function D() {
       x.value = null, B.value = "", k.value = null, H.value = "idle", O.value = null, E.value = [];
     }
     async function S(R) {
-      const q = c.modelValue ?? [];
-      o("update:modelValue", q.filter((t1) => t1.tag_id !== R.tag_id));
+      const Q = c.modelValue ?? [];
+      o("update:modelValue", Q.filter((t1) => t1.tag_id !== R.tag_id));
       try {
         await c.mutateFn?.("remove", R);
       } catch {
-        o("update:modelValue", q), k.value = c.labelErrorAdding;
+        o("update:modelValue", Q), k.value = c.labelErrorAdding;
       }
     }
     function a1(R) {
       O.value = R, c1.value = x.value?.translations?.[R]?.value || "", H1(() => o1.value?.focus());
     }
     function u1(R) {
-      const q = c1.value.trim();
-      q && x.value?.translations?.[R] && (x.value.translations[R].value = q, x.value.translations[R].source = "human"), O.value = null;
+      const Q = c1.value.trim();
+      Q && x.value?.translations?.[R] && (x.value.translations[R].value = Q, x.value.translations[R].source = "human"), O.value = null;
     }
-    return (R, q) => (e(), t("div", v8, [
+    return (R, Q) => (e(), t("div", v8, [
       n.simple ? (e(), t(I, { key: 0 }, [
         r.value.length ? (e(), t("div", f8, [
           (e(!0), t(I, null, l1(r.value, (t1) => (e(), Z(h2, {
@@ -5121,11 +5125,11 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         ])) : u("", !0),
         i("div", g8, [
           j1(i("input", {
-            "onUpdate:modelValue": q[0] || (q[0] = (t1) => l.value = t1),
+            "onUpdate:modelValue": Q[0] || (Q[0] = (t1) => l.value = t1),
             placeholder: n.placeholder,
             class: "wpic:flex-1 wpic:w-full wpic:h-9 wpic:px-2.5 wpic:text-base wpic:rounded-lg wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:bg-white wpic:dark:bg-zinc-900 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:placeholder:text-zinc-400 wpic:dark:placeholder:text-zinc-500 wpic:outline-none wpic:transition wpic-input-field",
             onKeydown: F,
-            onFocus: q[1] || (q[1] = (t1) => a.value = !0),
+            onFocus: Q[1] || (Q[1] = (t1) => a.value = !0),
             onBlur: L
           }, null, 40, z8), [
             [r2, l.value]
@@ -5147,7 +5151,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
               key: 0,
               type: "button",
               class: "wpic:flex wpic:w-full wpic:items-center wpic:gap-2 wpic:px-3 wpic:py-2 wpic:text-left wpic:text-sm wpic:text-indigo-600 wpic:hover:bg-indigo-50 wpic:dark:text-indigo-400 wpic:dark:hover:bg-indigo-950/40 wpic:transition-colors wpic:border-t wpic:border-zinc-100 wpic:dark:border-zinc-800",
-              onMousedown: q[2] || (q[2] = b1((t1) => V(l.value), ["prevent"]))
+              onMousedown: Q[2] || (Q[2] = b1((t1) => V(l.value), ["prevent"]))
             }, [
               $(m($2), {
                 size: 12,
@@ -5187,7 +5191,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         }, [
           i("div", M8, [
             j1(i("input", {
-              "onUpdate:modelValue": q[3] || (q[3] = (t1) => B.value = t1),
+              "onUpdate:modelValue": Q[3] || (Q[3] = (t1) => B.value = t1),
               disabled: H.value === "resolving" || H.value === "confirming",
               placeholder: n.placeholder,
               class: "wpic:flex-1 wpic:h-9 wpic:px-2.5 wpic:text-base wpic:rounded-lg wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:bg-white wpic:dark:bg-zinc-900 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:placeholder:text-zinc-400 wpic:dark:placeholder:text-zinc-500 wpic:outline-none wpic:disabled:opacity-50 wpic:transition wpic-input-field",
@@ -5218,8 +5222,8 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
             ])) : u("", !0),
             (e(!0), t(I, null, l1(z1.value, (t1) => (e(), t("button", {
               key: t1.tag_id,
-              class: g(["wpic:w-full wpic:text-left wpic:px-3 wpic:py-2 wpic:hover:bg-black/5 wpic:dark:hover:bg-white/5 wpic:cursor-pointer wpic:transition wpic:flex wpic:items-center wpic:gap-2", Q(t1) ? "wpic:opacity-40 wpic:cursor-default" : "wpic:text-zinc-600 wpic:dark:text-zinc-400"]),
-              onMousedown: b1((L1) => !Q(t1) && g1(t1), ["prevent"])
+              class: g(["wpic:w-full wpic:text-left wpic:px-3 wpic:py-2 wpic:hover:bg-black/5 wpic:dark:hover:bg-white/5 wpic:cursor-pointer wpic:transition wpic:flex wpic:items-center wpic:gap-2", q(t1) ? "wpic:opacity-40 wpic:cursor-default" : "wpic:text-zinc-600 wpic:dark:text-zinc-400"]),
+              onMousedown: b1((L1) => !q(t1) && g1(t1), ["prevent"])
             }, [
               $(m(T2), {
                 size: 11,
@@ -5230,7 +5234,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 i("span", A8, v(x1(t1).locale), 1),
                 i("span", F8, v(x1(t1).value), 1)
               ], 64)) : u("", !0),
-              Q(t1) ? (e(), Z(h2, {
+              q(t1) ? (e(), Z(h2, {
                 key: 1,
                 variant: "default",
                 class: "wpic:ml-auto wpic:shrink-0"
@@ -5247,7 +5251,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
           i("div", P8, [
             i("div", T8, [
               i("span", j8, v(x.value.translations[n.locale]?.value || x.value.translations.en?.value || x.value.slug), 1),
-              Q(x.value) ? (e(), Z(h2, {
+              q(x.value) ? (e(), Z(h2, {
                 key: 0,
                 variant: "default"
               }, {
@@ -5286,11 +5290,11 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                   ref_for: !0,
                   ref_key: "editInputRef",
                   ref: o1,
-                  "onUpdate:modelValue": q[4] || (q[4] = (L1) => c1.value = L1),
+                  "onUpdate:modelValue": Q[4] || (Q[4] = (L1) => c1.value = L1),
                   class: "wpic:flex-1 wpic:h-6 wpic:px-2 wpic:text-sm wpic:bg-zinc-100 wpic:dark:bg-zinc-800 wpic:border wpic:border-zinc-200 wpic:dark:border-zinc-800 wpic:rounded wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:outline-none wpic:focus:border-gray-400 wpic:dark:focus:border-gray-500",
                   onKeydown: [
                     d2((L1) => u1(t1), ["enter"]),
-                    q[5] || (q[5] = d2((L1) => O.value = null, ["escape"]))
+                    Q[5] || (Q[5] = d2((L1) => O.value = null, ["escape"]))
                   ]
                 }, null, 40, D8), [
                   [r2, c1.value]
@@ -5303,7 +5307,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 ], 8, I8),
                 i("button", {
                   class: "wpic:p-0.5 wpic:text-zinc-400 wpic:dark:text-zinc-500 wpic:hover:text-gray-900 wpic:dark:hover:text-white wpic:transition",
-                  onClick: q[6] || (q[6] = (L1) => O.value = null)
+                  onClick: Q[6] || (Q[6] = (L1) => O.value = null)
                 }, [
                   $(m($1), { size: 12 })
                 ])
@@ -5332,7 +5336,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
               ]),
               _: 1
             }),
-            Q(x.value) ? u("", !0) : (e(), Z(k2, {
+            q(x.value) ? u("", !0) : (e(), Z(k2, {
               key: 0,
               variant: "primary",
               size: "sm",
@@ -5681,7 +5685,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         K(x.$slots, "default")
       ], 16),
       (e(), Z(R1, { to: "body" }, [
-        $(e2, {
+        $(c2, {
           "enter-active-class": "wpic:transition-opacity wpic:duration-150 wpic:ease-out",
           "enter-from-class": "wpic:opacity-0",
           "enter-to-class": "wpic:opacity-100",
@@ -5979,7 +5983,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   class: "wpic:h-1.5 wpic:w-1.5 wpic:rounded-full wpic:bg-current"
 }, Fn = { key: 3 }, Hn = /* @__PURE__ */ X({
   __name: "WPillGroup",
-  props: /* @__PURE__ */ t2({
+  props: /* @__PURE__ */ i2({
     options: {},
     multiple: { type: Boolean },
     size: {},
@@ -5992,7 +5996,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const d = n, c = c2(n, "modelValue");
+    const d = n, c = t2(n, "modelValue");
     function o(f) {
       return d.multiple ? Array.isArray(c.value) && c.value.includes(f) : c.value === f;
     }
@@ -7149,7 +7153,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       return `${j.getFullYear()}-${String(j.getMonth() + 1).padStart(2, "0")}-${String(j.getDate()).padStart(2, "0")}`;
     }
     function B(j) {
-      const e1 = /* @__PURE__ */ new Date(), Q = e1.getFullYear(), x1 = e1.getMonth(), z1 = e1.getDate();
+      const e1 = /* @__PURE__ */ new Date(), q = e1.getFullYear(), x1 = e1.getMonth(), z1 = e1.getDate();
       switch (j) {
         case "today":
           return { since: L(e1), until: L(e1), preset: j };
@@ -7170,17 +7174,17 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
           return d1.setDate(z1 - 89), { since: L(d1), until: L(e1), preset: j };
         }
         case "mtd":
-          return { since: `${Q}-${String(x1 + 1).padStart(2, "0")}-01`, until: L(e1), preset: j };
+          return { since: `${q}-${String(x1 + 1).padStart(2, "0")}-01`, until: L(e1), preset: j };
         case "ytd":
-          return { since: `${Q}-01-01`, until: L(e1), preset: j };
+          return { since: `${q}-01-01`, until: L(e1), preset: j };
         default:
           return { since: f.value, until: b.value || L(e1), preset: "custom" };
       }
     }
     const H = M(() => {
       if (!c.modelValue) return "";
-      const { since: j, until: e1, preset: Q } = c.modelValue;
-      return Q && Q !== "custom" ? c.presets.find((x1) => x1.value === Q)?.label ?? "" : j === e1 ? j : `${j} → ${e1}`;
+      const { since: j, until: e1, preset: q } = c.modelValue;
+      return q && q !== "custom" ? c.presets.find((x1) => x1.value === q)?.label ?? "" : j === e1 ? j : `${j} → ${e1}`;
     });
     function x(j) {
       a.value = j, j !== "custom" && (o("update:modelValue", B(j)), r.value = !1);
@@ -7195,23 +7199,23 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
       s.value = new Date(k.value, O.value + 1, 1);
     }
     const U = M(() => {
-      const j = new Date(k.value, O.value, 1), e1 = new Date(k.value, O.value + 1, 0), Q = [];
+      const j = new Date(k.value, O.value, 1), e1 = new Date(k.value, O.value + 1, 0), q = [];
       let x1 = j.getDay() === 0 ? 6 : j.getDay() - 1;
       for (let d1 = x1 - 1; d1 >= 0; d1--) {
         const J = new Date(k.value, O.value, -d1);
-        Q.push({ date: L(J), day: J.getDate(), inMonth: !1 });
+        q.push({ date: L(J), day: J.getDate(), inMonth: !1 });
       }
       for (let d1 = 1; d1 <= e1.getDate(); d1++) {
         const J = new Date(k.value, O.value, d1);
-        Q.push({ date: L(J), day: d1, inMonth: !0 });
+        q.push({ date: L(J), day: d1, inMonth: !0 });
       }
-      const z1 = 7 - Q.length % 7;
+      const z1 = 7 - q.length % 7;
       if (z1 < 7)
         for (let d1 = 1; d1 <= z1; d1++) {
           const J = new Date(k.value, O.value + 1, d1);
-          Q.push({ date: L(J), day: d1, inMonth: !1 });
+          q.push({ date: L(J), day: d1, inMonth: !1 });
         }
-      return Q;
+      return q;
     });
     function E(j) {
       return j === f.value || j === b.value;
@@ -7242,7 +7246,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         ref_key: "referenceEl",
         ref: l,
         type: "button",
-        onClick: e1[0] || (e1[0] = b1((Q) => !n.disabled && (r.value = !r.value), ["stop"])),
+        onClick: e1[0] || (e1[0] = b1((q) => !n.disabled && (r.value = !r.value), ["stop"])),
         disabled: n.disabled,
         "aria-label": n.ariaLabel,
         "aria-expanded": r.value,
@@ -7281,21 +7285,21 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
         open: r.value,
         anchor: l.value,
         offset: 4,
-        onClose: e1[1] || (e1[1] = (Q) => r.value = !1)
+        onClose: e1[1] || (e1[1] = (q) => r.value = !1)
       }, {
         default: s1(() => [
           i("div", me, [
             i("div", ve, [
-              (e(!0), t(I, null, l1(n.presets, (Q) => (e(), t("button", {
-                key: Q.value,
+              (e(!0), t(I, null, l1(n.presets, (q) => (e(), t("button", {
+                key: q.value,
                 class: g(["wpic-range-preset wpic-select-option wpic:rounded-lg", [
                   "wpic:flex wpic:w-full wpic:items-center wpic:px-4 wpic:py-2 wpic:text-left wpic:text-base wpic:transition-colors wpic:cursor-pointer",
-                  a.value === Q.value ? "wpic:bg-[#85C531]/10 wpic:font-medium wpic:text-[#85C531]" : "wpic:text-zinc-700 wpic:hover:bg-zinc-100 wpic:dark:text-zinc-300 wpic:dark:hover:bg-zinc-700"
+                  a.value === q.value ? "wpic:bg-[#85C531]/10 wpic:font-medium wpic:text-[#85C531]" : "wpic:text-zinc-700 wpic:hover:bg-zinc-100 wpic:dark:text-zinc-300 wpic:dark:hover:bg-zinc-700"
                 ]]),
-                "aria-pressed": a.value === Q.value,
+                "aria-pressed": a.value === q.value,
                 type: "button",
-                onClick: (x1) => x(Q.value)
-              }, v(Q.label), 11, fe))), 128))
+                onClick: (x1) => x(q.value)
+              }, v(q.label), 11, fe))), 128))
             ]),
             a.value === "custom" ? (e(), t("div", be, [
               i("div", ge, [
@@ -7318,29 +7322,29 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
                 ], 8, ke)
               ]),
               i("div", xe, [
-                (e(!0), t(I, null, l1(o1.value, (Q) => (e(), t("span", {
-                  key: Q,
+                (e(!0), t(I, null, l1(o1.value, (q) => (e(), t("span", {
+                  key: q,
                   class: "wpic:py-1 wpic:text-xs wpic:font-medium wpic:text-zinc-400"
-                }, v(Q), 1))), 128))
+                }, v(q), 1))), 128))
               ]),
               i("div", ye, [
-                (e(!0), t(I, null, l1(U.value, (Q) => (e(), t("button", {
-                  key: Q.date,
-                  "aria-label": Q.date,
-                  "aria-pressed": E(Q.date),
-                  "data-in-range": Y(Q.date) || void 0,
-                  "data-today": z(Q.date) || void 0,
+                (e(!0), t(I, null, l1(U.value, (q) => (e(), t("button", {
+                  key: q.date,
+                  "aria-label": q.date,
+                  "aria-pressed": E(q.date),
+                  "data-in-range": Y(q.date) || void 0,
+                  "data-today": z(q.date) || void 0,
                   type: "button",
-                  onClick: (x1) => G(Q.date),
+                  onClick: (x1) => G(q.date),
                   class: g([
                     "wpic-calendar-day wpic:relative wpic:flex wpic:h-8 wpic:w-8 wpic:items-center wpic:justify-center wpic:rounded-full wpic:text-sm wpic:transition-colors wpic:cursor-pointer",
-                    !Q.inMonth && "wpic:text-zinc-300 wpic:dark:text-zinc-600",
-                    Q.inMonth && !E(Q.date) && !Y(Q.date) && "wpic:hover:bg-zinc-100 wpic:dark:hover:bg-zinc-700 wpic:text-zinc-900 wpic:dark:text-zinc-100",
-                    E(Q.date) && "wpic:bg-[#85C531] wpic:text-white wpic:font-semibold",
-                    Y(Q.date) && "wpic:bg-[#85C531]/15 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:rounded-none",
-                    z(Q.date) && !E(Q.date) && "wpic:ring-1 wpic:ring-[#85C531]"
+                    !q.inMonth && "wpic:text-zinc-300 wpic:dark:text-zinc-600",
+                    q.inMonth && !E(q.date) && !Y(q.date) && "wpic:hover:bg-zinc-100 wpic:dark:hover:bg-zinc-700 wpic:text-zinc-900 wpic:dark:text-zinc-100",
+                    E(q.date) && "wpic:bg-[#85C531] wpic:text-white wpic:font-semibold",
+                    Y(q.date) && "wpic:bg-[#85C531]/15 wpic:text-zinc-900 wpic:dark:text-zinc-100 wpic:rounded-none",
+                    z(q.date) && !E(q.date) && "wpic:ring-1 wpic:ring-[#85C531]"
                   ])
-                }, v(Q.day), 11, Me))), 128))
+                }, v(q.day), 11, Me))), 128))
               ]),
               i("div", Le, [
                 i("div", Ve, [
@@ -7477,7 +7481,7 @@ const v8 = { class: "wpic-tag-input" }, f8 = {
   },
   emits: ["close"],
   setup(n) {
-    return (d, c) => (e(), Z(e2, {
+    return (d, c) => (e(), Z(c2, {
       "enter-active-class": "wpic:transition wpic:duration-200 wpic:ease-out",
       "enter-from-class": "wpic:opacity-0 wpic:translate-y-4",
       "enter-to-class": "wpic:opacity-100 wpic:translate-y-0",
@@ -18461,7 +18465,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
       }
       o.showHistory ? j() : m1();
     }
-    function Q() {
+    function q() {
       o1.value = !1, B.value = !1, O.value = !1, H.value = !0;
     }
     function x1(C) {
@@ -18547,7 +18551,7 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
         }, [
           $(m(M0), { size: 21 })
         ], 10, wi),
-        $(e2, { name: "wpic-composer-content" }, {
+        $(c2, { name: "wpic-composer-content" }, {
           default: s1(() => [
             !B.value && x.value ? (e(), t("button", {
               key: "compact",
@@ -18603,11 +18607,11 @@ c36 -78 76 -117 152 -146 53 -20 76 -23 190 -22 137 2 262 27 295 59 10 11 17
           class: g(["wpic:flex wpic:h-10 wpic:w-10 wpic:flex-none wpic:items-center wpic:justify-center wpic:rounded-xl wpic:text-zinc-400 wpic:transition wpic:hover:bg-black/5 wpic:hover:text-zinc-700 wpic:dark:text-zinc-500 wpic:dark:hover:bg-white/10 wpic:dark:hover:text-zinc-200", B.value ? "wpic:absolute wpic:right-3 wpic:top-3" : ""]),
           "aria-label": n.minimizeLabel,
           title: n.minimizeLabel,
-          onClick: Q
+          onClick: q
         }, [
           $(m(j3), { size: 17 })
         ], 10, bi)) : u("", !0),
-        $(e2, { name: "wpic-composer-send" }, {
+        $(c2, { name: "wpic-composer-send" }, {
           default: s1(() => [
             B.value ? (e(), t("button", {
               key: 0,