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

package/dist/components/ui/select.js

@@ -0,0 +1,125 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+function Select(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function SelectValue(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function SelectTrigger(a) {
+	let s = c(13), l, u, d, f;
+	s[0] === a ? (l = s[1], u = s[2], d = s[3], f = s[4]) : ({className: u, size: f, children: l, ...d} = a, s[0] = a, s[1] = l, s[2] = u, s[3] = d, s[4] = f);
+	let p = f === void 0 ? "default" : f, m;
+	s[5] === u ? m = s[6] : (m = cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", u), s[5] = u, s[6] = m);
+	let h;
+	s[7] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+	}), s[7] = h) : h = s[7];
+	let g;
+	return s[8] !== l || s[9] !== d || s[10] !== p || s[11] !== m ? (g = /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		"data-size": p,
+		className: m,
+		...d,
+		children: [l, h]
+	}), s[8] = l, s[9] = d, s[10] = p, s[11] = m, s[12] = g) : g = s[12], g;
+}
+function SelectContent(a) {
+	let o = c(22), s, l, u, d, f;
+	o[0] === a ? (s = o[1], l = o[2], u = o[3], d = o[4], f = o[5]) : ({className: l, children: s, position: d, align: f, ...u} = a, o[0] = a, o[1] = s, o[2] = l, o[3] = u, o[4] = d, o[5] = f);
+	let p = d === void 0 ? "popper" : d, g = f === void 0 ? "center" : f, _ = p === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", v;
+	o[6] !== l || o[7] !== _ ? (v = cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", _, l), o[6] = l, o[7] = _, o[8] = v) : v = o[8];
+	let y;
+	o[9] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(SelectScrollUpButton, {}), o[9] = y) : y = o[9];
+	let b = p === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1", x;
+	o[10] === b ? x = o[11] : (x = cn("p-1", b), o[10] = b, o[11] = x);
+	let S;
+	o[12] !== s || o[13] !== x ? (S = /* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+		className: x,
+		children: s
+	}), o[12] = s, o[13] = x, o[14] = S) : S = o[14];
+	let C;
+	o[15] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(SelectScrollDownButton, {}), o[15] = C) : C = o[15];
+	let w;
+	return o[16] !== g || o[17] !== p || o[18] !== u || o[19] !== v || o[20] !== S ? (w = /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: v,
+		position: p,
+		align: g,
+		...u,
+		children: [
+			y,
+			S,
+			C
+		]
+	}) }), o[16] = g, o[17] = p, o[18] = u, o[19] = v, o[20] = S, o[21] = w) : w = o[21], w;
+}
+function SelectItem(o) {
+	let s = c(13), l, u, d;
+	s[0] === o ? (l = s[1], u = s[2], d = s[3]) : ({className: u, children: l, ...d} = o, s[0] = o, s[1] = l, s[2] = u, s[3] = d);
+	let f;
+	s[4] === u ? f = s[5] : (f = cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", u), s[4] = u, s[5] = f);
+	let p;
+	s[6] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx("span", {
+		className: "absolute right-2 flex size-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+	}), s[6] = p) : p = s[6];
+	let m;
+	s[7] === l ? m = s[8] : (m = /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children: l }), s[7] = l, s[8] = m);
+	let h;
+	return s[9] !== d || s[10] !== f || s[11] !== m ? (h = /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: f,
+		...d,
+		children: [p, m]
+	}), s[9] = d, s[10] = f, s[11] = m, s[12] = h) : h = s[12], h;
+}
+function SelectScrollUpButton(i) {
+	let a = c(9), o, l;
+	a[0] === i ? (o = a[1], l = a[2]) : ({className: o, ...l} = i, a[0] = i, a[1] = o, a[2] = l);
+	let u;
+	a[3] === o ? u = a[4] : (u = cn("flex cursor-default items-center justify-center py-1", o), a[3] = o, a[4] = u);
+	let d;
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" }), a[5] = d) : d = a[5];
+	let f;
+	return a[6] !== l || a[7] !== u ? (f = /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: u,
+		...l,
+		children: d
+	}), a[6] = l, a[7] = u, a[8] = f) : f = a[8], f;
+}
+function SelectScrollDownButton(i) {
+	let a = c(9), s, l;
+	a[0] === i ? (s = a[1], l = a[2]) : ({className: s, ...l} = i, a[0] = i, a[1] = s, a[2] = l);
+	let u;
+	a[3] === s ? u = a[4] : (u = cn("flex cursor-default items-center justify-center py-1", s), a[3] = s, a[4] = u);
+	let d;
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" }), a[5] = d) : d = a[5];
+	let f;
+	return a[6] !== l || a[7] !== u ? (f = /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: u,
+		...l,
+		children: d
+	}), a[6] = l, a[7] = u, a[8] = f) : f = a[8], f;
+}
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };

package/dist/components/ui/sheet.js

@@ -0,0 +1,97 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+function Sheet(e) {
+	let r = c(4), i;
+	r[0] === e ? i = r[1] : ({...i} = e, r[0] = e, r[1] = i);
+	let o;
+	return r[2] === i ? o = r[3] : (o = /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...i
+	}), r[2] = i, r[3] = o), o;
+}
+function SheetPortal(e) {
+	let r = c(4), i;
+	r[0] === e ? i = r[1] : ({...i} = e, r[0] = e, r[1] = i);
+	let o;
+	return r[2] === i ? o = r[3] : (o = /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
+		"data-slot": "sheet-portal",
+		...i
+	}), r[2] = i, r[3] = o), o;
+}
+function SheetOverlay(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=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", o), i[3] = o, i[4] = l);
+	let u;
+	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: l,
+		...s
+	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+}
+function SheetContent(o) {
+	let u = c(17), d, f, p, m;
+	u[0] === o ? (d = u[1], f = u[2], p = u[3], m = u[4]) : ({className: f, children: d, side: m, ...p} = o, u[0] = o, u[1] = d, u[2] = f, u[3] = p, u[4] = m);
+	let h = m === void 0 ? "right" : m, g;
+	u[5] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(SheetOverlay, {}), u[5] = g) : g = u[5];
+	let _ = h === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", v = h === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", y = h === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", b = h === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", x;
+	u[6] !== f || u[7] !== _ || u[8] !== v || u[9] !== y || u[10] !== b ? (x = cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", _, v, y, b, f), u[6] = f, u[7] = _, u[8] = v, u[9] = y, u[10] = b, u[11] = x) : x = u[11];
+	let S;
+	u[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+		className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+		children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	}), u[12] = S) : S = u[12];
+	let C;
+	return u[13] !== d || u[14] !== p || u[15] !== x ? (C = /* @__PURE__ */ jsxs(SheetPortal, { children: [g, /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: x,
+		...p,
+		children: [d, S]
+	})] }), u[13] = d, u[14] = p, u[15] = x, u[16] = C) : C = u[16], C;
+}
+function SheetHeader(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("flex flex-col gap-1.5 p-4", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function SheetTitle(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("text-foreground font-semibold", o), i[3] = o, i[4] = l);
+	let u;
+	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: l,
+		...s
+	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+}
+function SheetDescription(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("text-muted-foreground text-sm", o), i[3] = o, i[4] = l);
+	let u;
+	return i[5] !== s || i[6] !== l ? (u = /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: l,
+		...s
+	}), i[5] = s, i[6] = l, i[7] = u) : u = i[7], u;
+}
+export { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle };

