@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.1

package/dist/components/ai-elements/shimmer.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { motion } from "../../node_modules/motion/dist/es/react.js";
+import { c } from "react/compiler-runtime";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+const Shimmer = memo((i) => {
+	let a = c(16), { children: o, as: s, className: l, duration: u, spread: d } = i, f = s === void 0 ? "p" : s, p = u === void 0 ? 2 : u, m = d === void 0 ? 2 : d, h;
+	a[0] === f ? h = a[1] : (h = motion.create(f), a[0] = f, a[1] = h);
+	let g = h, _ = (o?.length ?? 0) * m, v;
+	a[2] === Symbol.for("react.memo_cache_sentinel") ? (v = { backgroundPosition: "0% center" }, a[2] = v) : v = a[2];
+	let y;
+	a[3] === l ? y = a[4] : (y = cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[background-repeat:no-repeat,padding-box] [--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))]", l), a[3] = l, a[4] = y);
+	let b;
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (b = { backgroundPosition: "100% center" }, a[5] = b) : b = a[5];
+	let x = `${_}px`, S;
+	a[6] === x ? S = a[7] : (S = {
+		"--spread": x,
+		backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+	}, a[6] = x, a[7] = S);
+	let C = S, w;
+	a[8] === p ? w = a[9] : (w = {
+		repeat: Infinity,
+		duration: p,
+		ease: "linear"
+	}, a[8] = p, a[9] = w);
+	let T;
+	return a[10] !== g || a[11] !== o || a[12] !== C || a[13] !== w || a[14] !== y ? (T = /* @__PURE__ */ jsx(g, {
+		animate: v,
+		className: y,
+		initial: b,
+		style: C,
+		transition: w,
+		children: o
+	}), a[10] = g, a[11] = o, a[12] = C, a[13] = w, a[14] = y, a[15] = T) : T = a[15], T;
+});
+export { Shimmer };

package/dist/components/ai-elements/sources.js

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BookIcon, ChevronDownIcon } from "lucide-react";
+const Sources = (i) => {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("not-prose text-primary mb-4 text-xs", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Collapsible, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}, SourcesTrigger = (r) => {
+	let i = c(14), l, d, f, p;
+	i[0] === r ? (l = i[1], d = i[2], f = i[3], p = i[4]) : ({className: d, count: f, children: l, ...p} = r, i[0] = r, i[1] = l, i[2] = d, i[3] = f, i[4] = p);
+	let m;
+	i[5] === d ? m = i[6] : (m = cn("flex items-center gap-2", d), i[5] = d, i[6] = m);
+	let h;
+	i[7] !== l || i[8] !== f ? (h = l ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("p", {
+		className: "font-medium",
+		children: [
+			"Used ",
+			f,
+			" sources"
+		]
+	}), /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4" })] }), i[7] = l, i[8] = f, i[9] = h) : h = i[9];
+	let g;
+	return i[10] !== p || i[11] !== m || i[12] !== h ? (g = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		className: m,
+		...p,
+		children: h
+	}), i[10] = p, i[11] = m, i[12] = h, i[13] = g) : g = i[13], g;
+}, SourcesContent = (r) => {
+	let a = c(8), o, s;
+	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("mt-3 flex w-fit flex-col gap-2", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}, Source = (e) => {
+	let r = c(12), i, a, u, d;
+	r[0] === e ? (i = r[1], a = r[2], u = r[3], d = r[4]) : ({href: a, title: d, children: i, ...u} = e, r[0] = e, r[1] = i, r[2] = a, r[3] = u, r[4] = d);
+	let f;
+	r[5] !== i || r[6] !== d ? (f = i ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BookIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "block font-medium",
+		children: d
+	})] }), r[5] = i, r[6] = d, r[7] = f) : f = r[7];
+	let p;
+	return r[8] !== a || r[9] !== u || r[10] !== f ? (p = /* @__PURE__ */ jsx("a", {
+		className: "flex items-center gap-2",
+		href: a,
+		rel: "noreferrer",
+		target: "_blank",
+		...u,
+		children: f
+	}), r[8] = a, r[9] = u, r[10] = f, r[11] = p) : p = r[11], p;
+};
+export { Source, Sources, SourcesContent, SourcesTrigger };

package/dist/components/ai-elements/tool.js

