ezux 1.1.11 → 1.1.13

package/dist/index-BPPb7bcs.js

@@ -0,0 +1,3220 @@
+import { jsx as e, jsxs as d, Fragment as Nt } from "react/jsx-runtime";
+import * as te from "react";
+import xe, { useMemo as ce, useRef as ze, useEffect as Ne, useCallback as L, useState as q, memo as it, forwardRef as rt, useImperativeHandle as bt } from "react";
+import { u as Qe, a as se, T as St, Q as kt, b as Dt } from "./TooltipWrapper-BrRTi5EJ.js";
+import { c as J, T as ot, z as It, C as Ee, N as At } from "./EzErrorBoundary-D4NBadES.js";
+import { B as $, a as Ft, X as Ue } from "./tooltip-BCtrEe0z.js";
+import { N as qe } from "./NotificationPanel-D2Y-_ahk.js";
+import { useStore as pe } from "@tanstack/react-store";
+import { Store as _t } from "@tanstack/store";
+import { l as Tt, u as Se, c as P, b as Bt } from "./useInitCoreServices-D1WaWlaI.js";
+import { u as Mt } from "./useServiceState-VE-viK8b.js";
+import { I as Et, M as lt, C as Ae, G as Ve, f as He, h as We, x as Vt, E as $t } from "./index-C6NfgycP.js";
+import { I as fe } from "./input-jYQ5VKNR.js";
+import { e as zt, S as Fe, a as _e, b as Te, c as Be, d as oe } from "./select-mDCun_IR.js";
+import { P as Rt, a as Kt, b as Pt, D as Lt, c as Qt, d as jt, e as Ot } from "./popover-Cmlb7w3R.js";
+import { F as Ut, C as Ce, P as be } from "./checkbox-boJRxICT.js";
+import { L as le } from "./label-ClOW9UCt.js";
+import { S as qt } from "./scroll-area-9fwpVNxT.js";
+import { L as Ht } from "./layers-BA4i1fYX.js";
+import { D as Je } from "./download-panVHmk6.js";
+import { useForm as Wt } from "@tanstack/react-form";
+import { D as $e, P as dt } from "./date-time-picker-Dj2eftJI.js";
+import { A as Re, a as Ke, b as Jt } from "./avatar-BeK0E4mn.js";
+import { T as ct } from "./calendar-Dy3rVMW2.js";
+import { C as mt, c as Gt, k as Yt, l as Xt, P as Zt, D as ea, J as ta } from "./EzContextMenu-BSA_B6Pr.js";
+import { u as ut, S as Pe, v as aa, h as na } from "./sortable.esm-CzMCDPet.js";
+import { S as sa, G as Ge } from "./settings-CvyjK75A.js";
+import { C as Ie } from "./circle-x-Cv7bfIC_.js";
+import { C as ia } from "./circle-alert-B2AMDd8N.js";
+import { C as ra } from "./isBefore-C3Y_wbk3.js";
+import { useVirtualizer as oa } from "@tanstack/react-virtual";
+import { E as Ye } from "./ellipsis-CuqNthAj.js";
+import { C as ht } from "./chevron-down-C3s8jU6B.js";
+const la = [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+], da = J("activity", la);
+const ca = [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
+], ma = J("archive", ca);
+const ua = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], ge = J("circle-check", ua);
+const ha = [
+  [
+    "path",
+    {
+      d: "M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z",
+      key: "kmsa83"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], pa = J("circle-play", ha);
+const ga = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+], Xe = J("circle-question-mark", ga);
+const fa = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
+], va = J("circle-stop", fa);
+const ya = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+], Ze = J("file-text", ya);
+const Ca = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], wa = J("image", Ca);
+const xa = [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+], Na = J("list", xa);
+const ba = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 9.9-1", key: "1mm8w8" }]
+], Sa = J("lock-open", ba);
+const ka = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+], et = J("lock", ka);
+const Da = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+], Ia = J("message-square", Da);
+const Aa = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M9 21V9", key: "1oto5p" }]
+], tt = J("panels-top-left", Aa);
+const Fa = [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ]
+], _a = J("pen", Fa);
+const Ta = [
+  ["path", { d: "m15 14 5-5-5-5", key: "12vg1m" }],
+  ["path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13", key: "6uklza" }]
+], Ba = J("redo-2", Ta);
+const Ma = [
+  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+], Ea = J("refresh-ccw", Ma);
+const Va = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "M12 8v4", key: "1got3b" }],
+  ["path", { d: "M12 16h.01", key: "1drbdi" }]
+], $a = J("shield-alert", Va);
+const za = [
+  [
+    "path",
+    { d: "M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344", key: "2acyp4" }
+  ],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+], Ra = J("square-check-big", za);
+const Ka = [
+  ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
+], Pa = J("undo-2", Ka);
+const La = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], Qa = J("users", La), we = () => Tt(), ja = () => /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-full p-8", children: /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-4 max-w-md", children: [
+  /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-16 h-16 rounded-full bg-destructive/10", children: /* @__PURE__ */ e(ot, { className: "w-8 h-8 text-destructive" }) }),
+  /* @__PURE__ */ d("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+    /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: "Kanban Board Error" }),
+    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "An error occurred while rendering the Kanban board. Please refresh the page or contact support if the issue persists." })
+  ] }),
+  /* @__PURE__ */ e($, { onClick: () => window.location.reload(), children: "Reload Board" })
+] }) }), Oa = (t, a = "standard") => new _t({
+  board: t,
+  selectedCards: [],
+  selectedColumnId: null,
+  view: a,
+  searchQuery: "",
+  activeFilters: {},
+  history: [t],
+  historyIndex: 0
+}), Ua = (t) => ({
+  // Board actions
+  setBoard: (a) => {
+    t.setState((s) => {
+      const i = [...s.history.slice(0, s.historyIndex + 1), a];
+      return {
+        ...s,
+        board: a,
+        history: i,
+        historyIndex: i.length - 1
+      };
+    });
+  },
+  // Card actions
+  addCard: (a) => {
+    t.setState((s) => {
+      const i = {
+        ...s.board,
+        cards: [...s.board.cards, a]
+      }, c = [...s.history.slice(0, s.historyIndex + 1), i];
+      return {
+        ...s,
+        board: i,
+        history: c,
+        historyIndex: c.length - 1
+      };
+    });
+  },
+  updateCard: (a, s) => {
+    t.setState((i) => {
+      const c = {
+        ...i.board,
+        cards: i.board.cards.map(
+          (C) => C.id === a ? { ...C, ...s } : C
+        )
+      }, m = [...i.history.slice(0, i.historyIndex + 1), c];
+      return {
+        ...i,
+        board: c,
+        history: m,
+        historyIndex: m.length - 1
+      };
+    });
+  },
+  deleteCard: (a) => {
+    t.setState((s) => {
+      const i = {
+        ...s.board,
+        cards: s.board.cards.filter((m) => m.id !== a)
+      }, c = [...s.history.slice(0, s.historyIndex + 1), i];
+      return {
+        ...s,
+        board: i,
+        history: c,
+        historyIndex: c.length - 1
+      };
+    });
+  },
+  moveCard: (a, s) => {
+    t.setState((i) => {
+      const c = {
+        ...i.board,
+        cards: i.board.cards.map(
+          (C) => C.id === a ? { ...C, columnId: s } : C
+        )
+      }, m = [...i.history.slice(0, i.historyIndex + 1), c];
+      return {
+        ...i,
+        board: c,
+        history: m,
+        historyIndex: m.length - 1
+      };
+    });
+  },
+  // Column actions
+  addColumn: (a) => {
+    t.setState((s) => {
+      const i = {
+        ...s.board,
+        columns: [...s.board.columns, a]
+      }, c = [...s.history.slice(0, s.historyIndex + 1), i];
+      return {
+        ...s,
+        board: i,
+        history: c,
+        historyIndex: c.length - 1
+      };
+    });
+  },
+  updateColumn: (a, s) => {
+    t.setState((i) => {
+      const c = {
+        ...i.board,
+        columns: i.board.columns.map(
+          (C) => C.id === a ? { ...C, ...s } : C
+        )
+      }, m = [...i.history.slice(0, i.historyIndex + 1), c];
+      return {
+        ...i,
+        board: c,
+        history: m,
+        historyIndex: m.length - 1
+      };
+    });
+  },
+  deleteColumn: (a) => {
+    t.setState((s) => {
+      const i = {
+        ...s.board,
+        columns: s.board.columns.filter((m) => m.id !== a),
+        cards: s.board.cards.filter((m) => m.columnId !== a)
+      }, c = [...s.history.slice(0, s.historyIndex + 1), i];
+      return {
+        ...s,
+        board: i,
+        history: c,
+        historyIndex: c.length - 1
+      };
+    });
+  },
+  // Selection actions
+  setSelectedCards: (a) => {
+    t.setState((s) => ({ ...s, selectedCards: a }));
+  },
+  setSelectedColumnId: (a) => {
+    t.setState((s) => ({ ...s, selectedColumnId: a }));
+  },
+  // View action
+  setView: (a) => {
+    t.setState((s) => ({ ...s, view: a }));
+  },
+  // Search and filter actions
+  setSearchQuery: (a) => {
+    t.setState((s) => ({ ...s, searchQuery: a }));
+  },
+  setActiveFilters: (a) => {
+    t.setState((s) => ({ ...s, activeFilters: a }));
+  },
+  // History actions (undo/redo)
+  undo: () => {
+    t.setState((a) => a.historyIndex > 0 ? {
+      ...a,
+      board: a.history[a.historyIndex - 1],
+      historyIndex: a.historyIndex - 1
+    } : a);
+  },
+  redo: () => {
+    t.setState((a) => a.historyIndex < a.history.length - 1 ? {
+      ...a,
+      board: a.history[a.historyIndex + 1],
+      historyIndex: a.historyIndex + 1
+    } : a);
+  },
+  // Utility
+  canUndo: () => t.state.historyIndex > 0,
+  canRedo: () => t.state.historyIndex < t.state.history.length - 1
+}), qa = (t) => {
+  const a = ce(() => Oa(t.board, t.view), [t.board.id, t.view]), s = ce(() => Ua(a), [a]), i = pe(a, (y) => y.board), c = pe(a, (y) => y.selectedCards), m = pe(a, (y) => y.selectedColumnId), C = pe(a, (y) => y.view), h = pe(a, (y) => y.searchQuery), f = pe(a, (y) => y.activeFilters), k = ze(JSON.stringify(t.board)), x = ze(t.view);
+  return Ne(() => {
+    const y = JSON.stringify(t.board);
+    y !== k.current && (k.current = y, s.setBoard(t.board)), t.view && t.view !== x.current && (x.current = t.view, s.setView(t.view));
+  }, [t.board, t.view, s]), {
+    // State
+    /** The current board data. @group State */
+    board: i,
+    /** Currently selected card IDs. @group State */
+    selectedCards: c,
+    /** ID of the currently selected column. @group State */
+    selectedColumnId: m,
+    /** Current view mode. @group State */
+    view: C,
+    /** Current search query. @group State */
+    searchQuery: h,
+    /** Currently active filters. @group State */
+    activeFilters: f,
+    // Actions
+    /** Replace the board data. @group Methods */
+    setBoard: s.setBoard,
+    /** Set selected card IDs. @group Methods */
+    setSelectedCards: s.setSelectedCards,
+    /** Set the selected column ID. @group Methods */
+    setSelectedColumnId: s.setSelectedColumnId,
+    /** Change the view mode. @group Methods */
+    setView: s.setView,
+    /** Set the search query. @group Methods */
+    setSearchQuery: s.setSearchQuery,
+    /** Set active filters. @group Methods */
+    setActiveFilters: s.setActiveFilters,
+    // Card actions
+    /** Add a card. @group Methods */
+    addCard: s.addCard,
+    /** Update a card. @group Methods */
+    updateCard: s.updateCard,
+    /** Delete a card. @group Methods */
+    deleteCard: s.deleteCard,
+    /** Move a card. @group Methods */
+    moveCard: s.moveCard,
+    // Column actions
+    /** Add a column. @group Methods */
+    addColumn: s.addColumn,
+    /** Update a column. @group Methods */
+    updateColumn: s.updateColumn,
+    /** Delete a column. @group Methods */
+    deleteColumn: s.deleteColumn,
+    // History actions
+    /** Undo the last action. @group Methods */
+    undo: s.undo,
+    /** Redo the previously undone action. @group Methods */
+    redo: s.redo,
+    /** Whether undo is available. @group State */
+    canUndo: s.canUndo(),
+    /** Whether redo is available. @group State */
+    canRedo: s.canRedo(),
+    // Store instance (for advanced usage)
+    /** The underlying store instance. @group Internal */
+    store: a,
+    /** The compiled actions for the store. @group Internal */
+    actions: s
+  };
+}, Ha = (t, a) => {
+  const s = Se(), i = Qe(), c = () => s.get("KanbanService"), m = (n, o, u = 3e3) => {
+    const v = s.get("NotificationService");
+    v && v.add({ type: n, message: o, duration: u });
+  }, C = (n) => {
+    i.setQueryData(["board", a.id], n), t.onBoardChange?.(n);
+  }, h = se({
+    mutationFn: async (n) => {
+      const o = c();
+      return o ? await o.createCard(a.id, n) : await t.onCardCreate?.(n), n;
+    },
+    onMutate: async (n) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const o = i.getQueryData(["board", a.id]), u = {
+        ...a,
+        cards: [...a.cards, n]
+      };
+      return C(u), { previousBoard: o };
+    },
+    onError: (n, o, u) => {
+      u?.previousBoard && C(u.previousBoard), m("error", "Failed to create card. Please try again.", 5e3);
+    },
+    onSuccess: (n) => {
+      m("success", `Card "${n.title}" created successfully`);
+    }
+  }), f = L(async (n) => {
+    const o = {
+      id: `card-${Date.now()}`,
+      type: n.type || "standard",
+      title: n.title || "New Card",
+      description: n.description,
+      columnId: n.columnId || a.columns[0]?.id || "",
+      position: n.position ?? a.cards.filter((u) => u.columnId === n.columnId).length,
+      assignees: n.assignees || [],
+      tags: n.tags || [],
+      priority: n.priority,
+      metadata: n.metadata || {},
+      createdBy: "current-user",
+      // Should be replced by actual user info if available
+      createdAt: /* @__PURE__ */ new Date(),
+      updatedBy: "current-user",
+      updatedAt: /* @__PURE__ */ new Date(),
+      ...n
+    };
+    return h.mutateAsync(o);
+  }, [a, h]), k = se({
+    mutationFn: async ({ cardId: n, updates: o }) => {
+      const u = c();
+      if (u)
+        await u.updateCard(n, o);
+      else {
+        const v = a.cards.find((I) => I.id === n);
+        v && await t.onCardUpdate?.({ ...v, ...o }, "edit");
+      }
+      return { cardId: n, updates: o };
+    },
+    onMutate: async ({ cardId: n, updates: o }) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const u = i.getQueryData(["board", a.id]), v = a.cards.map(
+        (M) => M.id === n ? { ...M, ...o, updatedAt: /* @__PURE__ */ new Date() } : M
+      ), I = { ...a, cards: v };
+      return C(I), { previousBoard: u };
+    },
+    onError: (n, o, u) => {
+      u?.previousBoard && C(u.previousBoard), m("error", "Failed to update card", 5e3);
+    },
+    onSuccess: () => {
+      m("success", "Card updated successfully", 2e3);
+    }
+  }), x = L(async (n, o) => k.mutateAsync({ cardId: n, updates: o }), [k]), y = se({
+    mutationFn: async (n) => {
+      const o = c();
+      return o ? await o.deleteCard(n) : await t.onCardDelete?.(n), n;
+    },
+    onMutate: async (n) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const o = i.getQueryData(["board", a.id]), u = {
+        ...a,
+        cards: a.cards.filter((v) => v.id !== n)
+      };
+      return C(u), { previousBoard: o, deletedCardTitle: o?.cards.find((v) => v.id === n)?.title };
+    },
+    onError: (n, o, u) => {
+      u?.previousBoard && C(u.previousBoard), m("error", "Failed to delete card", 5e3);
+    },
+    onSuccess: (n, o, u) => {
+      const v = u?.deletedCardTitle || "Card";
+      m("success", `Card "${v}" deleted`);
+    }
+  }), A = L(async (n) => y.mutateAsync(n), [y]), l = se({
+    mutationFn: async (n) => {
+      const { cardId: o, targetColumnId: u, targetSwimlaneId: v, targetPosition: I } = n, M = c();
+      if (M)
+        await M.moveCard(o, u, v, I);
+      else {
+        const B = a.cards.find((T) => T.id === o);
+        B && await t.onCardUpdate?.({
+          ...B,
+          columnId: u,
+          swimlaneId: v
+        }, "move");
+      }
+    },
+    onMutate: async ({ cardId: n, targetColumnId: o, targetSwimlaneId: u, targetPosition: v }) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const I = i.getQueryData(["board", a.id]), M = a.cards.find((b) => b.id === n);
+      if (!M) return { previousBoard: I };
+      const B = a.cards.filter((b) => b.id !== n), T = B.filter((b) => b.columnId === o).sort((b, F) => (b.position ?? 0) - (F.position ?? 0)), S = v !== void 0 ? Math.min(v, T.length) : T.length, E = [
+        ...T.slice(0, S),
+        { ...M, columnId: o, swimlaneId: u, updatedAt: /* @__PURE__ */ new Date() },
+        ...T.slice(S)
+      ].map((b, F) => ({ ...b, position: F })), U = M.columnId, W = B.filter((b) => b.columnId === U).sort((b, F) => (b.position ?? 0) - (F.position ?? 0)).map((b, F) => ({ ...b, position: F })), V = [...B.filter(
+        (b) => b.columnId !== o && b.columnId !== U
+      ), ...W, ...E], H = { ...a, cards: V };
+      return C(H), { previousBoard: I };
+    },
+    onError: (n, o, u) => {
+      u?.previousBoard && C(u.previousBoard), m("error", "Failed to move card", 3e3);
+    }
+  }), w = L(async (n, o, u, v) => l.mutateAsync({ cardId: n, targetColumnId: o, targetSwimlaneId: u, targetPosition: v }), [l]), N = L(async (n) => {
+    const o = a.cards.find((v) => v.id === n);
+    if (!o) throw new Error("Card not found");
+    const u = {
+      ...o,
+      id: `card-${Date.now()}`,
+      title: `${o.title} (Copy)`,
+      position: (o.position ?? 0) + 1,
+      createdAt: /* @__PURE__ */ new Date(),
+      updatedAt: /* @__PURE__ */ new Date()
+    };
+    return f(u);
+  }, [a.cards, f]), D = L(async (n) => x(n, { isArchived: !0 }), [x]), r = L(async (n) => x(n, { isArchived: !1 }), [x]);
+  return {
+    /** Create a new card. @group Methods */
+    createCard: f,
+    /** Update an existing card. @group Methods */
+    updateCard: x,
+    /** Delete a card by ID. @group Methods */
+    deleteCard: A,
+    /** Move a card to a new column/swimlane. @group Methods */
+    moveCard: w,
+    /** Duplicate an existing card. @group Methods */
+    duplicateCard: N,
+    /** Archive a card. @group Methods */
+    archiveCard: D,
+    /** Restore an archived card. @group Methods */
+    restoreCard: r
+  };
+}, Wa = (t, a) => {
+  const s = Se(), i = Qe(), c = () => s.get("KanbanService"), m = (r, n, o = 3e3) => {
+    const u = s.get("NotificationService");
+    u && u.add({ type: r, message: n, duration: o });
+  }, C = (r) => {
+    i.setQueryData(["board", a.id], r), t.onBoardChange?.(r);
+  }, h = se({
+    mutationFn: async (r) => {
+      const n = c();
+      return n ? await n.createColumn(a.id, r) : await t.onColumnCreate?.(r), r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = {
+        ...a,
+        columns: [...a.columns, r]
+      };
+      return C(o), { previousBoard: n };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to create column", 5e3);
+    },
+    onSuccess: (r) => {
+      m("success", `Column "${r.name}" added`);
+    }
+  }), f = L(async (r) => {
+    const n = {
+      id: `column-${Date.now()}`,
+      name: r.name || "New Column",
+      color: r.color,
+      icon: r.icon,
+      wipLimit: r.wipLimit,
+      position: r.position ?? a.columns.length,
+      isCollapsed: !1,
+      ...r
+    };
+    return h.mutateAsync(n);
+  }, [a.columns.length, h]), k = se({
+    mutationFn: async ({ columnId: r, updates: n }) => {
+      const o = c();
+      if (o)
+        await o.updateColumn(r, n);
+      else {
+        const u = a.columns.find((v) => v.id === r);
+        u && await t.onColumnUpdate?.({ ...u, ...n });
+      }
+      return { columnId: r, updates: n };
+    },
+    onMutate: async ({ columnId: r, updates: n }) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const o = i.getQueryData(["board", a.id]), u = {
+        ...a,
+        columns: a.columns.map(
+          (v) => v.id === r ? { ...v, ...n } : v
+        )
+      };
+      return C(u), { previousBoard: o };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to update column", 5e3);
+    }
+  }), x = L(async (r, n) => k.mutateAsync({ columnId: r, updates: n }), [k]), y = se({
+    mutationFn: async (r) => {
+      const n = c();
+      return n ? await n.deleteColumn(r) : await t.onColumnDelete?.(r), r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = n?.columns.find((v) => v.id === r), u = {
+        ...a,
+        columns: a.columns.filter((v) => v.id !== r),
+        cards: a.cards.filter((v) => v.columnId !== r)
+        // Naive delete cascade
+      };
+      return C(u), { previousBoard: n, deletedColumnName: o?.name };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to delete column", 5e3);
+    },
+    onSuccess: (r, n, o) => {
+      const u = o?.deletedColumnName || "Column";
+      m("success", `Column "${u}" deleted`);
+    }
+  }), A = L(async (r) => y.mutateAsync(r), [y]), l = se({
+    mutationFn: async (r) => {
+      const n = c();
+      if (n) {
+        const o = r.map((u, v) => n.updateColumn(u, { position: v }));
+        await Promise.all(o);
+      }
+      return r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = {
+        ...a,
+        columns: r.map((u, v) => {
+          const I = a.columns.find((M) => M.id === u);
+          if (!I) throw new Error(`Column ${u} not found`);
+          return { ...I, position: v };
+        })
+      };
+      return C(o), { previousBoard: n };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to reorder columns", 3e3);
+    }
+  }), w = L(async (r) => l.mutateAsync(r), [l]), N = L((r) => {
+    x(r, { isCollapsed: !0 });
+  }, [x]), D = L((r) => {
+    x(r, { isCollapsed: !1 });
+  }, [x]);
+  return {
+    /** Create a new column. @group Methods */
+    createColumn: f,
+    /** Update an existing column. @group Methods */
+    updateColumn: x,
+    /** Delete a column by ID. @group Methods */
+    deleteColumn: A,
+    /** Reorder columns by providing new ordered IDs. @group Methods */
+    reorderColumns: w,
+    /** Collapse a column. @group Methods */
+    collapseColumn: N,
+    /** Expand a column. @group Methods */
+    expandColumn: D
+  };
+}, Ja = (t, a) => {
+  const s = Se(), i = Qe(), c = () => s.get("KanbanService"), m = (r, n, o = 3e3) => {
+    const u = s.get("NotificationService");
+    u && u.add({ type: r, message: n, duration: o });
+  }, C = (r) => {
+    i.setQueryData(["board", a.id], r), t.onBoardChange?.(r);
+  }, h = se({
+    mutationFn: async (r) => {
+      const n = c();
+      return n ? await n.createSwimlane(a.id, r) : await t.onSwimlaneCreate?.(r), r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = {
+        ...a,
+        swimlanes: [...a.swimlanes || [], r]
+      };
+      return C(o), { previousBoard: n };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to create swimlane", 5e3);
+    },
+    onSuccess: (r) => {
+      m("success", `Swimlane "${r.name}" added`);
+    }
+  }), f = L(async (r) => {
+    const n = {
+      id: `swimlane-${Date.now()}`,
+      name: r.name || "New Swimlane",
+      type: r.type || "custom",
+      color: r.color,
+      position: r.position ?? (a.swimlanes?.length || 0),
+      isCollapsed: !1,
+      ...r
+    };
+    return h.mutateAsync(n);
+  }, [a.swimlanes, h]), k = se({
+    mutationFn: async ({ swimlaneId: r, updates: n }) => {
+      const o = c();
+      if (o)
+        await o.updateSwimlane(r, n);
+      else {
+        const u = a.swimlanes?.find((v) => v.id === r);
+        u && await t.onSwimlaneUpdate?.({ ...u, ...n });
+      }
+      return { swimlaneId: r, updates: n };
+    },
+    onMutate: async ({ swimlaneId: r, updates: n }) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const o = i.getQueryData(["board", a.id]), u = {
+        ...a,
+        swimlanes: (a.swimlanes || []).map(
+          (v) => v.id === r ? { ...v, ...n } : v
+        )
+      };
+      return C(u), { previousBoard: o };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to update swimlane", 5e3);
+    }
+  }), x = L(async (r, n) => k.mutateAsync({ swimlaneId: r, updates: n }), [k]), y = se({
+    mutationFn: async (r) => {
+      const n = c();
+      return n ? await n.deleteSwimlane(r) : await t.onSwimlaneDelete?.(r), r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = n?.swimlanes?.find((v) => v.id === r), u = {
+        ...a,
+        swimlanes: (a.swimlanes || []).filter((v) => v.id !== r),
+        cards: a.cards.map((v) => v.swimlaneId === r ? { ...v, swimlaneId: void 0 } : v)
+      };
+      return C(u), { previousBoard: n, deletedSwimlaneName: o?.name };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to delete swimlane", 5e3);
+    },
+    onSuccess: (r, n, o) => {
+      const u = o?.deletedSwimlaneName || "Swimlane";
+      m("success", `Swimlane "${u}" deleted`);
+    }
+  }), A = L(async (r) => y.mutateAsync(r), [y]), l = se({
+    mutationFn: async (r) => {
+      const n = c();
+      if (n) {
+        const o = r.map((u, v) => n.updateSwimlane(u, { position: v }));
+        await Promise.all(o);
+      }
+      return r;
+    },
+    onMutate: async (r) => {
+      await i.cancelQueries({ queryKey: ["board", a.id] });
+      const n = i.getQueryData(["board", a.id]), o = {
+        ...a,
+        swimlanes: r.map((u, v) => {
+          const I = a.swimlanes?.find((M) => M.id === u);
+          return I ? { ...I, position: v } : null;
+        }).filter(Boolean)
+      };
+      return C(o), { previousBoard: n };
+    },
+    onError: (r, n, o) => {
+      o?.previousBoard && C(o.previousBoard), m("error", "Failed to reorder swimlanes", 3e3);
+    }
+  }), w = L(async (r) => l.mutateAsync(r), [l]), N = L((r) => {
+    x(r, { isCollapsed: !0 }), t.onSwimlaneToggle?.({ swimlaneId: r, isCollapsed: !0 });
+  }, [x, t.onSwimlaneToggle]), D = L((r) => {
+    x(r, { isCollapsed: !1 }), t.onSwimlaneToggle?.({ swimlaneId: r, isCollapsed: !1 });
+  }, [x, t.onSwimlaneToggle]);
+  return {
+    /** Create a new swimlane. @group Methods */
+    createSwimlane: f,
+    /** Update an existing swimlane. @group Methods */
+    updateSwimlane: x,
+    /** Delete a swimlane by ID. @group Methods */
+    deleteSwimlane: A,
+    /** Reorder swimlanes by providing new ordered IDs. @group Methods */
+    reorderSwimlanes: w,
+    /** Collapse a swimlane. @group Methods */
+    collapseSwimlane: N,
+    /** Expand a swimlane. @group Methods */
+    expandSwimlane: D
+  };
+}, Ga = (t) => {
+  const [a, s] = q(""), [i, c] = q({});
+  return {
+    /** List of cards after applying search and filters. @group State */
+    filteredCards: ce(() => t.cards.filter((h) => {
+      if (a) {
+        const f = a.toLowerCase();
+        if (!(h.title.toLowerCase().includes(f) || h.description?.toLowerCase().includes(f) || h.tags.some((x) => x.name.toLowerCase().includes(f)))) return !1;
+      }
+      return !(i.tags && i.tags.length > 0 && !h.tags.some((k) => i.tags?.includes(k.id)) || i.assignees && i.assignees.length > 0 && !h.assignees.some((k) => i.assignees?.includes(k.id)) || i.priority && i.priority.length > 0 && h.priority && !i.priority.includes(h.priority) || i.columns && i.columns.length > 0 && !i.columns.includes(h.columnId));
+    }), [t.cards, a, i]),
+    /** Current search query string. @group State */
+    searchQuery: a,
+    /** Handler to update the search query. @group Methods */
+    setSearchQuery: s,
+    /** Current active filter configuration. @group State */
+    activeFilters: i,
+    /** Handler to update active filters. @group Methods */
+    setActiveFilters: c,
+    /** Clear all active filters and search query. @group Methods */
+    clearFilters: () => {
+      s(""), c({});
+    }
+  };
+}, Ya = (t, a, s = !1, i) => {
+  const c = Se(), [m, C] = q(null), [h, f] = q(null), [k, x] = q(null), y = L((N) => {
+    if (i?.onCardDragStart) {
+      const D = { card: N, columnId: N.columnId, cancel: !1 };
+      if (i.onCardDragStart(D), D.cancel) return;
+    }
+    C(N);
+  }, [i?.onCardDragStart]), A = L((N, D) => {
+    m && h !== N && (h && i?.onCardDragLeave && i.onCardDragLeave({ card: m, targetColumnId: h }), i?.onCardDragEnter && i.onCardDragEnter({ card: m, targetColumnId: N })), f(N), D && x(D);
+  }, [m, i, h]), l = L(() => {
+    m && i?.onCardDragStop && i.onCardDragStop({ card: m, columnId: m.columnId }), C(null), f(null), x(null);
+  }, [m, i?.onCardDragStop]), w = L((N, D, r) => {
+    if (!m) return;
+    const n = t.columns.find((o) => o.id === N);
+    if (n?.wipLimit && t.cards.filter((u) => u.columnId === N && !u.isArchived).length >= n.wipLimit && (m.columnId !== N || m.swimlaneId !== D)) {
+      const u = c.get("NotificationService");
+      if (u && u.add({
+        type: "warning",
+        message: `WIP limit reached for "${n.name}" (${n.wipLimit} cards)`,
+        duration: 4e3
+      }), s) {
+        u?.add({
+          type: "error",
+          message: `Cannot move card: "${n.name}" is full (Strict WIP)`,
+          duration: 4e3
+        }), C(null), f(null), x(null);
+        return;
+      }
+    }
+    a(m.id, N, D, r), i?.onCardDragStop && i.onCardDragStop({ card: m, columnId: N }), C(null), f(null), x(null);
+  }, [m, t, a, i?.onCardDragStop]);
+  return {
+    /** The card currently being dragged. @group State */
+    draggedCard: m,
+    /** ID of the column being dragged over. @group State */
+    dragOverColumn: h,
+    /** ID of the swimlane being dragged over. @group State */
+    dragOverSwimlane: k,
+    /** Handler for drag start. @group Events */
+    handleDragStart: y,
+    /** Handler for drag over. @group Events */
+    handleDragOver: A,
+    /** Handler for drag end (cancel/finish). @group Events */
+    handleDragEnd: l,
+    /** Handler for drop (commit move). @group Events */
+    handleDrop: w
+  };
+}, Xa = (t, a = {}) => {
+  const i = Mt("I18nService")?.dir || "ltr", c = t.dir === "auto" || !t.dir ? i : t.dir, m = {
+    showSpinner: () => {
+    },
+    hideSpinner: () => {
+    }
+  }, C = null, {
+    board: h,
+    setBoard: f,
+    selectedCards: k,
+    setSelectedCards: x,
+    selectedColumnId: y,
+    setSelectedColumnId: A,
+    view: l,
+    setView: w,
+    undo: N,
+    redo: D,
+    canUndo: r,
+    canRedo: n
+  } = qa(t), [o, u] = q(null), {
+    createCard: v,
+    updateCard: I,
+    deleteCard: M,
+    moveCard: B,
+    duplicateCard: T,
+    archiveCard: S,
+    restoreCard: E
+  } = Ha(t, h), {
+    createColumn: U,
+    updateColumn: W,
+    deleteColumn: X,
+    reorderColumns: V,
+    collapseColumn: H,
+    expandColumn: b
+  } = Wa(t, h), {
+    createSwimlane: F,
+    updateSwimlane: Q,
+    deleteSwimlane: G,
+    reorderSwimlanes: ae,
+    collapseSwimlane: j,
+    expandSwimlane: O
+  } = Ja(t, h), {
+    draggedCard: Z,
+    dragOverColumn: re,
+    handleDragStart: Y,
+    handleDragOver: ne,
+    handleDragEnd: ke,
+    handleDrop: De
+  } = Ya(h, B, t.wipStrict, t), {
+    filteredCards: ie,
+    searchQuery: me,
+    setSearchQuery: ue,
+    activeFilters: g,
+    setActiveFilters: p,
+    clearFilters: _
+  } = Ga(h), { selectedIndex: K, setSelectedIndex: ee } = Et({
+    totalItems: ie.length,
+    columns: 1,
+    // Simplified for now, though Kanban is a grid-ish
+    enabled: !t.readOnly,
+    onSelect: (R) => {
+      const z = ie[R];
+      z && (u(z.id), (document.getElementById(z.id) || document.querySelector(`[data-card-id="${z.id}"]`))?.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    },
+    onAction: (R) => {
+      const z = ie[R];
+      z && a.onCardClick && a.onCardClick(z);
+    }
+  }), de = ce(() => ({
+    // Card operations
+    addCard: v,
+    updateCard: I,
+    deleteCard: M,
+    moveCard: B,
+    duplicateCard: T,
+    archiveCard: S,
+    restoreCard: E,
+    getCard: (R) => h.cards.find((z) => z.id === R),
+    getCards: () => h.cards,
+    getCardsInColumn: (R) => h.cards.filter((z) => z.columnId === R),
+    getOrderedCards: (R) => h.cards.filter((z) => z.columnId === R).sort((z, he) => (z.position ?? 0) - (he.position ?? 0)),
+    // Column operations
+    addColumn: U,
+    updateColumn: W,
+    deleteColumn: X,
+    reorderColumns: V,
+    collapseColumn: H,
+    expandColumn: b,
+    getColumn: (R) => h.columns.find((z) => z.id === R),
+    getColumns: () => h.columns,
+    // Swimlane operations
+    addSwimlane: F,
+    updateSwimlane: Q,
+    deleteSwimlane: G,
+    reorderSwimlanes: ae,
+    collapseSwimlane: j,
+    expandSwimlane: O,
+    getSwimlane: (R) => h.swimlanes?.find((z) => z.id === R),
+    getSwimlanes: () => h.swimlanes || [],
+    // Selection operations
+    selectCard: (R) => x([R]),
+    selectCards: x,
+    deselectCard: (R) => {
+      const z = k.filter((he) => he !== R);
+      x(z);
+    },
+    deselectAllCards: () => x([]),
+    getSelectedCards: () => h.cards.filter((R) => k.includes(R.id)),
+    // UI Operations (Enterprise)
+    focusCard: (R) => {
+      const z = document.getElementById(R) || document.querySelector(`[data-card-id="${R}"]`);
+      z instanceof HTMLElement && (z.focus(), z.scrollIntoView({ behavior: "smooth", block: "center" }));
+    },
+    highlightCard: (R, z = 2e3) => {
+      u(R), setTimeout(() => u(null), z);
+    },
+    // View operations
+    setView: w,
+    getView: () => l,
+    scrollToColumn: (R, z) => {
+      (document.getElementById(`column-${R}`) || document.querySelector(`[data-column-id="${R}"]`))?.scrollIntoView(z || { behavior: "smooth", block: "center", inline: "center" });
+    },
+    scrollToCard: (R, z) => {
+      (document.getElementById(R) || document.querySelector(`[data-card-id="${R}"]`))?.scrollIntoView(z || { behavior: "smooth", block: "center" });
+    },
+    // Filter & search operations
+    setSearchQuery: ue,
+    getSearchQuery: () => me,
+    setActiveFilters: p,
+    getActiveFilters: () => g,
+    clearFilters: _,
+    getFilteredCards: () => ie,
+    // Board operations
+    getBoard: () => h,
+    setBoard: f,
+    refresh: async () => {
+    },
+    reset: () => f(t.board),
+    // Utility methods
+    showSpinner: m.showSpinner,
+    hideSpinner: m.hideSpinner,
+    forceUpdate: () => {
+    },
+    getStatistics: () => ({ totalCards: h.cards.length, totalColumns: h.columns.length }),
+    validate: () => ({ isValid: !0, errors: [] }),
+    ...a
+  }), [
+    h,
+    v,
+    I,
+    M,
+    B,
+    T,
+    S,
+    E,
+    U,
+    W,
+    X,
+    V,
+    H,
+    b,
+    F,
+    Q,
+    G,
+    ae,
+    j,
+    O,
+    k,
+    x,
+    y,
+    A,
+    me,
+    ue,
+    g,
+    p,
+    _,
+    ie,
+    f,
+    t.board,
+    m,
+    a,
+    l,
+    t.wipStrict,
+    t
+  ]);
+  return ce(() => ({
+    state: {
+      board: h,
+      selectedCards: k,
+      highlightedCardId: o,
+      selectedColumnId: y,
+      view: l,
+      draggedCard: Z,
+      dragOverColumn: re,
+      filteredCards: ie,
+      searchQuery: me,
+      activeFilters: g,
+      selectedIndex: K,
+      canUndo: r,
+      canRedo: n
+    },
+    actions: {
+      setBoard: f,
+      setSelectedCards: x,
+      setSelectedColumnId: A,
+      setView: w,
+      createCard: v,
+      updateCard: I,
+      deleteCard: M,
+      moveCard: B,
+      duplicateCard: T,
+      archiveCard: S,
+      restoreCard: E,
+      createColumn: U,
+      updateColumn: W,
+      deleteColumn: X,
+      reorderColumns: V,
+      collapseColumn: H,
+      expandColumn: b,
+      createSwimlane: F,
+      updateSwimlane: Q,
+      deleteSwimlane: G,
+      reorderSwimlanes: ae,
+      collapseSwimlane: j,
+      expandSwimlane: O,
+      handleDragStart: Y,
+      handleDragOver: ne,
+      handleDragEnd: ke,
+      handleDrop: De,
+      setSearchQuery: ue,
+      setActiveFilters: p,
+      clearFilters: _,
+      setSelectedIndex: ee,
+      undo: N,
+      redo: D
+    },
+    services: {
+      serviceRegistry: C
+    },
+    imperativeAPI: de,
+    dir: c,
+    baseApi: m
+  }), [
+    m,
+    de,
+    h,
+    f,
+    k,
+    x,
+    o,
+    y,
+    A,
+    l,
+    w,
+    c,
+    v,
+    I,
+    M,
+    B,
+    T,
+    S,
+    E,
+    U,
+    W,
+    X,
+    V,
+    H,
+    b,
+    F,
+    Q,
+    G,
+    ae,
+    j,
+    O,
+    Z,
+    re,
+    Y,
+    ne,
+    ke,
+    De,
+    ie,
+    me,
+    ue,
+    g,
+    p,
+    _,
+    C,
+    K,
+    ee,
+    N,
+    D,
+    r,
+    n
+  ]);
+};
+function Za(t, a = 300) {
+  const [s, i] = q(t);
+  return Ne(() => {
+    const c = setTimeout(() => {
+      i(t);
+    }, a);
+    return () => {
+      clearTimeout(c);
+    };
+  }, [t, a]), s;
+}
+const en = Ft(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function pt({ className: t, variant: a, ...s }) {
+  return /* @__PURE__ */ e("div", { className: P(en({ variant: a }), t), ...s });
+}
+const tn = ({
+  board: t,
+  activeFilters: a,
+  onFiltersChange: s,
+  onClearFilters: i
+}) => {
+  const m = Array.from(new Set(t.cards.flatMap((l) => l.tags).map((l) => JSON.stringify(l)))).map((l) => JSON.parse(l)).filter((l, w, N) => w === N.findIndex((D) => D.id === l.id)), h = Array.from(new Set(t.cards.flatMap((l) => l.assignees).map((l) => JSON.stringify(l)))).map((l) => JSON.parse(l)).filter((l, w, N) => w === N.findIndex((D) => D.id === l.id)), f = ["low", "medium", "high", "critical"], k = (l) => {
+    const w = a.priority || [], N = w.includes(l) ? w.filter((D) => D !== l) : [...w, l];
+    s({ ...a, priority: N.length ? N : void 0 });
+  }, x = (l) => {
+    const w = a.tags || [], N = w.includes(l) ? w.filter((D) => D !== l) : [...w, l];
+    s({ ...a, tags: N.length ? N : void 0 });
+  }, y = (l) => {
+    const w = a.assignees || [], N = w.includes(l) ? w.filter((D) => D !== l) : [...w, l];
+    s({ ...a, assignees: N.length ? N : void 0 });
+  }, A = (a.priority?.length || 0) + (a.tags?.length || 0) + (a.assignees?.length || 0);
+  return /* @__PURE__ */ d(Rt, { children: [
+    /* @__PURE__ */ e(Kt, { asChild: !0, children: /* @__PURE__ */ d($, { variant: "outline", size: "sm", className: "relative", children: [
+      /* @__PURE__ */ e(Ut, { className: "h-4 w-4 mr-2" }),
+      "Filters",
+      A > 0 && /* @__PURE__ */ e(pt, { variant: "secondary", className: "ml-2 h-5 min-w-[20px] px-1 text-[10px] flex items-center justify-center", children: A })
+    ] }) }),
+    /* @__PURE__ */ d(Pt, { className: "w-80 p-4", align: "start", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Filters" }),
+        A > 0 && /* @__PURE__ */ e($, { variant: "ghost", size: "sm", className: "h-auto p-0 text-xs text-muted-foreground", onClick: i, children: "Clear all" })
+      ] }),
+      /* @__PURE__ */ e(qt, { className: "h-[300px] pr-4", children: /* @__PURE__ */ d("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e("h5", { className: "text-sm font-medium text-muted-foreground", children: "Priority" }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: f.map((l) => /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                id: `priority-${l}`,
+                checked: a.priority?.includes(l),
+                onCheckedChange: () => k(l)
+              }
+            ),
+            /* @__PURE__ */ e(le, { htmlFor: `priority-${l}`, className: "capitalize text-sm font-normal cursor-pointer", children: l })
+          ] }, l)) })
+        ] }),
+        h.length > 0 && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e("h5", { className: "text-sm font-medium text-muted-foreground", children: "Assignees" }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: h.map((l) => /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                id: `assignee-${l.id}`,
+                checked: a.assignees?.includes(l.id),
+                onCheckedChange: () => y(l.id)
+              }
+            ),
+            /* @__PURE__ */ d(le, { htmlFor: `assignee-${l.id}`, className: "text-sm font-normal cursor-pointer flex items-center gap-2", children: [
+              l.avatarUrl && /* @__PURE__ */ e("img", { src: l.avatarUrl, alt: "", className: "w-4 h-4 rounded-full" }),
+              l.name
+            ] })
+          ] }, l.id)) })
+        ] }),
+        m.length > 0 && /* @__PURE__ */ d("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e("h5", { className: "text-sm font-medium text-muted-foreground", children: "Tags" }),
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: m.map((l) => /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                id: `tag-${l.id}`,
+                checked: a.tags?.includes(l.id),
+                onCheckedChange: () => x(l.id)
+              }
+            ),
+            /* @__PURE__ */ d(le, { htmlFor: `tag-${l.id}`, className: "text-sm font-normal cursor-pointer flex items-center gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: l.color } }),
+              l.name
+            ] })
+          ] }, l.id)) })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}, an = ({
+  searchQuery: t,
+  onSearchChange: a,
+  onAddCardClick: s,
+  onAddColumn: i,
+  board: c,
+  className: m,
+  view: C = "standard",
+  onViewChange: h,
+  onUndo: f,
+  onRedo: k,
+  canUndo: x,
+  canRedo: y,
+  activeFilters: A,
+  onFiltersChange: l
+}) => {
+  const w = Se(), [N, D] = q(t), { t: r } = we(), n = Za(N, 300);
+  Ne(() => {
+    a(n);
+  }, [n, a]), Ne(() => {
+    D(t);
+  }, [t]);
+  const o = () => {
+    s?.();
+  }, u = (v) => {
+    if (c)
+      try {
+        const I = w.get("ExportService");
+        if (v === "csv") {
+          const B = c.cards.map((T) => ({
+            id: T.id,
+            title: T.title,
+            description: T.description || "",
+            column: c.columns.find((S) => S.id === T.columnId)?.name || "",
+            priority: T.priority || "",
+            assignees: T.assignees?.map((S) => S.name).join("; ") || "",
+            tags: T.tags?.map((S) => S.name).join("; ") || "",
+            dueDate: T.dueDate ? new Date(T.dueDate).toISOString().split("T")[0] : "",
+            isArchived: T.isArchived ? "Yes" : "No"
+          }));
+          if (I)
+            I.exportToCSV(B, [
+              { header: "ID", accessorKey: "id" },
+              { header: "Title", accessorKey: "title" },
+              { header: "Description", accessorKey: "description" },
+              { header: "Column", accessorKey: "column" },
+              { header: "Priority", accessorKey: "priority" },
+              { header: "Assignees", accessorKey: "assignees" },
+              { header: "Tags", accessorKey: "tags" },
+              { header: "Due Date", accessorKey: "dueDate" },
+              { header: "Archived", accessorKey: "isArchived" }
+            ], { fileName: `kanban-board-${c.id}` });
+          else {
+            const T = Object.keys(B[0] || {}), S = [
+              T.join(","),
+              ...B.map((X) => T.map((V) => `"${X[V]}"`).join(","))
+            ].join(`
+`), E = new Blob([S], { type: "text/csv" }), U = URL.createObjectURL(E), W = document.createElement("a");
+            W.href = U, W.download = `kanban-board-${c.id}.csv`, W.click(), URL.revokeObjectURL(U);
+          }
+        } else {
+          const B = JSON.stringify(c, null, 2);
+          if (I && I.download)
+            I.download(B, `kanban-board-${c.id}.json`);
+          else {
+            const T = new Blob([B], { type: "application/json" }), S = URL.createObjectURL(T), E = document.createElement("a");
+            E.href = S, E.download = `kanban-board-${c.id}.json`, E.click(), URL.revokeObjectURL(S);
+          }
+        }
+        const M = w.get("NotificationService");
+        M && M.add({
+          type: "success",
+          message: `Board exported as ${v.toUpperCase()}`,
+          duration: 3e3
+        });
+      } catch (I) {
+        const M = w.get("NotificationService");
+        M && M.add({
+          type: "error",
+          message: `Failed to export board: ${I instanceof Error ? I.message : "Unknown error"}`,
+          duration: 4e3
+        });
+      }
+  };
+  return /* @__PURE__ */ e(Nt, { children: /* @__PURE__ */ d("div", { className: `flex items-center gap-4 p-4 border-b ${m || ""}`, children: [
+    /* @__PURE__ */ d("div", { className: "flex gap-1 mr-2", children: [
+      /* @__PURE__ */ e(
+        $,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: f,
+          disabled: !x,
+          title: "Undo (Ctrl+Z)",
+          children: /* @__PURE__ */ e(Pa, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ e(
+        $,
+        {
+          variant: "ghost",
+          size: "icon",
+          onClick: k,
+          disabled: !y,
+          title: "Redo (Ctrl+Shift+Z)",
+          children: /* @__PURE__ */ e(Ba, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d("div", { className: "relative flex-1 max-w-sm", children: [
+      /* @__PURE__ */ e(zt, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ e(
+        fe,
+        {
+          placeholder: r("search_placeholder"),
+          value: N,
+          onChange: (v) => D(v.target.value),
+          className: "pl-9"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: "w-[180px]", children: /* @__PURE__ */ d(Fe, { value: C, onValueChange: (v) => h?.(v), children: [
+      /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Te, { placeholder: "Select view" }) }),
+      /* @__PURE__ */ d(Be, { children: [
+        /* @__PURE__ */ e(oe, { value: "standard", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ e(tt, { className: "h-4 w-4 mr-2" }),
+          r("view_standard")
+        ] }) }),
+        /* @__PURE__ */ e(oe, { value: "swimlane", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ e(Ht, { className: "h-4 w-4 mr-2" }),
+          r("view_swimlane")
+        ] }) }),
+        /* @__PURE__ */ e(oe, { value: "timeline", children: /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ e(tt, { className: "h-4 w-4 mr-2" }),
+          " ",
+          r("view_timeline")
+        ] }) })
+      ] })
+    ] }) }),
+    c && /* @__PURE__ */ e(
+      tn,
+      {
+        board: c,
+        activeFilters: A || {},
+        onFiltersChange: (v) => l?.(v),
+        onClearFilters: () => l?.({})
+      }
+    ),
+    c && /* @__PURE__ */ d("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ d(
+        $,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => u("csv"),
+          title: "Export as CSV",
+          children: [
+            /* @__PURE__ */ e(Je, { className: "h-4 w-4 mr-2" }),
+            "CSV"
+          ]
+        }
+      ),
+      /* @__PURE__ */ d(
+        $,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => u("json"),
+          title: "Export as JSON",
+          children: [
+            /* @__PURE__ */ e(Je, { className: "h-4 w-4 mr-2" }),
+            "JSON"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d("div", { className: "ml-auto flex gap-2", children: [
+      /* @__PURE__ */ d($, { variant: "outline", size: "sm", onClick: i, children: [
+        /* @__PURE__ */ e(be, { className: "h-4 w-4 mr-2" }),
+        r("add_column")
+      ] }),
+      /* @__PURE__ */ d($, { size: "sm", onClick: o, children: [
+        /* @__PURE__ */ e(be, { className: "h-4 w-4 mr-2" }),
+        r("add_card")
+      ] })
+    ] })
+  ] }) });
+}, Me = te.forwardRef(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e(
+    "textarea",
+    {
+      className: P(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        t
+      ),
+      ref: s,
+      ...a
+    }
+  )
+);
+Me.displayName = "Textarea";
+const je = te.createContext(void 0), gt = te.forwardRef(({ className: t, defaultValue: a, value: s, onValueChange: i, children: c, ...m }, C) => {
+  const [h, f] = te.useState(a || ""), k = s !== void 0, x = k ? s : h, y = te.useCallback(
+    (A) => {
+      k || f(A), i?.(A);
+    },
+    [k, i]
+  );
+  return /* @__PURE__ */ e(je.Provider, { value: { value: x, onValueChange: y }, children: /* @__PURE__ */ e("div", { ref: C, className: P(t), ...m, children: c }) });
+});
+gt.displayName = "Tabs";
+const ft = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...a
+  }
+));
+ft.displayName = "TabsList";
+const ve = te.forwardRef(({ className: t, value: a, onClick: s, ...i }, c) => {
+  const m = te.useContext(je);
+  if (!m) throw new Error("TabsTrigger must be used within Tabs");
+  const C = m.value === a;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: c,
+      type: "button",
+      className: P(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+        C && "bg-background text-foreground shadow-sm",
+        t
+      ),
+      onClick: (h) => {
+        m.onValueChange(a), s?.(h);
+      },
+      ...i
+    }
+  );
+});
+ve.displayName = "TabsTrigger";
+const ye = te.forwardRef(({ className: t, value: a, children: s, ...i }, c) => {
+  const m = te.useContext(je);
+  if (!m) throw new Error("TabsContent must be used within Tabs");
+  return m.value !== a ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      className: P(
+        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        t
+      ),
+      ...i,
+      children: s
+    }
+  );
+});
+ye.displayName = "TabsContent";
+const nn = ({
+  isOpen: t,
+  onClose: a,
+  onSave: s,
+  onDelete: i,
+  card: c,
+  columns: m = [],
+  columnId: C,
+  customFields: h = [],
+  currentUser: f = { id: "current-user", name: "Current User" }
+}) => {
+  const { t: k } = we(), x = () => typeof crypto < "u" && crypto.randomUUID ? crypto.randomUUID() : `id-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, y = Wt({
+    defaultValues: {
+      title: c?.title || "",
+      description: c?.description || "",
+      columnId: c?.columnId || C || m[0]?.id || "",
+      priority: c?.priority || "medium",
+      startDate: c?.startDate ? new Date(c.startDate) : void 0,
+      dueDate: c?.dueDate ? new Date(c.dueDate) : void 0,
+      checklists: c?.checklists || [],
+      attachments: c?.attachments || [],
+      comments: c?.comments || [],
+      coverImage: c?.coverImage || "",
+      customFieldValues: c?.customFieldValues || {},
+      subtasks: c?.subtasks || [],
+      timeTracking: c?.timeTracking || { estimated: 0, actual: 0 },
+      activity: c?.activity || [],
+      assignees: c?.assignees || [],
+      tags: c?.tags || [],
+      ...c
+      // Merge any other properties
+    },
+    onSubmit: async ({ value: g }) => {
+      s(g), a();
+    }
+  });
+  Ne(() => {
+  }, [t, c]);
+  const A = () => {
+    c?.id && i && i(c.id);
+  }, [l, w] = q({}), N = () => {
+    const g = {
+      id: x(),
+      title: "Checklist",
+      items: []
+    };
+    y.pushFieldValue("checklists", g);
+  }, D = (g, p) => {
+    w((_) => ({ ..._, [g]: p }));
+  }, r = (g) => {
+    const p = l[g]?.trim();
+    if (!p) return;
+    const K = (y.getFieldValue("checklists") || []).map((ee) => ee.id === g ? {
+      ...ee,
+      items: [...ee.items, { id: x(), text: p, isChecked: !1 }]
+    } : ee);
+    y.setFieldValue("checklists", K), w((ee) => ({ ...ee, [g]: "" }));
+  }, n = (g, p) => {
+    const K = (y.getFieldValue("checklists") || []).map((ee) => ee.id === g ? {
+      ...ee,
+      items: ee.items.map(
+        (de) => de.id === p ? { ...de, isChecked: !de.isChecked } : de
+      )
+    } : ee);
+    y.setFieldValue("checklists", K);
+  }, [o, u] = q(""), [v, I] = q(null), [M, B] = q(""), [T, S] = q(null), E = () => {
+    if (!o.trim()) return;
+    const g = {
+      id: x(),
+      text: o,
+      authorId: f.id,
+      authorName: f.name,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("comments", g), u("");
+    const p = {
+      id: x(),
+      type: "comment",
+      text: `commented "${o.slice(0, 20)}${o.length > 20 ? "..." : ""}"`,
+      userId: f.id,
+      userName: f.name,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("activity", p);
+  }, U = (g) => {
+    I(g.id), B(g.text);
+  }, W = () => {
+    if (v && M.trim()) {
+      const p = (y.getFieldValue("comments") || []).map((_) => _.id === v ? { ..._, text: M } : _);
+      y.setFieldValue("comments", p), I(null), B("");
+    }
+  }, X = () => {
+    I(null), B("");
+  }, V = (g) => {
+    S(g);
+  }, H = () => {
+    S(null);
+  }, b = (g) => {
+    const p = y.getFieldValue("comments") || [];
+    y.setFieldValue("comments", p.filter((K) => K.id !== g)), S(null);
+    const _ = {
+      id: x(),
+      type: "delete",
+      // Using generic delete type
+      text: "deleted a comment",
+      userId: f.id,
+      userName: f.name,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("activity", _);
+  }, [F, Q] = q(""), G = () => {
+    if (!F.trim()) return;
+    const g = {
+      id: x(),
+      title: F,
+      isCompleted: !1
+    };
+    y.pushFieldValue("subtasks", g), Q("");
+  }, ae = (g) => {
+    const _ = (y.getFieldValue("subtasks") || []).map(
+      (K) => K.id === g ? { ...K, isCompleted: !K.isCompleted } : K
+    );
+    y.setFieldValue("subtasks", _);
+  }, j = (g) => {
+    const p = y.getFieldValue("subtasks") || [];
+    y.setFieldValue("subtasks", p.filter((_) => _.id !== g));
+  }, O = xe.useRef(null), [Z, re] = q(!1), [Y, ne] = q(null), ke = async (g) => {
+    const p = g.target.files?.[0];
+    if (!p) return;
+    re(!0), ne(null), await new Promise((ee) => setTimeout(ee, 1500));
+    const _ = {
+      id: x(),
+      name: p.name,
+      url: URL.createObjectURL(p),
+      type: p.type.startsWith("image/") ? "image" : "file",
+      size: p.size,
+      uploadedAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("attachments", _), re(!1), O.current && (O.current.value = "");
+    const K = {
+      id: x(),
+      type: "attachment",
+      text: `attached ${p.name}`,
+      userId: f.id,
+      userName: f.name,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("activity", K);
+  }, De = (g) => {
+    const p = y.getFieldValue("attachments") || [];
+    y.setFieldValue("attachments", p.filter((K) => K.id !== g));
+    const _ = {
+      id: x(),
+      type: "delete",
+      text: "removed an attachment",
+      userId: f.id,
+      userName: f.name,
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    y.pushFieldValue("activity", _);
+  }, ie = !!c?.id, me = (g) => {
+    g.preventDefault(), g.stopPropagation(), y.handleSubmit();
+  }, ue = /* @__PURE__ */ d("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-4", children: /* @__PURE__ */ d("div", { className: "flex-1 space-y-4", children: [
+      /* @__PURE__ */ e(
+        y.Field,
+        {
+          name: "title",
+          children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(le, { htmlFor: "title", className: "text-right", children: k("common.title") }),
+            /* @__PURE__ */ e(
+              fe,
+              {
+                id: "title",
+                value: g.state.value,
+                onChange: (p) => g.handleChange(p.target.value),
+                placeholder: k("kanban.cardTitlePlaceholder"),
+                className: "text-lg font-semibold"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ d("div", { className: "flex gap-4 items-center", children: [
+        /* @__PURE__ */ e("div", { className: "w-[200px]", children: /* @__PURE__ */ e(
+          y.Field,
+          {
+            name: "columnId",
+            children: (g) => /* @__PURE__ */ d(Fe, { value: g.state.value, onValueChange: (p) => g.handleChange(p), children: [
+              /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Te, { placeholder: "Status" }) }),
+              /* @__PURE__ */ e(Be, { children: m.map((p) => /* @__PURE__ */ e(oe, { value: p.id, children: p.name }, p.id)) })
+            ] })
+          }
+        ) }),
+        ie && /* @__PURE__ */ d("span", { className: "text-sm text-muted-foreground font-mono", children: [
+          "#",
+          c?.id?.slice(0, 8)
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ d("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ e(
+        y.Field,
+        {
+          name: "priority",
+          children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(le, { children: "Priority" }),
+            /* @__PURE__ */ d(Fe, { value: g.state.value, onValueChange: (p) => g.handleChange(p), children: [
+              /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Te, { placeholder: "Priority" }) }),
+              /* @__PURE__ */ d(Be, { children: [
+                /* @__PURE__ */ e(oe, { value: "low", children: "Low" }),
+                /* @__PURE__ */ e(oe, { value: "medium", children: "Medium" }),
+                /* @__PURE__ */ e(oe, { value: "high", children: "High" }),
+                /* @__PURE__ */ e(oe, { value: "critical", children: "Critical" })
+              ] })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(
+        y.Field,
+        {
+          name: "startDate",
+          children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(le, { children: "Start Date" }),
+            /* @__PURE__ */ e(
+              $e,
+              {
+                date: g.state.value,
+                setDate: (p) => g.handleChange(p),
+                mode: "date"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(
+        y.Field,
+        {
+          name: "dueDate",
+          children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(le, { children: "Due Date" }),
+            /* @__PURE__ */ e(
+              $e,
+              {
+                date: g.state.value,
+                setDate: (p) => g.handleChange(p),
+                mode: "date"
+              }
+            )
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      y.Field,
+      {
+        name: "description",
+        children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(le, { children: "Description" }),
+          /* @__PURE__ */ e(
+            Me,
+            {
+              value: g.state.value || "",
+              onChange: (p) => g.handleChange(p.target.value),
+              className: "min-h-[150px]"
+            }
+          )
+        ] })
+      }
+    ),
+    h.length > 0 && /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 border-t pt-4", children: h.map((g) => /* @__PURE__ */ e(
+      y.Field,
+      {
+        name: `customFieldValues.${g.id}`,
+        children: (p) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ e(le, { children: g.name }),
+          g.type === "text" && /* @__PURE__ */ e(
+            fe,
+            {
+              value: p.state.value || "",
+              onChange: (_) => p.handleChange(_.target.value)
+            }
+          ),
+          g.type === "number" && /* @__PURE__ */ e(
+            fe,
+            {
+              type: "number",
+              value: p.state.value || "",
+              onChange: (_) => p.handleChange(Number(_.target.value))
+            }
+          ),
+          g.type === "date" && /* @__PURE__ */ e(
+            $e,
+            {
+              date: p.state.value,
+              setDate: (_) => p.handleChange(_),
+              mode: "date"
+            }
+          ),
+          g.type === "select" && /* @__PURE__ */ d(Fe, { value: p.state.value || "", onValueChange: (_) => p.handleChange(_), children: [
+            /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Te, { placeholder: "Select..." }) }),
+            /* @__PURE__ */ e(Be, { children: g.options?.map((_) => /* @__PURE__ */ e(oe, { value: _, children: _ }, _)) })
+          ] }),
+          g.type === "checkbox" && /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              Ce,
+              {
+                checked: !!p.state.value,
+                onCheckedChange: (_) => p.handleChange(!!_)
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: g.name })
+          ] })
+        ] })
+      },
+      g.id
+    )) }),
+    /* @__PURE__ */ d(gt, { defaultValue: "subtasks", className: "w-full", children: [
+      /* @__PURE__ */ d(ft, { className: "grid w-full grid-cols-5", children: [
+        /* @__PURE__ */ e(ve, { value: "subtasks", children: "Subtasks" }),
+        /* @__PURE__ */ e(ve, { value: "checklists", children: "Checklists" }),
+        /* @__PURE__ */ e(ve, { value: "attachments", children: "Attachments" }),
+        /* @__PURE__ */ e(ve, { value: "comments", children: "Comments" }),
+        /* @__PURE__ */ e(ve, { value: "activity", children: "Activity" })
+      ] }),
+      /* @__PURE__ */ d(ye, { value: "subtasks", className: "space-y-4 pt-4", children: [
+        /* @__PURE__ */ e(
+          y.Field,
+          {
+            name: "subtasks",
+            children: (g) => /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+              g.state.value?.map((p) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2 border p-3 rounded-md", children: [
+                /* @__PURE__ */ e(
+                  Ce,
+                  {
+                    checked: p.isCompleted,
+                    onCheckedChange: () => ae(p.id)
+                  }
+                ),
+                /* @__PURE__ */ e("span", { className: p.isCompleted ? "line-through text-muted-foreground flex-1" : "flex-1", children: p.title }),
+                /* @__PURE__ */ e($, { variant: "ghost", size: "icon", onClick: () => j(p.id), children: /* @__PURE__ */ e(Ue, { className: "w-4 h-4" }) })
+              ] }, p.id)),
+              (!g.state.value || g.state.value.length === 0) && /* @__PURE__ */ e("div", { className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg", children: "No subtasks yet." })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(
+            fe,
+            {
+              value: F,
+              onChange: (g) => Q(g.target.value),
+              placeholder: "Add a subtask...",
+              onKeyDown: (g) => g.key === "Enter" && G()
+            }
+          ),
+          /* @__PURE__ */ e($, { onClick: G, disabled: !F.trim(), children: "Add" })
+        ] })
+      ] }),
+      /* @__PURE__ */ d(ye, { value: "checklists", className: "space-y-4 pt-4", children: [
+        /* @__PURE__ */ d("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ e("h3", { className: "font-medium", children: "Checklists" }),
+          /* @__PURE__ */ d($, { size: "sm", onClick: N, variant: "outline", children: [
+            /* @__PURE__ */ e(be, { className: "w-4 h-4 mr-2" }),
+            " Add Checklist"
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          y.Field,
+          {
+            name: "checklists",
+            children: (g) => /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+              g.state.value?.map((p) => {
+                const _ = p.items.length > 0 ? Math.round(p.items.filter((K) => K.isChecked).length / p.items.length * 100) : 0;
+                return /* @__PURE__ */ d("div", { className: "border rounded-md p-4 space-y-3", children: [
+                  /* @__PURE__ */ d("div", { className: "flex justify-between items-center", children: [
+                    /* @__PURE__ */ e("div", { className: "font-medium", children: p.title }),
+                    /* @__PURE__ */ d("div", { className: "text-xs text-muted-foreground", children: [
+                      _,
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e("div", { className: "h-2 w-full bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-primary transition-all", style: { width: `${_}%` } }) }),
+                  /* @__PURE__ */ e("div", { className: "space-y-2", children: p.items.map((K) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      Ce,
+                      {
+                        checked: K.isChecked,
+                        onCheckedChange: () => n(p.id, K.id)
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: K.isChecked ? "line-through text-muted-foreground" : "", children: K.text })
+                  ] }, K.id)) }),
+                  /* @__PURE__ */ d("div", { className: "pt-2 flex gap-2", children: [
+                    /* @__PURE__ */ e(
+                      fe,
+                      {
+                        placeholder: "Add an item...",
+                        className: "h-8 text-sm",
+                        value: l[p.id] || "",
+                        onChange: (K) => D(p.id, K.target.value),
+                        onKeyDown: (K) => K.key === "Enter" && r(p.id)
+                      }
+                    ),
+                    /* @__PURE__ */ e($, { size: "sm", onClick: () => r(p.id), disabled: !l[p.id]?.trim(), children: "Add" })
+                  ] })
+                ] }, p.id);
+              }),
+              (!g.state.value || g.state.value.length === 0) && /* @__PURE__ */ e("div", { className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg", children: "No checklists yet." })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d(ye, { value: "attachments", className: "space-y-4 pt-4", children: [
+        /* @__PURE__ */ d("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ e("h3", { className: "font-medium", children: "Attachments" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "file",
+              className: "hidden",
+              ref: O,
+              onChange: ke
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+            Y && /* @__PURE__ */ e("span", { className: "text-xs text-red-500", children: Y }),
+            /* @__PURE__ */ d($, { size: "sm", variant: "outline", onClick: () => O.current?.click(), disabled: Z, children: [
+              Z ? /* @__PURE__ */ e(It, { className: "w-4 h-4 mr-2 animate-spin" }) : /* @__PURE__ */ e(dt, { className: "w-4 h-4 mr-2" }),
+              Z ? "Uploading..." : "Upload"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          y.Field,
+          {
+            name: "attachments",
+            children: (g) => /* @__PURE__ */ d("div", { className: "grid grid-cols-2 gap-2", children: [
+              g.state.value?.map((p) => /* @__PURE__ */ d("div", { className: "border p-2 rounded flex items-center gap-2", children: [
+                /* @__PURE__ */ e("div", { className: "w-10 h-10 bg-muted flex items-center justify-center rounded", children: /* @__PURE__ */ e(wa, { className: "w-5 h-5 text-muted-foreground" }) }),
+                /* @__PURE__ */ d("div", { className: "overflow-hidden", children: [
+                  /* @__PURE__ */ e("div", { className: "truncate font-medium text-sm", children: p.name }),
+                  /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: p.type })
+                ] }),
+                /* @__PURE__ */ e($, { variant: "ghost", size: "icon", className: "ml-auto", onClick: () => De(p.id), children: /* @__PURE__ */ e(Ue, { className: "w-4 h-4 text-muted-foreground" }) })
+              ] }, p.id)),
+              (!g.state.value || g.state.value.length === 0) && !Z && /* @__PURE__ */ e("div", { className: "text-center py-8 text-muted-foreground border border-dashed rounded-lg", children: "No attachments yet." })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d(ye, { value: "comments", className: "space-y-4 pt-4", children: [
+        /* @__PURE__ */ e(
+          y.Field,
+          {
+            name: "comments",
+            children: (g) => /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+              g.state.value?.map((p) => /* @__PURE__ */ d("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ e(Re, { className: "w-8 h-8", children: /* @__PURE__ */ e(Ke, { children: p.authorName[0] }) }),
+                /* @__PURE__ */ d("div", { className: "space-y-1 w-full", children: [
+                  /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e("span", { className: "font-semibold text-sm", children: p.authorName }),
+                    /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: new Date(p.createdAt).toLocaleString() })
+                  ] }),
+                  v === p.id ? /* @__PURE__ */ d("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ e(
+                      Me,
+                      {
+                        value: M,
+                        onChange: (_) => B(_.target.value),
+                        onKeyDown: (_) => {
+                          _.key === "Enter" && (_.metaKey || _.ctrlKey) ? W() : _.key === "Escape" && X();
+                        },
+                        autoFocus: !0
+                      }
+                    ),
+                    /* @__PURE__ */ d("div", { className: "flex gap-2 justify-end", children: [
+                      /* @__PURE__ */ e($, { size: "sm", variant: "ghost", onClick: X, children: "Cancel" }),
+                      /* @__PURE__ */ e($, { size: "sm", onClick: W, children: "Save" })
+                    ] })
+                  ] }) : /* @__PURE__ */ e("div", { className: "text-sm bg-muted/50 p-2 rounded-md", children: p.text }),
+                  T === p.id && /* @__PURE__ */ d("div", { className: "flex items-center gap-2 p-2 bg-red-50 text-red-800 rounded-md text-sm mt-2", children: [
+                    /* @__PURE__ */ e(ot, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e("span", { className: "flex-1", children: "Delete this comment?" }),
+                    /* @__PURE__ */ e($, { size: "sm", variant: "ghost", className: "h-6 px-2 hover:bg-red-100 text-red-800", onClick: H, children: "No" }),
+                    /* @__PURE__ */ e($, { size: "sm", variant: "destructive", className: "h-6 px-2", onClick: () => b(p.id), children: "Yes" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ d("div", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ e($, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => U(p), disabled: !!T, children: /* @__PURE__ */ e(_a, { className: "w-3 h-3 text-muted-foreground" }) }),
+                  /* @__PURE__ */ e($, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => V(p.id), disabled: !!T, children: /* @__PURE__ */ e(ct, { className: "w-3 h-3 text-muted-foreground" }) })
+                ] })
+              ] }, p.id)),
+              (!g.state.value || g.state.value.length === 0) && /* @__PURE__ */ e("div", { className: "text-center py-8 text-muted-foreground", children: "No comments yet." })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "pt-4 border-t sticky bottom-0 bg-background", children: /* @__PURE__ */ d("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(Re, { className: "w-8 h-8", children: /* @__PURE__ */ e(Ke, { children: f?.name?.[0] || "U" }) }),
+          /* @__PURE__ */ d("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e(
+              Me,
+              {
+                value: o,
+                onChange: (g) => u(g.target.value),
+                placeholder: "Write a comment...",
+                rows: 2
+              }
+            ),
+            /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e($, { size: "sm", onClick: E, disabled: !o.trim(), children: "Send" }) })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(ye, { value: "activity", className: "space-y-4 pt-4", children: /* @__PURE__ */ e(
+        y.Field,
+        {
+          name: "activity",
+          children: (g) => /* @__PURE__ */ d("div", { className: "space-y-4", children: [
+            g.state.value?.map((p) => /* @__PURE__ */ d("div", { className: "flex gap-3 text-sm", children: [
+              /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(da, { className: "w-4 h-4 text-muted-foreground" }) }),
+              /* @__PURE__ */ d("div", { children: [
+                /* @__PURE__ */ e("span", { className: "font-semibold", children: p.userName }),
+                " ",
+                /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: p.text }),
+                /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-1", children: new Date(p.createdAt).toLocaleString() })
+              ] })
+            ] }, p.id)),
+            (!g.state.value || g.state.value.length === 0) && /* @__PURE__ */ e("div", { className: "text-center py-8 text-muted-foreground", children: "No activity yet." })
+          ] })
+        }
+      ) })
+    ] })
+  ] });
+  return /* @__PURE__ */ d(
+    lt,
+    {
+      isOpen: t,
+      onClose: a,
+      title: ie ? "Edit Card" : "New Card",
+      className: "sm:max-w-[800px] h-[85vh] flex flex-col",
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto pr-2", children: ue }),
+        /* @__PURE__ */ d("div", { className: "flex justify-between pt-4 border-t mt-4", children: [
+          ie && /* @__PURE__ */ e($, { variant: "destructive", onClick: A, children: "Delete Card" }),
+          /* @__PURE__ */ d("div", { className: "flex gap-2 ml-auto", children: [
+            /* @__PURE__ */ e($, { variant: "outline", onClick: a, children: "Cancel" }),
+            /* @__PURE__ */ e($, { onClick: (g) => me(g), children: "Save" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, Oe = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      t
+    ),
+    ...a
+  }
+));
+Oe.displayName = "Card";
+const vt = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P("flex flex-col space-y-1.5 p-6", t),
+    ...a
+  }
+));
+vt.displayName = "CardHeader";
+const sn = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P("font-semibold leading-none tracking-tight", t),
+    ...a
+  }
+));
+sn.displayName = "CardTitle";
+const rn = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P("text-sm text-muted-foreground", t),
+    ...a
+  }
+));
+rn.displayName = "CardDescription";
+const Le = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e("div", { ref: s, className: P("p-6 pt-0", t), ...a }));
+Le.displayName = "CardContent";
+const on = te.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: s,
+    className: P("flex items-center p-6 pt-0", t),
+    ...a
+  }
+));
+on.displayName = "CardFooter";
+const at = {
+  Active: { color: "emerald", label: "Active", icon: ge },
+  Verified: { color: "emerald", label: "Verified", icon: ge },
+  Approved: { color: "emerald", label: "Approved", icon: ge },
+  Published: { color: "teal", label: "Published", icon: ge },
+  Resolved: { color: "teal", label: "Resolved", icon: ge },
+  Completed: { color: "indigo", label: "Completed", icon: ge },
+  "In Progress": { color: "sky", label: "In Progress", icon: pa },
+  Open: { color: "sky", label: "Open", icon: Sa },
+  Pending: { color: "amber", label: "Pending", icon: Ae },
+  "Under Review": { color: "amber", label: "Under Review", icon: Ze },
+  Scheduled: { color: "orange", label: "Scheduled", icon: Ae },
+  Returned: { color: "orange", label: "Returned", icon: Ea },
+  Rejected: { color: "red", label: "Rejected", icon: Ie },
+  Disapproved: { color: "red", label: "Disapproved", icon: Ie },
+  Unresolved: { color: "red", label: "Unresolved", icon: ia },
+  Expired: { color: "red", label: "Expired", icon: va },
+  Cancelled: { color: "rose", label: "Cancelled", icon: Ie },
+  Unverified: { color: "rose", label: "Unverified", icon: Xe },
+  Inactive: { color: "slate", label: "Inactive", icon: Ie },
+  "On Leave": { color: "blue", label: "On Leave", icon: Ae },
+  Archived: { color: "gray", label: "Archived", icon: ma },
+  Draft: { color: "gray", label: "Draft", icon: Ze },
+  Closed: { color: "gray", label: "Closed", icon: et },
+  Public: { color: "blue", label: "Public", icon: Ge },
+  Private: { color: "slate", label: "Private", icon: et },
+  Restricted: { color: "amber", label: "Restricted", icon: $a },
+  Internal: { color: "indigo", label: "Internal", icon: Qa },
+  External: { color: "blue", label: "External", icon: Ge },
+  System: { color: "violet", label: "System", icon: sa },
+  Default: { color: "gray", label: "Default", icon: Xe }
+}, ln = {
+  none: "none",
+  low: "0 0 10px -5px",
+  medium: "0 0 20px -8px",
+  high: "0 0 30px -4px"
+}, yt = it(({
+  status: t,
+  className: a,
+  showDot: s = !1,
+  showIcon: i = !1,
+  iconPosition: c = "left",
+  hideLabel: m = !1,
+  showTooltip: C = !0,
+  variant: h = "solid",
+  customWidth: f,
+  customHeight: k,
+  customFontSize: x = "11px",
+  customBgColor: y,
+  customTextColor: A,
+  showBorder: l = !1,
+  borderThickness: w = "1px",
+  customBorderColor: N,
+  glowIntensity: D = "medium"
+}) => {
+  const r = at[t] || at.Default, n = r.color, o = r.icon, u = n === "gray" || n === "slate", v = {
+    width: f || void 0,
+    height: k || void 0,
+    fontSize: x,
+    backgroundColor: y || void 0,
+    color: A || void 0,
+    borderWidth: l ? w : "0px",
+    borderColor: N || (l ? "currentColor" : "transparent"),
+    borderStyle: l ? "solid" : "none",
+    boxShadow: D !== "none" && !y ? `${ln[D]} var(--tw-shadow-color)` : void 0
+  };
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      style: v,
+      title: C ? r.label : void 0,
+      className: P(
+        "inline-flex items-center justify-center gap-2 transition-all duration-300 rounded-full font-bold",
+        m ? "p-1.5 w-[28px] h-[28px]" : "px-3 py-1",
+        !f && !m && "min-w-[120px]",
+        !k && !m && "min-h-[28px]",
+        !y && (h === "solid" ? `bg-${n}-100` : "bg-transparent"),
+        !A && `text-${n}-950`,
+        !y && `dark:bg-${n}-300`,
+        !A && (u ? "dark:text-white dark:bg-gray-800" : "dark:text-black"),
+        `shadow-${n}-500/40`,
+        C && "cursor-help",
+        a
+      ),
+      children: [
+        c === "left" && i && /* @__PURE__ */ e(o, { className: P("shrink-0 stroke-[3px]", m ? "w-4 h-4" : "w-3.5 h-3.5") }),
+        s && !i && !m && /* @__PURE__ */ e("span", { className: P(
+          "w-1.5 h-1.5 rounded-full flex-shrink-0",
+          `bg-${n}-700`,
+          u ? "dark:bg-white" : "dark:bg-black/70"
+        ) }),
+        !m && /* @__PURE__ */ e("span", { className: "uppercase tracking-widest font-black leading-none", children: r.label }),
+        c === "right" && i && /* @__PURE__ */ e(o, { className: P("shrink-0 stroke-[3px]", m ? "w-4 h-4" : "w-3.5 h-3.5") })
+      ]
+    }
+  );
+});
+yt.displayName = "StatusBadge";
+const nt = {
+  formatDate: (t, a = "PP") => {
+    if (!t) return "";
+    const s = new Date(t);
+    return Ve(s) ? He(s, a) : "";
+  },
+  formatDateTime: (t, a = "PP p") => {
+    if (!t) return "";
+    const s = new Date(t);
+    return Ve(s) ? He(s, a) : "";
+  },
+  isValidDate: (t) => {
+    const a = new Date(t);
+    return Ve(a);
+  }
+}, Ct = ({
+  card: t,
+  onClick: a,
+  onDoubleClick: s,
+  isDragging: i,
+  isHighlighted: c,
+  enableTooltip: m,
+  tooltipTemplate: C,
+  customFields: h,
+  slots: f,
+  slotProps: k,
+  className: x,
+  dir: y
+}) => {
+  const A = y === "rtl", {
+    attributes: l,
+    listeners: w,
+    setNodeRef: N,
+    transform: D,
+    transition: r,
+    isDragging: n
+  } = ut({
+    id: t.id,
+    data: { type: "card", card: t }
+  }), o = i || n, u = {
+    transform: mt.Translate.toString(D),
+    transition: r
+  }, v = {
+    low: "Pending",
+    medium: "In Progress",
+    high: "Active",
+    critical: "Inactive"
+    // Using red color for critical
+  }, I = t.checklists?.reduce((V, H) => V + H.items.length, 0) || 0, M = t.checklists?.reduce((V, H) => V + H.items.filter((b) => b.isChecked).length, 0) || 0, B = t.subtasks?.length || 0, T = t.subtasks?.filter((V) => V.isCompleted).length || 0, S = /* @__PURE__ */ d("div", { className: "p-0 space-y-2", children: [
+    t.coverImage && /* @__PURE__ */ e("div", { className: "h-32 w-full overflow-hidden rounded-t-lg", children: /* @__PURE__ */ e("img", { src: t.coverImage, alt: "Cover", className: "w-full h-full object-cover" }) }),
+    /* @__PURE__ */ d("div", { className: P("p-3 space-y-2", t.coverImage ? "pt-1" : ""), children: [
+      /* @__PURE__ */ d("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ e("h4", { className: "font-medium text-sm line-clamp-2 flex-1", children: t.title }),
+        t.priority && /* @__PURE__ */ e(
+          yt,
+          {
+            status: v[t.priority] || "Pending",
+            className: "shrink-0"
+          }
+        )
+      ] }),
+      t.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: t.description }),
+      t.tags && t.tags.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.tags.map((V) => /* @__PURE__ */ e(
+        pt,
+        {
+          variant: "secondary",
+          className: "text-xs px-2 py-0",
+          style: {
+            backgroundColor: V.color,
+            color: "#fff"
+          },
+          children: V.name
+        },
+        V.id
+      )) }),
+      (I > 0 || t.attachments && t.attachments.length > 0 || t.comments && t.comments.length > 0 || B > 0 || t.timeTracking) && /* @__PURE__ */ d("div", { className: "flex items-center gap-3 text-muted-foreground pt-1 flex-wrap", children: [
+        t.attachments && t.attachments.length > 0 && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ e(dt, { className: "w-3 h-3" }),
+          /* @__PURE__ */ e("span", { children: t.attachments.length })
+        ] }),
+        t.comments && t.comments.length > 0 && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ e(Ia, { className: "w-3 h-3" }),
+          /* @__PURE__ */ e("span", { children: t.comments.length })
+        ] }),
+        I > 0 && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ e(Ra, { className: "w-3 h-3" }),
+          /* @__PURE__ */ d("span", { children: [
+            M,
+            "/",
+            I
+          ] })
+        ] }),
+        B > 0 && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-xs", children: [
+          /* @__PURE__ */ e(Na, { className: "w-3 h-3" }),
+          /* @__PURE__ */ d("span", { children: [
+            T,
+            "/",
+            B
+          ] })
+        ] }),
+        t.timeTracking && (t.timeTracking.estimated > 0 || t.timeTracking.actual > 0) && /* @__PURE__ */ d("div", { className: "flex items-center gap-1 text-xs", title: `Estimated: ${t.timeTracking.estimated}h, Actual: ${t.timeTracking.actual}h`, children: [
+          /* @__PURE__ */ e(Ae, { className: "w-3 h-3" }),
+          /* @__PURE__ */ d("span", { children: [
+            t.timeTracking.actual,
+            "h / ",
+            t.timeTracking.estimated,
+            "h"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-between pt-1", children: [
+        t.assignees && t.assignees.length > 0 && /* @__PURE__ */ d("div", { className: "flex -space-x-2", children: [
+          t.assignees.slice(0, 3).map((V) => /* @__PURE__ */ e(Re, { className: "w-6 h-6 border-2 border-background", children: V.avatarUrl ? /* @__PURE__ */ e(Jt, { src: V.avatarUrl, alt: V.name }) : /* @__PURE__ */ e(Ke, { className: "text-xs", children: V.name.substring(0, 2).toUpperCase() }) }, V.id)),
+          t.assignees.length > 3 && /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-full bg-muted border-2 border-background flex items-center justify-center", children: /* @__PURE__ */ d("span", { className: "text-xs", children: [
+            "+",
+            t.assignees.length - 3
+          ] }) })
+        ] }),
+        t.dueDate && /* @__PURE__ */ d("div", { className: P("flex items-center gap-1 text-xs text-muted-foreground", A ? "mr-auto" : "ml-auto"), children: [
+          /* @__PURE__ */ e(ra, { className: "w-3 h-3" }),
+          /* @__PURE__ */ e("span", { children: nt.formatDate(t.dueDate) })
+        ] })
+      ] })
+    ] }),
+    h && h.length > 0 && t.customFieldValues && /* @__PURE__ */ e("div", { className: "px-3 pb-3 gap-1 flex flex-wrap", children: h.map((V) => {
+      const H = t.customFieldValues?.[V.id];
+      return H == null || H === "" ? null : /* @__PURE__ */ d("div", { className: "text-xs bg-muted px-1.5 py-0.5 rounded flex items-center gap-1 max-w-full truncate", children: [
+        /* @__PURE__ */ d("span", { className: "text-muted-foreground opacity-70", children: [
+          V.name,
+          ":"
+        ] }),
+        /* @__PURE__ */ e("span", { className: "font-medium truncate", children: V.type === "date" ? nt.formatDate(H) : String(H) })
+      ] }, V.id);
+    }) })
+  ] }), E = f?.cardContent, U = E ? /* @__PURE__ */ e(E, { card: t, ...k?.cardContent }) : S, W = /* @__PURE__ */ e(
+    Oe,
+    {
+      ref: N,
+      style: u,
+      ...l,
+      ...w,
+      onClick: () => a?.(t),
+      onDoubleClick: () => s?.(t),
+      id: t.id,
+      "data-card-id": t.id,
+      className: P(
+        "cursor-pointer transition-all hover:shadow-md overflow-hidden",
+        o && "opacity-50 ring-2 ring-primary/50",
+        c && "ring-2 ring-primary bg-primary/5 transition-colors duration-300",
+        // Highlight style
+        x
+      ),
+      children: U
+    }
+  ), X = f?.card;
+  return X ? /* @__PURE__ */ e(X, { card: t, defaultContent: W, ...k?.card }) : /* @__PURE__ */ e(St, { enabled: m, content: C ? C(t) : null, children: W });
+};
+Ct.displayName = "KanbanCard";
+const wt = it(Ct), dn = ({
+  cards: t,
+  estimateSize: a = 120,
+  overscan: s = 5
+}) => {
+  const i = ze(null), c = oa({
+    count: t.length,
+    getScrollElement: () => i.current,
+    estimateSize: () => a,
+    overscan: s
+  });
+  return {
+    parentRef: i,
+    virtualizer: c,
+    virtualItems: c.getVirtualItems(),
+    totalSize: c.getTotalSize()
+  };
+}, cn = ({
+  column: t,
+  cards: a,
+  onCardClick: s,
+  onCardDoubleClick: i,
+  onCardDragStart: c,
+  onAddCard: m,
+  onToggleCollapse: C,
+  onDeleteColumn: h,
+  onUpdateColumn: f,
+  // Added
+  onColumnClick: k,
+  // Added
+  selectedColumnId: x,
+  // Added
+  draggedCardId: y,
+  highlightedCardId: A,
+  // Added
+  isDropTarget: l,
+  customFields: w,
+  className: N,
+  dir: D,
+  slots: r,
+  slotProps: n
+}) => {
+  const o = D === "rtl", { t: u } = we(), [v, I] = xe.useState(!1), M = r?.card || wt, [B, T] = xe.useState(t.name), S = xe.useRef(null);
+  xe.useEffect(() => {
+    v && S.current && (S.current.focus(), S.current.select());
+  }, [v]);
+  const E = () => {
+    B.trim() && B !== t.name ? f?.(t.id, { name: B }) : T(t.name), I(!1);
+  }, U = (j) => {
+    j.key === "Enter" ? E() : j.key === "Escape" && (T(t.name), I(!1));
+  }, W = t.wipLimit && a.length > t.wipLimit, X = t.wipLimit && a.length === t.wipLimit, {
+    setNodeRef: V,
+    attributes: H,
+    listeners: b,
+    transform: F,
+    transition: Q,
+    isDragging: G
+  } = ut({
+    id: t.id,
+    data: { type: "column", column: t }
+  }), ae = {
+    transform: mt.Translate.toString(F),
+    transition: Q
+  };
+  return /* @__PURE__ */ d(
+    Oe,
+    {
+      ref: V,
+      style: ae,
+      className: P(
+        "flex flex-col w-80 shrink-0 transition-all duration-200",
+        x === t.id ? "ring-2 ring-primary border-primary" : "",
+        G ? "opacity-50" : "",
+        l ? "ring-2 ring-primary/70 border-primary/50 bg-primary/5" : "",
+        N
+      ),
+      onClick: () => k?.(t.id),
+      children: [
+        /* @__PURE__ */ d(vt, { className: "pb-3", onDoubleClick: () => I(!0), children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center gap-2 flex-1", children: [
+              /* @__PURE__ */ e("div", { ...H, ...b, className: "cursor-grab active:cursor-grabbing p-1 hover:bg-muted rounded text-muted-foreground/50 hover:text-primary transition-colors", children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ e(
+                $,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 w-6 p-0",
+                  onClick: () => C?.(t.id),
+                  children: t.isCollapsed ? o ? /* @__PURE__ */ e(Ee, { className: "h-4 w-4 rotate-180" }) : /* @__PURE__ */ e(Ee, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ht, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ d("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                v ? /* @__PURE__ */ e(
+                  "input",
+                  {
+                    ref: S,
+                    value: B,
+                    onChange: (j) => T(j.target.value),
+                    onBlur: E,
+                    onKeyDown: U,
+                    className: "h-6 w-full text-sm font-semibold border rounded px-1 bg-background",
+                    onClick: (j) => j.stopPropagation()
+                  }
+                ) : /* @__PURE__ */ e("h3", { className: "font-semibold text-sm truncate", title: t.name, children: t.name }),
+                /* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground", children: [
+                  a.length,
+                  " ",
+                  u("items")
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ d(Lt, { children: [
+                /* @__PURE__ */ e(Qt, { asChild: !0, children: /* @__PURE__ */ e($, { variant: "ghost", size: "sm", className: "h-6 w-6 p-0", children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4" }) }) }),
+                /* @__PURE__ */ e(jt, { align: "end", children: /* @__PURE__ */ d(Ot, { className: "text-red-600 focus:text-red-600 focus:bg-red-50", onClick: () => h?.(t.id), children: [
+                  /* @__PURE__ */ e(ct, { className: "h-4 w-4 me-2" }),
+                  u("delete_column") || "Delete Column"
+                ] }) })
+              ] }),
+              /* @__PURE__ */ e(
+                $,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 w-6 p-0",
+                  onClick: () => m?.(t.id),
+                  children: /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] }),
+          t.wipLimit && /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e("div", { className: "h-1 w-full bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: P(
+                "h-full transition-all",
+                W ? "bg-red-500" : X ? "bg-yellow-500" : "bg-green-500"
+              ),
+              style: { width: `${Math.min(a.length / t.wipLimit * 100, 100)}%` }
+            }
+          ) }) })
+        ] }),
+        !t.isCollapsed && (() => {
+          const j = a.sort((O, Z) => O.position - Z.position);
+          if (j.length > 50) {
+            const { parentRef: O, virtualItems: Z, totalSize: re } = dn({
+              cards: j,
+              estimateSize: 120,
+              overscan: 5
+            });
+            return /* @__PURE__ */ d(
+              Le,
+              {
+                ref: O,
+                className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)]",
+                children: [
+                  /* @__PURE__ */ e("div", { style: { height: `${re}px`, position: "relative" }, children: Z.map((Y) => {
+                    const ne = j[Y.index];
+                    return /* @__PURE__ */ e(
+                      "div",
+                      {
+                        style: {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          transform: `translateY(${Y.start}px)`,
+                          paddingBottom: "8px"
+                        },
+                        children: /* @__PURE__ */ e(
+                          "div",
+                          {
+                            style: {
+                              position: "absolute",
+                              top: 0,
+                              left: 0,
+                              width: "100%",
+                              transform: `translateY(${Y.start}px)`,
+                              paddingBottom: "8px"
+                            },
+                            children: /* @__PURE__ */ e(
+                              M,
+                              {
+                                card: ne,
+                                onClick: s,
+                                onDoubleClick: i,
+                                onDragStart: c,
+                                isDragging: y === ne.id,
+                                isHighlighted: A === ne.id,
+                                customFields: w,
+                                dir: D,
+                                ...n?.card
+                              }
+                            )
+                          },
+                          ne.id
+                        )
+                      },
+                      ne.id
+                    );
+                  }) }),
+                  j.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-8 text-sm text-muted-foreground", children: u("no_cards") })
+                ]
+              }
+            );
+          }
+          return /* @__PURE__ */ d(Le, { className: "flex-1 overflow-y-auto max-h-[calc(100vh-200px)] space-y-2", children: [
+            /* @__PURE__ */ e(
+              Pe,
+              {
+                items: a.map((O) => O.id),
+                strategy: aa,
+                children: j.map((O) => /* @__PURE__ */ e(
+                  M,
+                  {
+                    card: O,
+                    onClick: s,
+                    onDoubleClick: i,
+                    onDragStart: c,
+                    isDragging: y === O.id,
+                    isHighlighted: A === O.id,
+                    customFields: w,
+                    dir: D,
+                    ...n?.card
+                  },
+                  O.id
+                ))
+              }
+            ),
+            a.length === 0 && /* @__PURE__ */ e("div", { className: P(
+              "flex h-32 items-center justify-center rounded-lg border border-dashed text-sm transition-all duration-150",
+              l ? "border-primary/60 bg-primary/5 text-primary/70" : "text-muted-foreground"
+            ), children: l ? "✦ Drop here" : u("no_cards") })
+          ] });
+        })()
+      ]
+    }
+  );
+}, mn = ({
+  swimlaneId: t,
+  columnId: a,
+  children: s,
+  className: i
+}) => {
+  const { isOver: c, setNodeRef: m } = Gt({
+    id: `swimlane-cell-${t}-${a}`,
+    data: {
+      type: "swimlane-cell",
+      swimlaneId: t,
+      columnId: a
+    }
+  });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: m,
+      className: P(i, c && "bg-primary/5 transition-colors"),
+      children: s
+    }
+  );
+}, st = ({
+  swimlane: t,
+  columns: a,
+  cards: s,
+  onCardClick: i,
+  onCardDoubleClick: c,
+  onCardDragStart: m,
+  onCardDragEnd: C,
+  onToggleCollapse: h,
+  draggedCardId: f,
+  highlightedCardId: k,
+  // Added
+  customFields: x,
+  className: y,
+  dir: A,
+  slots: l,
+  slotProps: w
+}) => {
+  const N = A === "rtl", { t: D } = we(), r = l?.card || wt;
+  return /* @__PURE__ */ d("div", { className: P("flex flex-col border rounded-lg bg-card text-card-foreground shadow-sm mb-4", y), children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center gap-2 p-3 border-b bg-muted/30", children: [
+      /* @__PURE__ */ e(
+        $,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 w-6 p-0",
+          onClick: () => h?.(t.id),
+          children: t.isCollapsed ? N ? /* @__PURE__ */ e(Ee, { className: "h-4 w-4 rotate-180" }) : /* @__PURE__ */ e(Ee, { className: "h-4 w-4" }) : /* @__PURE__ */ e(ht, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ e("h3", { className: "font-semibold text-sm", children: t.name }),
+      /* @__PURE__ */ d("span", { className: "text-xs text-muted-foreground", children: [
+        "(",
+        s.length,
+        " ",
+        D("items"),
+        ")"
+      ] })
+    ] }),
+    !t.isCollapsed && /* @__PURE__ */ e("div", { className: P("flex divide-x", N && "divide-x-reverse"), children: a.map((n) => {
+      const o = s.filter((u) => u.columnId === n.id);
+      return /* @__PURE__ */ e(
+        mn,
+        {
+          swimlaneId: t.id,
+          columnId: n.id,
+          className: "flex-1 min-w-[280px] p-2 min-h-[100px]",
+          children: /* @__PURE__ */ e("div", { className: "space-y-2", children: o.map((u) => /* @__PURE__ */ e(
+            r,
+            {
+              card: u,
+              onClick: i,
+              onDoubleClick: c,
+              onDragStart: m,
+              onDragEnd: C,
+              isDragging: f === u.id,
+              isHighlighted: k === u.id,
+              customFields: x,
+              dir: A,
+              ...w?.card
+            },
+            u.id
+          )) })
+        },
+        n.id
+      );
+    }) })
+  ] });
+}, un = (t, a) => a.find((i) => i.id === t.columnId)?.color || "hsl(var(--primary))", hn = ({
+  cards: t,
+  columns: a,
+  swimlanes: s,
+  onCardUpdate: i,
+  onCardClick: c,
+  onCardCreate: m,
+  className: C,
+  dir: h
+}) => {
+  const f = ce(() => {
+    let l = [];
+    return s && s.length > 0 ? (l = s.sort((w, N) => w.position - N.position).map((w) => ({
+      id: w.id,
+      name: w.name,
+      color: w.color
+    })), t.some((w) => !w.swimlaneId) && l.push({
+      id: "uncategorized",
+      name: "Uncategorized",
+      color: "hsl(var(--muted-foreground))"
+    }), l) : a.sort((w, N) => w.position - N.position).map((w) => ({
+      id: w.id,
+      name: w.name,
+      color: w.color
+    }));
+  }, [s, a, t]), k = ce(() => t.map((l) => {
+    const w = s && s.length > 0 ? l.swimlaneId || "uncategorized" : l.columnId || "uncategorized", N = l.startDate ? new Date(l.startDate) : l.dueDate ? We(new Date(l.dueDate)) : We(/* @__PURE__ */ new Date()), D = l.dueDate ? new Date(l.dueDate) : Vt(N, 1), r = a.find((n) => n.id === l.columnId);
+    return {
+      id: l.id,
+      title: l.title,
+      start: N,
+      end: D,
+      resourceId: w || "uncategorized",
+      description: l.description,
+      color: un(l, a),
+      status: r?.name,
+      // Store original card for easy access
+      originalCard: l
+    };
+  }), [t, s, a]), x = L((l) => {
+    const w = l.originalCard;
+    if (!w) return;
+    const N = {
+      ...w,
+      startDate: l.start,
+      dueDate: l.end,
+      // If we dragged to a different resource (swimlane/column), update that too
+      ...s && s.length > 0 ? { swimlaneId: l.resourceId } : { columnId: l.resourceId || w.columnId || a[0]?.id || "" }
+    };
+    i?.(N, "move");
+  }, [i, s, a]), y = L((l) => {
+    const w = s && s.length > 0, N = {
+      title: l.title || "New Card",
+      startDate: l.start,
+      dueDate: l.end,
+      columnId: !w && l.resourceId ? l.resourceId : a[0]?.id || "",
+      swimlaneId: w && l.resourceId ? l.resourceId : void 0,
+      description: l.description || "",
+      priority: "medium"
+    };
+    m?.(N);
+  }, [s, a, m]), A = L((l) => {
+    const w = l.originalCard;
+    w && c?.(w);
+  }, [c]);
+  return /* @__PURE__ */ e("div", { className: C, style: { height: "100%", minHeight: "600px" }, children: /* @__PURE__ */ e(
+    $t,
+    {
+      events: k,
+      resources: f,
+      selectedDate: /* @__PURE__ */ new Date(),
+      view: "TimelineMonth",
+      views: ["TimelineWeek", "TimelineMonth"],
+      onEventChange: x,
+      onEventCreate: y,
+      onEventClick: A,
+      showHeaderBar: !0,
+      showResourceHeaders: !0,
+      dir: h
+    }
+  ) });
+}, pn = ({
+  board: t,
+  onCardClick: a,
+  onCardDoubleClick: s,
+  onCardDragStart: i,
+  onCardDragEnd: c,
+  onCardDrop: m,
+  onAddCard: C,
+  onToggleColumnCollapse: h,
+  onToggleSwimlaneCollapse: f,
+  onAddColumn: k,
+  onDeleteColumn: x,
+  onUpdateColumn: y,
+  onColumnClick: A,
+  onCreateCard: l,
+  selectedColumnId: w,
+  draggedCardId: N,
+  filteredCards: D,
+  slots: r,
+  slotProps: n,
+  className: o,
+  view: u = "standard",
+  dir: v
+}) => {
+  const I = D || t.cards, { t: M } = we(), [B, T] = q(null), [S, E] = q(null);
+  if (u === "timeline")
+    return /* @__PURE__ */ e(
+      hn,
+      {
+        cards: I,
+        columns: t.columns,
+        swimlanes: t.swimlanes,
+        onCardUpdate: m ? async (b, F) => {
+          F === "move" && m(b.columnId, b.swimlaneId);
+        } : void 0,
+        onCardClick: a,
+        onCardCreate: l,
+        className: o,
+        dir: v
+      }
+    );
+  const U = () => !t.swimlanes || t.swimlanes.length === 0 ? null : /* @__PURE__ */ e("div", { className: P("flex flex-col p-4 overflow-y-auto h-full", o), children: /* @__PURE__ */ d(Pe, { items: I.map((b) => b.id), children: [
+    t.swimlanes.sort((b, F) => b.position - F.position).map((b) => {
+      const F = I.filter((Q) => Q.swimlaneId === b.id);
+      return /* @__PURE__ */ e(
+        st,
+        {
+          swimlane: b,
+          columns: t.columns.sort((Q, G) => Q.position - G.position),
+          cards: F,
+          onCardClick: a,
+          onCardDoubleClick: s,
+          onCardDragStart: i,
+          onCardDragEnd: c,
+          onDrop: m,
+          onToggleCollapse: f,
+          draggedCardId: N,
+          customFields: t.customFields,
+          slots: r,
+          slotProps: n,
+          dir: v
+        },
+        b.id
+      );
+    }),
+    I.some((b) => !b.swimlaneId) && /* @__PURE__ */ e(
+      st,
+      {
+        swimlane: {
+          id: "uncategorized",
+          name: M("uncategorized"),
+          type: "custom",
+          position: 9999,
+          isCollapsed: !1
+        },
+        columns: t.columns.sort((b, F) => b.position - F.position),
+        cards: I.filter((b) => !b.swimlaneId),
+        onCardClick: a,
+        onCardDoubleClick: s,
+        onCardDragStart: i,
+        onCardDragEnd: c,
+        onDrop: m,
+        onToggleCollapse: () => {
+        },
+        draggedCardId: N,
+        customFields: t.customFields,
+        slots: r,
+        slotProps: n,
+        dir: v
+      }
+    )
+  ] }) }), W = Yt(
+    Xt(Zt, {
+      activationConstraint: { distance: 5 }
+    })
+  );
+  return /* @__PURE__ */ d(
+    ea,
+    {
+      sensors: W,
+      onDragStart: (b) => {
+        const { active: F } = b;
+        F.data.current?.type === "card" && (T(F.data.current.card), i?.(F.data.current.card));
+      },
+      onDragOver: (b) => {
+        const { over: F } = b;
+        if (!F) {
+          E(null);
+          return;
+        }
+        F.data.current?.type === "column" ? E(F.data.current.column.id) : F.data.current?.type === "card" ? E(F.data.current.card.columnId) : F.data.current?.type === "swimlane-cell" ? E(F.data.current.columnId) : E(null);
+      },
+      onDragEnd: (b) => {
+        const { active: F, over: Q } = b;
+        if (T(null), E(null), !Q) {
+          c?.();
+          return;
+        }
+        if (F.data.current?.type === "card") {
+          let G, ae, j;
+          if (Q.data.current?.type === "column")
+            G = Q.data.current.column.id, ae = void 0;
+          else if (Q.data.current?.type === "swimlane-cell")
+            G = Q.data.current.columnId, j = Q.data.current.swimlaneId;
+          else if (Q.data.current?.type === "card") {
+            const O = Q.data.current.card;
+            G = O.columnId, j = O.swimlaneId;
+            let Z = t.cards.filter((Y) => Y.columnId === G);
+            j && (Z = Z.filter((Y) => Y.swimlaneId === j)), Z.sort((Y, ne) => (Y.position ?? 0) - (ne.position ?? 0));
+            const re = Z.findIndex((Y) => Y.id === O.id);
+            ae = re >= 0 ? re : void 0;
+          }
+          G ? m?.(G, j, ae) : c?.();
+        } else F.data.current?.type === "column" && Q.data.current?.type, c?.();
+      },
+      children: [
+        u === "swimlane" ? U() : /* @__PURE__ */ d("div", { className: P("flex gap-4 overflow-x-auto p-4", o), children: [
+          /* @__PURE__ */ e(
+            Pe,
+            {
+              items: t.columns.map((b) => b.id),
+              strategy: na,
+              children: t.columns.sort((b, F) => b.position - F.position).map((b) => {
+                const F = I.filter((Q) => Q.columnId === b.id);
+                return /* @__PURE__ */ e(
+                  cn,
+                  {
+                    column: b,
+                    cards: F,
+                    onCardClick: a,
+                    onCardDoubleClick: s,
+                    onCardDragStart: i,
+                    onCardDragEnd: c,
+                    onDrop: m,
+                    onAddCard: C,
+                    onToggleCollapse: h,
+                    onDeleteColumn: x,
+                    onUpdateColumn: y,
+                    onColumnClick: A,
+                    selectedColumnId: w,
+                    draggedCardId: N,
+                    isDropTarget: S === b.id,
+                    customFields: t.customFields,
+                    slots: r,
+                    slotProps: n,
+                    dir: v
+                  },
+                  b.id
+                );
+              })
+            }
+          ),
+          k && /* @__PURE__ */ e("div", { className: "w-80 shrink-0", children: /* @__PURE__ */ d(
+            $,
+            {
+              variant: "outline",
+              className: "w-full h-12 border-dashed",
+              onClick: k,
+              children: [
+                /* @__PURE__ */ e(be, { className: "me-2 h-4 w-4" }),
+                M("add_column") || "Add Column"
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(ta, { dropAnimation: { duration: 200, easing: "ease" }, children: B ? /* @__PURE__ */ e("div", { className: "rotate-2 opacity-90 shadow-2xl ring-2 ring-primary/60 rounded-lg pointer-events-none w-72", children: /* @__PURE__ */ d("div", { className: "bg-card border border-border rounded-lg p-3 space-y-1", children: [
+          /* @__PURE__ */ e("p", { className: "font-medium text-sm", children: B.title }),
+          B.description && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground line-clamp-2", children: B.description })
+        ] }) }) : null })
+      ]
+    }
+  );
+}, gn = ({
+  isOpen: t,
+  onClose: a,
+  onConfirm: s,
+  title: i,
+  message: c,
+  description: m
+}) => {
+  const { t: C } = we(), h = () => {
+    s(), a();
+  };
+  return /* @__PURE__ */ e(
+    lt,
+    {
+      isOpen: t,
+      onClose: a,
+      title: i || C("confirm_delete") || "Confirm Delete",
+      size: "sm",
+      footer: /* @__PURE__ */ d("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ e($, { variant: "ghost", onClick: a, children: C("cancel") || "Cancel" }),
+        /* @__PURE__ */ e($, { variant: "destructive", onClick: h, children: C("delete") || "Delete" })
+      ] }),
+      children: /* @__PURE__ */ d("div", { className: "py-2", children: [
+        /* @__PURE__ */ e("p", { children: c || C("confirm_delete_message") || "Are you sure you want to delete this item?" }),
+        (m || C("action_cannot_be_undone")) && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-2", children: m || C("action_cannot_be_undone") || "This action cannot be undone." })
+      ] })
+    }
+  );
+}, fn = new kt(), vn = rt((t, a) => {
+  const { className: s, readOnly: i, ...c } = t;
+  return Bt(), /* @__PURE__ */ e(Dt, { client: fn, children: /* @__PURE__ */ e(At, { fallback: /* @__PURE__ */ e(ja, {}), children: /* @__PURE__ */ e(xt, { ref: a, className: s, readOnly: i, ...c }) }) });
+});
+vn.displayName = "EzKanban";
+const xt = rt((t, a) => {
+  const { className: s, readOnly: i, onCardClick: c, onCardDoubleClick: m } = t, C = Xa(t, a), { state: h, actions: f, dir: k, imperativeAPI: x } = C, [y, A] = q(!1), [l, w] = q(void 0), [N, D] = q(!1), [r, n] = q(null);
+  bt(a, () => x, [x]);
+  const o = (S) => {
+    const E = S || h.selectedColumnId || h.board.columns[0]?.id;
+    w({
+      columnId: E,
+      title: "",
+      description: "",
+      priority: "medium"
+    }), A(!0);
+  }, u = async (S) => {
+    S.id ? await f.updateCard(S.id, S) : await f.createCard(S), A(!1);
+  }, v = (S) => {
+    t.confirmOnDelete !== !1 ? (n(S), D(!0), A(!1)) : (f.deleteCard(S), A(!1));
+  }, I = async () => {
+    r && (await f.deleteCard(r), D(!1), n(null));
+  }, M = (S) => {
+    i || (w(S), A(!0)), c?.(S);
+  }, B = (S) => {
+    const E = h.board.columns.find((U) => U.id === S);
+    E && (E.isCollapsed ? f.expandColumn(S) : f.collapseColumn(S));
+  }, T = (S) => {
+    const E = h.board.swimlanes?.find((U) => U.id === S);
+    E && (E.isCollapsed ? f.expandSwimlane(S) : f.collapseSwimlane(S));
+  };
+  return /* @__PURE__ */ d("div", { className: P("flex flex-col h-full bg-background", s), dir: k, children: [
+    /* @__PURE__ */ e(qe, {}),
+    /* @__PURE__ */ e(qe, {}),
+    !i && (t.slots?.toolbar ? /* @__PURE__ */ e(
+      t.slots.toolbar,
+      {
+        searchQuery: h.searchQuery,
+        onSearchChange: f.setSearchQuery,
+        onAddCardClick: () => o(),
+        onAddColumn: () => {
+          f.createColumn({
+            name: "New Column",
+            position: h.board.columns.length
+          }).then((S) => {
+            f.setSelectedColumnId(S.id);
+          });
+        },
+        activeFilters: h.activeFilters,
+        onFiltersChange: f.setActiveFilters,
+        view: h.view,
+        onViewChange: f.setView,
+        onUndo: f.undo,
+        onRedo: f.redo,
+        canUndo: h.canUndo,
+        canRedo: h.canRedo,
+        ...t.slotProps?.toolbar || {}
+      }
+    ) : /* @__PURE__ */ e(
+      an,
+      {
+        searchQuery: h.searchQuery,
+        onSearchChange: f.setSearchQuery,
+        onAddCardClick: () => o(),
+        onAddColumn: () => {
+          f.createColumn({
+            name: "New Column",
+            position: h.board.columns.length
+          }).then((S) => {
+            f.setSelectedColumnId(S.id);
+          });
+        },
+        activeFilters: h.activeFilters,
+        onFiltersChange: f.setActiveFilters,
+        view: h.view,
+        onViewChange: f.setView,
+        onUndo: f.undo,
+        onRedo: f.redo,
+        canUndo: h.canUndo,
+        canRedo: h.canRedo
+      }
+    )),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden h-full", children: t.slots?.board ? /* @__PURE__ */ e(
+      t.slots.board,
+      {
+        board: h.board,
+        onCardClick: M,
+        onCardDoubleClick: m,
+        onCardDragStart: f.handleDragStart,
+        onCardDragEnd: f.handleDragEnd,
+        onCardDrop: f.handleDrop,
+        onAddCard: o,
+        onToggleColumnCollapse: B,
+        onToggleSwimlaneCollapse: T,
+        onDeleteColumn: f.deleteColumn,
+        onUpdateColumn: f.updateColumn,
+        onColumnClick: f.setSelectedColumnId,
+        onCreateCard: u,
+        selectedColumnId: h.selectedColumnId,
+        draggedCardId: h.draggedCard?.id,
+        filteredCards: h.filteredCards,
+        slots: t.slots,
+        slotProps: t.slotProps,
+        view: h.view,
+        dir: k,
+        className: "flex-1 h-full",
+        ...t.slotProps?.board || {}
+      }
+    ) : /* @__PURE__ */ e(
+      pn,
+      {
+        board: h.board,
+        onCardClick: M,
+        onCardDoubleClick: m,
+        onCardDragStart: f.handleDragStart,
+        onCardDragEnd: f.handleDragEnd,
+        onCardDrop: f.handleDrop,
+        onAddCard: o,
+        onToggleColumnCollapse: B,
+        onToggleSwimlaneCollapse: T,
+        onDeleteColumn: f.deleteColumn,
+        onUpdateColumn: f.updateColumn,
+        onColumnClick: f.setSelectedColumnId,
+        onCreateCard: u,
+        selectedColumnId: h.selectedColumnId,
+        draggedCardId: h.draggedCard?.id,
+        filteredCards: h.filteredCards,
+        slots: t.slots,
+        slotProps: t.slotProps,
+        view: h.view,
+        dir: k,
+        className: "flex-1 h-full"
+      }
+    ) }),
+    t.slots?.cardEditor ? /* @__PURE__ */ e(
+      t.slots.cardEditor,
+      {
+        isOpen: y,
+        onClose: () => A(!1),
+        onSave: u,
+        onDelete: v,
+        card: l,
+        columns: h.board.columns,
+        ...t.slotProps?.cardEditor || {}
+      }
+    ) : /* @__PURE__ */ e(
+      nn,
+      {
+        isOpen: y,
+        onClose: () => A(!1),
+        onSave: u,
+        onDelete: v,
+        card: l,
+        columns: h.board.columns
+      }
+    ),
+    /* @__PURE__ */ e(
+      gn,
+      {
+        isOpen: N,
+        onClose: () => D(!1),
+        onConfirm: I,
+        title: "Confirm Delete",
+        message: "Are you sure you want to delete this card?",
+        description: "This action cannot be undone."
+      }
+    )
+  ] });
+});
+xt.displayName = "EzKanbanInner";
+export {
+  pt as B,
+  Oe as C,
+  vn as E,
+  pn as K,
+  yt as S,
+  gt as T,
+  Le as a,
+  rn as b,
+  on as c,
+  vt as d,
+  sn as e,
+  wt as f,
+  nn as g,
+  cn as h,
+  ye as i,
+  ft as j,
+  ve as k,
+  Me as l,
+  en as m,
+  Xa as n,
+  we as o,
+  st as p,
+  hn as q,
+  an as r,
+  Za as u
+};