package/dist/components/ui/slider.js

@@ -0,0 +1,35 @@
+import { cn } from "../../lib/utils.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+function Slider({ className: a, defaultValue: o, value: s, min: c = 0, max: l = 100, ...u }) {
+	let d = React$1.useMemo(() => Array.isArray(s) ? s : Array.isArray(o) ? o : [c, l], [
+		s,
+		o,
+		c,
+		l
+	]);
+	return /* @__PURE__ */ jsxs(SliderPrimitive.Root, {
+		"data-slot": "slider",
+		defaultValue: o,
+		value: s,
+		min: c,
+		max: l,
+		className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", a),
+		...u,
+		children: [/* @__PURE__ */ jsx(SliderPrimitive.Track, {
+			"data-slot": "slider-track",
+			className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),
+			children: /* @__PURE__ */ jsx(SliderPrimitive.Range, {
+				"data-slot": "slider-range",
+				className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+			})
+		}), Array.from({ length: d.length }, (e, i) => /* @__PURE__ */ jsx(SliderPrimitive.Thumb, {
+			"data-slot": "slider-thumb",
+			className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50",
+			"aria-label": u["aria-label"],
+			"aria-labelledby": u["aria-labelledby"]
+		}, i))]
+	});
+}
+export { Slider };

package/dist/components/ui/switch.js

