@overvis/hmi-workspace-ui 0.1.0 → 0.1.1

package/dist/panel-BCwBlB_h.js

@@ -0,0 +1,949 @@
+import { a as e, f as t, l as n, m as r, o as i } from "./i18n-Dt6xbSK6.js";
+import { J as a, Mt as o, N as s, Nt as c, Ot as l, at as u, ct as d, jt as f, kt as p, lt as m, st as h, ut as g, wt as _ } from "./alert-dialog-B60PF7S9.js";
+import { c as v, d as y, f as b, g as x, l as S, q as C, t as ee } from "./spinner-BRcNKwjH.js";
+import * as w from "react";
+import { createContext as te, useCallback as ne, useContext as re, useEffect as T, useMemo as ie, useRef as E, useState as D } from "react";
+import { Toaster as ae } from "sonner";
+import { Fragment as oe, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { BellIcon as A, CalendarIcon as j, ChevronDownIcon as se, ChevronLeftIcon as ce, ChevronRightIcon as le, CircleCheckIcon as ue, InfoIcon as de, MoreHorizontalIcon as fe, OctagonXIcon as pe, TriangleAlertIcon as M, XIcon as N } from "lucide-react";
+import { cva as P } from "class-variance-authority";
+import { formatAppDateTime as F, parseAppDateTime as I, parseExactAppDateTime as L } from "@overvis/hmi-shared";
+import { Dialog as R } from "@base-ui/react/dialog";
+import { mergeProps as z } from "@base-ui/react/merge-props";
+import { useRender as B } from "@base-ui/react/use-render";
+import { DayPicker as me, getDefaultClassNames as V } from "react-day-picker";
+import { Radio as H } from "@base-ui/react/radio";
+import { RadioGroup as he } from "@base-ui/react/radio-group";
+import { Tabs as U } from "@base-ui/react/tabs";
+// src/ui/breadcrumb.tsx
+function ge({ className: e, ...t }) {
+	let n = r();
+	return /* @__PURE__ */ O("nav", {
+		"aria-label": n("ui_breadcrumb"),
+		"data-slot": "breadcrumb",
+		className: c(e),
+		...t
+	});
+}
+function _e({ className: e, ...t }) {
+	return /* @__PURE__ */ O("ol", {
+		"data-slot": "breadcrumb-list",
+		className: c("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", e),
+		...t
+	});
+}
+function ve({ className: e, ...t }) {
+	return /* @__PURE__ */ O("li", {
+		"data-slot": "breadcrumb-item",
+		className: c("inline-flex items-center gap-1", e),
+		...t
+	});
+}
+function ye({ className: e, render: t, ...n }) {
+	return B({
+		defaultTagName: "a",
+		props: z({ className: c("\n            transition-colors\n            hover:text-foreground\n          ", e) }, n),
+		render: t,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+function be({ className: e, ...t }) {
+	return /* @__PURE__ */ O("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: c("font-normal text-foreground", e),
+		...t
+	});
+}
+function xe({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ O("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: c("[&>svg]:size-3.5", t),
+		...n,
+		children: e ?? /* @__PURE__ */ O(le, {})
+	});
+}
+function Se({ className: e, ...t }) {
+	let n = r();
+	return /* @__PURE__ */ k("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: c("\n          flex size-5 items-center justify-center\n          [&>svg]:size-4\n        ", e),
+		...t,
+		children: [/* @__PURE__ */ O(fe, {}), /* @__PURE__ */ O("span", {
+			className: "sr-only",
+			children: n("ui_more")
+		})]
+	});
+}
+// src/ui/calendar.tsx
+function Ce({ className: e, rootRef: t, ...n }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "calendar",
+		ref: t,
+		className: c(e),
+		...n
+	});
+}
+function we({ className: e, orientation: t, ...n }) {
+	return O(t === "left" ? ce : t === "right" ? le : se, {
+		className: c("size-4", e),
+		...n
+	});
+}
+function W({ className: e, classNames: t, showOutsideDays: n = !0, captionLayout: r = "label", buttonVariant: i = "ghost", locale: a, formatters: s, components: l, ...u }) {
+	let d = V();
+	return /* @__PURE__ */ O(me, {
+		showOutsideDays: n,
+		className: c("\n          group/calendar bg-background p-2 [--cell-radius:var(--radius-md)]\n          [--cell-size:--spacing(7)]\n          in-data-[slot=card-content]:bg-transparent\n          in-data-[slot=popover-content]:bg-transparent\n        ", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, e),
+		captionLayout: r,
+		locale: a,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(a?.code, { month: "short" }),
+			...s
+		},
+		classNames: {
+			root: c("w-fit", d.root),
+			months: c("\n            relative flex flex-col gap-4\n            md:flex-row\n          ", d.months),
+			month: c("flex w-full flex-col gap-4", d.month),
+			nav: c("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", d.nav),
+			button_previous: c(o({ variant: i }), "\n            size-(--cell-size) p-0 select-none\n            aria-disabled:opacity-50\n          ", d.button_previous),
+			button_next: c(o({ variant: i }), "\n            size-(--cell-size) p-0 select-none\n            aria-disabled:opacity-50\n          ", d.button_next),
+			month_caption: c("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", d.month_caption),
+			dropdowns: c("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", d.dropdowns),
+			dropdown_root: c("relative rounded-(--cell-radius)", d.dropdown_root),
+			dropdown: c("absolute inset-0 bg-popover opacity-0", d.dropdown),
+			caption_label: c("font-medium select-none", r === "label" ? "text-sm" : "\n              flex items-center gap-1 rounded-(--cell-radius) text-sm\n              [&>svg]:size-3.5 [&>svg]:text-muted-foreground\n            ", d.caption_label),
+			month_grid: c("w-full border-collapse", d.month_grid),
+			weekdays: c("flex", d.weekdays),
+			weekday: c("\n            flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground\n            select-none\n          ", d.weekday),
+			week: c("mt-2 flex w-full", d.week),
+			week_number_header: c("w-(--cell-size) select-none", d.week_number_header),
+			week_number: c("text-[0.8rem] text-muted-foreground select-none", d.week_number),
+			day: c("\n            group/day relative aspect-square size-full rounded-(--cell-radius) p-0 text-center\n            select-none\n            [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)\n          ", u.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", d.day),
+			range_start: c("\n            relative isolate z-0 rounded-l-(--cell-radius) bg-muted\n            after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted\n          ", d.range_start),
+			range_middle: c("rounded-none", d.range_middle),
+			range_end: c("\n            relative isolate z-0 rounded-r-(--cell-radius) bg-muted\n            after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted\n          ", d.range_end),
+			today: c("\n            rounded-(--cell-radius) bg-muted text-foreground\n            data-[selected=true]:rounded-none\n          ", d.today),
+			outside: c("\n            text-muted-foreground\n            aria-selected:text-muted-foreground\n          ", d.outside),
+			disabled: c("text-muted-foreground opacity-50", d.disabled),
+			hidden: c("invisible", d.hidden),
+			...t
+		},
+		components: {
+			Root: Ce,
+			Chevron: we,
+			DayButton: ({ ...e }) => /* @__PURE__ */ O(G, {
+				...e,
+				...a == null ? {} : { locale: a }
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ O("td", {
+				...t,
+				children: /* @__PURE__ */ O("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...l
+		},
+		...u
+	});
+}
+function G({ className: e, day: t, modifiers: n, locale: r, ...i }) {
+	let a = V(), o = w.useRef(null);
+	return w.useEffect(() => {
+		n.focused && o.current?.focus();
+	}, [n]), /* @__PURE__ */ O(f, {
+		variant: "ghost",
+		size: "icon",
+		"data-day": t.date.toLocaleDateString(r?.code),
+		"data-selected-single": n.selected && !n.range_start && !n.range_end && !n.range_middle,
+		"data-range-start": n.range_start,
+		"data-range-end": n.range_end,
+		"data-range-middle": n.range_middle,
+		className: c("\n          relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col\n          gap-1 border-0 leading-none font-normal\n          group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10\n          group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px]\n          group-data-[focused=true]/day:ring-ring/50\n          data-[range-end=true]:rounded-(--cell-radius)\n          data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary\n          data-[range-end=true]:text-primary-foreground\n          data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted\n          data-[range-middle=true]:text-foreground\n          data-[range-start=true]:rounded-(--cell-radius)\n          data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary\n          data-[range-start=true]:text-primary-foreground\n          data-[selected-single=true]:bg-primary\n          data-[selected-single=true]:text-primary-foreground\n          dark:hover:text-foreground\n          [&>span]:text-xs [&>span]:opacity-70\n        ", a.day, e),
+		...i
+	});
+}
+// src/ui/date-time-picker.tsx
+var K = "dddd-dd-dd dd:dd:dd";
+function Te(e) {
+	return e.length < 19 && Array.from(e).every((e, t) => K[t] === "d" ? /^\d$/.test(e) : e === K[t]);
+}
+function Ee(e) {
+	return L(e) == null ? Te(e) ? "incomplete" : "invalid" : "valid";
+}
+function De(e, t = !1) {
+	if (t && e === "") return {
+		draft: "",
+		status: "valid"
+	};
+	let n = Ee(e);
+	if (n === "incomplete") return {
+		draft: e,
+		status: n
+	};
+	let r = I(e);
+	return r == null ? {
+		draft: e,
+		status: n
+	} : {
+		draft: F(r),
+		status: "valid"
+	};
+}
+function Oe(e) {
+	let t = I(e) ?? void 0;
+	return {
+		date: t,
+		time: t == null ? "00:00:00" : F(t).slice(11)
+	};
+}
+function q(e, t) {
+	let n = `${F(new Date(e.getFullYear(), e.getMonth(), e.getDate())).slice(0, 10)} ${t}`;
+	return L(n) == null ? null : n;
+}
+function ke(e) {
+	let t = I(e.from), n = I(e.to);
+	return t != null && n != null && t.getTime() >= n.getTime();
+}
+function J({ value: e, onValueChange: n, className: i, placeholder: a = t("ui_select_date_time"), disabled: o, id: s, optional: l = !1, ...u }) {
+	let d = r(), [p, m] = w.useState({
+		disabled: o,
+		open: !1
+	}), h = p.disabled === o ? p : {
+		disabled: o,
+		open: !1
+	}, { draft: g, status: _ } = De(e, l), { date: S, time: C } = Oe(e);
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "date-time-picker",
+		className: c("space-y-1", i),
+		children: [/* @__PURE__ */ k("div", {
+			className: "flex gap-1",
+			children: [/* @__PURE__ */ O(v, {
+				...u,
+				id: s,
+				value: g,
+				placeholder: a,
+				disabled: o,
+				"aria-invalid": _ === "invalid",
+				onChange: (e) => {
+					n(e.currentTarget.value);
+				}
+			}), o === !0 ? /* @__PURE__ */ O(f, {
+				type: "button",
+				variant: "outline",
+				size: "icon",
+				disabled: !0,
+				"aria-label": a,
+				children: /* @__PURE__ */ O(j, {})
+			}) : /* @__PURE__ */ k(y, {
+				open: h.open,
+				onOpenChange: (e) => {
+					m({
+						disabled: o,
+						open: e
+					});
+				},
+				children: [/* @__PURE__ */ O(x, {
+					render: /* @__PURE__ */ O(f, {
+						type: "button",
+						variant: "outline",
+						size: "icon",
+						"aria-label": a
+					}),
+					children: /* @__PURE__ */ O(j, {})
+				}), /* @__PURE__ */ k(b, {
+					"aria-label": a,
+					align: "end",
+					className: "w-auto",
+					children: [/* @__PURE__ */ O(W, {
+						mode: "single",
+						labels: { labelNav: () => a },
+						...S == null ? {} : {
+							selected: S,
+							defaultMonth: S
+						},
+						onSelect: (e) => {
+							if (e == null) return;
+							let t = q(e, C);
+							t != null && n(t);
+						}
+					}), /* @__PURE__ */ O(v, {
+						type: "time",
+						step: 1,
+						value: C,
+						"aria-label": a,
+						onChange: (e) => {
+							let t = q(S ?? /* @__PURE__ */ new Date(), e.currentTarget.value);
+							t != null && n(t);
+						}
+					})]
+				})]
+			})]
+		}), _ === "invalid" ? /* @__PURE__ */ O("p", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: d("ui_invalid_date_time")
+		}) : _ === "incomplete" ? /* @__PURE__ */ O("p", {
+			className: "text-xs text-muted-foreground",
+			children: d("ui_incomplete_date_time")
+		}) : null]
+	});
+}
+function Ae({ value: e, onValueChange: t, className: n, disabled: i, optional: a = !1 }) {
+	let o = r(), s = ke(e);
+	return /* @__PURE__ */ k("div", {
+		"data-slot": "date-time-range-picker",
+		className: c("space-y-1", n),
+		children: [/* @__PURE__ */ k("div", {
+			className: c("grid gap-2", "sm:grid-cols-2"),
+			children: [/* @__PURE__ */ O(J, {
+				value: e.from,
+				disabled: i,
+				optional: a,
+				"aria-label": o("ui_start_date_time"),
+				placeholder: o("ui_start_date_time"),
+				onValueChange: (n) => {
+					t({
+						...e,
+						from: n
+					});
+				}
+			}), /* @__PURE__ */ O(J, {
+				value: e.to,
+				disabled: i,
+				optional: a,
+				"aria-label": o("ui_end_date_time"),
+				placeholder: o("ui_end_date_time"),
+				onValueChange: (n) => {
+					t({
+						...e,
+						to: n
+					});
+				}
+			})]
+		}), s && /* @__PURE__ */ O("p", {
+			role: "alert",
+			className: "text-xs text-destructive",
+			children: o("ui_invalid_date_time_range")
+		})]
+	});
+}
+// src/ui/item.tsx
+function je({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-group",
+		className: c("\n          group/item-group flex w-full flex-col gap-4\n          has-data-[size=sm]:gap-2.5\n          has-data-[size=xs]:gap-2\n        ", e),
+		...t
+	});
+}
+function Me({ className: e, ...t }) {
+	return /* @__PURE__ */ O(C, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: c("my-2", e),
+		...t
+	});
+}
+var Ne = P("\n    group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors\n    duration-100 outline-none\n    focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\n    [a]:transition-colors\n    [a]:hover:bg-muted\n  ", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-2.5 px-3 py-2.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "\n          gap-2 px-2.5 py-2\n          in-data-[slot=dropdown-menu-content]:p-0\n        "
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Pe({ className: e, variant: t = "default", size: n = "default", render: r, ...i }) {
+	return B({
+		defaultTagName: "div",
+		props: z({ className: c(Ne({
+			variant: t,
+			size: n,
+			className: e
+		})) }, i),
+		render: r,
+		state: {
+			slot: "item",
+			variant: t,
+			size: n
+		}
+	});
+}
+var Fe = P("\n    flex shrink-0 items-center justify-center gap-2\n    group-has-data-[slot=item-description]/item:translate-y-0.5\n    group-has-data-[slot=item-description]/item:self-start\n    [&_svg]:pointer-events-none\n  ", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "\n          size-10 overflow-hidden rounded-sm\n          group-data-[size=sm]/item:size-8\n          group-data-[size=xs]/item:size-6\n          [&_img]:size-full [&_img]:object-cover\n        "
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Ie({ className: e, variant: t = "default", ...n }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-media",
+		"data-variant": t,
+		className: c(Fe({
+			variant: t,
+			className: e
+		})),
+		...n
+	});
+}
+function Le({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-content",
+		className: c("\n          flex flex-1 flex-col gap-1\n          group-data-[size=xs]/item:gap-0\n          [&+[data-slot=item-content]]:flex-none\n        ", e),
+		...t
+	});
+}
+function Re({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-title",
+		className: c("line-clamp-1 flex w-fit items-center gap-2 text-sm/snug font-medium underline-offset-4", e),
+		...t
+	});
+}
+function ze({ className: e, ...t }) {
+	return /* @__PURE__ */ O("p", {
+		"data-slot": "item-description",
+		className: c("\n          line-clamp-2 text-left text-sm/normal font-normal text-muted-foreground\n          group-data-[size=xs]/item:text-xs\n          [&>a]:underline [&>a]:underline-offset-4\n          [&>a:hover]:text-primary\n        ", e),
+		...t
+	});
+}
+function Be({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-actions",
+		className: c("flex items-center gap-2", e),
+		...t
+	});
+}
+function Ve({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-header",
+		className: c("flex basis-full items-center justify-between gap-2", e),
+		...t
+	});
+}
+function He({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "item-footer",
+		className: c("flex basis-full items-center justify-between gap-2", e),
+		...t
+	});
+}
+// src/ui/page-header.tsx
+function Ue({ icon: e, breadcrumbs: t, title: n, description: r, titleActions: i, actions: a, children: o, className: l, ...u }) {
+	return /* @__PURE__ */ k("header", {
+		"data-slot": "page-header",
+		className: c("flex flex-col gap-3 px-4 py-3", l),
+		...u,
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-2",
+				children: [/* @__PURE__ */ k("div", {
+					className: "flex min-w-0 flex-1 basis-56 flex-col gap-0.5",
+					children: [
+						t == null ? null : /* @__PURE__ */ O("div", {
+							className: "min-w-0 pb-0.5",
+							children: t
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "flex w-fit max-w-full min-w-0 items-center gap-2.5",
+							children: [
+								e == null ? null : /* @__PURE__ */ O("span", {
+									className: "\n                  flex shrink-0 text-muted-foreground\n                  [&_svg]:size-6\n                ",
+									children: e
+								}),
+								/* @__PURE__ */ O(s, {
+									size: "large",
+									className: "w-fit max-w-full truncate",
+									children: n
+								}),
+								i == null ? null : /* @__PURE__ */ O("div", {
+									className: "flex shrink-0 items-center gap-1.5",
+									children: i
+								})
+							]
+						}),
+						r == null ? null : /* @__PURE__ */ O("div", {
+							className: c("min-w-0 text-[13px] text-muted-foreground", e != null && "sm:pl-8.5"),
+							children: r
+						})
+					]
+				}), a == null ? null : /* @__PURE__ */ O("div", {
+					className: "ml-auto flex shrink-0 flex-wrap items-center gap-1.5",
+					children: a
+				})]
+			}),
+			o,
+			/* @__PURE__ */ O(C, {})
+		]
+	});
+}
+// src/ui/radio-group.tsx
+function We({ className: e, ...t }) {
+	return /* @__PURE__ */ O(he, {
+		"data-slot": "radio-group",
+		className: c("grid w-full gap-2", e),
+		...t
+	});
+}
+function Ge({ className: e, ...t }) {
+	return /* @__PURE__ */ O(H.Root, {
+		"data-slot": "radio-group-item",
+		className: c("\n          group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full\n          border border-input outline-none\n          group-has-focus-visible/field-label:ring-0\n          group-has-focus-visible/field-label:not-data-checked:border-input\n          after:absolute after:-inset-x-3 after:-inset-y-2\n          focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\n          disabled:cursor-not-allowed disabled:opacity-50\n          aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20\n          aria-invalid:aria-checked:border-primary\n          dark:bg-input/30\n          dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\n          data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground\n          group-has-focus-visible/field-label:data-checked:border-primary\n          dark:data-checked:bg-primary\n        ", e),
+		...t,
+		children: /* @__PURE__ */ O(H.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ O("span", { className: "\n            absolute top-1/2 left-1/2 size-2 -translate-1/2 rounded-full bg-primary-foreground\n          " })
+		})
+	});
+}
+// src/ui/sheet.tsx
+function Y(e) {
+	return /* @__PURE__ */ O(R.Root, {
+		"data-slot": "sheet",
+		...a(e)
+	});
+}
+function X({ ...e }) {
+	return /* @__PURE__ */ O(R.Trigger, {
+		"data-slot": "sheet-trigger",
+		...e
+	});
+}
+function Ke({ ...e }) {
+	return /* @__PURE__ */ O(R.Close, {
+		"data-slot": "sheet-close",
+		...e
+	});
+}
+function qe({ ...e }) {
+	let t = p(), n = t?.container;
+	return t != null && n == null ? null : /* @__PURE__ */ O(R.Portal, {
+		"data-slot": "sheet-portal",
+		...e,
+		container: n ?? void 0
+	});
+}
+function Je({ className: e, ...t }) {
+	l();
+	let n = p();
+	return /* @__PURE__ */ O(R.Backdrop, {
+		"data-slot": "sheet-overlay",
+		forceRender: !0,
+		className: c("\n          inset-0 z-50 bg-black/10 transition-opacity duration-150\n          data-ending-style:opacity-0\n          data-starting-style:opacity-0\n          supports-backdrop-filter:backdrop-blur-xs\n        ", n?.container == null ? "fixed" : "absolute", e),
+		...t
+	});
+}
+function Ye({ className: e, children: t, side: n = "right", showCloseButton: i = !0, onKeyDown: a, ...o }) {
+	let s = r(), l = p();
+	return /* @__PURE__ */ k(qe, { children: [/* @__PURE__ */ O(Je, {}), /* @__PURE__ */ k(R.Popup, {
+		"data-slot": "sheet-content",
+		"data-side": n,
+		className: c("\n            z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground\n            shadow-lg transition duration-200 ease-in-out\n            data-ending-style:opacity-0\n            data-starting-style:opacity-0\n            data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto\n            data-[side=bottom]:border-t\n            data-[side=bottom]:data-ending-style:translate-y-10\n            data-[side=bottom]:data-starting-style:translate-y-10\n            data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full\n            data-[side=left]:w-3/4 data-[side=left]:border-r\n            data-[side=left]:data-ending-style:-translate-x-10\n            data-[side=left]:data-starting-style:-translate-x-10\n            data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full\n            data-[side=right]:w-3/4 data-[side=right]:border-l\n            data-[side=right]:data-ending-style:translate-x-10\n            data-[side=right]:data-starting-style:translate-x-10\n            data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto\n            data-[side=top]:border-b\n            data-[side=top]:data-ending-style:-translate-y-10\n            data-[side=top]:data-starting-style:-translate-y-10\n            data-[side=left]:sm:max-w-sm\n            data-[side=right]:sm:max-w-sm\n          ", l?.container == null ? "fixed" : "absolute", e),
+		...o,
+		onKeyDown: (e) => {
+			_(e, e.currentTarget), a?.(e);
+		},
+		children: [t, i ? /* @__PURE__ */ k(R.Close, {
+			"data-slot": "sheet-close",
+			render: /* @__PURE__ */ O(f, {
+				variant: "ghost",
+				className: "absolute top-3 right-3",
+				size: "icon-sm"
+			}),
+			children: [/* @__PURE__ */ O(N, {}), /* @__PURE__ */ O("span", {
+				className: "sr-only",
+				children: s("action_close")
+			})]
+		}) : null]
+	})] });
+}
+function Xe({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "sheet-header",
+		className: c("flex flex-col gap-0.5 p-4", e),
+		...t
+	});
+}
+function Ze({ className: e, ...t }) {
+	return /* @__PURE__ */ O("div", {
+		"data-slot": "sheet-footer",
+		className: c("mt-auto flex flex-col gap-2 p-4", e),
+		...t
+	});
+}
+function Qe({ className: e, ...t }) {
+	return /* @__PURE__ */ O(R.Title, {
+		"data-slot": "sheet-title",
+		className: c("font-heading text-base font-medium text-foreground", e),
+		...t
+	});
+}
+function $e({ className: e, ...t }) {
+	return /* @__PURE__ */ O(R.Description, {
+		"data-slot": "sheet-description",
+		className: c("text-sm text-muted-foreground", e),
+		...t
+	});
+}
+// src/theme-provider.tsx
+var et = te(void 0);
+function tt(e) {
+	return e === "dark" || e === "light" || e === "system";
+}
+function nt() {
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function rt(e) {
+	let t = window.document.documentElement;
+	t.classList.remove("light", "dark"), t.classList.add(e);
+}
+function it(e, t) {
+	try {
+		let n = localStorage.getItem(e);
+		return tt(n) ? n : t;
+	} catch {
+		return t;
+	}
+}
+function at({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-theme" }) {
+	let [r, i] = D(() => it(n, t)), [a, o] = D(nt), s = r === "system" ? a : r;
+	T(() => {
+		rt(s);
+	}, [s]), T(() => {
+		let e = window.matchMedia("(prefers-color-scheme: dark)");
+		function t() {
+			o(e.matches ? "dark" : "light");
+		}
+		return e.addEventListener("change", t), () => {
+			e.removeEventListener("change", t);
+		};
+	}, []);
+	let c = ne((e) => {
+		try {
+			localStorage.setItem(n, e);
+		} catch {}
+		i(e);
+	}, [n]), l = ie(() => ({
+		theme: r,
+		resolvedTheme: s,
+		setTheme: c
+	}), [
+		r,
+		s,
+		c
+	]);
+	return /* @__PURE__ */ O(et.Provider, {
+		value: l,
+		children: e
+	});
+}
+function ot() {
+	let e = re(et);
+	if (e === void 0) throw Error("useTheme must be used within a ThemeProvider");
+	return e;
+}
+// src/ui/sonner.tsx
+var st = ({ ...e }) => {
+	let { resolvedTheme: t } = ot(), n = r();
+	return /* @__PURE__ */ O(ae, {
+		theme: t,
+		className: "toaster group font-sans",
+		gap: 10,
+		icons: {
+			success: /* @__PURE__ */ O(ue, { className: "size-4" }),
+			info: /* @__PURE__ */ O(de, { className: "size-4" }),
+			warning: /* @__PURE__ */ O(M, { className: "size-4" }),
+			error: /* @__PURE__ */ O(pe, { className: "size-4" }),
+			loading: /* @__PURE__ */ O(ee, { className: "size-4" }),
+			close: /* @__PURE__ */ O(N, { className: "size-3.5" })
+		},
+		toastOptions: {
+			unstyled: !0,
+			closeButton: !0,
+			closeButtonAriaLabel: n("messages_toast_close"),
+			classNames: {
+				toast: "\n            group/toast flex w-(--width) items-start gap-3 rounded-lg border bg-popover py-3 pr-10\n            pl-3 text-sm text-popover-foreground shadow-lg shadow-black/5 outline-none\n            focus-visible:ring-3 focus-visible:ring-ring/50\n            data-[expanded=false]:data-[front=false]:*:opacity-0\n            dark:shadow-black/30\n          ",
+				success: "\n            [--toast-accent:var(--color-emerald-600)]\n            dark:[--toast-accent:var(--color-emerald-400)]\n          ",
+				info: "\n            [--toast-accent:var(--color-sky-600)]\n            dark:[--toast-accent:var(--color-sky-400)]\n          ",
+				warning: "\n            [--toast-accent:var(--color-amber-600)]\n            dark:[--toast-accent:var(--color-amber-400)]\n          ",
+				error: "[--toast-accent:var(--destructive)]",
+				loading: "[--toast-accent:var(--muted-foreground)]",
+				icon: "\n            flex size-7 shrink-0 items-center justify-center rounded-md bg-(--toast-accent)/12\n            text-(--toast-accent)\n            empty:hidden\n          ",
+				content: "flex min-w-0 flex-1 flex-col gap-0.5 self-center",
+				title: "leading-5 font-medium wrap-anywhere",
+				description: "text-[13px]/5 wrap-anywhere text-muted-foreground",
+				actionButton: "\n            inline-flex h-7 shrink-0 cursor-pointer items-center self-center rounded-md border\n            bg-background px-2.5 text-xs font-medium shadow-xs transition-colors outline-none\n            hover:bg-accent hover:text-accent-foreground\n            focus-visible:ring-3 focus-visible:ring-ring/50\n          ",
+				cancelButton: "\n            inline-flex h-7 shrink-0 cursor-pointer items-center self-center rounded-md px-2.5\n            text-xs font-medium text-muted-foreground transition-colors outline-none\n            hover:bg-accent hover:text-accent-foreground\n            focus-visible:ring-3 focus-visible:ring-ring/50\n          ",
+				closeButton: "\n            absolute top-2 right-2 flex size-6 cursor-pointer items-center justify-center rounded-md\n            border-0 bg-transparent! text-muted-foreground! opacity-0 transition-opacity outline-none\n            group-hover/toast:opacity-100\n            hover:bg-accent! hover:text-accent-foreground!\n            focus-visible:opacity-100 focus-visible:ring-3 focus-visible:ring-ring/50\n            pointer-coarse:opacity-100\n          "
+			}
+		},
+		...e
+	});
+};
+// src/ui/tabs.tsx
+function ct({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ O(U.Root, {
+		"data-slot": "tabs",
+		"data-orientation": t,
+		className: c("\n          group/tabs flex gap-2\n          data-horizontal:flex-col\n        ", e),
+		...n
+	});
+}
+var lt = P("\n    group/tabs-list inline-flex w-fit items-center justify-center rounded-lg text-muted-foreground\n    group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col\n    data-[variant=line]:rounded-none\n  ", {
+	variants: {
+		variant: {
+			default: "bg-muted",
+			line: "gap-1 bg-transparent"
+		},
+		size: {
+			default: "\n          p-[3px]\n          group-data-horizontal/tabs:h-8\n        ",
+			sm: "\n          p-0.5\n          group-data-horizontal/tabs:h-7\n        "
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Z({ className: e, variant: t = "default", size: n = "default", ...r }) {
+	return /* @__PURE__ */ O(U.List, {
+		"data-slot": "tabs-list",
+		"data-variant": t,
+		"data-size": n,
+		className: c(lt({
+			variant: t,
+			size: n
+		}), e),
+		...r
+	});
+}
+function Q({ className: e, ...t }) {
+	return /* @__PURE__ */ O(U.Tab, {
+		"data-slot": "tabs-trigger",
+		className: c("\n          relative inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center\n          gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium\n          whitespace-nowrap text-foreground/60 transition-all\n          group-data-[size=sm]/tabs-list:px-2 group-data-[size=sm]/tabs-list:text-xs\n          group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start\n          hover:text-foreground\n          focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\n          focus-visible:outline-1 focus-visible:outline-ring\n          disabled:pointer-events-none disabled:opacity-50\n          has-data-[icon=inline-end]:pr-1\n          has-data-[icon=inline-start]:pl-1\n          aria-disabled:pointer-events-none aria-disabled:opacity-50\n          dark:text-muted-foreground\n          dark:hover:text-foreground\n          group-data-[variant=default]/tabs-list:data-active:shadow-sm\n          group-data-[variant=line]/tabs-list:data-active:shadow-none\n          [&_svg]:pointer-events-none [&_svg]:shrink-0\n          [&_svg:not([class*='size-'])]:size-4\n        ", "\n          group-data-[variant=line]/tabs-list:bg-transparent\n          group-data-[variant=line]/tabs-list:data-active:bg-transparent\n          dark:group-data-[variant=line]/tabs-list:data-active:border-transparent\n          dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent\n        ", "\n          data-active:bg-background data-active:text-foreground\n          dark:data-active:border-input dark:data-active:bg-input/30\n          dark:data-active:text-foreground\n        ", "\n          after:absolute after:bg-foreground after:opacity-0 after:transition-opacity\n          group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px]\n          group-data-horizontal/tabs:after:h-0.5\n          group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1\n          group-data-vertical/tabs:after:w-0.5\n          group-data-[variant=line]/tabs-list:data-active:after:opacity-100\n        ", e),
+		...t
+	});
+}
+function $({ className: e, ...t }) {
+	return /* @__PURE__ */ O(U.Panel, {
+		"data-slot": "tabs-content",
+		className: c("flex-1 text-sm outline-none", e),
+		...t
+	});
+}
+// src/ui/message-history/panel.tsx
+var ut = {
+	success: ue,
+	info: de,
+	warning: M,
+	error: pe
+}, dt = {
+	success: "messages_kind_success",
+	info: "messages_kind_info",
+	warning: "messages_kind_warning",
+	error: "messages_kind_error"
+};
+function ft({ message: e, active: t }) {
+	let a = r(), o = i(), s = E(null);
+	T(() => {
+		if (!t || e.seen || !s.current) return;
+		let n = !1, r = () => {
+			n && document.visibilityState === "visible" && document.hasFocus() && o.markSeen([e.id]);
+		}, i = new IntersectionObserver((e) => {
+			n = e.some((e) => e.isIntersecting && e.intersectionRatio > 0), r();
+		});
+		return i.observe(s.current), document.addEventListener("visibilitychange", r), window.addEventListener("focus", r), () => {
+			i.disconnect(), document.removeEventListener("visibilitychange", r), window.removeEventListener("focus", r);
+		};
+	}, [
+		t,
+		e.id,
+		e.seen,
+		o
+	]);
+	let l = ut[e.kind], u = n(e.scope.href);
+	return /* @__PURE__ */ k("li", {
+		ref: s,
+		className: c("flex gap-3 px-5 py-3", e.kind === "error" && "bg-destructive/5"),
+		children: [
+			/* @__PURE__ */ O(l, {
+				"aria-hidden": "true",
+				className: c("mt-0.5 size-4 shrink-0", {
+					"text-destructive": e.kind === "error",
+					"text-amber-600 dark:text-amber-400": e.kind === "warning",
+					"text-green-600 dark:text-green-400": e.kind === "success",
+					"text-muted-foreground": e.kind === "info"
+				})
+			}),
+			/* @__PURE__ */ k("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ O("span", {
+						className: "sr-only",
+						children: a(dt[e.kind])
+					}),
+					/* @__PURE__ */ O("p", {
+						className: "wrap-anywhere whitespace-pre-wrap",
+						children: e.text
+					}),
+					/* @__PURE__ */ k("div", {
+						className: "\n            mt-1 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-muted-foreground\n            *:not-first:before:mr-2 *:not-first:before:inline-block *:not-first:before:font-normal\n            *:not-first:before:text-muted-foreground *:not-first:before:content-['·'/'']\n          ",
+						children: [
+							/* @__PURE__ */ O("time", {
+								dateTime: new Date(e.time).toISOString(),
+								children: F(e.time)
+							}),
+							e.scope.workspaceId ? /* @__PURE__ */ O("span", {
+								className: "min-w-0 wrap-anywhere",
+								children: e.scope.workspaceName ?? e.scope.workspaceId
+							}) : null,
+							u ? /* @__PURE__ */ O("a", {
+								href: u,
+								className: "\n                font-medium text-primary underline-offset-4\n                hover:underline\n              ",
+								children: a("messages_open")
+							}) : null
+						]
+					})
+				]
+			}),
+			e.seen ? null : /* @__PURE__ */ O("span", {
+				role: "img",
+				"aria-label": a("messages_unseen"),
+				className: "mt-1.5 size-2 shrink-0 rounded-full bg-primary"
+			})
+		]
+	});
+}
+function pt({ notifications: t, notificationUnreadCount: n = 0 }) {
+	let a = r(), o = e(), s = i(), [c, l] = D(!1), [p, _] = D("messages"), v = o.some((e) => !e.seen), y = E(null), b = a(t == null ? "messages_tab" : "messages_title"), x = /* @__PURE__ */ O("div", {
+		className: "flex min-h-0 flex-1 flex-col text-sm",
+		children: o.length > 0 ? /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ k("div", {
+			className: "flex shrink-0 flex-wrap justify-end gap-1 border-b px-3 pb-2",
+			children: [/* @__PURE__ */ O(f, {
+				size: "sm",
+				variant: "ghost",
+				disabled: !v,
+				focusableWhenDisabled: !0,
+				className: "\n                text-muted-foreground\n                aria-disabled:opacity-40\n              ",
+				onClick: () => {
+					s.markSeen(o.map((e) => e.id));
+				},
+				children: a("messages_mark_all")
+			}), /* @__PURE__ */ O(f, {
+				size: "sm",
+				variant: "ghost",
+				className: "text-muted-foreground",
+				onClick: () => {
+					y.current?.querySelector("[data-slot=\"sheet-close\"]")?.focus(), s.clear();
+				},
+				children: a("messages_clear")
+			})]
+		}), /* @__PURE__ */ O("ol", {
+			"aria-label": a("messages_tab"),
+			tabIndex: 0,
+			className: "\n              min-h-0 flex-1 divide-y overflow-y-auto overscroll-contain outline-none\n              focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:ring-inset\n            ",
+			children: o.map((e) => /* @__PURE__ */ O(ft, {
+				message: e,
+				active: c && (t == null || p === "messages")
+			}, e.id))
+		})] }) : /* @__PURE__ */ O(u, {
+			className: "justify-start px-8 py-16",
+			children: /* @__PURE__ */ k(d, { children: [
+				/* @__PURE__ */ O(m, {
+					variant: "icon",
+					children: /* @__PURE__ */ O(A, { "aria-hidden": "true" })
+				}),
+				/* @__PURE__ */ O(g, { children: a("messages_empty") }),
+				/* @__PURE__ */ O(h, { children: a("messages_empty_description") })
+			] })
+		})
+	});
+	return /* @__PURE__ */ k(Y, {
+		open: c,
+		onOpenChange: (e) => {
+			e && t != null && n > 0 && _("notifications"), l(e);
+		},
+		children: [/* @__PURE__ */ k(X, {
+			render: /* @__PURE__ */ O(f, {
+				size: "icon",
+				variant: "ghost",
+				className: "relative",
+				"aria-label": [
+					b,
+					...v ? [a("messages_unseen")] : [],
+					...n > 0 ? [a("messages_notification_count", { count: n })] : []
+				].join(". ")
+			}),
+			children: [/* @__PURE__ */ O(A, {}), n > 0 ? /* @__PURE__ */ O(S, {
+				"aria-hidden": "true",
+				className: "\n              absolute -top-0.5 -right-0.5 h-4 min-w-4 justify-center rounded-full px-1 text-[10px]\n              tabular-nums\n            ",
+				children: n > 99 ? "99+" : n
+			}) : v ? /* @__PURE__ */ O("span", {
+				"aria-hidden": "true",
+				className: "absolute top-1 right-1 size-2 rounded-full bg-primary"
+			}) : null]
+		}), /* @__PURE__ */ k(Ye, {
+			ref: y,
+			className: "\n          gap-0\n          data-[side=right]:w-full\n          data-[side=right]:sm:max-w-md\n        ",
+			children: [
+				/* @__PURE__ */ O(Xe, {
+					className: "px-5 pt-3.5 pr-12 pb-3",
+					children: /* @__PURE__ */ O(Qe, { children: b })
+				}),
+				t == null ? x : /* @__PURE__ */ k(ct, {
+					value: p,
+					onValueChange: (e) => {
+						_(String(e));
+					},
+					className: "min-h-0 flex-1 gap-0",
+					children: [
+						/* @__PURE__ */ k(Z, {
+							className: "mx-5 mb-3 shrink-0",
+							children: [/* @__PURE__ */ O(Q, {
+								value: "messages",
+								children: a("messages_tab")
+							}), /* @__PURE__ */ O(Q, {
+								value: "notifications",
+								children: a("messages_notifications_tab")
+							})]
+						}),
+						/* @__PURE__ */ O($, {
+							value: "messages",
+							className: "flex min-h-0 flex-col",
+							children: x
+						}),
+						/* @__PURE__ */ O($, {
+							value: "notifications",
+							className: "min-h-0 overflow-y-auto overscroll-contain px-5",
+							children: t
+						})
+					]
+				}),
+				t == null || p === "messages" ? /* @__PURE__ */ O($e, {
+					className: "shrink-0 border-t px-5 py-3 text-xs/relaxed",
+					children: a("messages_description")
+				}) : null
+			]
+		})]
+	});
+}
+export { Re as A, be as B, Le as C, Ve as D, je as E, ge as F, Se as I, ve as L, Ae as M, W as N, Ie as O, G as P, ye as R, Be as S, He as T, xe as V, X as _, Q as a, Ue as b, at as c, Ke as d, Ye as f, Qe as g, Xe as h, Z as i, J as j, Me as k, ot as l, Ze as m, ct as n, lt as o, $e as p, $ as r, st as s, pt as t, Y as u, We as v, ze as w, Pe as x, Ge as y, _e as z };