@pactor-app/ui 1.0.0 → 1.2.0

package/dist/components/index.cjs

@@ -79,6 +79,7 @@ __export(components_exports, {
   Popover: () => Popover2,
   Progress: () => Progress2,
   RadioGroup: () => RadioGroup2,
+  RailTooltip: () => RailTooltip,
   Resizable: () => Resizable,
   ScrollArea: () => ScrollArea2,
   Select: () => Select2,
@@ -100,11 +101,12 @@ __export(components_exports, {
   ToggleGroup: () => ToggleGroup2,
   Tooltip: () => Tooltip3,
   Typography: () => Typography2,
-  createShadcnComponentRegistry: () => createShadcnComponentRegistry,
+  builtinComponents: () => builtinComponents,
+  createComponentRegistry: () => createComponentRegistry,
   normalizeIconName: () => normalizeIconName,
-  registerShadcnComponents: () => registerShadcnComponents,
-  shadcnComponents: () => shadcnComponents,
-  useFormContext: () => useFormContext
+  registerBuiltinComponents: () => registerBuiltinComponents,
+  useFormContext: () => useFormContext,
+  useSidebarDrawer: () => useSidebarDrawer
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -1866,7 +1868,19 @@ var ICONS = {
   code: import_lucide_react10.Code,
   database: import_lucide_react10.Database,
   cloud: import_lucide_react10.Cloud,
-  languages: import_lucide_react10.Languages
+  languages: import_lucide_react10.Languages,
+  // @pactor-app/chat 收敛（spec: chat-icon-convergence）：chat 既有图标与
+  // 契约图标名（menu.icon / messageActions[].icon 的既有取值）直通
+  "chevrons-up-down": import_lucide_react10.ChevronsUpDown,
+  "file-text": import_lucide_react10.FileText,
+  "panel-left": import_lucide_react10.PanelLeft,
+  "panel-right-open": import_lucide_react10.PanelRightOpen,
+  square: import_lucide_react10.Square,
+  history: import_lucide_react10.History,
+  "rotate-ccw": import_lucide_react10.RotateCcw,
+  quote: import_lucide_react10.Quote,
+  chat: import_lucide_react10.MessageSquare,
+  brain: import_lucide_react10.Brain
 };
 function normalizeIconName(name) {
   return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
@@ -2075,10 +2089,129 @@ function Chart({
   );
 }
 
-// src/components/components/Content/index.tsx
+// src/components/components/ChatInput/index.tsx
+var import_runtime5 = require("@pactor-app/runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_react9 = require("react");
+
+// src/ui/textarea.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
-function Content({ className, style, children }) {
+function Textarea({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/components/ChatInput/index.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+function ChatInput({
+  value,
+  placeholder,
+  disabled,
+  rows = 3,
+  hideSend,
+  toolbarStart,
+  toolbarEnd,
+  header,
+  footer,
+  onChange,
+  onSubmit,
+  className,
+  style
+}) {
+  const { renderChildren } = (0, import_runtime5.useRenderer)();
+  const controlled = value !== void 0;
+  const [draft, setDraft] = (0, import_react9.useState)("");
+  const text = controlled ? value : draft;
+  const canSubmit = !disabled && text.trim() !== "";
+  const composingRef = (0, import_react9.useRef)(false);
+  const handleChange = (next) => {
+    if (!controlled) {
+      setDraft(next);
+    }
+    onChange?.(next);
+  };
+  const submit = () => {
+    if (!canSubmit) {
+      return;
+    }
+    onSubmit?.(text);
+    if (!controlled) {
+      setDraft("");
+    }
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !event.shiftKey && !composingRef.current && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      submit();
+    }
+  };
+  const handleComposition = (event) => {
+    composingRef.current = event.type === "compositionstart";
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    "div",
+    {
+      "data-slot": "chat-input",
+      className: cn(
+        "rounded-xl border border-border bg-background transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
+        className
+      ),
+      style,
+      children: [
+        header ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 pt-3", children: renderChildren([header]) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          Textarea,
+          {
+            value: text,
+            placeholder,
+            disabled,
+            rows,
+            onChange: (event) => handleChange(event.target.value),
+            onKeyDown: handleKeyDown,
+            onCompositionStart: handleComposition,
+            onCompositionEnd: handleComposition,
+            className: "min-h-[60px] resize-none border-0 px-4 pt-3 pb-1 shadow-none focus-visible:border-transparent focus-visible:ring-0"
+          }
+        ),
+        toolbarStart || toolbarEnd || !hideSend ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1 px-2 pb-2", children: [
+          toolbarStart ? renderChildren([toolbarStart]) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex-1" }),
+          toolbarEnd ? renderChildren([toolbarEnd]) : null,
+          hideSend ? null : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            Button,
+            {
+              type: "button",
+              size: "icon",
+              "aria-label": "\u53D1\u9001",
+              disabled: !canSubmit,
+              onClick: submit,
+              className: "size-8 rounded-full",
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.ArrowUp, {})
+            }
+          )
+        ] }) : null,
+        footer ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "border-t border-border px-3 py-2", children: renderChildren([footer]) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/components/Content/index.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function Content({ className, style, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "main",
     {
       "data-slot": "layout-content",
@@ -2091,22 +2224,22 @@ function Content({ className, style, children }) {
 
 // src/ui/context-menu.tsx
 var import_context_menu = require("@base-ui/react/context-menu");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_context_menu.ContextMenu.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_context_menu.ContextMenu.Popup,
     {
       "data-slot": "context-menu-content",
@@ -2123,7 +2256,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_context_menu.ContextMenu.Item,
     {
       "data-slot": "context-menu-item",
@@ -2138,7 +2271,7 @@ function ContextMenuItem({
 }
 
 // src/components/components/ContextMenu/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function ContextMenu2({
   items = [],
   onSelect,
@@ -2146,16 +2279,16 @@ function ContextMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ContextMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ContextMenuTrigger, { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ContextMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuTrigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ContextMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       ContextMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -2165,14 +2298,14 @@ function ContextMenu2({
 }
 
 // src/components/components/DataTable/index.tsx
-var import_runtime5 = require("@pactor-app/runtime");
-var import_lucide_react11 = require("lucide-react");
-var import_react9 = require("react");
+var import_runtime6 = require("@pactor-app/runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_react10 = require("react");
 
 // src/ui/input.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "input",
     {
       type,
@@ -2187,14 +2320,14 @@ function Input({ className, type, ...props }) {
 }
 
 // src/ui/table.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Table2({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -2206,7 +2339,7 @@ function Table2({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -2216,7 +2349,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2226,7 +2359,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -2239,7 +2372,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -2252,7 +2385,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -2266,7 +2399,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/components/DataTable/index.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function renderCellValue(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -2293,12 +2426,12 @@ function DataTable({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime5.useRenderer)();
-  const { t } = (0, import_runtime5.useI18n)();
-  const [sortState, setSortState] = (0, import_react9.useState)(sort);
-  const [filters, setFilters] = (0, import_react9.useState)({});
-  const [current, setCurrent] = (0, import_react9.useState)(1);
-  const viewRows = (0, import_react9.useMemo)(() => {
+  const { renderChildren } = (0, import_runtime6.useRenderer)();
+  const { t } = (0, import_runtime6.useI18n)();
+  const [sortState, setSortState] = (0, import_react10.useState)(sort);
+  const [filters, setFilters] = (0, import_react10.useState)({});
+  const [current, setCurrent] = (0, import_react10.useState)(1);
+  const viewRows = (0, import_react10.useMemo)(() => {
     const activeFilters = Object.entries(filters).filter(
       ([, keyword]) => keyword !== ""
     );
@@ -2335,12 +2468,12 @@ function DataTable({
     setCurrent(page);
     onPageChange?.(page);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Table2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-slot": "data-table", className: cn("relative", className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Table2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => {
         const sorted = sortState?.key === column.key;
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          column.sortable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
             "button",
             {
               type: "button",
@@ -2351,8 +2484,8 @@ function DataTable({
               onClick: () => toggleSort(column),
               children: [
                 column.title,
-                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react11.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react11.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-                  import_lucide_react11.ArrowUpDown,
+                sorted ? sortState.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowUp, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowDown, { "aria-hidden": true, className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                  import_lucide_react12.ArrowUpDown,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 text-muted-foreground"
@@ -2360,8 +2493,8 @@ function DataTable({
                 )
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: column.title }),
-          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: column.title }),
+          column.filterable ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Input,
             {
               "data-slot": "data-table-filter",
@@ -2374,7 +2507,7 @@ function DataTable({
           ) : null
         ] }) }, column.key ?? String(index));
       }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "div",
         {
           "data-slot": "table-empty",
@@ -2383,20 +2516,20 @@ function DataTable({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           TableRow,
           {
             children: columns.map((column, columnIndex) => {
               const template = column.children ?? column.renderChildren;
-              return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
+              return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TableCell, { children: template ? renderChildren(template, { row, rowIndex }) : renderCellValue(row[column.key]) }, column.key ?? String(columnIndex));
             })
           },
           key === void 0 || key === null ? rowIndex : String(key)
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         Button,
         {
           type: "button",
@@ -2413,33 +2546,33 @@ function DataTable({
 }
 
 // src/components/components/Dialog/index.tsx
-var import_runtime6 = require("@pactor-app/runtime");
-var import_react10 = require("react");
+var import_runtime7 = require("@pactor-app/runtime");
+var import_react11 = require("react");
 
 // src/ui/dialog.tsx
 var import_dialog = require("@base-ui/react/dialog");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       "data-slot": "dialog-overlay",
@@ -2457,9 +2590,9 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       import_dialog.Dialog.Popup,
       {
         "data-slot": "dialog-content",
@@ -2470,11 +2603,11 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
             import_dialog.Dialog.Close,
             {
               "data-slot": "dialog-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "button",
                 {
                   type: "button",
@@ -2482,8 +2615,8 @@ function DialogContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -2493,7 +2626,7 @@ function DialogContent({
   ] });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "dialog-header",
@@ -2506,7 +2639,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_dialog.Dialog.Title,
     {
       "data-slot": "dialog-title",
@@ -2519,7 +2652,7 @@ function DialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     import_dialog.Dialog.Description,
     {
       "data-slot": "dialog-description",
@@ -2530,7 +2663,7 @@ function DialogDescription({
 }
 
 // src/components/components/Dialog/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Dialog2({
   title,
   description,
@@ -2541,11 +2674,11 @@ function Dialog2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime6.useRenderer)();
-  const [innerOpen, setInnerOpen] = (0, import_react10.useState)(false);
+  const { renderChildren } = (0, import_runtime7.useRenderer)();
+  const [innerOpen, setInnerOpen] = (0, import_react11.useState)(false);
   const controlled = open !== void 0;
   const visible = controlled ? open : innerOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     Dialog,
     {
       open: visible,
@@ -2558,7 +2691,7 @@ function Dialog2({
         }
       },
       children: [
-        trigger ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        trigger ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           DialogTrigger,
           {
             nativeButton: false,
@@ -2566,10 +2699,10 @@ function Dialog2({
             children: renderChildren([trigger])
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogContent, { className, style, children: [
-          title || description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogHeader, { children: [
-            title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTitle, { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogContent, { className, style, children: [
+          title || description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogHeader, { children: [
+            title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTitle, { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogDescription, { children: description }) : null
           ] }) : null,
           children
         ] })
@@ -2580,22 +2713,22 @@ function Dialog2({
 
 // src/ui/drawer.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Drawer({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -2609,9 +2742,9 @@ function DrawerContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -2625,7 +2758,7 @@ function DrawerContent({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -2633,7 +2766,7 @@ function DrawerContent({
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -2646,7 +2779,7 @@ function DrawerTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -2657,7 +2790,7 @@ function DrawerTitle({
 }
 
 // src/components/components/Drawer/index.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Drawer2({
   title,
   open,
@@ -2667,7 +2800,7 @@ function Drawer2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     Drawer,
     {
       direction: placement,
@@ -2677,9 +2810,9 @@ function Drawer2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DrawerContent, { className, style, children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DrawerTitle, { children: title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DrawerContent, { className, style, children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DrawerTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-1 overflow-auto p-4", children })
       ] })
     }
   );
@@ -2687,17 +2820,17 @@ function Drawer2({
 
 // src/ui/dropdown-menu.tsx
 var import_menu = require("@base-ui/react/menu");
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -2706,14 +2839,14 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_menu.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         import_menu.Menu.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -2732,7 +2865,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_menu.Menu.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -2748,14 +2881,14 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     import_menu.Menu.SubmenuTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2766,7 +2899,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react13.ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react14.ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -2776,7 +2909,7 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_menu.Menu.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -2790,7 +2923,7 @@ function DropdownMenuSubContent({
 }
 
 // src/components/components/DropdownMenu/index.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function DropdownMenu2({
   items = [],
   onSelect,
@@ -2798,8 +2931,8 @@ function DropdownMenu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       DropdownMenuTrigger,
       {
         nativeButton: false,
@@ -2807,14 +2940,14 @@ function DropdownMenu2({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuContent, { className, style, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       DropdownMenuItem,
       {
         variant: item.danger ? "destructive" : "default",
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -2824,9 +2957,9 @@ function DropdownMenu2({
 }
 
 // src/ui/empty.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "empty",
@@ -2839,7 +2972,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "empty-header",
@@ -2849,7 +2982,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "empty-title",
@@ -2859,7 +2992,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "p",
     {
       "data-slot": "empty-description",
@@ -2869,7 +3002,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "empty-content",
@@ -2883,22 +3016,22 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/components/Empty/index.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Empty2({ title, description, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Empty, { className, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(EmptyHeader, { children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EmptyTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EmptyDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Empty, { className, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(EmptyHeader, { children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EmptyTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EmptyDescription, { children: description }) : null
     ] }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EmptyContent, { children }) : null
+    children ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(EmptyContent, { children }) : null
   ] });
 }
 
 // src/ui/field.tsx
 var import_field = require("@base-ui/react/field");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_field.Field.Root,
     {
       "data-slot": "field",
@@ -2908,7 +3041,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_field.Field.Label,
     {
       "data-slot": "field-label",
@@ -2918,7 +3051,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_field.Field.Description,
     {
       "data-slot": "field-description",
@@ -2928,7 +3061,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     import_field.Field.Error,
     {
       "data-slot": "field-error",
@@ -2939,18 +3072,18 @@ function FieldError({ className, ...props }) {
 }
 
 // src/components/components/Field/index.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Field2({ label, description, error, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Field, { className, style, children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldLabel, { children: label }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Field, { className, style, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldLabel, { children: label }) : null,
     children,
-    description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldDescription, { children: description }) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FieldError, { match: true, children: error }) : null
+    description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldDescription, { children: description }) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FieldError, { match: true, children: error }) : null
   ] });
 }
 
 // src/components/components/Flex/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var gapClass = {
   small: "gap-2",
   middle: "gap-4",
@@ -2980,7 +3113,7 @@ function Flex({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "flex",
@@ -2999,9 +3132,9 @@ function Flex({
 }
 
 // src/components/components/Footer/index.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Footer({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "footer",
     {
       "data-slot": "layout-footer",
@@ -3016,9 +3149,9 @@ function Footer({ className, style, children }) {
 }
 
 // src/components/components/Form/index.tsx
-var import_runtime7 = require("@pactor-app/runtime");
-var import_react11 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_runtime8 = require("@pactor-app/runtime");
+var import_react12 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function isEmpty(value) {
   return value === void 0 || value === null || value === "";
 }
@@ -3032,23 +3165,23 @@ function Form({
   onSubmit,
   onValuesChange
 }) {
-  const { context } = (0, import_runtime7.useRenderer)();
-  const [values, setValues] = (0, import_react11.useState)(() => ({
+  const { context } = (0, import_runtime8.useRenderer)();
+  const [values, setValues] = (0, import_react12.useState)(() => ({
     ...initialValues
   }));
-  const [errors, setErrors] = (0, import_react11.useState)({});
-  const fieldRulesRef = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
-  const mergedInitialFieldsRef = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
-  const setValuesBatch = (0, import_react11.useCallback)((partial) => {
+  const [errors, setErrors] = (0, import_react12.useState)({});
+  const fieldRulesRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const mergedInitialFieldsRef = (0, import_react12.useRef)(/* @__PURE__ */ new Set());
+  const setValuesBatch = (0, import_react12.useCallback)((partial) => {
     setValues((prev) => ({ ...prev, ...partial }));
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     context.forms.register(name, { setValues: setValuesBatch });
     return () => {
       context.forms.unregister(name);
     };
   }, [context, name, setValuesBatch]);
-  const formContext = (0, import_react11.useMemo)(
+  const formContext = (0, import_react12.useMemo)(
     () => ({
       inForm: true,
       layout,
@@ -3099,7 +3232,7 @@ function Form({
     context.state.set("form", values);
     onSubmit?.(values);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormContextProvider, { value: formContext, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "form",
     {
       "data-slot": "form",
@@ -3112,11 +3245,11 @@ function Form({
 }
 
 // src/components/components/Grid/index.tsx
-var import_react12 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Grid({ columns = 1, gap, className, style, children }) {
   const cols = Math.max(1, columns);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       "data-slot": "grid",
@@ -3127,15 +3260,15 @@ function Grid({ columns = 1, gap, className, style, children }) {
         ...gap !== void 0 ? { gap } : {},
         ...style
       },
-      children: import_react12.Children.map(children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { "data-slot": "grid-item", children: child }, index))
+      children: import_react13.Children.map(children, (child, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "data-slot": "grid-item", children: child }, index))
     }
   );
 }
 
 // src/components/components/Header/index.tsx
-var import_runtime8 = require("@pactor-app/runtime");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_runtime9 = require("@pactor-app/runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var menuItemClass = "flex items-center gap-1 rounded-md px-3 py-2 text-sm transition-colors text-muted-foreground hover:bg-accent/50 hover:text-foreground";
 function Header({
   logo,
@@ -3166,10 +3299,10 @@ function Header({
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("header", { "data-slot": "layout-header", className: rootClass, style, children });
   }
-  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
-    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  const brandNode = hasBrand && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { "data-slot": "header-brand", className: "flex items-center gap-2", children: [
+    logo !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "img",
       {
         "data-slot": "header-brand-logo",
@@ -3178,23 +3311,23 @@ function Header({
         className: "h-8 w-8 shrink-0 object-contain"
       }
     ),
-    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
+    title !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { "data-slot": "header-brand-title", className: "text-base font-semibold", children: title })
   ] });
-  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
+  const dropdownNode = dropdown !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderDropdownArea, { dropdown, onSelect: onDropdownSelect });
   const showLeft = brandLeft || dropdownLeft || hasMenu;
   const showRight = dropdownRight || brandRight || hasLocales || hasUser;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
-    showLeft && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("header", { "data-slot": "layout-header", className: rootClass, style, children: [
+    showLeft && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { "data-slot": "header-left", className: "flex items-center gap-4", children: [
       brandLeft && brandNode,
       dropdownLeft && dropdownNode,
-      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
+      hasMenu && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderMenuArea, { items: menu, onSelect: onMenuSelect })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
-    showRight && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { "data-slot": "header-center", className: "flex flex-1 items-center gap-4", children }),
+    showRight && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { "data-slot": "header-right", className: "flex items-center gap-4", children: [
       dropdownRight && dropdownNode,
       brandRight && brandNode,
-      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
-      hasUser && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
+      hasLocales && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderLocalesArea, { locales, onSelect: onLocaleChange }),
+      hasUser && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderUserArea, { user, onSelect: onUserSelect })
     ] })
   ] });
 }
@@ -3202,25 +3335,25 @@ function HeaderDropdownArea({
   dropdown,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
         className: cn(menuItemClass, "outline-hidden"),
         children: [
           dropdown.label,
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react14.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react15.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuContent, { children: dropdown.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       DropdownMenuItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3232,23 +3365,23 @@ function HeaderMenuArea({
   items,
   onSelect
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
-    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenu, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("nav", { "data-slot": "header-menu", className: "flex items-center gap-1", children: items.map(
+    (item) => item.children !== void 0 && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenu, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
         DropdownMenuTrigger,
         {
           "data-slot": "header-menu-item",
           "data-key": item.key,
           className: cn(menuItemClass, "outline-hidden"),
           children: [
-            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+            item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react14.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react15.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
-    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+    ] }, item.key) : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "button",
       {
         type: "button",
@@ -3257,7 +3390,7 @@ function HeaderMenuArea({
         className: menuItemClass,
         onClick: () => onSelect?.(item.key),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -3270,16 +3403,16 @@ function HeaderMenuEntry({
   onSelect
 }) {
   if (item.children !== void 0 && item.children.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenuSub, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenuSub, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenuSubTrigger, { "data-key": item.key, children: [
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuSubContent, { children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HeaderMenuEntry, { item: child, onSelect }, child.key)) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
-    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenuItem, { "data-key": item.key, onClick: () => onSelect?.(item.key), children: [
+    item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
     item.label
   ] });
 }
@@ -3287,18 +3420,18 @@ function HeaderUserArea({
   user,
   onSelect
 }) {
-  const identity = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Avatar, { className: "size-7", children: [
-      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AvatarFallback, { children: user.name.charAt(0) })
+  const identity = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Avatar, { className: "size-7", children: [
+      user.avatar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AvatarImage, { src: user.avatar, alt: user.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(AvatarFallback, { children: user.name.charAt(0) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm", children: user.name })
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm", children: user.name })
   ] });
   if (user.items === void 0 || user.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { "data-slot": "header-user", className: "flex items-center gap-2", children: identity });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
@@ -3306,8 +3439,8 @@ function HeaderUserArea({
         children: identity
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuContent, { align: "end", children: user.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenuItem, { onClick: () => onSelect?.(item.value), children: [
+      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
       item.label
     ] }, item.value)) })
   ] });
@@ -3316,21 +3449,21 @@ function HeaderLocalesArea({
   locales,
   onSelect
 }) {
-  const { locale } = (0, import_runtime8.useI18n)();
+  const { locale } = (0, import_runtime9.useI18n)();
   const current = locales.find((option) => option.value === locale);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       DropdownMenuTrigger,
       {
         "data-slot": "header-locales",
         className: cn(menuItemClass, "outline-hidden"),
         children: [
           current?.label ?? locale,
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react14.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react15.ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuContent, { align: "end", children: locales.map((option) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       DropdownMenuItem,
       {
         onClick: () => onSelect?.(option.value),
@@ -3342,20 +3475,20 @@ function HeaderLocalesArea({
 }
 
 // src/components/components/HoverCard/index.tsx
-var import_runtime9 = require("@pactor-app/runtime");
+var import_runtime10 = require("@pactor-app/runtime");
 
 // src/ui/hover-card.tsx
 var import_preview_card = require("@base-ui/react/preview-card");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_preview_card.PreviewCard.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_preview_card.PreviewCard.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -3364,14 +3497,14 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_preview_card.PreviewCard.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     import_preview_card.PreviewCard.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         import_preview_card.PreviewCard.Popup,
         {
           "data-slot": "hover-card-content",
@@ -3387,21 +3520,21 @@ function HoverCardContent({
 }
 
 // src/components/components/HoverCard/index.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function isDslNode2(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function HoverCard2({ content, children, className, style }) {
-  const { renderChildren } = (0, import_runtime9.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(HoverCard, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
+  const { renderChildren } = (0, import_runtime10.useRenderer)();
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(HoverCard, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HoverCardTrigger, { render: triggerWrapper("hover-card-trigger-wrap"), children }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(HoverCardContent, { className, style, children: isDslNode2(content) ? renderChildren([content]) : content })
   ] });
 }
 
 // src/components/components/Input/index.tsx
-var import_react13 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Input2({
   name,
   label,
@@ -3415,9 +3548,9 @@ function Input2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react13.useId)();
+  const controlId = (0, import_react14.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3427,14 +3560,14 @@ function Input2({
   if (inForm && form && name) {
     const fieldValue = form.values[name];
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -3442,7 +3575,7 @@ function Input2({
               children: label
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             Input,
             {
               id: controlId,
@@ -3456,12 +3589,12 @@ function Input2({
               }
             }
           ),
-          error ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     Input,
     {
       type,
@@ -3476,9 +3609,9 @@ function Input2({
 }
 
 // src/ui/input-group.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       "data-slot": "input-group",
@@ -3497,25 +3630,25 @@ function InputGroup({ className, ...props }) {
 }
 
 // src/components/components/InputGroup/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function InputGroup2({ className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputGroup, { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputGroup, { className, style, children });
 }
 
 // src/components/components/InputOTP/index.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/ui/input-otp.tsx
 var import_input_otp = require("input-otp");
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -3529,7 +3662,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -3545,7 +3678,7 @@ function InputOTPSlot({
 }) {
   const inputOTPContext = React3.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -3557,14 +3690,14 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     }
   );
 }
 
 // src/components/components/InputOTP/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function InputOTP2({
   name,
   label,
@@ -3579,15 +3712,15 @@ function InputOTP2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
     }
     return void 0;
   });
-  const [innerValue, setInnerValue] = (0, import_react14.useState)(typeof value === "string" ? value : "");
-  (0, import_react14.useEffect)(() => {
+  const [innerValue, setInnerValue] = (0, import_react15.useState)(typeof value === "string" ? value : "");
+  (0, import_react15.useEffect)(() => {
     if (!inForm) setInnerValue(typeof value === "string" ? value : "");
   }, [inForm, value]);
   const current = inForm && form && name ? typeof form.values[name] === "string" ? form.values[name] : "" : innerValue;
@@ -3602,42 +3735,42 @@ function InputOTP2({
       onComplete?.(next);
     }
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     InputOTP,
     {
       maxLength: length,
       value: current,
       onChange: handleChange,
       disabled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(InputOTPSlot, { index }, index)) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(InputOTPSlot, { index }, index)) })
     }
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
+          label ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "shrink-0 text-sm leading-none font-medium whitespace-nowrap", children: label }) : null,
           control,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { "data-slot": "input-otp-field", className: cn("inline-block", className), style, children: control });
 }
 
 // src/components/components/Item/index.tsx
-var import_runtime10 = require("@pactor-app/runtime");
+var import_runtime11 = require("@pactor-app/runtime");
 
 // src/ui/item.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function Item({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "item",
@@ -3650,7 +3783,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "item-media",
@@ -3663,7 +3796,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "item-content",
@@ -3673,7 +3806,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "item-title",
@@ -3683,7 +3816,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "p",
     {
       "data-slot": "item-description",
@@ -3693,7 +3826,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "div",
     {
       "data-slot": "item-actions",
@@ -3704,7 +3837,7 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/components/components/Item/index.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Item2({
   title,
   description,
@@ -3713,22 +3846,22 @@ function Item2({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime10.useRenderer)();
+  const { renderChildren } = (0, import_runtime11.useRenderer)();
   const mediaNodes = media === void 0 ? [] : Array.isArray(media) ? media : [media];
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Item, { className, style, children: [
-    mediaNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(ItemContent, { children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemTitle, { children: title }) : null,
-      description ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Item, { className, style, children: [
+    mediaNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ItemMedia, { children: renderChildren(mediaNodes) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(ItemContent, { children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ItemTitle, { children: title }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ItemDescription, { children: description }) : null
     ] }),
-    actions && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ItemActions, { children: renderChildren(actions) }) : null
+    actions && actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ItemActions, { children: renderChildren(actions) }) : null
   ] });
 }
 
 // src/ui/kbd.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "kbd",
     {
       "data-slot": "kbd",
@@ -3742,18 +3875,18 @@ function Kbd({ className, ...props }) {
 }
 
 // src/components/components/Kbd/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function Kbd2({ text, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Kbd, { className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Kbd, { className, style, children: text });
 }
 
 // src/ui/label.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "label",
     {
       "data-slot": "label",
@@ -3767,22 +3900,22 @@ function Label({
 }
 
 // src/components/components/Label/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Label2({ text, htmlFor, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Label, { htmlFor, className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label, { htmlFor, className, style, children: text });
 }
 
 // src/components/components/Layout/index.tsx
 var import_core = require("@pactor-app/core");
-var import_runtime11 = require("@pactor-app/runtime");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_runtime12 = require("@pactor-app/runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Layout({ direction, className, style, dslChildren }) {
-  const { renderChildren, context } = (0, import_runtime11.useRenderer)();
+  const { renderChildren, context } = (0, import_runtime12.useRenderer)();
   const hasSider = Array.isArray(dslChildren) ? dslChildren.some(
     (child) => !(0, import_core.isDslSourceRef)(child) && resolveRootType(child, context) === "Sider"
   ) : false;
   const dir = direction ?? (hasSider ? "horizontal" : "vertical");
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "div",
     {
       "data-slot": "layout",
@@ -3806,9 +3939,9 @@ function resolveRootType(node, context) {
 }
 
 // src/components/components/Link/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Link2({ href, text, target, className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "a",
     {
       "data-slot": "link",
@@ -3822,8 +3955,351 @@ function Link2({ href, text, target, className, style, children }) {
   );
 }
 
-// src/components/components/Menu/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+// src/ui/tooltip.tsx
+var import_tooltip = require("@base-ui/react/tooltip");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    import_tooltip.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip2({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    import_tooltip.Tooltip.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        import_tooltip.Tooltip.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/components/components/Sidebar/rail-tooltip.tsx
+var import_jsx_runtime77 = require("react/jsx-runtime");
+function RailTooltip({
+  label,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Tooltip2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TooltipTrigger, { render: children }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TooltipContent, { side: "right", sideOffset: 8, children: label })
+  ] });
+}
+
+// src/components/components/Sidebar/index.tsx
+var import_runtime13 = require("@pactor-app/runtime");
+var import_lucide_react17 = require("lucide-react");
+var import_react16 = require("react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var SidebarDrawerContext = (0, import_react16.createContext)(null);
+function useSidebarDrawer() {
+  return (0, import_react16.useContext)(SidebarDrawerContext);
+}
+var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
+function useIsMobileViewport() {
+  const [isMobile, setIsMobile] = (0, import_react16.useState)(
+    () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(MOBILE_MEDIA_QUERY).matches
+  );
+  (0, import_react16.useEffect)(() => {
+    if (typeof window.matchMedia !== "function") {
+      return;
+    }
+    const media = window.matchMedia(MOBILE_MEDIA_QUERY);
+    const onChange = (event) => {
+      setIsMobile(event.matches);
+    };
+    setIsMobile(media.matches);
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, []);
+  return isMobile;
+}
+function useOptionalRenderer() {
+  try {
+    return (0, import_runtime13.useRenderer)();
+  } catch {
+    return null;
+  }
+}
+function SidebarContent({ content }) {
+  const renderer = useOptionalRenderer();
+  if (renderer !== null && typeof content === "object" && content !== null && !("$$typeof" in content) && "type" in content) {
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: renderer.renderChildren([content]) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: content });
+}
+function isBrandObject(brand) {
+  return typeof brand === "object" && brand !== null && !("$$typeof" in brand) && "title" in brand;
+}
+function Sidebar({
+  brand,
+  items = [],
+  content,
+  sidebarFooter,
+  collapsible,
+  onCollapse,
+  locationKey,
+  drawer = true,
+  className,
+  style,
+  children
+}) {
+  const { t } = (0, import_runtime13.useI18n)();
+  const isMobile = useIsMobileViewport();
+  const [drawerOpen, setDrawerOpen] = (0, import_react16.useState)(false);
+  const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
+  const collapsedEffective = collapsible === true && collapsed && !isMobile;
+  const close = (0, import_react16.useCallback)(() => setDrawerOpen(false), []);
+  const toggleCollapsed = () => {
+    const next = !collapsed;
+    setCollapsed(next);
+    onCollapse?.(next);
+  };
+  const [trackedLocationKey, setTrackedLocationKey] = (0, import_react16.useState)(locationKey);
+  if (trackedLocationKey !== locationKey) {
+    setTrackedLocationKey(locationKey);
+    setDrawerOpen(false);
+  }
+  (0, import_react16.useEffect)(() => {
+    if (!drawerOpen) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setDrawerOpen(false);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [drawerOpen]);
+  const brandNode = isBrandObject(brand) ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
+    brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "img",
+      {
+        "data-slot": "sidebar-brand-logo",
+        src: brand.logo,
+        alt: brand.title,
+        className: "size-6 shrink-0"
+      }
+    ) : null,
+    collapsedEffective ? null : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate text-sm font-semibold", children: brand.title })
+  ] }) : brand;
+  const collapseTrigger = collapsible && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-collapse-trigger",
+      "aria-label": collapsedEffective ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
+      "aria-expanded": !collapsedEffective,
+      title: collapsedEffective ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
+      className: cn(
+        "cursor-pointer flex size-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/60 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground"
+      ),
+      onClick: toggleCollapsed,
+      children: collapsedEffective ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react17.ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react17.ChevronLeft, { "aria-hidden": true, className: "size-4" })
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    SidebarDrawerContext.Provider,
+    {
+      value: { close, collapsed: collapsedEffective },
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+        "div",
+        {
+          "data-slot": "sidebar-layout",
+          className: cn("flex min-h-screen w-full", className),
+          style,
+          children: [
+            drawer && drawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+              "div",
+              {
+                "data-slot": "sidebar-scrim",
+                "aria-hidden": true,
+                className: "fixed inset-0 z-40 bg-black/40 md:hidden",
+                onClick: close
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              "aside",
+              {
+                "data-slot": "sidebar",
+                "data-collapsed": collapsedEffective || void 0,
+                "data-open": drawerOpen ? "true" : "false",
+                inert: drawer && isMobile && !drawerOpen ? true : void 0,
+                className: cn(
+                  "flex shrink-0 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width,transform]",
+                  collapsedEffective ? "w-16" : "w-60",
+                  // 移动端覆盖抽屉：退出文档流，关闭时移出屏幕
+                  drawer && "max-md:fixed max-md:inset-y-0 max-md:left-0 max-md:z-50 max-md:w-60 max-md:-translate-x-full max-md:data-[open=true]:translate-x-0"
+                ),
+                children: [
+                  brand !== void 0 || collapseTrigger !== null ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                    "div",
+                    {
+                      "data-slot": "sidebar-brand",
+                      className: cn(
+                        "flex h-14 shrink-0 items-center gap-2 border-b border-sidebar-border px-4",
+                        // 移动端品牌维持顶栏现状：抽屉内不重复渲染品牌行
+                        "max-md:hidden",
+                        collapsedEffective && "justify-center px-2"
+                      ),
+                      children: [
+                        collapsedEffective ? null : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
+                        collapseTrigger
+                      ]
+                    }
+                  ) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    "nav",
+                    {
+                      "data-slot": "sidebar-nav",
+                      className: "min-h-0 flex-1 overflow-auto p-2",
+                      children: content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SidebarContent, { content }) : items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                        SidebarEntry,
+                        {
+                          item,
+                          depth: 0,
+                          collapsed: collapsedEffective
+                        },
+                        item.href ?? item.label ?? index
+                      ))
+                    }
+                  ),
+                  sidebarFooter !== void 0 && sidebarFooter !== null && !collapsedEffective ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    "div",
+                    {
+                      "data-slot": "sidebar-footer",
+                      className: "shrink-0 border-t border-sidebar-border p-2",
+                      children: sidebarFooter
+                    }
+                  ) : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              "main",
+              {
+                "data-slot": "sidebar-content",
+                className: "flex min-w-0 flex-1 flex-col",
+                children: [
+                  drawer ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+                    "div",
+                    {
+                      "data-slot": "sidebar-topbar",
+                      className: "flex h-14 items-center gap-2 border-b border-sidebar-border bg-sidebar px-3 md:hidden",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            "data-slot": "sidebar-menu-trigger",
+                            "aria-label": t("pactor.layout.openNavigation"),
+                            "aria-expanded": drawerOpen,
+                            className: "flex size-8 items-center justify-center rounded-md text-sidebar-foreground/60 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground",
+                            onClick: () => setDrawerOpen(true),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "menu", size: 18 })
+                          }
+                        ),
+                        brandNode
+                      ]
+                    }
+                  ) : null,
+                  children
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function SidebarEntry({
+  item,
+  depth,
+  collapsed
+}) {
+  const entryClass = cn(
+    "flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors",
+    "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+    collapsed && "justify-center px-0"
+  );
+  const indentStyle = !collapsed && depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0;
+  const labelNode = collapsed ? null : item.label;
+  const iconNode = item.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: item.icon, size: "sm" }) : null;
+  const entry = item.href ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    "a",
+    {
+      "data-slot": "sidebar-item",
+      href: item.href,
+      className: entryClass,
+      style: indentStyle,
+      children: [
+        iconNode,
+        labelNode
+      ]
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { "data-slot": "sidebar-item", className: entryClass, style: indentStyle, children: [
+    iconNode,
+    labelNode
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { "data-slot": "sidebar-entry", children: [
+    collapsed ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(RailTooltip, { label: item.label, children: entry }) : entry,
+    item.children?.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      SidebarEntry,
+      {
+        item: child,
+        depth: depth + 1,
+        collapsed
+      },
+      child.href ?? child.label ?? index
+    ))
+  ] });
+}
+
+// src/components/components/Menu/index.tsx
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function Menu2({
   items = [],
   mode = "inline",
@@ -3832,27 +4308,48 @@ function Menu2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  const drawer = useSidebarDrawer();
+  const collapsed = mode === "inline" && drawer?.collapsed === true;
+  let previousGroup;
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "nav",
     {
       "data-slot": "menu",
       "data-mode": mode,
+      "data-collapsed": collapsed || void 0,
       className: cn(
         mode === "horizontal" ? "flex items-center gap-1" : "flex flex-col gap-0.5 p-2",
         className
       ),
       style,
-      children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-        MenuEntry,
-        {
-          item,
-          mode,
-          depth: 0,
-          selectedKey,
-          onSelect
-        },
-        item.key
-      ))
+      children: items.map((item) => {
+        let groupLabel;
+        if (!collapsed && mode === "inline" && item.group !== void 0 && item.group !== previousGroup) {
+          groupLabel = item.group;
+        }
+        previousGroup = item.group;
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { "data-slot": "menu-group-entry", children: [
+          groupLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            "div",
+            {
+              "data-slot": "menu-group",
+              className: "px-3 pb-1 pt-3 text-xs font-medium text-muted-foreground first:pt-1",
+              children: groupLabel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+            MenuEntry,
+            {
+              item,
+              mode,
+              depth: 0,
+              selectedKey,
+              onSelect,
+              collapsed
+            }
+          )
+        ] }, item.key);
+      })
     }
   );
 }
@@ -3861,37 +4358,56 @@ function MenuEntry({
   mode,
   depth,
   selectedKey,
-  onSelect
+  onSelect,
+  collapsed = false
 }) {
   const selected = item.key === selectedKey;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
-      "button",
-      {
-        type: "button",
-        "data-slot": "menu-item",
-        "aria-current": selected ? "page" : void 0,
-        className: cn(
-          "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
-          mode === "horizontal" ? "px-3 py-2" : "px-3 py-2 text-left",
-          selected ? "bg-accent font-medium text-accent-foreground" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
-        ),
-        style: mode === "inline" && depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0,
-        onClick: () => onSelect?.(item.key),
-        children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      }
-    ),
-    item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "menu-item",
+      "aria-current": selected ? "page" : void 0,
+      disabled: item.disabled,
+      className: cn(
+        "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
+        mode === "horizontal" ? "px-3 py-2" : "px-3 py-2 text-left",
+        collapsed && "justify-center px-0",
+        selected ? "bg-accent font-medium text-accent-foreground" : "cursor-pointer text-muted-foreground hover:bg-accent/50 hover:text-foreground",
+        item.disabled && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground"
+      ),
+      style: mode === "inline" && depth > 0 && !collapsed ? { paddingLeft: 12 + depth * 16 } : void 0,
+      onClick: () => {
+        if (!item.disabled) {
+          onSelect?.(item.key);
+        }
+      },
+      children: [
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+        collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
+        item.dot && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "data-slot": "menu-item-dot", className: "size-1.5 shrink-0 rounded-full bg-destructive" }) : null,
+        item.badge !== void 0 && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          "span",
+          {
+            "data-slot": "menu-item-badge",
+            className: "shrink-0 rounded-full bg-muted px-1.5 py-0.5 text-xs text-muted-foreground",
+            children: item.badge
+          }
+        ) : null
+      ]
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
+    collapsed ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(RailTooltip, { label: item.label, children: button }) : button,
+    item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       MenuEntry,
       {
         item: child,
         mode,
         depth: depth + 1,
         selectedKey,
-        onSelect
+        onSelect,
+        collapsed
       },
       child.key
     ))
@@ -3901,12 +4417,12 @@ function MenuEntry({
 // src/ui/menubar.tsx
 var import_menu2 = require("@base-ui/react/menu");
 var import_menubar = require("@base-ui/react/menubar");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     import_menubar.Menubar,
     {
       "data-slot": "menubar",
@@ -3921,13 +4437,13 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_menu2.Menu.Root, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     import_menu2.Menu.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -3946,14 +4462,14 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_menu2.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     import_menu2.Menu.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         import_menu2.Menu.Popup,
         {
           "data-slot": "menubar-content",
@@ -3972,7 +4488,7 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     import_menu2.Menu.Item,
     {
       "data-slot": "menubar-item",
@@ -3987,17 +4503,17 @@ function MenubarItem({
 }
 
 // src/components/components/Menubar/index.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function Menubar2({ menus = [], onSelect, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(MenubarMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenubarTrigger, { children: menu.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(MenubarMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(MenubarTrigger, { children: menu.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       MenubarItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -4008,15 +4524,15 @@ function Menubar2({ menus = [], onSelect, className, style }) {
 
 // src/ui/navigation-menu.tsx
 var import_navigation_menu = require("@base-ui/react/navigation-menu");
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 function NavigationMenu({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     import_navigation_menu.NavigationMenu.Root,
     {
       "data-slot": "navigation-menu",
@@ -4024,7 +4540,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(NavigationMenuViewport, {})
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NavigationMenuViewport, {})
       ]
     }
   );
@@ -4033,7 +4549,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_navigation_menu.NavigationMenu.List,
     {
       "data-slot": "navigation-menu-list",
@@ -4046,7 +4562,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_navigation_menu.NavigationMenu.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -4063,7 +4579,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     import_navigation_menu.NavigationMenu.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -4071,8 +4587,8 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
-          import_lucide_react16.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          import_lucide_react18.ChevronDownIcon,
           {
             className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
             "aria-hidden": "true"
@@ -4086,7 +4602,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_navigation_menu.NavigationMenu.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -4099,13 +4615,13 @@ function NavigationMenuContent({
   );
 }
 function NavigationMenuViewport({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_navigation_menu.NavigationMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_navigation_menu.NavigationMenu.Positioner,
     {
       side: "bottom",
       align: "start",
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         import_navigation_menu.NavigationMenu.Popup,
         {
           "data-slot": "navigation-menu-popup",
@@ -4113,7 +4629,7 @@ function NavigationMenuViewport({ className }) {
             "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_navigation_menu.NavigationMenu.Viewport, { "data-slot": "navigation-menu-viewport" })
         }
       )
     }
@@ -4123,7 +4639,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     import_navigation_menu.NavigationMenu.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -4137,33 +4653,33 @@ function NavigationMenuLink({
 }
 
 // src/components/components/NavigationMenu/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function NavigationMenu2({ items = [], className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenu, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationMenu, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       NavigationMenuTrigger,
       {
         className: item.icon !== void 0 ? "gap-2" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(NavigationMenuLink, { href: child.href, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationMenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(NavigationMenuLink, { href: child.href, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
         "span",
         {
           className: child.icon !== void 0 ? "flex items-center gap-2 font-medium" : "font-medium",
           children: [
-            child.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: child.icon, size: "sm" }) : null,
+            child.icon ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: child.icon, size: "sm" }) : null,
             child.label
           ]
         }
       ),
-      child.description ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-muted-foreground", children: child.description }) : null
+      child.description ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-muted-foreground", children: child.description }) : null
     ] }) }, child.href)) }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     NavigationMenuLink,
     {
       href: item.href,
@@ -4172,7 +4688,7 @@ function NavigationMenu2({ items = [], className, style }) {
         item.icon !== void 0 && "gap-2"
       ),
       children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ]
     }
@@ -4180,22 +4696,22 @@ function NavigationMenu2({ items = [], className, style }) {
 }
 
 // src/components/components/Page/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function Page({ title, className, style, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { "data-slot": "page-content", className: "space-y-5", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { "data-slot": "page-content", className: "space-y-5", children })
   ] });
 }
 
 // src/components/components/Pagination/index.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 
 // src/ui/pagination.tsx
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_lucide_react19 = require("lucide-react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "nav",
     {
       role: "navigation",
@@ -4207,7 +4723,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -4217,7 +4733,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -4225,7 +4741,7 @@ function PaginationLink({
   disabled,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -4248,15 +4764,15 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react17.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react19.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -4265,21 +4781,21 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react17.ChevronRightIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react19.ChevronRightIcon, {})
       ]
     }
   );
 }
 function PaginationEllipsis({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "span",
     {
       "aria-hidden": true,
@@ -4287,15 +4803,15 @@ function PaginationEllipsis({ className, ...props }) {
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react17.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react19.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/components/Pagination/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function pageItems(current, count) {
   if (count <= 7) {
     return Array.from({ length: count }, (_, i) => i + 1);
@@ -4316,7 +4832,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = (0, import_react15.useState)(1);
+  const [innerPage, setInnerPage] = (0, import_react17.useState)(1);
   const pageCount = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   const current = Math.min(Math.max(1, page ?? innerPage), pageCount);
   const goTo = (next) => {
@@ -4329,8 +4845,8 @@ function Pagination2({
     }
     onChange?.(target);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Pagination, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(PaginationContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Pagination, { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(PaginationContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       PaginationPrevious,
       {
         href: "#",
@@ -4341,7 +4857,7 @@ function Pagination2({
         }
       }
     ) }),
-    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PaginationEllipsis, {}) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PaginationEllipsis, {}) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       PaginationLink,
       {
         href: "#",
@@ -4353,7 +4869,7 @@ function Pagination2({
         children: item
       }
     ) }, item === "ellipsis" ? `ellipsis-${index}` : item)),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       PaginationNext,
       {
         href: "#",
@@ -4368,15 +4884,15 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-var import_runtime12 = require("@pactor-app/runtime");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_runtime14 = require("@pactor-app/runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
-  const { renderChildren } = (0, import_runtime12.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  const { renderChildren } = (0, import_runtime14.useRenderer)();
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       PopoverTrigger,
       {
         nativeButton: false,
@@ -4384,15 +4900,15 @@ function Popover2({ content, children, className, style }) {
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
   ] });
 }
 
 // src/ui/progress.tsx
 var import_progress = require("@base-ui/react/progress");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 function Progress({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     import_progress.Progress.Root,
     {
       "data-slot": "progress",
@@ -4402,7 +4918,7 @@ function Progress({ className, ...props }) {
   );
 }
 function ProgressTrack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     import_progress.Progress.Track,
     {
       "data-slot": "progress-track",
@@ -4415,7 +4931,7 @@ function ProgressIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     import_progress.Progress.Indicator,
     {
       "data-slot": "progress-indicator",
@@ -4429,21 +4945,21 @@ function ProgressIndicator({
 }
 
 // src/components/components/Progress/index.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function Progress2({ value, className, style }) {
   const resolved = typeof value === "number" && Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Progress, { value: resolved, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ProgressTrack, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ProgressIndicator, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Progress, { value: resolved, className, style, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ProgressTrack, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ProgressIndicator, {}) }) });
 }
 
 // src/components/components/RadioGroup/index.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 
 // src/ui/radio-group.tsx
 var import_radio = require("@base-ui/react/radio");
 var import_radio_group = require("@base-ui/react/radio-group");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_radio_group.RadioGroup,
     {
       "data-slot": "radio-group",
@@ -4453,7 +4969,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     import_radio.Radio.Root,
     {
       "data-slot": "radio-group-item",
@@ -4462,12 +4978,12 @@ function RadioGroupItem({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         import_radio.Radio.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "size-2 rounded-full bg-primary" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "size-2 rounded-full bg-primary" })
         }
       )
     }
@@ -4475,7 +4991,7 @@ function RadioGroupItem({ className, ...props }) {
 }
 
 // src/components/components/Form/form-item.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function FieldShell({
   layout,
   label,
@@ -4485,14 +5001,14 @@ function FieldShell({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "div",
     {
       "data-slot": "form-item",
       className: cn(formItemClass(layout), className),
       style,
       children: [
-        label ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        label ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           "label",
           {
             htmlFor,
@@ -4501,14 +5017,14 @@ function FieldShell({
           }
         ) : null,
         children,
-        error ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+        error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
       ]
     }
   );
 }
 
 // src/components/components/RadioGroup/index.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function RadioGroup2({
   name,
   label,
@@ -4521,9 +5037,9 @@ function RadioGroup2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react16.useId)();
+  const controlId = (0, import_react18.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -4538,7 +5054,7 @@ function RadioGroup2({
     onChange?.(next);
   };
   const groupValue = current ?? "";
-  const group = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  const group = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     RadioGroup,
     {
       value: groupValue,
@@ -4549,8 +5065,8 @@ function RadioGroup2({
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             RadioGroupItem,
             {
               id: optionId,
@@ -4558,13 +5074,13 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
         ] }, String(option.value));
       })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       FieldShell,
       {
         layout: form.layout,
@@ -4580,18 +5096,18 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-var import_runtime13 = require("@pactor-app/runtime");
-var import_react17 = require("react");
+var import_runtime15 = require("@pactor-app/runtime");
+var import_react19 = require("react");
 
 // src/ui/resizable.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_react_resizable_panels = require("react-resizable-panels");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function PanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     import_react_resizable_panels.Group,
     {
       "data-slot": "resizable-panel-group",
@@ -4604,14 +5120,14 @@ function PanelGroup({
   );
 }
 function Panel({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_resizable_panels.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     import_react_resizable_panels.Separator,
     {
       "data-slot": "resizable-handle",
@@ -4620,23 +5136,23 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react18.GripVerticalIcon, { className: "size-2.5" }) }) : null
+      children: withHandle ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react20.GripVerticalIcon, { className: "size-2.5" }) }) : null
     }
   );
 }
 
 // src/components/components/Resizable/index.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function Resizable({
   panels = [],
   direction = "horizontal",
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime13.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react17.Fragment, { children: [
-    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ResizableHandle, { withHandle: true }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  const { renderChildren } = (0, import_runtime15.useRenderer)();
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react19.Fragment, { children: [
+    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ResizableHandle, { withHandle: true }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Panel,
       {
         defaultSize: typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
@@ -4648,20 +5164,20 @@ function Resizable({
 
 // src/ui/scroll-area.tsx
 var import_scroll_area = require("@base-ui/react/scroll-area");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     import_scroll_area.ScrollArea.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           import_scroll_area.ScrollArea.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -4669,8 +5185,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_scroll_area.ScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_scroll_area.ScrollArea.Corner, {})
       ]
     }
   );
@@ -4680,7 +5196,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     import_scroll_area.ScrollArea.Scrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -4692,7 +5208,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         import_scroll_area.ScrollArea.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -4704,7 +5220,7 @@ function ScrollBar({
 }
 
 // src/components/components/ScrollArea/index.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function ScrollArea2({
   maxHeight,
   maxWidth,
@@ -4712,7 +5228,7 @@ function ScrollArea2({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ScrollArea,
     {
       className,
@@ -4723,18 +5239,18 @@ function ScrollArea2({
 }
 
 // src/components/components/Select/index.tsx
-var import_runtime14 = require("@pactor-app/runtime");
-var import_react18 = require("react");
+var import_runtime16 = require("@pactor-app/runtime");
+var import_react20 = require("react");
 
 // src/ui/select.tsx
 var import_select = require("@base-ui/react/select");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_select.Select.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -4742,7 +5258,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     import_select.Select.Trigger,
     {
       "data-slot": "select-trigger",
@@ -4754,10 +5270,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react19.ChevronDownIcon, { className: "size-4 opacity-50" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react21.ChevronDownIcon, { className: "size-4 opacity-50" })
           }
         )
       ]
@@ -4773,7 +5289,7 @@ function SelectContent({
   alignItemWithTrigger = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     import_select.Select.Positioner,
     {
       side,
@@ -4781,7 +5297,7 @@ function SelectContent({
       align,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         import_select.Select.Popup,
         {
           "data-slot": "select-content",
@@ -4791,9 +5307,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_select.Select.List, { className: "p-1", children }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_select.Select.List, { className: "p-1", children }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SelectScrollDownButton, {})
           ]
         }
       )
@@ -4805,7 +5321,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     import_select.Select.Item,
     {
       "data-slot": "select-item",
@@ -4815,8 +5331,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react19.CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_select.Select.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_select.Select.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react21.CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_select.Select.ItemText, { children })
       ]
     }
   );
@@ -4825,7 +5341,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     import_select.Select.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -4834,7 +5350,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react19.ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react21.ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -4842,7 +5358,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     import_select.Select.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -4851,13 +5367,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react19.ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react21.ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/components/components/Select/index.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function Select2({
   name,
   label,
@@ -4872,10 +5388,10 @@ function Select2({
   style
 }) {
   const form = useFormContext();
-  const { t } = (0, import_runtime14.useI18n)();
-  const controlId = (0, import_react18.useId)();
+  const { t } = (0, import_runtime16.useI18n)();
+  const controlId = (0, import_react20.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -4891,13 +5407,13 @@ function Select2({
     onChange?.(next ?? void 0);
   };
   const inFormRoot = inForm === true;
-  const select = /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  const select = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "span",
     {
       className: cn("inline-flex items-center gap-1", !inFormRoot && className),
       style: inFormRoot ? void 0 : style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
           Select,
           {
             items: options,
@@ -4906,8 +5422,8 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SelectTrigger, { id: controlId, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SelectValue, { placeholder }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SelectTrigger, { id: controlId, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 SelectItem,
                 {
                   value: option.value,
@@ -4919,7 +5435,7 @@ function Select2({
             ]
           }
         ),
-        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "button",
           {
             type: "button",
@@ -4939,14 +5455,14 @@ function Select2({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          label ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             "label",
             {
               htmlFor: controlId,
@@ -4955,7 +5471,7 @@ function Select2({
             }
           ) : null,
           select,
-          error ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -4965,14 +5481,14 @@ function Select2({
 
 // src/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function Separator({
   className,
   orientation = "horizontal",
   decorative: _decorative,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     import_separator.Separator,
     {
       "data-slot": "separator",
@@ -4987,31 +5503,31 @@ function Separator({
 }
 
 // src/components/components/Separator/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function Separator2({ orientation = "horizontal", className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Separator, { orientation, className, style });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Separator, { orientation, className, style });
 }
 
 // src/ui/sheet.tsx
 var import_dialog3 = require("@base-ui/react/dialog");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Sheet({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_dialog3.Dialog.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_dialog3.Dialog.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_dialog3.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_dialog3.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     import_dialog3.Dialog.Backdrop,
     {
       "data-slot": "sheet-overlay",
@@ -5045,9 +5561,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       import_dialog3.Dialog.Popup,
       {
         "data-slot": "sheet-content",
@@ -5055,11 +5571,11 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
             import_dialog3.Dialog.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5067,8 +5583,8 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_lucide_react20.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react22.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -5078,7 +5594,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -5091,7 +5607,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     import_dialog3.Dialog.Title,
     {
       "data-slot": "sheet-title",
@@ -5102,7 +5618,7 @@ function SheetTitle({
 }
 
 // src/components/components/Sheet/index.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Sheet2({
   title,
   open,
@@ -5112,7 +5628,7 @@ function Sheet2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     Sheet,
     {
       open: open ?? false,
@@ -5121,128 +5637,17 @@ function Sheet2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(SheetContent, { side, className, style, children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SheetTitle, { children: title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1 overflow-auto px-4", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(SheetContent, { side, className, style, children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SheetHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SheetTitle, { children: title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex-1 overflow-auto px-4", children })
       ] })
     }
   );
 }
 
-// src/components/components/Sidebar/index.tsx
-var import_runtime15 = require("@pactor-app/runtime");
-var import_lucide_react21 = require("lucide-react");
-var import_react19 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
-function Sidebar({
-  brand,
-  items = [],
-  collapsible,
-  onCollapse,
-  className,
-  style,
-  children
-}) {
-  const { t } = (0, import_runtime15.useI18n)();
-  const [collapsed, setCollapsed] = (0, import_react19.useState)(false);
-  const toggleCollapsed = () => {
-    const next = !collapsed;
-    setCollapsed(next);
-    onCollapse?.(next);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
-    "div",
-    {
-      "data-slot": "sidebar-layout",
-      className: cn("flex min-h-screen w-full", className),
-      style,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
-          "aside",
-          {
-            "data-slot": "sidebar",
-            "data-collapsed": collapsed || void 0,
-            className: cn(
-              "flex shrink-0 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width]",
-              collapsed ? "w-14" : "w-60"
-            ),
-            children: [
-              brand ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
-                "div",
-                {
-                  "data-slot": "sidebar-brand",
-                  className: "flex h-14 shrink-0 items-center gap-2 border-b border-sidebar-border px-4",
-                  children: [
-                    brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-                      "img",
-                      {
-                        "data-slot": "sidebar-brand-logo",
-                        src: brand.logo,
-                        alt: brand.title,
-                        className: "size-6 shrink-0"
-                      }
-                    ) : null,
-                    collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "truncate text-sm font-semibold", children: brand.title })
-                  ]
-                }
-              ) : null,
-              collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("nav", { "data-slot": "sidebar-nav", className: "min-h-0 flex-1 overflow-auto p-2", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SidebarEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) }),
-              collapsible ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-                "button",
-                {
-                  type: "button",
-                  "data-slot": "sidebar-collapse-trigger",
-                  "aria-label": collapsed ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
-                  className: "flex h-10 shrink-0 items-center justify-center border-t border-sidebar-border text-sidebar-foreground/60 hover:text-sidebar-foreground",
-                  onClick: toggleCollapsed,
-                  children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react21.ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react21.ChevronLeft, { "aria-hidden": true, className: "size-4" })
-                }
-              ) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("main", { "data-slot": "sidebar-content", className: "min-w-0 flex-1", children })
-      ]
-    }
-  );
-}
-function SidebarEntry({ item, depth }) {
-  const entryClass = cn(
-    "flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-colors",
-    "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
-  );
-  const indentStyle = depth > 0 ? { paddingLeft: 12 + depth * 16 } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { "data-slot": "sidebar-entry", children: [
-    item.href ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
-      "a",
-      {
-        "data-slot": "sidebar-item",
-        href: item.href,
-        className: entryClass,
-        style: indentStyle,
-        children: [
-          item.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
-          item.label
-        ]
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { "data-slot": "sidebar-item", className: entryClass, style: indentStyle, children: [
-      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
-      item.label
-    ] }),
-    item.children?.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-      SidebarEntry,
-      {
-        item: child,
-        depth: depth + 1
-      },
-      child.href ?? child.label ?? index
-    ))
-  ] });
-}
-
 // src/components/components/Sider/index.tsx
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function Sider({
   width = 200,
   collapsible,
@@ -5254,7 +5659,7 @@ function Sider({
   children
 }) {
   const current = collapsed ? collapsedWidth : width;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "aside",
     {
       "data-slot": "layout-sider",
@@ -5265,15 +5670,15 @@ function Sider({
       ),
       style: { width: current, ...style },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children }),
-        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "min-h-0 flex-1 overflow-auto", children }),
+        collapsible ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
             "aria-label": collapsed ? "expand sider" : "collapse sider",
             className: "flex h-10 shrink-0 items-center justify-center border-t text-muted-foreground hover:text-foreground",
             onClick: () => onCollapse?.(!collapsed),
-            children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react22.ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react22.ChevronLeft, { "aria-hidden": true, className: "size-4" })
+            children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react23.ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react23.ChevronLeft, { "aria-hidden": true, className: "size-4" })
           }
         ) : null
       ]
@@ -5282,9 +5687,9 @@ function Sider({
 }
 
 // src/ui/skeleton.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {
       "data-slot": "skeleton",
@@ -5295,7 +5700,7 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/components/Skeleton/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var shapeDefaults = {
   line: { className: "h-4 w-full", style: {} },
   circle: { className: "rounded-full", style: { width: 40, height: 40 } },
@@ -5306,7 +5711,7 @@ function toSize(value) {
 }
 function Skeleton2({ shape = "line", width, height, className, style }) {
   const defaults = shapeDefaults[shape];
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     Skeleton,
     {
       className: cn(defaults.className, className),
@@ -5321,13 +5726,13 @@ function Skeleton2({ shape = "line", width, height, className, style }) {
 }
 
 // src/components/components/Slider/index.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/ui/slider.tsx
 var import_slider = require("@base-ui/react/slider");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function Slider({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     import_slider.Slider.Root,
     {
       "data-slot": "slider",
@@ -5340,7 +5745,7 @@ function Slider({ className, ...props }) {
   );
 }
 function SliderControl({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     import_slider.Slider.Control,
     {
       "data-slot": "slider-control",
@@ -5350,7 +5755,7 @@ function SliderControl({ className, ...props }) {
   );
 }
 function SliderTrack({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     import_slider.Slider.Track,
     {
       "data-slot": "slider-track",
@@ -5363,7 +5768,7 @@ function SliderTrack({ className, ...props }) {
   );
 }
 function SliderIndicator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     import_slider.Slider.Indicator,
     {
       "data-slot": "slider-indicator",
@@ -5373,7 +5778,7 @@ function SliderIndicator({ className, ...props }) {
   );
 }
 function SliderThumb({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     import_slider.Slider.Thumb,
     {
       "data-slot": "slider-thumb",
@@ -5387,7 +5792,7 @@ function SliderThumb({ className, ...props }) {
 }
 
 // src/components/components/Slider/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function Slider2({
   name,
   label,
@@ -5403,7 +5808,7 @@ function Slider2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -5418,7 +5823,7 @@ function Slider2({
     }
     onChange?.(next);
   };
-  const slider = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  const slider = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Slider,
     {
       value: numberValue,
@@ -5430,14 +5835,14 @@ function Slider2({
       onValueChange: handleChange,
       className: inForm ? void 0 : className,
       style: inForm ? void 0 : style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SliderControl, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(SliderTrack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SliderIndicator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SliderThumb, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SliderControl, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(SliderTrack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SliderIndicator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(SliderThumb, {})
       ] }) })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       FieldShell,
       {
         layout: form.layout,
@@ -5453,13 +5858,13 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-var import_runtime16 = require("@pactor-app/runtime");
-var import_react21 = require("react");
+var import_runtime17 = require("@pactor-app/runtime");
+var import_react22 = require("react");
 
 // src/ui/toast.tsx
 var import_toast = require("@base-ui/react/toast");
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var toastManager = import_toast.Toast.createToastManager();
 function toast(message, options = {}) {
   return toastManager.add({
@@ -5475,7 +5880,7 @@ var toastVariantClass = {
 };
 function ToasterViewport({ className }) {
   const { toasts } = import_toast.Toast.useToastManager();
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_toast.Toast.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     import_toast.Toast.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -5483,7 +5888,7 @@ function ToasterViewport({ className }) {
         "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
         className
       ),
-      children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
         import_toast.Toast.Root,
         {
           toast: item,
@@ -5493,16 +5898,16 @@ function ToasterViewport({ className }) {
             "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
             toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_toast.Toast.Content, { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "grid gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                 import_toast.Toast.Title,
                 {
                   "data-slot": "toast-title",
                   className: "font-medium"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                 import_toast.Toast.Description,
                 {
                   "data-slot": "toast-description",
@@ -5510,13 +5915,13 @@ function ToasterViewport({ className }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               import_toast.Toast.Close,
               {
                 "data-slot": "toast-close",
                 "aria-label": "Close",
                 className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
-                children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react23.XIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react24.XIcon, {})
               }
             )
           ] })
@@ -5527,14 +5932,14 @@ function ToasterViewport({ className }) {
   ) });
 }
 function Toaster({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ToasterViewport, { className }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_toast.Toast.Provider, { toastManager, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ToasterViewport, { className }) });
 }
 
 // src/components/components/Sonner/index.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 function Sonner({ className, style }) {
-  const { context } = (0, import_runtime16.useRenderer)();
-  (0, import_react21.useEffect)(() => {
+  const { context } = (0, import_runtime17.useRenderer)();
+  (0, import_react22.useEffect)(() => {
     const { actions } = context;
     if (actions.has("toast")) {
       return;
@@ -5548,15 +5953,15 @@ function Sonner({ className, style }) {
       return { ok: true };
     });
   }, [context]);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Toaster, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Toaster, {}) });
 }
 
 // src/ui/spinner.tsx
-var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_lucide_react25 = require("lucide-react");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-    import_lucide_react24.Loader2Icon,
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    import_lucide_react25.Loader2Icon,
     {
       role: "status",
       "aria-label": "Loading",
@@ -5568,37 +5973,37 @@ function Spinner({ className, ...props }) {
 }
 
 // src/components/components/Spinner/index.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var sizeClass = {
   sm: "size-3",
   default: "size-4",
   lg: "size-6"
 };
 function Spinner2({ size = "default", className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Spinner, { className: cn(sizeClass[size], className), style });
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Spinner, { className: cn(sizeClass[size], className), style });
 }
 
 // src/components/components/Statistic/index.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 function Statistic({ title, value, precision, suffix, className, style }) {
   const display = typeof value === "number" && precision !== void 0 ? value.toFixed(precision) : value;
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { "data-slot": "statistic", className: cn(className), style, children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { "data-slot": "statistic", className: cn(className), style, children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
       display,
-      suffix ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
+      suffix ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
     ] })
   ] });
 }
 
 // src/components/components/Switch/index.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/ui/switch.tsx
 var import_switch = require("@base-ui/react/switch");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     import_switch.Switch.Root,
     {
       "data-slot": "switch",
@@ -5607,7 +6012,7 @@ function Switch({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_switch.Switch.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -5619,7 +6024,7 @@ function Switch({ className, ...props }) {
 }
 
 // src/components/components/Switch/index.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 function Switch2({
   name,
   label,
@@ -5631,9 +6036,9 @@ function Switch2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react22.useId)();
+  const controlId = (0, import_react23.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -5648,13 +6053,13 @@ function Switch2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  const control = /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           Switch,
           {
             id: controlId,
@@ -5664,12 +6069,12 @@ function Switch2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
       "div",
       {
         "data-slot": "form-item",
@@ -5677,7 +6082,7 @@ function Switch2({
         style,
         children: [
           control,
-          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
+          form.errors[name] ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -5686,9 +6091,9 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-var import_runtime17 = require("@pactor-app/runtime");
-var import_react23 = require("react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_runtime18 = require("@pactor-app/runtime");
+var import_react24 = require("react");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -5708,9 +6113,9 @@ function Table3({
   className,
   style
 }) {
-  const { renderChildren } = (0, import_runtime17.useRenderer)();
-  const { t } = (0, import_runtime17.useI18n)();
-  const [current, setCurrent] = (0, import_react23.useState)(1);
+  const { renderChildren } = (0, import_runtime18.useRenderer)();
+  const { t } = (0, import_runtime18.useI18n)();
+  const [current, setCurrent] = (0, import_react24.useState)(1);
   const pageSize = pagination === false ? void 0 : pagination?.pageSize;
   const total = dataSource.length;
   const pageCount = pageSize !== void 0 && pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
@@ -5719,8 +6124,8 @@ function Table3({
     setCurrent(page);
     onChange?.({ current: page, pageSize, total });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "div",
       {
         "data-slot": "table-loading",
@@ -5728,8 +6133,8 @@ function Table3({
         children: t("pactor.table.loading")
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Table2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Table2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         TableHead,
         {
           style: column.width !== void 0 ? { width: column.width } : void 0,
@@ -5737,7 +6142,7 @@ function Table3({
         },
         column.dataIndex ?? String(index)
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         "div",
         {
           "data-slot": "table-empty",
@@ -5746,10 +6151,10 @@ function Table3({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
           TableRow,
           {
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
               column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
             ) }, column.dataIndex ?? String(columnIndex)))
           },
@@ -5757,8 +6162,8 @@ function Table3({
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         Button,
         {
           type: "button",
@@ -5775,16 +6180,16 @@ function Table3({
 }
 
 // src/components/components/Tabs/index.tsx
-var import_runtime18 = require("@pactor-app/runtime");
+var import_runtime19 = require("@pactor-app/runtime");
 
 // src/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     import_tabs.Tabs.Root,
     {
       "data-slot": "tabs",
@@ -5797,7 +6202,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     import_tabs.Tabs.List,
     {
       "data-slot": "tabs-list",
@@ -5813,7 +6218,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     import_tabs.Tabs.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -5829,7 +6234,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     import_tabs.Tabs.Panel,
     {
       "data-slot": "tabs-content",
@@ -5840,10 +6245,10 @@ function TabsContent({
 }
 
 // src/components/components/Tabs/index.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 function Tabs2({ items = [], activeKey, onChange, className, style }) {
-  const { renderChildren } = (0, import_runtime18.useRenderer)();
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+  const { renderChildren } = (0, import_runtime19.useRenderer)();
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     Tabs,
     {
       value: activeKey,
@@ -5852,15 +6257,15 @@ function Tabs2({ items = [], activeKey, onChange, className, style }) {
       className,
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TabsList, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TabsList, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
       ]
     }
   );
 }
 
 // src/components/components/Text/index.tsx
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var typeClassMap = {
   default: "",
   secondary: "text-muted-foreground",
@@ -5879,7 +6284,7 @@ function Text({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
     "span",
     {
       "data-slot": "text",
@@ -5899,29 +6304,8 @@ function Text({
 }
 
 // src/components/components/Textarea/index.tsx
-var import_react24 = require("react");
-
-// src/ui/textarea.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
-function Textarea({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: cn(
-        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/components/Textarea/index.tsx
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_react25 = require("react");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 function Textarea2({
   name,
   label,
@@ -5935,9 +6319,9 @@ function Textarea2({
   style
 }) {
   const form = useFormContext();
-  const controlId = (0, import_react24.useId)();
+  const controlId = (0, import_react25.useId)();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -5946,7 +6330,7 @@ function Textarea2({
   });
   if (inForm && form && name) {
     const fieldValue = form.values[name];
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       FieldShell,
       {
         layout: form.layout,
@@ -5955,7 +6339,7 @@ function Textarea2({
         error: form.errors[name],
         className,
         style,
-        children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           Textarea,
           {
             id: controlId,
@@ -5972,7 +6356,7 @@ function Textarea2({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
     Textarea,
     {
       value: value ?? "",
@@ -5989,7 +6373,7 @@ function Textarea2({
 // src/ui/toggle.tsx
 var import_toggle = require("@base-ui/react/toggle");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority6.cva)(
   "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -6016,7 +6400,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
     import_toggle.Toggle,
     {
       "data-slot": "toggle",
@@ -6027,7 +6411,7 @@ function Toggle({
 }
 
 // src/components/components/Toggle/index.tsx
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 function Toggle2({
   text,
   pressed,
@@ -6038,7 +6422,7 @@ function Toggle2({
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
     Toggle,
     {
       pressed,
@@ -6057,7 +6441,7 @@ function Toggle2({
 var import_toggle3 = require("@base-ui/react/toggle");
 var import_toggle_group = require("@base-ui/react/toggle-group");
 var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_jsx_runtime122 = require("react/jsx-runtime");
 var ToggleGroupContext = React4.createContext({
   size: "default",
   variant: "default"
@@ -6069,7 +6453,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     import_toggle_group.ToggleGroup,
     {
       "data-slot": "toggle-group",
@@ -6080,7 +6464,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -6092,7 +6476,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React4.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
     import_toggle3.Toggle,
     {
       "data-slot": "toggle-group-item",
@@ -6113,7 +6497,7 @@ function ToggleGroupItem({
 }
 
 // src/components/components/ToggleGroup/index.tsx
-var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 function ToggleGroup2({
   options = [],
   value,
@@ -6133,7 +6517,7 @@ function ToggleGroup2({
       onChange?.(added ?? void 0);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     ToggleGroup,
     {
       value: groupValue,
@@ -6142,7 +6526,7 @@ function ToggleGroup2({
       onValueChange: (next) => handleChange(next),
       className,
       style,
-      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         ToggleGroupItem,
         {
           value: option.value,
@@ -6155,78 +6539,18 @@ function ToggleGroup2({
   );
 }
 
-// src/ui/tooltip.tsx
-var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime121 = require("react/jsx-runtime");
-function TooltipProvider({
-  delay = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-    import_tooltip.Tooltip.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delay,
-      ...props
-    }
-  );
-}
-function Tooltip2({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
-}
-function TooltipContent({
-  className,
-  side = "top",
-  sideOffset = 4,
-  align = "center",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
-    import_tooltip.Tooltip.Positioner,
-    {
-      align,
-      side,
-      sideOffset,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
-        import_tooltip.Tooltip.Popup,
-        {
-          "data-slot": "tooltip-content",
-          className: cn(
-            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-            className
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_tooltip.Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
-          ]
-        }
-      )
-    }
-  ) });
-}
-
 // src/components/components/Tooltip/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 function Tooltip3({ content, children, className, style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Tooltip2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(TooltipContent, { className, style, children: content })
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Tooltip2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipContent, { className, style, children: content })
   ] });
 }
 
 // src/ui/typography.tsx
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var typographyVariants = (0, import_class_variance_authority7.cva)("", {
   variants: {
     variant: {
@@ -6262,7 +6586,7 @@ var variantTagMap = {
 };
 function Typography({ className, variant = "p", ...props }) {
   const Tag2 = variantTagMap[variant ?? "p"];
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     Tag2,
     {
       "data-slot": "typography",
@@ -6274,18 +6598,18 @@ function Typography({ className, variant = "p", ...props }) {
 }
 
 // src/components/components/Typography/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 function Typography2({
   variant = "p",
   text,
   className,
   style
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Typography, { variant, className, style, children: text });
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Typography, { variant, className, style, children: text });
 }
 
 // src/components/register.ts
-var shadcnComponents = {
+var builtinComponents = {
   Page,
   Grid,
   Flex,
@@ -6325,6 +6649,7 @@ var shadcnComponents = {
   Slider: Slider2,
   Label: Label2,
   Field: Field2,
+  ChatInput,
   // 导航类扩展组件
   Breadcrumb: Breadcrumb2,
   Pagination: Pagination2,
@@ -6364,14 +6689,14 @@ var shadcnComponents = {
   // 图标（lucide 白名单）
   Icon
 };
-function registerShadcnComponents(registry) {
-  for (const [type, component] of Object.entries(shadcnComponents)) {
+function registerBuiltinComponents(registry) {
+  for (const [type, component] of Object.entries(builtinComponents)) {
     registry.register(type, component);
   }
 }
-function createShadcnComponentRegistry() {
+function createComponentRegistry() {
   const registry = new import_core2.Registry("ComponentRegistry");
-  registerShadcnComponents(registry);
+  registerBuiltinComponents(registry);
   return registry;
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -6425,6 +6750,7 @@ function createShadcnComponentRegistry() {
   Popover,
   Progress,
   RadioGroup,
+  RailTooltip,
   Resizable,
   ScrollArea,
   Select,
@@ -6446,9 +6772,10 @@ function createShadcnComponentRegistry() {
   ToggleGroup,
   Tooltip,
   Typography,
-  createShadcnComponentRegistry,
+  builtinComponents,
+  createComponentRegistry,
   normalizeIconName,
-  registerShadcnComponents,
-  shadcnComponents,
-  useFormContext
+  registerBuiltinComponents,
+  useFormContext,
+  useSidebarDrawer
 });