@@ -0,0 +1,24 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+function Switch(i) {
+	let a = c(9), 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("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", o), a[3] = o, a[4] = l);
+	let u;
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+		"data-slot": "switch-thumb",
+		className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+	}), a[5] = u) : u = a[5];
+	let d;
+	return a[6] !== s || a[7] !== l ? (d = /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: l,
+		...s,
+		children: u
+	}), a[6] = s, a[7] = l, a[8] = d) : d = a[8], d;
+}
+export { Switch };

package/dist/components/ui/table.js

@@ -0,0 +1,81 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Table(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("w-full caption-bottom text-sm", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: s,
+			...o
+		})
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function TableHeader(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("[&_tr]:border-b", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function TableBody(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("[&_tr:last-child]:border-0", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function TableRow(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function TableHead(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+function TableCell(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/components/ui/textarea.js

@@ -0,0 +1,17 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Textarea(r) {
+	let i = c(8), a, o;
+	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let s;
+	i[3] === a ? s = i[4] : (s = cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", a), i[3] = a, i[4] = s);
+	let l;
+	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: s,
+		...o
+	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+}
+export { Textarea };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,50 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+function TooltipProvider(e) {
+	let i = c(6), a, o;
+	i[0] === e ? (a = i[1], o = i[2]) : ({delayDuration: o, ...a} = e, i[0] = e, i[1] = a, i[2] = o);
+	let s = o === void 0 ? 0 : o, l;
+	return i[3] !== s || i[4] !== a ? (l = /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: s,
+		...a
+	}), i[3] = s, i[4] = a, i[5] = l) : l = i[5], l;
+}
+function Tooltip(e) {
+	let i = c(4), o;
+	i[0] === e ? o = i[1] : ({...o} = e, i[0] = e, i[1] = o);
+	let s;
+	return i[2] === o ? s = i[3] : (s = /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...o
+	}) }), i[2] = o, i[3] = s), s;
+}
+function TooltipTrigger(e) {
+	let i = c(4), a;
+	i[0] === e ? a = i[1] : ({...a} = e, i[0] = e, i[1] = a);
+	let o;
+	return i[2] === a ? o = i[3] : (o = /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...a
+	}), i[2] = a, i[3] = o), o;
+}
+function TooltipContent(a) {
+	let o = c(13), s, l, u, d;
+	o[0] === a ? (s = o[1], l = o[2], u = o[3], d = o[4]) : ({className: l, sideOffset: d, children: s, ...u} = a, o[0] = a, o[1] = s, o[2] = l, o[3] = u, o[4] = d);
+	let f = d === void 0 ? 0 : d, p;
+	o[5] === l ? p = o[6] : (p = cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", l), o[5] = l, o[6] = p);
+	let m;
+	o[7] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }), o[7] = m) : m = o[7];
+	let h;
+	return o[8] !== s || o[9] !== u || o[10] !== f || o[11] !== p ? (h = /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset: f,
+		className: p,
+		...u,
+		children: [s, m]
+	}) }), o[8] = s, o[9] = u, o[10] = f, o[11] = p, o[12] = h) : h = o[12], h;
+}
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/features/health/LocalHealthCheck.js