@@ -0,0 +1,158 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Badge } from "../ui/badge.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { CodeBlock } from "./code-block.js";
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircleIcon, ChevronDownIcon, CircleIcon, ClockIcon, WrenchIcon, XCircleIcon } from "lucide-react";
+const Tool = (r) => {
+	let a = c(8), o, s;
+	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("not-prose mb-4 w-full rounded-md border", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(Collapsible, {
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+};
+var getStatusBadge = (e) => {
+	let i = {
+		"input-streaming": "Pending",
+		"input-available": "Running",
+		"approval-requested": "Awaiting Approval",
+		"approval-responded": "Responded",
+		"output-available": "Completed",
+		"output-error": "Error",
+		"output-denied": "Denied"
+	};
+	return /* @__PURE__ */ jsxs(Badge, {
+		className: "gap-1.5 rounded-full text-xs",
+		variant: "secondary",
+		children: [{
+			"input-streaming": /* @__PURE__ */ jsx(CircleIcon, { className: "size-4" }),
+			"input-available": /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 animate-pulse" }),
+			"approval-requested": /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 text-yellow-600" }),
+			"approval-responded": /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-blue-600" }),
+			"output-available": /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-green-600" }),
+			"output-error": /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-red-600" }),
+			"output-denied": /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-orange-600" })
+		}[e], i[e]]
+	});
+};
+const ToolHeader = (r) => {
+	let i = c(24), a, s, l, d, p;
+	i[0] === r ? (a = i[1], s = i[2], l = i[3], d = i[4], p = i[5]) : ({className: a, title: d, type: p, state: l, ...s} = r, i[0] = r, i[1] = a, i[2] = s, i[3] = l, i[4] = d, i[5] = p);
+	let m;
+	i[6] === a ? m = i[7] : (m = cn("flex w-full items-center justify-between gap-4 p-3", a), i[6] = a, i[7] = m);
+	let g;
+	i[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(WrenchIcon, { className: "text-muted-foreground size-4" }), i[8] = g) : g = i[8];
+	let _;
+	i[9] !== d || i[10] !== p ? (_ = d ?? p.split("-").slice(1).join("-"), i[9] = d, i[10] = p, i[11] = _) : _ = i[11];
+	let y;
+	i[12] === _ ? y = i[13] : (y = /* @__PURE__ */ jsx("span", {
+		className: "text-sm font-medium",
+		children: _
+	}), i[12] = _, i[13] = y);
+	let b;
+	i[14] === l ? b = i[15] : (b = getStatusBadge(l), i[14] = l, i[15] = b);
+	let x;
+	i[16] !== y || i[17] !== b ? (x = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [
+			g,
+			y,
+			b
+		]
+	}), i[16] = y, i[17] = b, i[18] = x) : x = i[18];
+	let S;
+	i[19] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground size-4 transition-transform group-data-[state=open]:rotate-180" }), i[19] = S) : S = i[19];
+	let C;
+	return i[20] !== s || i[21] !== m || i[22] !== x ? (C = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: m,
+		...s,
+		children: [x, S]
+	}), i[20] = s, i[21] = m, i[22] = x, i[23] = C) : C = i[23], C;
+}, ToolContent = (r) => {
+	let i = c(8), o, s;
+	i[0] === r ? (o = i[1], s = i[2]) : ({className: o, ...s} = r, i[0] = r, i[1] = o, i[2] = s);
+	let l;
+	i[3] === o ? l = i[4] : (l = cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", o), i[3] = o, i[4] = l);
+	let u;
+	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: l,
+		...s
+	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+}, ToolInput = (r) => {
+	let i = c(15), a, o, l;
+	i[0] === r ? (a = i[1], o = i[2], l = i[3]) : ({className: a, input: o, ...l} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = l);
+	let d;
+	i[4] === a ? d = i[5] : (d = cn("space-y-2 overflow-hidden p-4", a), i[4] = a, i[5] = d);
+	let f;
+	i[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: "Parameters"
+	}), i[6] = f) : f = i[6];
+	let p;
+	i[7] === o ? p = i[8] : (p = JSON.stringify(o, null, 2), i[7] = o, i[8] = p);
+	let m;
+	i[9] === p ? m = i[10] : (m = /* @__PURE__ */ jsx("div", {
+		className: "bg-muted/50 rounded-md",
+		children: /* @__PURE__ */ jsx(CodeBlock, {
+			code: p,
+			language: "json"
+		})
+	}), i[9] = p, i[10] = m);
+	let h;
+	return i[11] !== l || i[12] !== d || i[13] !== m ? (h = /* @__PURE__ */ jsxs("div", {
+		className: d,
+		...l,
+		children: [f, m]
+	}), i[11] = l, i[12] = d, i[13] = m, i[14] = h) : h = i[14], h;
+}, ToolOutput = (r) => {
+	let i = c(30), a, o, d, f;
+	if (i[0] === r ? (a = i[1], o = i[2], d = i[3], f = i[4]) : ({className: a, output: d, errorText: o, ...f} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = d, i[4] = f), !(d || o)) return null;
+	let p = d, m;
+	i[5] === p ? m = i[6] : (m = /* @__PURE__ */ jsx("div", { children: p }), i[5] = p, i[6] = m);
+	let h = m;
+	if (typeof d == "object" && !isValidElement(d)) {
+		let e;
+		i[7] === d ? e = i[8] : (e = JSON.stringify(d, null, 2), i[7] = d, i[8] = e);
+		let r;
+		i[9] === e ? r = i[10] : (r = /* @__PURE__ */ jsx(CodeBlock, {
+			code: e,
+			language: "json"
+		}), i[9] = e, i[10] = r), h = r;
+	} else if (typeof d == "string") {
+		let e;
+		i[11] === d ? e = i[12] : (e = /* @__PURE__ */ jsx(CodeBlock, {
+			code: d,
+			language: "json"
+		}), i[11] = d, i[12] = e), h = e;
+	}
+	let g;
+	i[13] === a ? g = i[14] : (g = cn("space-y-2 p-4", a), i[13] = a, i[14] = g);
+	let _ = o ? "Error" : "Result", v;
+	i[15] === _ ? v = i[16] : (v = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: _
+	}), i[15] = _, i[16] = v);
+	let y = o ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground", b;
+	i[17] === y ? b = i[18] : (b = cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", y), i[17] = y, i[18] = b);
+	let x;
+	i[19] === o ? x = i[20] : (x = o && /* @__PURE__ */ jsx("div", { children: o }), i[19] = o, i[20] = x);
+	let S;
+	i[21] !== h || i[22] !== b || i[23] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: b,
+		children: [x, h]
+	}), i[21] = h, i[22] = b, i[23] = x, i[24] = S) : S = i[24];
+	let C;
+	return i[25] !== f || i[26] !== g || i[27] !== v || i[28] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: g,
+		...f,
+		children: [v, S]
+	}), i[25] = f, i[26] = g, i[27] = v, i[28] = S, i[29] = C) : C = i[29], C;
+};
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };

package/dist/components/content/ErrorAlert.js

@@ -0,0 +1,17 @@
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert_default = (o) => {
+	let s = c(3), { error: l } = o;
+	if (!l) return null;
+	let u;
+	s[0] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }), s[0] = u) : u = s[0];
+	let d;
+	return s[1] === l ? d = s[2] : (d = /* @__PURE__ */ jsxs(Alert, {
+		variant: "destructive",
+		className: "mb-4",
+		children: [u, /* @__PURE__ */ jsx(AlertDescription, { children: l })]
+	}), s[1] = l, s[2] = d), d;
+};
+export { ErrorAlert_default as default };

package/dist/components/data-table/DataList.js

@@ -1,133 +1,133 @@
 import { Button } from "../ui/button.js";
+import { Card, CardContent } from "../ui/card.js";
+import { Checkbox } from "../ui/checkbox.js";
 import ConfirmDialog_default from "./ConfirmDialog.js";
 import DataTableBatchAction_default from "./DataTableBatchAction.js";
 import DataTableFilters_default from "./DataTableFilters.js";
 import DataTablePagination_default from "./DataTablePagination.js";
 import DataTableToolbar_default from "./DataTableToolbar.js";
-import { Card, CardContent } from "../ui/card.js";
-import { Checkbox } from "../ui/checkbox.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2, Trash2 } from "lucide-react";
 function DataList(he) {
-	let r = c(89), { data: i, totalItems: ge, loading: _e, error: a, page: ve, pageSize: o, onPageChange: s, onPageSizeChange: ye, searchTerm: be, onSearchChange: l, filters: u, filterConfig: d, onFiltersChange: f, onRowClick: p, onNew: xe, enableBatchActions: Se, batchActions: m, onBatchDelete: h, rowActions: Ce, itemRenderer: we, newButtonLabel: g } = he, Te = _e === void 0 ? !1 : _e, _;
-	r[0] === u ? _ = r[1] : (_ = u === void 0 ? {} : u, r[0] = u, r[1] = _);
-	let v = _, y;
-	r[2] === d ? y = r[3] : (y = d === void 0 ? {} : d, r[2] = d, r[3] = y);
-	let b = y, x = Se === void 0 ? !0 : Se, S;
-	r[4] === m ? S = r[5] : (S = m === void 0 ? [] : m, r[4] = m, r[5] = S);
-	let Ee = S, De = Ce === void 0 ? [] : Ce, C;
-	r[6] === Symbol.for("react.memo_cache_sentinel") ? (C = [], r[6] = C) : C = r[6];
-	let [w, T] = useState(C), [E, Oe] = useState(!1), D;
-	r[7] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+	let r = c(89), { data: i, totalItems: a, loading: ge, error: o, page: _e, pageSize: ve, onPageChange: ye, onPageSizeChange: be, searchTerm: xe, onSearchChange: s, filters: l, filterConfig: u, onFiltersChange: d, onRowClick: f, onNew: p, enableBatchActions: Se, batchActions: m, onBatchDelete: h, rowActions: Ce, itemRenderer: we, newButtonLabel: Te } = he, Ee = ge === void 0 ? !1 : ge, g;
+	r[0] === l ? g = r[1] : (g = l === void 0 ? {} : l, r[0] = l, r[1] = g);
+	let _ = g, v;
+	r[2] === u ? v = r[3] : (v = u === void 0 ? {} : u, r[2] = u, r[3] = v);
+	let y = v, b = Se === void 0 ? !0 : Se, x;
+	r[4] === m ? x = r[5] : (x = m === void 0 ? [] : m, r[4] = m, r[5] = x);
+	let De = x, Oe = Ce === void 0 ? [] : Ce, S;
+	r[6] === Symbol.for("react.memo_cache_sentinel") ? (S = [], r[6] = S) : S = r[6];
+	let [C, w] = useState(S), [T, ke] = useState(!1), E;
+	r[7] === Symbol.for("react.memo_cache_sentinel") ? (E = {
 		isOpen: !1,
 		type: "single"
-	}, r[7] = D) : D = r[7];
-	let [O, k] = useState(D), A;
-	r[8] !== i || r[9] !== w.length ? (A = () => {
-		w.length === i.length ? T([]) : T(i.map(_temp));
-	}, r[8] = i, r[9] = w.length, r[10] = A) : A = r[10];
-	let j = A, M;
-	r[11] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
-		T((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, r[11] = M) : M = r[11];
-	let ke = M, N;
-	r[12] === Symbol.for("react.memo_cache_sentinel") ? (N = () => T([]), r[12] = N) : N = r[12];
-	let Ae = N, P;
-	r[13] === k ? P = r[14] : (P = () => {
-		k({
+	}, r[7] = E) : E = r[7];
+	let [D, O] = useState(E), k;
+	r[8] !== i || r[9] !== C.length ? (k = () => {
+		C.length === i.length ? w([]) : w(i.map(_temp));
+	}, r[8] = i, r[9] = C.length, r[10] = k) : k = r[10];
+	let Ae = k, A;
+	r[11] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => {
+		w((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, r[11] = A) : A = r[11];
+	let je = A, j;
+	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = () => w([]), r[12] = j) : j = r[12];
+	let Me = j, M;
+	r[13] === O ? M = r[14] : (M = () => {
+		O({
 			isOpen: !0,
 			type: "batch"
 		});
-	}, r[13] = k, r[14] = P);
-	let F = P, I;
-	r[15] !== O.itemId || r[16] !== O.type || r[17] !== h || r[18] !== w || r[19] !== k ? (I = async () => {
-		O.type === "single" && O.itemId || O.type === "batch" && (await h?.(w), Ae()), k({
+	}, r[13] = O, r[14] = M);
+	let N = M, P;
+	r[15] !== D.itemId || r[16] !== D.type || r[17] !== h || r[18] !== C || r[19] !== O ? (P = async () => {
+		D.type === "single" && D.itemId || D.type === "batch" && (await h?.(C), Me()), O({
 			isOpen: !1,
 			type: "single"
 		});
-	}, r[15] = O.itemId, r[16] = O.type, r[17] = h, r[18] = w, r[19] = k, r[20] = I) : I = r[20];
-	let je = I, L;
-	r[21] !== F || r[22] !== h ? (L = h ? [{
+	}, r[15] = D.itemId, r[16] = D.type, r[17] = h, r[18] = C, r[19] = O, r[20] = P) : P = r[20];
+	let F = P, I;
+	r[21] !== N || r[22] !== h ? (I = h ? [{
 		id: "delete",
 		label: "Delete Selected",
 		icon: /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
 		variant: "destructive",
-		action: F
-	}] : [], r[21] = F, r[22] = h, r[23] = L) : L = r[23];
-	let R;
-	r[24] !== Ee || r[25] !== L ? (R = [...L, ...Ee], r[24] = Ee, r[25] = L, r[26] = R) : R = r[26];
-	let Me = R, z;
-	r[27] !== F || r[28] !== w ? (z = (e) => {
-		e.id === "delete" ? F() : (e.action(w), Ae());
-	}, r[27] = F, r[28] = w, r[29] = z) : z = r[29];
+		action: N
+	}] : [], r[21] = N, r[22] = h, r[23] = I) : I = r[23];
+	let L;
+	r[24] !== De || r[25] !== I ? (L = [...I, ...De], r[24] = De, r[25] = I, r[26] = L) : L = r[26];
+	let R = L, z;
+	r[27] !== N || r[28] !== C ? (z = (e) => {
+		e.id === "delete" ? N() : (e.action(C), Me());
+	}, r[27] = N, r[28] = C, r[29] = z) : z = r[29];
 	let Ne = z, B;
-	r[30] === v ? B = r[31] : (B = Object.values(v).filter(Boolean), r[30] = v, r[31] = B);
-	let Pe = B.length, Fe = [...[], ...De], Ie = Fe.length > 0, V;
-	r[32] === E ? V = r[33] : (V = () => Oe(!E), r[32] = E, r[33] = V);
-	let Le = !!f && Object.keys(b).length > 0, Re = !!l, ze = w.length === i.length && i.length > 0, H;
-	r[34] !== ze || r[35] !== j ? (H = /* @__PURE__ */ jsxs("div", {
+	r[30] === _ ? B = r[31] : (B = Object.values(_).filter(Boolean), r[30] = _, r[31] = B);
+	let Pe = B.length, Fe = [...[], ...Oe], Ie = Fe.length > 0, V;
+	r[32] === T ? V = r[33] : (V = () => ke(!T), r[32] = T, r[33] = V);
+	let Le = !!d && Object.keys(y).length > 0, Re = !!s, ze = C.length === i.length && i.length > 0, H;
+	r[34] !== ze || r[35] !== Ae ? (H = /* @__PURE__ */ jsxs("div", {
 		className: "text-sm text-gray-400",
 		children: [/* @__PURE__ */ jsx(Checkbox, {
 			checked: ze,
-			onCheckedChange: j,
+			onCheckedChange: Ae,
 			"aria-label": "Select all rows",
 			className: "mr-4"
 		}), "Select All"]
-	}), r[34] = ze, r[35] = j, r[36] = H) : H = r[36];
+	}), r[34] = ze, r[35] = Ae, r[36] = H) : H = r[36];
 	let U;
-	r[37] !== Me || r[38] !== x || r[39] !== Ne || r[40] !== w.length ? (U = x && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
-		selectedCount: w.length,
-		batchActions: Me,
+	r[37] !== R || r[38] !== b || r[39] !== Ne || r[40] !== C.length ? (U = b && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
+		selectedCount: C.length,
+		batchActions: R,
 		onBatchAction: Ne
-	}), r[37] = Me, r[38] = x, r[39] = Ne, r[40] = w.length, r[41] = U) : U = r[41];
+	}), r[37] = R, r[38] = b, r[39] = Ne, r[40] = C.length, r[41] = U) : U = r[41];
 	let W;
-	r[42] !== b || r[43] !== v || r[44] !== E || r[45] !== f ? (W = /* @__PURE__ */ jsx(DataTableFilters_default, {
-		filters: v,
-		filterConfig: b,
-		onFiltersChange: f,
-		isOpen: E
-	}), r[42] = b, r[43] = v, r[44] = E, r[45] = f, r[46] = W) : W = r[46];
+	r[42] !== y || r[43] !== _ || r[44] !== T || r[45] !== d ? (W = /* @__PURE__ */ jsx(DataTableFilters_default, {
+		filters: _,
+		filterConfig: y,
+		onFiltersChange: d,
+		isOpen: T
+	}), r[42] = y, r[43] = _, r[44] = T, r[45] = d, r[46] = W) : W = r[46];
 	let G;
 	r[47] !== U || r[48] !== W ? (G = /* @__PURE__ */ jsxs("div", { children: [U, W] }), r[47] = U, r[48] = W, r[49] = G) : G = r[49];
 	let K;
-	r[50] !== Pe || r[51] !== E || r[52] !== g || r[53] !== xe || r[54] !== l || r[55] !== be || r[56] !== V || r[57] !== Le || r[58] !== Re || r[59] !== H || r[60] !== G ? (K = /* @__PURE__ */ jsxs(DataTableToolbar_default, {
-		searchTerm: be,
-		onSearchChange: l,
+	r[50] !== Pe || r[51] !== T || r[52] !== Te || r[53] !== p || r[54] !== s || r[55] !== xe || r[56] !== V || r[57] !== Le || r[58] !== Re || r[59] !== H || r[60] !== G ? (K = /* @__PURE__ */ jsxs(DataTableToolbar_default, {
+		searchTerm: xe,
+		onSearchChange: s,
 		onFilterToggle: V,
-		onNew: xe,
+		onNew: p,
 		filterCount: Pe,
-		isFilterOpen: E,
-		newButtonLabel: g,
+		isFilterOpen: T,
+		newButtonLabel: Te,
 		showFilter: Le,
 		showSearch: Re,
 		children: [H, G]
-	}), r[50] = Pe, r[51] = E, r[52] = g, r[53] = xe, r[54] = l, r[55] = be, r[56] = V, r[57] = Le, r[58] = Re, r[59] = H, r[60] = G, r[61] = K) : K = r[61];
+	}), r[50] = Pe, r[51] = T, r[52] = Te, r[53] = p, r[54] = s, r[55] = xe, r[56] = V, r[57] = Le, r[58] = Re, r[59] = H, r[60] = G, r[61] = K) : K = r[61];
 	let q;
-	r[62] === a ? q = r[63] : (q = a && /* @__PURE__ */ jsx(Card, {
+	r[62] === o ? q = r[63] : (q = o && /* @__PURE__ */ jsx(Card, {
 		className: "border-destructive/50 bg-destructive/5",
 		children: /* @__PURE__ */ jsx(CardContent, {
 			className: "p-4",
 			children: /* @__PURE__ */ jsxs("p", {
 				className: "text-destructive font-medium",
-				children: ["Error: ", a.message]
+				children: ["Error: ", o.message]
 			})
 		})
-	}), r[62] = a, r[63] = q);
-	let Be = Te ? /* @__PURE__ */ jsx("div", {
+	}), r[62] = o, r[63] = q);
+	let Be = Ee ? /* @__PURE__ */ jsx("div", {
 		className: "flex items-center justify-center py-8",
 		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
-	}) : /* @__PURE__ */ jsx("div", { children: i.length === 0 ? /* @__PURE__ */ jsx("span", { children: "No items found" }) : i.map((t, n) => /* @__PURE__ */ jsxs("div", {
+	}) : /* @__PURE__ */ jsx("div", { children: i.length === 0 ? /* @__PURE__ */ jsx("span", { children: "No items found" }) : i.map((n, me) => /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center",
 		children: [
-			x && /* @__PURE__ */ jsx("div", {
+			b && /* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-center pr-4",
 				onClick: _temp2,
 				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: w.includes(t.id),
-					onCheckedChange: () => ke(t.id),
-					"aria-label": `Select row ${t.id}`
+					checked: C.includes(n.id),
+					onCheckedChange: () => je(n.id),
+					"aria-label": `Select row ${n.id}`
 				})
 			}),
 			/* @__PURE__ */ jsx(Card, {
@@ -137,53 +137,53 @@ function DataList(he) {
 					children: /* @__PURE__ */ jsx("div", {
 						className: "flex items-center justify-between",
 						children: /* @__PURE__ */ jsx("div", {
-							className: `flex-1 ${p ? "cursor-pointer" : ""} ${w.includes(t.id) ? "bg-muted/50" : ""}`,
-							onClick: p ? () => p(t) : void 0,
-							children: /* @__PURE__ */ jsx("div", { children: we && we(t) })
+							className: `flex-1 ${f ? "cursor-pointer" : ""} ${C.includes(n.id) ? "bg-muted/50" : ""}`,
+							onClick: f ? () => f(n) : void 0,
+							children: /* @__PURE__ */ jsx("div", { children: we && we(n) })
 						})
 					})
 				})
-			}, t.id),
+			}, n.id),
 			Ie && /* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-center",
 				onClick: _temp3,
 				children: /* @__PURE__ */ jsx("div", {
 					className: "flex items-center justify-center gap-1",
-					children: Fe.map((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ jsx(Button, {
-						variant: n.variant || "ghost",
+					children: Fe.map((t) => !t.condition || t.condition(n) ? /* @__PURE__ */ jsx(Button, {
+						variant: t.variant || "ghost",
 						size: "sm",
-						onClick: () => void n.action(t),
-						disabled: n.disabled?.(t),
-						title: n.label,
-						className: n.className,
-						children: n.icon
-					}, n.id) : null)
+						onClick: () => void t.action(n),
+						disabled: t.disabled?.(n),
+						title: t.label,
+						className: t.className,
+						children: t.icon
+					}, t.id) : null)
 				})
 			})
 		]
-	}, `data-list-item-${n}`)) }), J;
+	}, `data-list-item-${me}`)) }), J;
 	r[64] === Be ? J = r[65] : (J = /* @__PURE__ */ jsx("div", {
 		className: "space-y-2",
 		children: Be
 	}), r[64] = Be, r[65] = J);
 	let Y;
