vlite3 1.0.3 → 1.0.4

package/components/Chat/ChatBubble.vue.js

@@ -0,0 +1,147 @@
+import { defineComponent as y, computed as b, ref as k, openBlock as t, createElementBlock as l, normalizeClass as o, createVNode as u, createCommentVNode as s, createElementVNode as n, toDisplayString as c, unref as B, createBlock as C, withModifiers as S } from "vue";
+import D from "../Avatar.vue.js";
+import f from "../Button.vue.js";
+import p from "../AttachmentsList/AttachmentsList.vue.js";
+const T = {
+  key: 0,
+  class: "flex-shrink-0 flex flex-col justify-end pb-1"
+}, A = {
+  key: 0,
+  class: "mb-1 text-xs text-muted-foreground ml-1"
+}, E = {
+  key: 0,
+  class: "text-sm whitespace-pre-wrap leading-relaxed"
+}, N = { class: "opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-1 px-2 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto" }, z = {
+  key: 1,
+  class: "relative flex items-center"
+}, $ = {
+  key: 1,
+  class: "mt-1 text-[10px] text-muted-foreground mx-1"
+}, M = /* @__PURE__ */ y({
+  __name: "ChatBubble",
+  props: {
+    message: {},
+    isSender: { type: Boolean },
+    showAvatar: { type: Boolean },
+    showUserInfo: { type: Boolean },
+    showTimestamp: { type: Boolean },
+    allowDeleteAll: { type: Boolean },
+    allowEditAll: { type: Boolean },
+    confirmDelete: { type: Boolean }
+  },
+  emits: ["delete", "edit"],
+  setup(e, { emit: g }) {
+    const r = e, m = g, x = b(() => r.message.timestamp ? new Date(r.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), a = k(!1);
+    let i = null;
+    const v = () => {
+      if (r.confirmDelete === !1) {
+        m("delete", r.message.id);
+        return;
+      }
+      a.value ? (a.value = !1, i && (clearTimeout(i), i = null), m("delete", r.message.id)) : (a.value = !0, i = setTimeout(() => {
+        a.value = !1, i = null;
+      }, 3e3));
+    }, h = () => {
+      a.value = !1, i && (clearTimeout(i), i = null);
+    };
+    return (w, d) => (t(), l("div", {
+      class: o(["flex w-full gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
+    }, [
+      e.showAvatar ? (t(), l("div", T, [
+        u(D, {
+          src: e.message.avatar,
+          alt: e.message.senderName,
+          size: "sm"
+        }, null, 8, ["src", "alt"])
+      ])) : s("", !0),
+      n("div", {
+        class: o(["flex flex-col max-w-[85%] md:max-w-[75%]", e.isSender ? "items-end" : "items-start"])
+      }, [
+        e.showUserInfo && e.message.senderName && !e.isSender ? (t(), l("div", A, c(e.message.senderName), 1)) : s("", !0),
+        n("div", {
+          class: o(["relative flex items-center group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
+        }, [
+          n("div", {
+            class: o(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px]", [
+              e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
+            ]])
+          }, [
+            e.message.text ? (t(), l("p", E, c(e.message.text), 1)) : s("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), l("div", {
+              key: 1,
+              class: o({ "mt-2": e.message.text })
+            }, [
+              u(B(p), {
+                attachments: e.message.attachments,
+                variant: "inline",
+                "can-view": !0,
+                "can-download": !0
+              }, null, 8, ["attachments"])
+            ], 2)) : s("", !0),
+            e.message.isEdited ? (t(), l("div", {
+              key: 2,
+              class: o(["text-[10px] opacity-70 mt-0.5 text-right", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+            }, " (edited) ", 2)) : s("", !0)
+          ], 2),
+          n("div", N, [
+            e.isSender || e.allowEditAll ? (t(), C(f, {
+              key: 0,
+              variant: "ghost",
+              size: "xs",
+              icon: "lucide:pencil",
+              rounded: "full",
+              class: "text-muted-foreground hover:text-foreground h-7 w-7",
+              onClick: d[0] || (d[0] = (j) => m("edit", e.message)),
+              "aria-label": "Edit message"
+            })) : s("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), l("div", z, [
+              u(f, {
+                variant: "ghost",
+                size: "xs",
+                icon: a.value ? "lucide:check" : "lucide:trash-2",
+                rounded: "full",
+                class: "h-7 w-7 transition-colors",
+                onClick: v,
+                "aria-label": a.value ? "Confirm delete" : "Delete message"
+              }, null, 8, ["icon", "aria-label"]),
+              a.value ? (t(), l("button", {
+                key: 0,
+                class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
+                onClick: S(h, ["stop"]),
+                "aria-label": "Cancel delete"
+              }, [...d[1] || (d[1] = [
+                n("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "3",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  class: "w-2 h-2"
+                }, [
+                  n("line", {
+                    x1: "18",
+                    y1: "6",
+                    x2: "6",
+                    y2: "18"
+                  }),
+                  n("line", {
+                    x1: "6",
+                    y1: "6",
+                    x2: "18",
+                    y2: "18"
+                  })
+                ], -1)
+              ])])) : s("", !0)
+            ])) : s("", !0)
+          ])
+        ], 2),
+        e.showTimestamp && e.message.timestamp ? (t(), l("div", $, c(x.value), 1)) : s("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  M as default
+};

package/components/Chat/ChatBubble.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ChatBubble.vue.js";
+export {
+  f as default
+};

package/components/Chat/ChatInterface.vue.js

@@ -0,0 +1,298 @@
+import { defineComponent as P, ref as m, onMounted as O, onUnmounted as q, watch as G, nextTick as U, computed as J, openBlock as d, createElementBlock as v, createElementVNode as l, createTextVNode as Q, createCommentVNode as k, Fragment as M, renderList as F, createBlock as W, toDisplayString as H, createVNode as g, unref as x, withCtx as X, withDirectives as Y, vModelText as Z } from "vue";
+import ee from "./ChatBubble.vue.js";
+import N from "../Button.vue.js";
+import V from "../Icon.vue.js";
+import le from "../FilePicker/FilePicker.vue.js";
+import { useFileUpload as te } from "../Form/composables/useFileUpload.js";
+const ae = { class: "flex flex-col w-full h-full flex-1 min-h-0 bg-transparent" }, oe = {
+  key: 0,
+  class: "py-2 mb-2 text-center text-xs text-muted-foreground flex justify-center items-center gap-2"
+}, se = {
+  key: 1,
+  class: "flex items-center justify-center h-full text-muted-foreground text-sm"
+}, re = { class: "flex flex-col gap-2 pb-2" }, ie = { class: "p-3 shrink-0 bg-transparent flex flex-col gap-1" }, ne = {
+  key: 0,
+  class: "flex items-center justify-between px-3 py-1.5 bg-muted/50 rounded-lg text-xs text-muted-foreground border border-border animate-in fade-in slide-in-from-bottom-2"
+}, de = { class: "flex items-center gap-2" }, ue = { class: "truncate max-w-[200px] sm:max-w-[300px] md:max-w-[400px]" }, ce = { class: "relative flex flex-col bg-card border border-border rounded-xl shadow-sm focus-within:border-primary transition-colors overflow-hidden" }, fe = {
+  key: 0,
+  class: "flex flex-wrap gap-2 p-3 bg-muted/10 border-b border-border"
+}, me = ["title"], ve = ["onClick", "disabled"], he = { class: "flex items-end gap-2 p-1" }, pe = { class: "shrink-0 mb-1 ml-1" }, ge = ["placeholder", "disabled"], xe = { class: "shrink-0 mb-1 mr-1" }, Ae = /* @__PURE__ */ P({
+  __name: "ChatInterface",
+  props: {
+    data: {},
+    currentUserId: {},
+    showAvatar: { type: Boolean, default: !0 },
+    showUserInfo: { type: Boolean, default: !0 },
+    showTimestamp: { type: Boolean, default: !0 },
+    placeholder: { default: "Type a message..." },
+    isLoadingMore: { type: Boolean, default: !1 },
+    allowDeleteAll: { type: Boolean, default: !1 },
+    allowEditAll: { type: Boolean, default: !1 },
+    confirmDelete: { type: Boolean, default: !0 },
+    folderId: {},
+    maxFileSize: {}
+  },
+  emits: ["add", "delete", "edit", "refetch"],
+  setup(s, { emit: _ }) {
+    const w = s, C = _, u = m(null), T = m(null), r = m(null), c = m(""), E = m(0), y = m(!1), i = m(null), o = m([]), { handleUploadFiles: L, loading: f } = te();
+    let b = null;
+    O(() => {
+      T.value && u.value && (b = new IntersectionObserver(
+        ([e]) => {
+          e.isIntersecting && w.data.length > 0 && !w.isLoadingMore && (E.value = u.value.scrollHeight, y.value = !0, C("refetch"));
+        },
+        {
+          root: u.value,
+          threshold: 0
+        }
+      ), b.observe(T.value)), A();
+    }), q(() => {
+      b && b.disconnect();
+    }), G(
+      () => w.data.length,
+      async (e, t) => {
+        const a = u.value;
+        if (a)
+          if (await U(), y.value && e > (t || 0)) {
+            const h = a.scrollHeight - E.value;
+            h > 0 && (a.scrollTop = a.scrollTop + h), y.value = !1;
+          } else !y.value && e > (t || 0) && A();
+      }
+    );
+    const A = async () => {
+      await U(), u.value && u.value.scrollTo({
+        top: u.value.scrollHeight,
+        behavior: "smooth"
+      });
+    }, S = () => {
+      if (!r.value) return;
+      r.value.style.height = "auto";
+      const e = r.value.scrollHeight;
+      r.value.style.height = `${Math.min(e, 120)}px`;
+    }, $ = (e) => {
+      e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), f.value || D()) : e.key === "Escape" && i.value && (e.preventDefault(), z());
+    }, R = (e) => {
+      i.value = e, c.value = e.text, r.value && (r.value.focus(), U(() => {
+        S();
+      }));
+    }, z = () => {
+      i.value = null, c.value = "", r.value && (r.value.style.height = "auto", r.value.focus());
+    }, I = J(() => {
+      const e = !!c.value.trim(), t = Array.isArray(o.value) && o.value.length > 0;
+      return (e || t) && !f.value;
+    }), j = (e) => {
+      f.value || Array.isArray(o.value) && (o.value.splice(e, 1), o.value.length === 0 && (o.value = []));
+    }, D = async () => {
+      if (!I.value) return;
+      const e = c.value.trim(), t = Array.isArray(o.value) && o.value.length > 0, a = !!i.value;
+      if (a && i.value)
+        e !== i.value.text && C("edit", { ...i.value, text: e, isEdited: !0 }), i.value = null, c.value = "";
+      else {
+        let n = [];
+        if (t) {
+          const h = o.value.map((B) => B.file).filter(Boolean);
+          if (h.length > 0) {
+            const B = await L(h, w.folderId);
+            n = o.value.map((p, K) => ({
+              fileUrl: B[K] || "",
+              fileName: p.fileName,
+              fileType: p.fileType,
+              fileSize: p.fileSize
+            })).filter((p) => p.fileUrl !== null && p.fileUrl !== "");
+          }
+        }
+        C("add", e, n.length > 0 ? n : void 0), o.value = [], c.value = "";
+      }
+      r.value && (r.value.style.height = "auto", r.value.focus()), a || A();
+    };
+    return (e, t) => (d(), v("div", ae, [
+      l("div", {
+        ref_key: "messageListRef",
+        ref: u,
+        class: "flex-1 overflow-y-auto px-4 py-4 scrollbar-thin scrollbar-stable",
+        role: "log",
+        "aria-live": "polite",
+        "aria-label": "Chat messages",
+        style: { "will-change": "transform", contain: "layout style" }
+      }, [
+        l("div", {
+          ref_key: "observerTargetRef",
+          ref: T,
+          class: "h-1 w-full shrink-0"
+        }, null, 512),
+        s.isLoadingMore ? (d(), v("div", oe, [...t[3] || (t[3] = [
+          l("svg", {
+            class: "animate-spin h-4 w-4 text-primary",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24"
+          }, [
+            l("circle", {
+              class: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              "stroke-width": "4"
+            }),
+            l("path", {
+              class: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            })
+          ], -1),
+          Q(" Loading older messages... ", -1)
+        ])])) : k("", !0),
+        !s.data.length && !s.isLoadingMore ? (d(), v("div", se, " No messages yet ")) : k("", !0),
+        l("div", re, [
+          (d(!0), v(M, null, F(s.data, (a) => (d(), W(ee, {
+            key: a.id,
+            message: a,
+            "is-sender": a.senderId === s.currentUserId,
+            "show-avatar": s.showAvatar,
+            "show-user-info": s.showUserInfo,
+            "show-timestamp": s.showTimestamp,
+            "allow-delete-all": s.allowDeleteAll,
+            "allow-edit-all": s.allowEditAll,
+            "confirm-delete": s.confirmDelete,
+            onDelete: t[0] || (t[0] = (n) => e.$emit("delete", n)),
+            onEdit: R
+          }, null, 8, ["message", "is-sender", "show-avatar", "show-user-info", "show-timestamp", "allow-delete-all", "allow-edit-all", "confirm-delete"]))), 128))
+        ])
+      ], 512),
+      l("div", ie, [
+        i.value ? (d(), v("div", ne, [
+          l("div", de, [
+            t[4] || (t[4] = l("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "h-3.5 w-3.5 text-primary shrink-0",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              l("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+            ], -1)),
+            l("span", ue, "Editing: " + H(i.value.text), 1)
+          ]),
+          l("div", { class: "flex items-center gap-2 shrink-0" }, [
+            t[6] || (t[6] = l("span", { class: "text-[10px] hidden sm:inline-block opacity-60 mr-1" }, "Press Esc to cancel", -1)),
+            l("button", {
+              onClick: z,
+              class: "hover:text-foreground p-0.5 rounded-full hover:bg-muted transition-colors",
+              "aria-label": "Cancel editing"
+            }, [...t[5] || (t[5] = [
+              l("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                class: "h-4 w-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                l("line", {
+                  x1: "18",
+                  y1: "6",
+                  x2: "6",
+                  y2: "18"
+                }),
+                l("line", {
+                  x1: "6",
+                  y1: "6",
+                  x2: "18",
+                  y2: "18"
+                })
+              ], -1)
+            ])])
+          ])
+        ])) : k("", !0),
+        l("div", ce, [
+          Array.isArray(o.value) && o.value.length > 0 ? (d(), v("div", fe, [
+            (d(!0), v(M, null, F(o.value, (a, n) => (d(), v("div", {
+              key: n,
+              class: "relative flex items-center gap-2 bg-background border border-border rounded-md p-1.5 pr-8 max-w-[200px] shadow-sm"
+            }, [
+              g(V, {
+                icon: "lucide:file-text",
+                class: "w-4 h-4 text-primary shrink-0"
+              }),
+              l("span", {
+                class: "text-xs truncate font-medium",
+                title: a.fileName
+              }, H(a.fileName), 9, me),
+              l("button", {
+                onClick: (h) => j(n),
+                disabled: x(f),
+                class: "absolute right-1 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-destructive rounded-full hover:bg-muted/50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+              }, [
+                g(V, {
+                  icon: "lucide:x",
+                  class: "w-3 h-3"
+                })
+              ], 8, ve)
+            ]))), 128))
+          ])) : k("", !0),
+          l("div", he, [
+            l("div", pe, [
+              g(le, {
+                modelValue: o.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (a) => o.value = a),
+                "multi-select": !0,
+                "max-size": s.maxFileSize,
+                "return-format": "file"
+              }, {
+                trigger: X(({ trigger: a }) => [
+                  g(N, {
+                    variant: "ghost",
+                    size: "sm",
+                    icon: "lucide:paperclip",
+                    rounded: "full",
+                    class: "h-8 w-8 px-0 text-muted-foreground hover:text-foreground transition-colors",
+                    onClick: a,
+                    disabled: x(f),
+                    "aria-label": "Attach files"
+                  }, null, 8, ["onClick", "disabled"])
+                ]),
+                _: 1
+              }, 8, ["modelValue", "max-size"])
+            ]),
+            Y(l("textarea", {
+              ref_key: "textareaRef",
+              ref: r,
+              "onUpdate:modelValue": t[2] || (t[2] = (a) => c.value = a),
+              placeholder: s.placeholder,
+              disabled: x(f),
+              class: "flex-1 max-h-[120px] min-h-[20px] w-full resize-none bg-transparent px-2 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground scrollbar-thin disabled:opacity-50",
+              rows: "1",
+              "aria-label": "Message input",
+              onInput: S,
+              onKeydown: $
+            }, null, 40, ge), [
+              [Z, c.value]
+            ]),
+            l("div", xe, [
+              g(N, {
+                variant: "primary",
+                size: "sm",
+                icon: x(f) ? "lucide:loader-2" : i.value ? "lucide:check" : "lucide:send",
+                loading: x(f),
+                rounded: "full",
+                class: "h-8 w-8 px-0 transition-transform active:scale-95",
+                disabled: !I.value,
+                onClick: D,
+                "aria-label": i.value ? "Save changes" : "Send message"
+              }, null, 8, ["icon", "loading", "disabled", "aria-label"])
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  Ae as default
+};

package/components/Chat/ChatInterface.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ChatInterface.vue.js";
+export {
+  f as default
+};

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue.js";
+import ee from "./CommandPaletteItem.vue2.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue.js → CommandPaletteItem.vue2.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                        */
+/* empty css                       */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/Kanban/Kanban.vue.d.ts

@@ -1,4 +1,4 @@
-import { KanbanColumn, KanbanLoadDataResult, KanbanChangeEvent } from './types';
+import { KanbanColumn, KanbanLoadDataResult, KanbanChangeEvent, KanbanMoveEvent } from './types';
 type __VLS_Props = {
     columns: KanbanColumn[];
     group?: string;
@@ -42,9 +42,11 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (payload: KanbanChangeEvent) => any;
+    move: (payload: KanbanMoveEvent) => any;
     "update:data": (val: Record<string | number, any[]>) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: (payload: KanbanChangeEvent) => any;
+    onMove?: (payload: KanbanMoveEvent) => any;
     "onUpdate:data"?: (val: Record<string | number, any[]>) => any;
 }>, {
     class: string;

package/components/Kanban/Kanban.vue.js

@@ -1,7 +1,7 @@
 import o from "./Kanban.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1285df4f"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50c60912"]]);
 export {
-  m as default
+  p as default
 };

package/components/Kanban/Kanban.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as b, openBlock as n, createElementBlock as m, normalizeClass as C, Fragment as p, renderList as y, createBlock as k, withCtx as o, renderSlot as d, mergeProps as r } from "vue";
-import v from "./KanbanBoard.vue.js";
-const K = /* @__PURE__ */ b({
+import { defineComponent as C, ref as h, openBlock as c, createElementBlock as i, normalizeClass as b, Fragment as x, renderList as k, createBlock as w, withCtx as r, renderSlot as m, mergeProps as u } from "vue";
+import K from "./KanbanBoard.vue.js";
+const $ = /* @__PURE__ */ C({
   __name: "Kanban",
   props: {
     columns: {},
@@ -15,42 +15,62 @@ const K = /* @__PURE__ */ b({
     ghostClass: {},
     class: { default: "h-full w-full" }
   },
-  emits: ["change", "update:data"],
-  setup(a, { emit: i }) {
-    const s = a, u = i, g = (e) => {
-      u("change", e);
-    }, f = (e, c) => {
-      s.data && u("update:data", { ...s.data, [e]: c });
-    }, h = (e) => s.data ? s.data[e] || [] : [];
-    return (e, c) => (n(), m("div", {
-      class: C(["flex gap-4 overflow-x-auto p-1 custom-scrollbar-x scrollable-container", s.class])
+  emits: ["change", "move", "update:data"],
+  setup(t, { emit: v }) {
+    const d = t, s = v, o = h({}), f = (e) => {
+      if (s("change", e), e.type === "remove" ? o.value.remove = { columnId: e.columnId, event: e.event } : e.type === "add" ? o.value.add = { columnId: e.columnId, event: e.event } : e.type === "update" && s("move", {
+        itemId: e.event.data?.[d.itemKey] || e.event.item?._underlying_vm_?.[d.itemKey],
+        item: e.event.data,
+        fromColumnId: e.columnId,
+        toColumnId: e.columnId,
+        oldIndex: e.event.oldIndex,
+        newIndex: e.event.newIndex
+      }), o.value.remove && o.value.add) {
+        const { remove: l, add: a } = o.value;
+        s("move", {
+          itemId: a.event.data?.[d.itemKey],
+          item: a.event.data,
+          fromColumnId: l.columnId,
+          toColumnId: a.columnId,
+          oldIndex: l.event.oldIndex,
+          newIndex: a.event.newIndex
+        }), o.value = {};
+      }
+      setTimeout(() => {
+        o.value = {};
+      }, 100);
+    }, g = (e, l) => {
+      d.data && s("update:data", { ...d.data, [e]: l });
+    }, I = (e) => d.data ? d.data[e] || [] : [];
+    return (e, l) => (c(), i("div", {
+      class: b(["flex gap-4 overflow-x-auto p-1 custom-scrollbar-x scrollable-container", d.class])
     }, [
-      (n(!0), m(p, null, y(a.columns, (l) => (n(), k(v, {
-        key: l.id,
-        column: l,
-        group: a.group,
-        "item-key": a.itemKey,
-        "load-data": a.loadData,
-        "column-data": h(l.id),
-        "board-class": a.boardClass,
-        "header-class": a.headerClass,
-        "body-class": a.bodyClass,
-        "draggable-class": a.draggableClass,
-        "ghost-class": a.ghostClass,
-        onChange: g,
-        "onUpdate:columnData": (t) => f(l.id, t)
+      (c(!0), i(x, null, k(t.columns, (a) => (c(), w(K, {
+        key: a.id,
+        column: a,
+        group: t.group,
+        "item-key": t.itemKey,
+        "load-data": t.loadData,
+        "column-data": I(a.id),
+        "board-class": t.boardClass,
+        "header-class": t.headerClass,
+        "body-class": t.bodyClass,
+        "draggable-class": t.draggableClass,
+        "ghost-class": t.ghostClass,
+        onChange: f,
+        "onUpdate:columnData": (n) => g(a.id, n)
       }, {
-        header: o((t) => [
-          d(e.$slots, "column-header", r({ ref_for: !0 }, t), void 0, !0)
+        header: r((n) => [
+          m(e.$slots, "column-header", u({ ref_for: !0 }, n), void 0, !0)
         ]),
-        "prepend-item": o((t) => [
-          d(e.$slots, "prepend-item", r({ ref_for: !0 }, t), void 0, !0)
+        "prepend-item": r((n) => [
+          m(e.$slots, "prepend-item", u({ ref_for: !0 }, n), void 0, !0)
         ]),
-        item: o((t) => [
-          d(e.$slots, "item", r({ ref_for: !0 }, t), void 0, !0)
+        item: r((n) => [
+          m(e.$slots, "item", u({ ref_for: !0 }, n), void 0, !0)
         ]),
-        "append-item": o((t) => [
-          d(e.$slots, "append-item", r({ ref_for: !0 }, t), void 0, !0)
+        "append-item": r((n) => [
+          m(e.$slots, "append-item", u({ ref_for: !0 }, n), void 0, !0)
         ]),
         _: 3
       }, 8, ["column", "group", "item-key", "load-data", "column-data", "board-class", "header-class", "body-class", "draggable-class", "ghost-class", "onUpdate:columnData"]))), 128))
@@ -58,5 +78,5 @@ const K = /* @__PURE__ */ b({
   }
 });
 export {
-  K as default
+  $ as default
 };

package/components/Kanban/types.d.ts

@@ -13,11 +13,26 @@ export interface KanbanColumn {
     titleI18n?: string;
     [key: string]: any;
 }
+/**
+ * KanbanChangeEvent represents the low-level DnD events
+ */
 export interface KanbanChangeEvent {
     type: 'add' | 'remove' | 'update';
     event: any;
     columnId: string | number;
 }
+/**
+ * KanbanMoveEvent represents a consolidated high-level move
+ * standard for production API updates.
+ */
+export interface KanbanMoveEvent {
+    itemId: string | number;
+    item: any;
+    fromColumnId: string | number;
+    toColumnId: string | number;
+    oldIndex: number;
+    newIndex: number;
+}
 export interface KanbanProps {
     columns: KanbanColumn[];
     group?: string;

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as R } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, q = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/index.d.ts

@@ -77,4 +77,5 @@ export * from './components/StatusChip';
 export * from './components/Price';
 export * from './components/DateTime';
 export * from './components/Clock';
+export * from './components/Chat';
 export * from './core/config.ts';

package/index.js

@@ -1,7 +1,7 @@
 import { default as f } from "vue3-google-signin";
 import { deepMerge as l } from "./utils/object.js";
-import { camelCase as p, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as T, getDefaultDateRange as S, getUniqueId as g, isAppleDevice as b, isEmpty as C, randomNumber as P, removeExtraProperties as I, slugify as D, throttle as F, truncate as v } from "./utils/functions.js";
-import { lazySearch as h, resetSearchIndex as A, search as B } from "./utils/search.util.js";
+import { camelCase as p, capitalize as d, copyToClipboard as u, debounce as x, delay as i, downloadFile as n, flattenArray as c, formatCurrency as T, getDefaultDateRange as S, getUniqueId as g, isAppleDevice as b, isEmpty as C, randomNumber as P, removeExtraProperties as I, slugify as D, throttle as F, truncate as h } from "./utils/functions.js";
+import { lazySearch as N, resetSearchIndex as A, search as B } from "./utils/search.util.js";
 import { env as w } from "./utils/env.js";
 import { $t as E } from "./utils/i18n.js";
 import { default as L } from "./components/Chip/Chip.vue.js";
@@ -27,8 +27,8 @@ import { default as Se } from "./components/Screen/ScreenFilter.vue.js";
 import { default as be } from "./components/Screen/components/ScreenQuickFilters.vue.js";
 import { default as Pe } from "./components/Heatmap/Heatmap.vue.js";
 import { default as De } from "./components/Masonry/Masonry.vue.js";
-import { MASONRY_BREAKPOINTS as ve } from "./components/Masonry/types.js";
-import { default as he } from "./components/Spinner/Spinner.vue.js";
+import { MASONRY_BREAKPOINTS as he } from "./components/Masonry/types.js";
+import { default as Ne } from "./components/Spinner/Spinner.vue.js";
 import { default as Be } from "./components/Barcode/Barcode.vue.js";
 import { barcodesConstants as we } from "./components/Barcode/types.js";
 import { default as Ee } from "./components/Carousel/Carousel.vue.js";
@@ -52,7 +52,7 @@ import { default as no } from "./components/List/ListFieldRow.vue.js";
 import { formatDate as To, formatNumber as So, formatPrice as go, getObjectValue as bo, getStatusColorClass as Co } from "./components/List/utils.js";
 import { default as Io } from "./components/Empty/Empty.vue.js";
 import { default as Fo } from "./components/Accordion/Accordion.vue.js";
-import { default as No } from "./components/Accordion/AccordionItem.vue.js";
+import { default as vo } from "./components/Accordion/AccordionItem.vue.js";
 import { default as Ao } from "./components/Accordion/AccordionTrigger.vue.js";
 import { default as ko } from "./components/Accordion/AccordionContent.vue.js";
 import { default as yo } from "./components/ChoiceBox/ChoiceBox.vue.js";
@@ -78,7 +78,7 @@ import { default as cr } from "./components/PermissionMatrix/PermissionEditor.vu
 import { useAdvancedKeyStroke as Sr, useKeyStroke as gr } from "./composables/useKeyStroke.js";
 import { vScrollReveal as Cr } from "./directives/vScrollReveal.js";
 import { default as Ir } from "./components/AvatarUploader/AvatarUploader.vue.js";
-import { configure as Fr, pauseTimers as vr, removeToast as Nr, resumeTimers as hr, showToast as Ar, toast as Br, useNotifications as kr } from "./composables/useNotifications.js";
+import { configure as Fr, pauseTimers as hr, removeToast as vr, resumeTimers as Nr, showToast as Ar, toast as Br, useNotifications as kr } from "./composables/useNotifications.js";
 import { default as yr } from "./components/Timeline/Timeline.vue.js";
 import { default as Mr } from "./components/Timeline/TimelineItem.vue.js";
 import { default as Rr } from "./components/Timeline/TimelineIndicator.vue.js";
@@ -104,7 +104,7 @@ import { default as gt } from "./components/SidePanel.vue.js";
 import { default as Ct } from "./components/DatePicker.vue.js";
 import { default as It } from "./components/IconPicker.vue.js";
 import { default as Ft } from "./components/ButtonGroup.vue.js";
-import { default as Nt } from "./components/NumberInput.vue.js";
+import { default as vt } from "./components/NumberInput.vue.js";
 import { default as At } from "./components/ThemeToggle.vue.js";
 import { default as kt } from "./components/GoogleLogin.vue.js";
 import { default as yt } from "./components/ColorPicker/ColorPicker.vue.js";
@@ -119,12 +119,13 @@ import { STATUS_MAP as qt, normalizeStatus as Wt, resolveStatus as Xt } from "./
 import { default as Jt } from "./components/Price/Price.vue.js";
 import { default as ea } from "./components/DateTime/DateTime.vue.js";
 import { default as ra } from "./components/Clock/Clock.vue.js";
-import { VLITE_CONFIG_KEY as aa, configState as fa, updateConfig as ma, useVLiteConfig as la } from "./core/config.js";
+import { default as aa } from "./components/Chat/ChatInterface.vue.js";
+import { VLITE_CONFIG_KEY as ma, configState as la, updateConfig as sa, useVLiteConfig as pa } from "./core/config.js";
 export {
   E as $t,
   Fo as Accordion,
   ko as AccordionContent,
-  No as AccordionItem,
+  vo as AccordionItem,
   Ao as AccordionTrigger,
   Qr as Alert,
   Gr as AttachmentsList,
@@ -138,6 +139,7 @@ export {
   at as Button,
   Ft as ButtonGroup,
   Ee as Carousel,
+  aa as ChatInterface,
   nt as CheckBox,
   L as Chip,
   yo as ChoiceBox,
@@ -179,7 +181,7 @@ export {
   xo as List,
   no as ListFieldRow,
   Hr as Logo,
-  ve as MASONRY_BREAKPOINTS,
+  he as MASONRY_BREAKPOINTS,
   De as Masonry,
   et as Modal,
   Zo as MultiSelect,
@@ -188,7 +190,7 @@ export {
   pe as NavbarGroup,
   le as NavbarItem,
   ue as NavbarTabs,
-  Nt as NumberInput,
+  vt as NumberInput,
   to as OTPInput,
   jo as Pagination,
   cr as PermissionEditor,
@@ -208,7 +210,7 @@ export {
   lr as SidebarMenu,
   pr as SidebarMenuItem,
   st as Slider,
-  he as Spinner,
+  Ne as Spinner,
   $ as Stats,
   Qt as StatusChip,
   dt as Switch,
@@ -220,12 +222,12 @@ export {
   Mr as TimelineItem,
   Rt as ToastNotification,
   xt as Tooltip,
-  aa as VLITE_CONFIG_KEY,
+  ma as VLITE_CONFIG_KEY,
   fo as Workbook,
   we as barcodesConstants,
   p as camelCase,
   d as capitalize,
-  fa as configState,
+  la as configState,
   Fr as configure,
   u as copyToClipboard,
   Ht as createVLite,
@@ -246,22 +248,22 @@ export {
   Uo as initializeTheme,
   b as isAppleDevice,
   C as isEmpty,
-  h as lazySearch,
+  N as lazySearch,
   Wt as normalizeStatus,
-  vr as pauseTimers,
+  hr as pauseTimers,
   P as randomNumber,
   I as removeExtraProperties,
-  Nr as removeToast,
+  vr as removeToast,
   A as resetSearchIndex,
   Xt as resolveStatus,
-  hr as resumeTimers,
+  Nr as resumeTimers,
   B as search,
   Ar as showToast,
   D as slugify,
   F as throttle,
   Br as toast,
-  v as truncate,
-  ma as updateConfig,
+  h as truncate,
+  sa as updateConfig,
   Sr as useAdvancedKeyStroke,
   Ye as useDropdownIds,
   Ve as useDropdownSelection,
@@ -273,6 +275,6 @@ export {
   kr as useNotifications,
   Vo as useTheme,
   oo as useTreeSelection,
-  la as useVLiteConfig,
+  pa as useVLiteConfig,
   Cr as vScrollReveal
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -973,5 +973,5 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-c4c5d9e4]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-3e1f26ae]{will-change:transform;contain:layout style}.custom-fields-table[data-v-3e1f26ae] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-3e1f26ae] input,.custom-fields-table[data-v-3e1f26ae] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-3e1f26ae] input,.custom-fields-table[data-v-3e1f26ae] textarea,.custom-fields-table[data-v-3e1f26ae] select,.custom-fields-table[data-v-3e1f26ae] .input-wrapper,.custom-fields-table[data-v-3e1f26ae] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-3e1f26ae] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-3e1f26ae] input:focus,.custom-fields-table[data-v-3e1f26ae] textarea:focus,.custom-fields-table[data-v-3e1f26ae] select:focus,.custom-fields-table[data-v-3e1f26ae] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-3e1f26ae] .w-full{width:100%;height:100%}.list-enter-active[data-v-3e1f26ae]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-3e1f26ae]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-ed0b3aa6]{display:flex;flex-direction:column}.form-field-item[data-v-ed0b3aa6]:has([role=switch]),.form-field-item[data-v-ed0b3aa6]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-06b1158f]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
+input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-c4c5d9e4]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-3e1f26ae]{will-change:transform;contain:layout style}.custom-fields-table[data-v-3e1f26ae] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-3e1f26ae] input,.custom-fields-table[data-v-3e1f26ae] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-3e1f26ae] input,.custom-fields-table[data-v-3e1f26ae] textarea,.custom-fields-table[data-v-3e1f26ae] select,.custom-fields-table[data-v-3e1f26ae] .input-wrapper,.custom-fields-table[data-v-3e1f26ae] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-3e1f26ae] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-3e1f26ae] input:focus,.custom-fields-table[data-v-3e1f26ae] textarea:focus,.custom-fields-table[data-v-3e1f26ae] select:focus,.custom-fields-table[data-v-3e1f26ae] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-3e1f26ae] .w-full{width:100%;height:100%}.list-enter-active[data-v-3e1f26ae]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-3e1f26ae]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-ed0b3aa6]{display:flex;flex-direction:column}.form-field-item[data-v-ed0b3aa6]:has([role=switch]),.form-field-item[data-v-ed0b3aa6]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-06b1158f]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-50c60912]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-50c60912]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-50c60912]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-50c60912]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}