@@ -0,0 +1,95 @@
+import { ApiClientEvents } from "../../events/api-client-events.js";
+import { eventBus } from "../../services/eventEmitter.js";
+import "../../services/index.js";
+import { useStudio } from "../../providers/StudioProvider.js";
+import { useGetHealthInfo, useWorkerAuth, useWorkerAuthTokenRefresh } from "../../hooks/useAuth.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../../components/ui/sheet.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RefreshCw } from "lucide-react";
+import { useQueryClient } from "@tanstack/react-query";
+const Escalation = {
+	None: 0,
+	Refresh: 1,
+	Login: 2,
+	Debug: 3,
+	Connection: 4
+};
+var LocalHealthCheck_default = () => {
+	let { environment: b } = useStudio(), [x, S] = useState(Escalation.None), C = useWorkerAuth(), w = useWorkerAuthTokenRefresh(), T = useGetHealthInfo(!1), E = useQueryClient(), D = useRef(w);
+	D.current = w;
+	let O = useRef(C);
+	O.current = C;
+	let k = useRef(T);
+	k.current = T;
+	let A = useCallback(() => {
+		k.current.refetch();
+	}, []), j = useCallback(() => {
+		D.current.mutate();
+	}, []), M = useCallback(async () => {
+		try {
+			let t = "local";
+			b.getIdToken && (t = await b.getIdToken()), O.current.mutate({ hubLoginRequestDto: { idToken: t } });
+		} catch {
+			S(Escalation.Debug);
+		}
+	}, [b]);
+	return useEffect(() => {
+		if (x !== Escalation.Connection) return;
+		let t = setInterval(A, 5e3);
+		return () => clearInterval(t);
+	}, [x, A]), useEffect(() => {
+		T.data && (S(Escalation.None), E.invalidateQueries());
+	}, [T.data, E]), useEffect(() => {
+		w.error && S(Escalation.Login);
+	}, [w.error]), useEffect(() => {
+		w.data?.status === 200 && S(Escalation.None);
+	}, [w.data]), useEffect(() => {
+		C.error && S(Escalation.Debug);
+	}, [C.error]), useEffect(() => {
+		C.data?.status === 200 && S(Escalation.None);
+	}, [C.data]), useEffect(() => {
+		x === Escalation.Refresh ? j() : x === Escalation.Login && M();
+	}, [
+		x,
+		j,
+		M
+	]), useEffect(() => {
+		let v = eventBus.on(ApiClientEvents.UNAUTHORIZED, () => {
+			S(Escalation.Refresh);
+		}), y = eventBus.on(ApiClientEvents.ERR_NETWORK, () => {
+			S(Escalation.Connection);
+		});
+		return () => {
+			v(), y();
+		};
+	}, []), /* @__PURE__ */ jsx(Sheet, {
+		open: x >= Escalation.Debug,
+		children: /* @__PURE__ */ jsx(SheetContent, {
+			side: "bottom",
+			children: /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex w-full flex-row items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Connection issues detected" }), /* @__PURE__ */ jsxs(SheetDescription, { children: [
+					"Please make sure the environment",
+					" ",
+					/* @__PURE__ */ jsxs("strong", { children: [
+						b.name,
+						" (",
+						b.id,
+						")"
+					] }),
+					" ",
+					"is properly configured and running."
+				] })] }), x === Escalation.Connection && /* @__PURE__ */ jsx("div", {
+					className: "mr-10",
+					children: /* @__PURE__ */ jsxs("button", {
+						onClick: A,
+						className: "bg-primary flex items-center gap-2 rounded-md px-4 py-2 text-white transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+						children: [/* @__PURE__ */ jsx(RefreshCw, { className: `h-3 w-3 ${T.isLoading ? "animate-spin" : ""}` }), "Retry"]
+					})
+				})]
+			}) })
+		})
+	});
+};
+export { LocalHealthCheck_default as default };