-	r[66] !== s || r[67] !== ye || r[68] !== ve || r[69] !== o || r[70] !== ge ? (Y = /* @__PURE__ */ jsx(DataTablePagination_default, {
-		page: ve,
-		pageSize: o,
-		totalItems: ge,
-		onPageChange: s,
-		onPageSizeChange: ye
-	}), r[66] = s, r[67] = ye, r[68] = ve, r[69] = o, r[70] = ge, r[71] = Y) : Y = r[71];
+	r[66] !== ye || r[67] !== be || r[68] !== _e || r[69] !== ve || r[70] !== a ? (Y = /* @__PURE__ */ jsx(DataTablePagination_default, {
+		page: _e,
+		pageSize: ve,
+		totalItems: a,
+		onPageChange: ye,
+		onPageSizeChange: be
+	}), r[66] = ye, r[67] = be, r[68] = _e, r[69] = ve, r[70] = a, r[71] = Y) : Y = r[71];
 	let X;
-	r[72] !== O || r[73] !== k ? (X = (e) => k({
-		...O,
+	r[72] !== D || r[73] !== O ? (X = (e) => O({
+		...D,
 		isOpen: e
-	}), r[72] = O, r[73] = k, r[74] = X) : X = r[74];
-	let Ve = O.type === "single" ? "Delete Item" : "Delete Items", He = O.type === "single" ? "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${w.length} items? This action cannot be undone.`, Z;
-	r[75] === je ? Z = r[76] : (Z = () => void je(), r[75] = je, r[76] = Z);
+	}), r[72] = D, r[73] = O, r[74] = X) : X = r[74];
+	let Ve = D.type === "single" ? "Delete Item" : "Delete Items", He = D.type === "single" ? "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${C.length} items? This action cannot be undone.`, Z;
+	r[75] === F ? Z = r[76] : (Z = () => void F(), r[75] = F, r[76] = Z);
 	let Q;
-	r[77] !== O.isOpen || r[78] !== X || r[79] !== Ve || r[80] !== He || r[81] !== Z ? (Q = /* @__PURE__ */ jsx(ConfirmDialog_default, {
-		isOpen: O.isOpen,
+	r[77] !== D.isOpen || r[78] !== X || r[79] !== Ve || r[80] !== He || r[81] !== Z ? (Q = /* @__PURE__ */ jsx(ConfirmDialog_default, {
+		isOpen: D.isOpen,
 		onOpenChange: X,
 		title: Ve,
 		description: He,
@@ -191,7 +191,7 @@ function DataList(he) {
 		confirmText: "Delete",
 		cancelText: "Cancel",
 		variant: "destructive"
-	}), r[77] = O.isOpen, r[78] = X, r[79] = Ve, r[80] = He, r[81] = Z, r[82] = Q) : Q = r[82];
+	}), r[77] = D.isOpen, r[78] = X, r[79] = Ve, r[80] = He, r[81] = Z, r[82] = Q) : Q = r[82];
 	let $;
 	return r[83] !== K || r[84] !== q || r[85] !== J || r[86] !== Y || r[87] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",