@pactor-app/ui 1.1.0 → 1.3.0

package/dist/{chunk-6B5ZX7L3.js → chunk-P54Y23AP.js}

@@ -1,6 +1,8 @@
 import {
-  Icon
-} from "./chunk-6JNCDPGS.js";
+  Icon,
+  Menu,
+  Sidebar
+} from "./chunk-EVGIS2ZE.js";
 import {
   Alert,
   AlertDescription,
@@ -69,7 +71,6 @@ import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-  Input,
   InputGroup,
   InputOTP,
   InputOTPGroup,
@@ -114,12 +115,6 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-  Separator,
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-  Skeleton,
   Slider,
   SliderControl,
   SliderIndicator,
@@ -142,16 +137,12 @@ import {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
   Typography,
   chartColor,
   navigationMenuTriggerStyle,
   toast
-} from "./chunk-BVHAP22U.js";
+} from "./chunk-UKA7C3JP.js";
 import {
-  Button,
   Dialog,
   DialogContent,
   DialogDescription,
@@ -162,7 +153,7 @@ import {
   DrawerContent,
   DrawerHeader,
   DrawerTitle
-} from "./chunk-F3H23KYG.js";
+} from "./chunk-F42SGQNW.js";
 import {
   Accordion,
   AccordionContent,
@@ -172,13 +163,24 @@ import {
   CardContent,
   CardHeader,
   CardTitle,
+  Input,
   Popover,
   PopoverContent,
-  PopoverTrigger
-} from "./chunk-GL7IO22L.js";
+  PopoverTrigger,
+  Separator,
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  Skeleton,
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "./chunk-L4Z7MNYY.js";
 import {
+  Button,
   cn
-} from "./chunk-RQHJBTEU.js";
+} from "./chunk-WKJUCGV4.js";
 
 // src/components/register.ts
 import { Registry } from "@pactor-app/core";
@@ -928,7 +930,7 @@ function ChatInput({
     {
       "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",
+        "rounded-xl border border-border bg-card transition-shadow focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50",
         className
       ),
       style,
@@ -1302,9 +1304,9 @@ function Field2({ label, description, error, children, className, style }) {
 // src/components/components/Flex/index.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
 var gapClass = {
-  small: "gap-2",
-  middle: "gap-4",
-  large: "gap-6"
+  small: "gap-(--flex-gap-sm)",
+  middle: "gap-(--flex-gap-md)",
+  large: "gap-(--flex-gap-lg)"
 };
 var justifyClass = {
   start: "justify-start",
@@ -1337,6 +1339,7 @@ function Flex({
       className: cn(
         "flex",
         direction === "vertical" && "flex-col",
+        gap === void 0 && "gap-(--flex-gap)",
         typeof gap === "string" && gapClass[gap],
         justify && justifyClass[justify],
         align && alignClass[align],
@@ -1477,7 +1480,7 @@ function Grid({ columns = 1, gap, className, style, children }) {
     {
       "data-slot": "grid",
       "data-columns": cols,
-      className: cn("grid", className),
+      className: cn("grid", gap === void 0 && "gap-(--grid-gap)", className),
       style: {
         gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
         ...gap !== void 0 ? { gap } : {},
@@ -1518,7 +1521,7 @@ function Header({
   const hasLocales = locales !== void 0 && locales.length > 0;
   const hasUser = user !== void 0;
   const rootClass = cn(
-    "flex h-14 shrink-0 items-center gap-4 border-b bg-background px-4",
+    "flex h-14 shrink-0 items-center gap-4 border-b bg-card px-4",
     className
   );
   if (!hasBrand && !dropdown && !hasMenu && !hasUser && !hasLocales) {
@@ -1563,7 +1566,7 @@ function HeaderDropdownArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-dropdown",
-        className: cn(menuItemClass, "outline-hidden"),
+        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           dropdown.label,
           /* @__PURE__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
@@ -1595,7 +1598,7 @@ function HeaderMenuArea({
         {
           "data-slot": "header-menu-item",
           "data-key": item.key,
-          className: cn(menuItemClass, "outline-hidden"),
+          className: cn(menuItemClass, "outline-hidden cursor-pointer"),
           children: [
             item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
             item.label,
@@ -1627,7 +1630,7 @@ function HeaderMenuEntry({
 }) {
   if (item.children !== void 0 && item.children.length > 0) {
     return /* @__PURE__ */ jsxs23(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs23(DropdownMenuSubTrigger, { "data-key": item.key, children: [
+      /* @__PURE__ */ jsxs23(DropdownMenuSubTrigger, { "data-key": item.key, className: "cursor-pointer", children: [
         item.icon ? /* @__PURE__ */ jsx32(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ] }),
@@ -1658,7 +1661,7 @@ function HeaderUserArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-user",
-        className: "flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors outline-hidden hover:bg-accent/50",
+        className: "flex items-center gap-2 rounded-md px-2 py-1.5 transition-colors outline-hidden hover:bg-accent/50 cursor-pointer",
         children: identity
       }
     ),
@@ -1679,7 +1682,7 @@ function HeaderLocalesArea({
       DropdownMenuTrigger,
       {
         "data-slot": "header-locales",
-        className: cn(menuItemClass, "outline-hidden"),
+        className: cn(menuItemClass, "outline-hidden cursor-pointer"),
         children: [
           current?.label ?? locale,
           /* @__PURE__ */ jsx32(ChevronDownIcon, { className: "size-3.5", "aria-hidden": "true" })
@@ -1947,416 +1950,18 @@ function Link({ href, text, target, className, style, children }) {
   );
 }
 
-// src/components/components/Sidebar/rail-tooltip.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
-function RailTooltip({
-  label,
-  children
-}) {
-  return /* @__PURE__ */ jsxs28(Tooltip, { children: [
-    /* @__PURE__ */ jsx42(TooltipTrigger, { render: children }),
-    /* @__PURE__ */ jsx42(TooltipContent, { side: "right", sideOffset: 8, children: label })
-  ] });
-}
-
-// src/components/components/Sidebar/index.tsx
-import { useI18n as useI18n5, useRenderer as useRenderer11 } from "@pactor-app/runtime";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import {
-  createContext as createContext2,
-  useCallback as useCallback2,
-  useContext as useContext2,
-  useEffect as useEffect8,
-  useState as useState10
-} from "react";
-import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
-var SidebarDrawerContext = createContext2(null);
-function useSidebarDrawer() {
-  return useContext2(SidebarDrawerContext);
-}
-var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
-function useIsMobileViewport() {
-  const [isMobile, setIsMobile] = useState10(
-    () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(MOBILE_MEDIA_QUERY).matches
-  );
-  useEffect8(() => {
-    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 useRenderer11();
-  } 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__ */ jsx43(Fragment3, { children: renderer.renderChildren([content]) });
-  }
-  return /* @__PURE__ */ jsx43(Fragment3, { 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 } = useI18n5();
-  const isMobile = useIsMobileViewport();
-  const [drawerOpen, setDrawerOpen] = useState10(false);
-  const [collapsed, setCollapsed] = useState10(false);
-  const collapsedEffective = collapsible === true && collapsed && !isMobile;
-  const close = useCallback2(() => setDrawerOpen(false), []);
-  const toggleCollapsed = () => {
-    const next = !collapsed;
-    setCollapsed(next);
-    onCollapse?.(next);
-  };
-  const [trackedLocationKey, setTrackedLocationKey] = useState10(locationKey);
-  if (trackedLocationKey !== locationKey) {
-    setTrackedLocationKey(locationKey);
-    setDrawerOpen(false);
-  }
-  useEffect8(() => {
-    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__ */ jsxs29(Fragment3, { children: [
-    brand.logo ? /* @__PURE__ */ jsx43(
-      "img",
-      {
-        "data-slot": "sidebar-brand-logo",
-        src: brand.logo,
-        alt: brand.title,
-        className: "size-6 shrink-0"
-      }
-    ) : null,
-    collapsedEffective ? null : /* @__PURE__ */ jsx43("span", { className: "truncate text-sm font-semibold", children: brand.title })
-  ] }) : brand;
-  const collapseTrigger = collapsible && !isMobile ? /* @__PURE__ */ jsx43(
-    "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__ */ jsx43(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx43(ChevronLeft, { "aria-hidden": true, className: "size-4" })
-    }
-  ) : null;
-  return /* @__PURE__ */ jsx43(
-    SidebarDrawerContext.Provider,
-    {
-      value: { close, collapsed: collapsedEffective },
-      children: /* @__PURE__ */ jsxs29(
-        "div",
-        {
-          "data-slot": "sidebar-layout",
-          className: cn("flex min-h-screen w-full", className),
-          style,
-          children: [
-            drawer && drawerOpen ? /* @__PURE__ */ jsx43(
-              "div",
-              {
-                "data-slot": "sidebar-scrim",
-                "aria-hidden": true,
-                className: "fixed inset-0 z-40 bg-black/40 md:hidden",
-                onClick: close
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs29(
-              "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__ */ jsxs29(
-                    "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__ */ jsx43("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
-                        collapseTrigger
-                      ]
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx43(
-                    "nav",
-                    {
-                      "data-slot": "sidebar-nav",
-                      className: "min-h-0 flex-1 overflow-auto p-2",
-                      children: content !== void 0 && content !== null ? /* @__PURE__ */ jsx43(SidebarContent, { content }) : items.map((item, index) => /* @__PURE__ */ jsx43(
-                        SidebarEntry,
-                        {
-                          item,
-                          depth: 0,
-                          collapsed: collapsedEffective
-                        },
-                        item.href ?? item.label ?? index
-                      ))
-                    }
-                  ),
-                  sidebarFooter !== void 0 && sidebarFooter !== null && !collapsedEffective ? /* @__PURE__ */ jsx43(
-                    "div",
-                    {
-                      "data-slot": "sidebar-footer",
-                      className: "shrink-0 border-t border-sidebar-border p-2",
-                      children: sidebarFooter
-                    }
-                  ) : null
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs29("main", { "data-slot": "sidebar-content", className: "min-w-0 flex-1", children: [
-              drawer ? /* @__PURE__ */ jsxs29(
-                "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__ */ jsx43(
-                      "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__ */ jsx43(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__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null;
-  const entry = item.href ? /* @__PURE__ */ jsxs29(
-    "a",
-    {
-      "data-slot": "sidebar-item",
-      href: item.href,
-      className: entryClass,
-      style: indentStyle,
-      children: [
-        iconNode,
-        labelNode
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs29("span", { "data-slot": "sidebar-item", className: entryClass, style: indentStyle, children: [
-    iconNode,
-    labelNode
-  ] });
-  return /* @__PURE__ */ jsxs29("div", { "data-slot": "sidebar-entry", children: [
-    collapsed ? /* @__PURE__ */ jsx43(RailTooltip, { label: item.label, children: entry }) : entry,
-    item.children?.map((child, index) => /* @__PURE__ */ jsx43(
-      SidebarEntry,
-      {
-        item: child,
-        depth: depth + 1,
-        collapsed
-      },
-      child.href ?? child.label ?? index
-    ))
-  ] });
-}
-
-// src/components/components/Menu/index.tsx
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
-function Menu({
-  items = [],
-  mode = "inline",
-  selectedKey,
-  onSelect,
-  className,
-  style
-}) {
-  const drawer = useSidebarDrawer();
-  const collapsed = mode === "inline" && drawer?.collapsed === true;
-  let previousGroup;
-  return /* @__PURE__ */ jsx44(
-    "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) => {
-        let groupLabel;
-        if (!collapsed && mode === "inline" && item.group !== void 0 && item.group !== previousGroup) {
-          groupLabel = item.group;
-        }
-        previousGroup = item.group;
-        return /* @__PURE__ */ jsxs30("div", { "data-slot": "menu-group-entry", children: [
-          groupLabel !== void 0 && /* @__PURE__ */ jsx44(
-            "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__ */ jsx44(
-            MenuEntry,
-            {
-              item,
-              mode,
-              depth: 0,
-              selectedKey,
-              onSelect,
-              collapsed
-            }
-          )
-        ] }, item.key);
-      })
-    }
-  );
-}
-function MenuEntry({
-  item,
-  mode,
-  depth,
-  selectedKey,
-  onSelect,
-  collapsed = false
-}) {
-  const selected = item.key === selectedKey;
-  const button = /* @__PURE__ */ jsxs30(
-    "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" : "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__ */ jsx44(Icon, { name: item.icon, size: "sm" }) : null,
-        collapsed ? null : /* @__PURE__ */ jsx44("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
-        item.dot && !collapsed ? /* @__PURE__ */ jsx44("span", { "data-slot": "menu-item-dot", className: "size-1.5 shrink-0 rounded-full bg-destructive" }) : null,
-        item.badge !== void 0 && !collapsed ? /* @__PURE__ */ jsx44(
-          "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__ */ jsxs30("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
-    collapsed ? /* @__PURE__ */ jsx44(RailTooltip, { label: item.label, children: button }) : button,
-    item.children?.map((child) => /* @__PURE__ */ jsx44(
-      MenuEntry,
-      {
-        item: child,
-        mode,
-        depth: depth + 1,
-        selectedKey,
-        onSelect,
-        collapsed
-      },
-      child.key
-    ))
-  ] });
-}
-
 // src/components/components/Menubar/index.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
 function Menubar2({ menus = [], onSelect, className, style }) {
-  return /* @__PURE__ */ jsx45(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ jsxs31(MenubarMenu, { children: [
-    /* @__PURE__ */ jsx45(MenubarTrigger, { children: menu.label }),
-    /* @__PURE__ */ jsx45(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsx42(Menubar, { className, style, children: menus.map((menu) => /* @__PURE__ */ jsxs28(MenubarMenu, { children: [
+    /* @__PURE__ */ jsx42(MenubarTrigger, { children: menu.label }),
+    /* @__PURE__ */ jsx42(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsxs28(
       MenubarItem,
       {
         disabled: item.disabled,
         onClick: () => onSelect?.(item.value),
         children: [
-          item.icon ? /* @__PURE__ */ jsx45(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ jsx42(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       },
@@ -2366,33 +1971,33 @@ function Menubar2({ menus = [], onSelect, className, style }) {
 }
 
 // src/components/components/NavigationMenu/index.tsx
-import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
 function NavigationMenu2({ items = [], className, style }) {
-  return /* @__PURE__ */ jsx46(NavigationMenu, { className, style, children: /* @__PURE__ */ jsx46(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ jsx46(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ jsxs32(Fragment4, { children: [
-    /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsx43(NavigationMenu, { className, style, children: /* @__PURE__ */ jsx43(NavigationMenuList, { children: items.map((item, index) => /* @__PURE__ */ jsx43(NavigationMenuItem, { value: `item-${index}`, children: item.children && item.children.length > 0 ? /* @__PURE__ */ jsxs29(Fragment3, { children: [
+    /* @__PURE__ */ jsxs29(
       NavigationMenuTrigger,
       {
         className: item.icon !== void 0 ? "gap-2" : void 0,
         children: [
-          item.icon ? /* @__PURE__ */ jsx46(Icon, { name: item.icon, size: "sm" }) : null,
+          item.icon ? /* @__PURE__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null,
           item.label
         ]
       }
     ),
-    /* @__PURE__ */ jsx46(NavigationMenuContent, { children: /* @__PURE__ */ jsx46("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ jsx46("li", { children: /* @__PURE__ */ jsxs32(NavigationMenuLink, { href: child.href, children: [
-      /* @__PURE__ */ jsxs32(
+    /* @__PURE__ */ jsx43(NavigationMenuContent, { children: /* @__PURE__ */ jsx43("ul", { className: "grid w-64 gap-1", children: item.children.map((child) => /* @__PURE__ */ jsx43("li", { children: /* @__PURE__ */ jsxs29(NavigationMenuLink, { href: child.href, children: [
+      /* @__PURE__ */ jsxs29(
         "span",
         {
           className: child.icon !== void 0 ? "flex items-center gap-2 font-medium" : "font-medium",
           children: [
-            child.icon ? /* @__PURE__ */ jsx46(Icon, { name: child.icon, size: "sm" }) : null,
+            child.icon ? /* @__PURE__ */ jsx43(Icon, { name: child.icon, size: "sm" }) : null,
             child.label
           ]
         }
       ),
-      child.description ? /* @__PURE__ */ jsx46("span", { className: "text-muted-foreground", children: child.description }) : null
+      child.description ? /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground", children: child.description }) : null
     ] }) }, child.href)) }) })
-  ] }) : /* @__PURE__ */ jsxs32(
+  ] }) : /* @__PURE__ */ jsxs29(
     NavigationMenuLink,
     {
       href: item.href,
@@ -2401,7 +2006,7 @@ function NavigationMenu2({ items = [], className, style }) {
         item.icon !== void 0 && "gap-2"
       ),
       children: [
-        item.icon ? /* @__PURE__ */ jsx46(Icon, { name: item.icon, size: "sm" }) : null,
+        item.icon ? /* @__PURE__ */ jsx43(Icon, { name: item.icon, size: "sm" }) : null,
         item.label
       ]
     }
@@ -2409,17 +2014,17 @@ function NavigationMenu2({ items = [], className, style }) {
 }
 
 // src/components/components/Page/index.tsx
-import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
 function Page({ title, className, style, children }) {
-  return /* @__PURE__ */ jsxs33("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
-    title ? /* @__PURE__ */ jsx47("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
-    /* @__PURE__ */ jsx47("div", { "data-slot": "page-content", className: "space-y-5", children })
+  return /* @__PURE__ */ jsxs30("div", { "data-slot": "page", className: cn("p-6", className), style, children: [
+    title ? /* @__PURE__ */ jsx44("h2", { "data-slot": "page-title", className: "mb-5 text-xl font-semibold", children: title }) : null,
+    /* @__PURE__ */ jsx44("div", { "data-slot": "page-content", className: "space-y-5", children })
   ] });
 }
 
 // src/components/components/Pagination/index.tsx
-import { useState as useState11 } from "react";
-import { jsx as jsx48, jsxs as jsxs34 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
 function pageItems(current, count) {
   if (count <= 7) {
     return Array.from({ length: count }, (_, i) => i + 1);
@@ -2440,7 +2045,7 @@ function Pagination2({
   className,
   style
 }) {
-  const [innerPage, setInnerPage] = useState11(1);
+  const [innerPage, setInnerPage] = useState10(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) => {
@@ -2453,8 +2058,8 @@ function Pagination2({
     }
     onChange?.(target);
   };
-  return /* @__PURE__ */ jsx48(Pagination, { className, style, children: /* @__PURE__ */ jsxs34(PaginationContent, { children: [
-    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx45(Pagination, { className, style, children: /* @__PURE__ */ jsxs31(PaginationContent, { children: [
+    /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
       PaginationPrevious,
       {
         href: "#",
@@ -2465,7 +2070,7 @@ function Pagination2({
         }
       }
     ) }),
-    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx48(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx48(PaginationEllipsis, {}) : /* @__PURE__ */ jsx48(
+    pageItems(current, pageCount).map((item, index) => /* @__PURE__ */ jsx45(PaginationItem, { children: item === "ellipsis" ? /* @__PURE__ */ jsx45(PaginationEllipsis, {}) : /* @__PURE__ */ jsx45(
       PaginationLink,
       {
         href: "#",
@@ -2477,7 +2082,7 @@ function Pagination2({
         children: item
       }
     ) }, item === "ellipsis" ? `ellipsis-${index}` : item)),
-    /* @__PURE__ */ jsx48(PaginationItem, { children: /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
       PaginationNext,
       {
         href: "#",
@@ -2492,15 +2097,15 @@ function Pagination2({
 }
 
 // src/components/components/Popover/index.tsx
-import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
-import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useRenderer as useRenderer11 } from "@pactor-app/runtime";
+import { jsx as jsx46, jsxs as jsxs32 } from "react/jsx-runtime";
 function isDslNode3(value) {
   return typeof value === "object" && value !== null && typeof value.type === "string";
 }
 function Popover2({ content, children, className, style }) {
-  const { renderChildren } = useRenderer12();
-  return /* @__PURE__ */ jsxs35(Popover, { children: [
-    /* @__PURE__ */ jsx49(
+  const { renderChildren } = useRenderer11();
+  return /* @__PURE__ */ jsxs32(Popover, { children: [
+    /* @__PURE__ */ jsx46(
       PopoverTrigger,
       {
         nativeButton: false,
@@ -2508,22 +2113,22 @@ function Popover2({ content, children, className, style }) {
         children
       }
     ),
-    /* @__PURE__ */ jsx49(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
+    /* @__PURE__ */ jsx46(PopoverContent, { className, style, children: isDslNode3(content) ? renderChildren([content]) : content })
   ] });
 }
 
 // src/components/components/Progress/index.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "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__ */ jsx50(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx50(ProgressTrack, { children: /* @__PURE__ */ jsx50(ProgressIndicator, {}) }) });
+  return /* @__PURE__ */ jsx47(Progress, { value: resolved, className, style, children: /* @__PURE__ */ jsx47(ProgressTrack, { children: /* @__PURE__ */ jsx47(ProgressIndicator, {}) }) });
 }
 
 // src/components/components/RadioGroup/index.tsx
-import { useEffect as useEffect9, useId as useId4 } from "react";
+import { useEffect as useEffect8, useId as useId4 } from "react";
 
 // src/components/components/Form/form-item.tsx
-import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
 function FieldShell({
   layout,
   label,
@@ -2533,14 +2138,14 @@ function FieldShell({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       "data-slot": "form-item",
       className: cn(formItemClass(layout), className),
       style,
       children: [
-        label ? /* @__PURE__ */ jsx51(
+        label ? /* @__PURE__ */ jsx48(
           "label",
           {
             htmlFor,
@@ -2549,14 +2154,14 @@ function FieldShell({
           }
         ) : null,
         children,
-        error ? /* @__PURE__ */ jsx51("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+        error ? /* @__PURE__ */ jsx48("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
       ]
     }
   );
 }
 
 // src/components/components/RadioGroup/index.tsx
-import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
 function RadioGroup2({
   name,
   label,
@@ -2571,7 +2176,7 @@ function RadioGroup2({
   const form = useFormContext();
   const controlId = useId4();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect9(() => {
+  useEffect8(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -2586,7 +2191,7 @@ function RadioGroup2({
     onChange?.(next);
   };
   const groupValue = current ?? "";
-  const group = /* @__PURE__ */ jsx52(
+  const group = /* @__PURE__ */ jsx49(
     RadioGroup,
     {
       value: groupValue,
@@ -2597,8 +2202,8 @@ function RadioGroup2({
       style: inForm ? void 0 : style,
       children: options.map((option, index) => {
         const optionId = `${controlId}-${index}`;
-        return /* @__PURE__ */ jsxs37("span", { className: "inline-flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx52(
+        return /* @__PURE__ */ jsxs34("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx49(
             RadioGroupItem,
             {
               id: optionId,
@@ -2606,13 +2211,13 @@ function RadioGroup2({
               disabled: option.disabled
             }
           ),
-          /* @__PURE__ */ jsx52("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
+          /* @__PURE__ */ jsx49("label", { htmlFor: optionId, className: "text-sm leading-none font-medium", children: option.label })
         ] }, String(option.value));
       })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx49(
       FieldShell,
       {
         layout: form.layout,
@@ -2628,22 +2233,24 @@ function RadioGroup2({
 }
 
 // src/components/components/Resizable/index.tsx
-import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
-import { Fragment as Fragment5 } from "react";
-import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useRenderer as useRenderer12 } from "@pactor-app/runtime";
+import { Fragment as Fragment4 } from "react";
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
 function Resizable({
   panels = [],
   direction = "horizontal",
   className,
   style
 }) {
-  const { renderChildren } = useRenderer13();
-  return /* @__PURE__ */ jsx53(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs38(Fragment5, { children: [
-    index > 0 ? /* @__PURE__ */ jsx53(ResizableHandle, { withHandle: true }) : null,
-    /* @__PURE__ */ jsx53(
+  const { renderChildren } = useRenderer12();
+  return /* @__PURE__ */ jsx50(PanelGroup, { orientation: direction, className, style, children: panels.map((panel, index) => /* @__PURE__ */ jsxs35(Fragment4, { children: [
+    index > 0 ? /* @__PURE__ */ jsx50(ResizableHandle, { withHandle: true }) : null,
+    /* @__PURE__ */ jsx50(
       Panel,
       {
-        defaultSize: typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
+        defaultSize: typeof panel.defaultSizePx === "number" ? `${panel.defaultSizePx}px` : typeof panel.defaultSize === "number" ? `${panel.defaultSize}%` : void 0,
+        minSize: typeof panel.minSizePx === "number" ? `${panel.minSizePx}px` : void 0,
+        maxSize: typeof panel.maxSizePx === "number" ? `${panel.maxSizePx}px` : void 0,
         children: renderChildren(panel.children)
       }
     )
@@ -2651,7 +2258,7 @@ function Resizable({
 }
 
 // src/components/components/ScrollArea/index.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function ScrollArea2({
   maxHeight,
   maxWidth,
@@ -2659,7 +2266,7 @@ function ScrollArea2({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx51(
     ScrollArea,
     {
       className,
@@ -2670,9 +2277,9 @@ function ScrollArea2({
 }
 
 // src/components/components/Select/index.tsx
-import { useI18n as useI18n6 } from "@pactor-app/runtime";
-import { useEffect as useEffect10, useId as useId5 } from "react";
-import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useI18n as useI18n5 } from "@pactor-app/runtime";
+import { useEffect as useEffect9, useId as useId5 } from "react";
+import { jsx as jsx52, jsxs as jsxs36 } from "react/jsx-runtime";
 function Select2({
   name,
   label,
@@ -2687,10 +2294,10 @@ function Select2({
   style
 }) {
   const form = useFormContext();
-  const { t } = useI18n6();
+  const { t } = useI18n5();
   const controlId = useId5();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect10(() => {
+  useEffect9(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -2706,13 +2313,13 @@ function Select2({
     onChange?.(next ?? void 0);
   };
   const inFormRoot = inForm === true;
-  const select = /* @__PURE__ */ jsxs39(
+  const select = /* @__PURE__ */ jsxs36(
     "span",
     {
       className: cn("inline-flex items-center gap-1", !inFormRoot && className),
       style: inFormRoot ? void 0 : style,
       children: [
-        /* @__PURE__ */ jsxs39(
+        /* @__PURE__ */ jsxs36(
           Select,
           {
             items: options,
@@ -2721,8 +2328,8 @@ function Select2({
             disabled,
             name: inForm ? name : void 0,
             children: [
-              /* @__PURE__ */ jsx55(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx55(SelectValue, { placeholder }) }),
-              /* @__PURE__ */ jsx55(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx52(SelectTrigger, { id: controlId, children: /* @__PURE__ */ jsx52(SelectValue, { placeholder }) }),
+              /* @__PURE__ */ jsx52(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx52(
                 SelectItem,
                 {
                   value: option.value,
@@ -2734,7 +2341,7 @@ function Select2({
             ]
           }
         ),
-        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx55(
+        allowClear && selectedValue !== null && !disabled ? /* @__PURE__ */ jsx52(
           "button",
           {
             type: "button",
@@ -2754,14 +2361,14 @@ function Select2({
   );
   if (inForm && form && name) {
     const error = form.errors[name];
-    return /* @__PURE__ */ jsxs39(
+    return /* @__PURE__ */ jsxs36(
       "div",
       {
         "data-slot": "form-item",
         className: cn(formItemClass(form.layout), className),
         style,
         children: [
-          label ? /* @__PURE__ */ jsx55(
+          label ? /* @__PURE__ */ jsx52(
             "label",
             {
               htmlFor: controlId,
@@ -2770,7 +2377,7 @@ function Select2({
             }
           ) : null,
           select,
-          error ? /* @__PURE__ */ jsx55("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
+          error ? /* @__PURE__ */ jsx52("div", { "data-slot": "form-error", className: "text-sm text-destructive", children: error }) : null
         ]
       }
     );
@@ -2779,13 +2386,13 @@ function Select2({
 }
 
 // src/components/components/Separator/index.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Separator2({ orientation = "horizontal", className, style }) {
-  return /* @__PURE__ */ jsx56(Separator, { orientation, className, style });
+  return /* @__PURE__ */ jsx53(Separator, { orientation, className, style });
 }
 
 // src/components/components/Sheet/index.tsx
-import { jsx as jsx57, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs37 } from "react/jsx-runtime";
 function Sheet2({
   title,
   open,
@@ -2795,7 +2402,7 @@ function Sheet2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx54(
     Sheet,
     {
       open: open ?? false,
@@ -2804,17 +2411,17 @@ function Sheet2({
           onClose?.();
         }
       },
-      children: /* @__PURE__ */ jsxs40(SheetContent, { side, className, style, children: [
-        title ? /* @__PURE__ */ jsx57(SheetHeader, { children: /* @__PURE__ */ jsx57(SheetTitle, { children: title }) }) : null,
-        /* @__PURE__ */ jsx57("div", { className: "flex-1 overflow-auto px-4", children })
+      children: /* @__PURE__ */ jsxs37(SheetContent, { side, className, style, children: [
+        title ? /* @__PURE__ */ jsx54(SheetHeader, { children: /* @__PURE__ */ jsx54(SheetTitle, { children: title }) }) : null,
+        /* @__PURE__ */ jsx54("div", { className: "flex-1 overflow-auto px-4", children })
       ] })
     }
   );
 }
 
 // src/components/components/Sider/index.tsx
-import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs41 } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx as jsx55, jsxs as jsxs38 } from "react/jsx-runtime";
 function Sider({
   width = 200,
   collapsible,
@@ -2826,26 +2433,26 @@ function Sider({
   children
 }) {
   const current = collapsed ? collapsedWidth : width;
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs38(
     "aside",
     {
       "data-slot": "layout-sider",
       "data-collapsed": collapsed || void 0,
       className: cn(
-        "flex min-h-0 shrink-0 flex-col border-r bg-background transition-[width]",
+        "flex min-h-0 shrink-0 flex-col border-r bg-sidebar transition-[width]",
         className
       ),
       style: { width: current, ...style },
       children: [
-        /* @__PURE__ */ jsx58("div", { className: "min-h-0 flex-1 overflow-auto", children }),
-        collapsible ? /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx55("div", { className: "min-h-0 flex-1 overflow-auto", children }),
+        collapsible ? /* @__PURE__ */ jsx55(
           "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__ */ jsx58(ChevronRight2, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx58(ChevronLeft2, { "aria-hidden": true, className: "size-4" })
+            children: collapsed ? /* @__PURE__ */ jsx55(ChevronRight, { "aria-hidden": true, className: "size-4" }) : /* @__PURE__ */ jsx55(ChevronLeft, { "aria-hidden": true, className: "size-4" })
           }
         ) : null
       ]
@@ -2854,7 +2461,7 @@ function Sider({
 }
 
 // src/components/components/Skeleton/index.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var shapeDefaults = {
   line: { className: "h-4 w-full", style: {} },
   circle: { className: "rounded-full", style: { width: 40, height: 40 } },
@@ -2865,7 +2472,7 @@ function toSize(value) {
 }
 function Skeleton2({ shape = "line", width, height, className, style }) {
   const defaults = shapeDefaults[shape];
-  return /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx56(
     Skeleton,
     {
       className: cn(defaults.className, className),
@@ -2880,8 +2487,8 @@ function Skeleton2({ shape = "line", width, height, className, style }) {
 }
 
 // src/components/components/Slider/index.tsx
-import { useEffect as useEffect11 } from "react";
-import { jsx as jsx60, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useEffect as useEffect10 } from "react";
+import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function Slider2({
   name,
   label,
@@ -2897,7 +2504,7 @@ function Slider2({
 }) {
   const form = useFormContext();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect11(() => {
+  useEffect10(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -2912,7 +2519,7 @@ function Slider2({
     }
     onChange?.(next);
   };
-  const slider = /* @__PURE__ */ jsx60(
+  const slider = /* @__PURE__ */ jsx57(
     Slider,
     {
       value: numberValue,
@@ -2924,14 +2531,14 @@ function Slider2({
       onValueChange: handleChange,
       className: inForm ? void 0 : className,
       style: inForm ? void 0 : style,
-      children: /* @__PURE__ */ jsx60(SliderControl, { children: /* @__PURE__ */ jsxs42(SliderTrack, { children: [
-        /* @__PURE__ */ jsx60(SliderIndicator, {}),
-        /* @__PURE__ */ jsx60(SliderThumb, {})
-      ] }) })
+      children: /* @__PURE__ */ jsxs39(SliderControl, { children: [
+        /* @__PURE__ */ jsx57(SliderTrack, { children: /* @__PURE__ */ jsx57(SliderIndicator, {}) }),
+        /* @__PURE__ */ jsx57(SliderThumb, {})
+      ] })
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx57(
       FieldShell,
       {
         layout: form.layout,
@@ -2947,12 +2554,12 @@ function Slider2({
 }
 
 // src/components/components/Sonner/index.tsx
-import { useRenderer as useRenderer14 } from "@pactor-app/runtime";
-import { useEffect as useEffect12 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { useRenderer as useRenderer13 } from "@pactor-app/runtime";
+import { useEffect as useEffect11 } from "react";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function Sonner({ className, style }) {
-  const { context } = useRenderer14();
-  useEffect12(() => {
+  const { context } = useRenderer13();
+  useEffect11(() => {
     const { actions } = context;
     if (actions.has("toast")) {
       return;
@@ -2966,36 +2573,36 @@ function Sonner({ className, style }) {
       return { ok: true };
     });
   }, [context]);
-  return /* @__PURE__ */ jsx61("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx61(Toaster, {}) });
+  return /* @__PURE__ */ jsx58("div", { "data-slot": "sonner", className, style, children: /* @__PURE__ */ jsx58(Toaster, {}) });
 }
 
 // src/components/components/Spinner/index.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var sizeClass = {
   sm: "size-3",
   default: "size-4",
   lg: "size-6"
 };
 function Spinner2({ size = "default", className, style }) {
-  return /* @__PURE__ */ jsx62(Spinner, { className: cn(sizeClass[size], className), style });
+  return /* @__PURE__ */ jsx59(Spinner, { className: cn(sizeClass[size], className), style });
 }
 
 // src/components/components/Statistic/index.tsx
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs40 } from "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__ */ jsxs43("div", { "data-slot": "statistic", className: cn(className), style, children: [
-    title ? /* @__PURE__ */ jsx63("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
-    /* @__PURE__ */ jsxs43("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
+  return /* @__PURE__ */ jsxs40("div", { "data-slot": "statistic", className: cn(className), style, children: [
+    title ? /* @__PURE__ */ jsx60("div", { "data-slot": "statistic-title", className: "text-sm text-muted-foreground", children: title }) : null,
+    /* @__PURE__ */ jsxs40("div", { "data-slot": "statistic-value", className: "text-2xl font-bold tabular-nums", children: [
       display,
-      suffix ? /* @__PURE__ */ jsx63("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
+      suffix ? /* @__PURE__ */ jsx60("span", { className: "ml-1 text-sm font-normal text-muted-foreground", children: suffix }) : null
     ] })
   ] });
 }
 
 // src/components/components/Switch/index.tsx
-import { useEffect as useEffect13, useId as useId6 } from "react";
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useId as useId6 } from "react";
+import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
 function Switch2({
   name,
   label,
@@ -3009,7 +2616,7 @@ function Switch2({
   const form = useFormContext();
   const controlId = useId6();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect13(() => {
+  useEffect12(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3024,13 +2631,13 @@ function Switch2({
     }
     onChange?.(next);
   };
-  const control = /* @__PURE__ */ jsxs44(
+  const control = /* @__PURE__ */ jsxs41(
     "span",
     {
       className: cn("inline-flex items-center gap-2", !inForm && className),
       style: inForm ? void 0 : style,
       children: [
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx61(
           Switch,
           {
             id: controlId,
@@ -3040,12 +2647,12 @@ function Switch2({
             onCheckedChange: handleChange
           }
         ),
-        label ? /* @__PURE__ */ jsx64("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
+        label ? /* @__PURE__ */ jsx61("label", { htmlFor: controlId, className: "text-sm leading-none font-medium", children: label }) : null
       ]
     }
   );
   if (inForm && form && name) {
-    return /* @__PURE__ */ jsxs44(
+    return /* @__PURE__ */ jsxs41(
       "div",
       {
         "data-slot": "form-item",
@@ -3053,7 +2660,7 @@ function Switch2({
         style,
         children: [
           control,
-          form.errors[name] ? /* @__PURE__ */ jsx64("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
+          form.errors[name] ? /* @__PURE__ */ jsx61("div", { "data-slot": "form-error", className: "mt-1.5 text-sm text-destructive", children: form.errors[name] }) : null
         ]
       }
     );
@@ -3062,9 +2669,9 @@ function Switch2({
 }
 
 // src/components/components/Table/index.tsx
-import { useI18n as useI18n7, useRenderer as useRenderer15 } from "@pactor-app/runtime";
-import { useState as useState12 } from "react";
-import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
+import { useI18n as useI18n6, useRenderer as useRenderer14 } from "@pactor-app/runtime";
+import { useState as useState11 } from "react";
+import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
 function renderCellValue2(value) {
   if (value === void 0 || value === null) {
     return "";
@@ -3084,9 +2691,9 @@ function Table2({
   className,
   style
 }) {
-  const { renderChildren } = useRenderer15();
-  const { t } = useI18n7();
-  const [current, setCurrent] = useState12(1);
+  const { renderChildren } = useRenderer14();
+  const { t } = useI18n6();
+  const [current, setCurrent] = useState11(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;
@@ -3095,17 +2702,17 @@ function Table2({
     setCurrent(page);
     onChange?.({ current: page, pageSize, total });
   };
-  return /* @__PURE__ */ jsxs45("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
-    loading ? /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs42("div", { "data-slot": "dsl-table", className: cn("relative", className), style, children: [
+    loading ? /* @__PURE__ */ jsx62(
       "div",
       {
         "data-slot": "table-loading",
-        className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60 text-sm text-muted-foreground",
+        className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60 text-sm text-muted-foreground",
         children: t("pactor.table.loading")
       }
     ) : null,
-    /* @__PURE__ */ jsxs45(Table, { children: [
-      /* @__PURE__ */ jsx65(TableHeader, { children: /* @__PURE__ */ jsx65(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsxs42(Table, { children: [
+      /* @__PURE__ */ jsx62(TableHeader, { children: /* @__PURE__ */ jsx62(TableRow, { className: "hover:bg-transparent", children: columns.map((column, index) => /* @__PURE__ */ jsx62(
         TableHead,
         {
           style: column.width !== void 0 ? { width: column.width } : void 0,
@@ -3113,7 +2720,7 @@ function Table2({
         },
         column.dataIndex ?? String(index)
       )) }) }),
-      /* @__PURE__ */ jsx65(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx65(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx65(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx65(
+      /* @__PURE__ */ jsx62(TableBody, { children: pageRows.length === 0 ? /* @__PURE__ */ jsx62(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx62(TableCell, { colSpan: Math.max(1, columns.length), children: /* @__PURE__ */ jsx62(
         "div",
         {
           "data-slot": "table-empty",
@@ -3122,10 +2729,10 @@ function Table2({
         }
       ) }) }) : pageRows.map((row, rowIndex) => {
         const key = row[rowKey];
-        return /* @__PURE__ */ jsx65(
+        return /* @__PURE__ */ jsx62(
           TableRow,
           {
-            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx65(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx62(TableCell, { children: column.cell ? renderChildren([column.cell], { row, rowIndex }) : renderCellValue2(
               column.dataIndex === void 0 ? void 0 : row[column.dataIndex]
             ) }, column.dataIndex ?? String(columnIndex)))
           },
@@ -3133,8 +2740,8 @@ function Table2({
         );
       }) })
     ] }),
-    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx65("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
-      (page) => /* @__PURE__ */ jsx65(
+    pageSize !== void 0 && pageSize > 0 ? /* @__PURE__ */ jsx62("div", { "data-slot": "table-pagination", className: "mt-3 flex justify-end gap-1", children: Array.from({ length: pageCount }, (_, index) => index + 1).map(
+      (page) => /* @__PURE__ */ jsx62(
         Button,
         {
           type: "button",
@@ -3151,11 +2758,11 @@ function Table2({
 }
 
 // src/components/components/Tabs/index.tsx
-import { useRenderer as useRenderer16 } from "@pactor-app/runtime";
-import { jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { useRenderer as useRenderer15 } from "@pactor-app/runtime";
+import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
 function Tabs2({ items = [], activeKey, onChange, className, style }) {
-  const { renderChildren } = useRenderer16();
-  return /* @__PURE__ */ jsxs46(
+  const { renderChildren } = useRenderer15();
+  return /* @__PURE__ */ jsxs43(
     Tabs,
     {
       value: activeKey,
@@ -3164,20 +2771,20 @@ function Tabs2({ items = [], activeKey, onChange, className, style }) {
       className,
       style,
       children: [
-        /* @__PURE__ */ jsx66(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx66(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
-        items.map((item) => /* @__PURE__ */ jsx66(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
+        /* @__PURE__ */ jsx63(TabsList, { children: items.map((item) => /* @__PURE__ */ jsx63(TabsTrigger, { value: item.key, children: item.label }, item.key)) }),
+        items.map((item) => /* @__PURE__ */ jsx63(TabsContent, { value: item.key, children: renderChildren(item.children) }, item.key))
       ]
     }
   );
 }
 
 // src/components/components/Text/index.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var typeClassMap = {
   default: "",
   secondary: "text-muted-foreground",
-  success: "text-green-600 dark:text-green-400",
-  warning: "text-amber-600 dark:text-amber-400",
+  success: "text-success",
+  warning: "text-warning",
   danger: "text-destructive"
 };
 function Text({
@@ -3191,7 +2798,7 @@ function Text({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx64(
     "span",
     {
       "data-slot": "text",
@@ -3211,8 +2818,8 @@ function Text({
 }
 
 // src/components/components/Textarea/index.tsx
-import { useEffect as useEffect14, useId as useId7 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useId as useId7 } from "react";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function Textarea2({
   name,
   label,
@@ -3228,7 +2835,7 @@ function Textarea2({
   const form = useFormContext();
   const controlId = useId7();
   const inForm = form?.inForm === true && typeof name === "string" && name !== "";
-  useEffect14(() => {
+  useEffect13(() => {
     if (inForm && form && name) {
       form.registerField(name, rules, value);
       return () => form.unregisterField(name);
@@ -3237,7 +2844,7 @@ function Textarea2({
   });
   if (inForm && form && name) {
     const fieldValue = form.values[name];
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx65(
       FieldShell,
       {
         layout: form.layout,
@@ -3246,7 +2853,7 @@ function Textarea2({
         error: form.errors[name],
         className,
         style,
-        children: /* @__PURE__ */ jsx68(
+        children: /* @__PURE__ */ jsx65(
           Textarea,
           {
             id: controlId,
@@ -3263,7 +2870,7 @@ function Textarea2({
       }
     );
   }
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx65(
     Textarea,
     {
       value: value ?? "",
@@ -3278,7 +2885,7 @@ function Textarea2({
 }
 
 // src/components/components/Toggle/index.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function Toggle2({
   text,
   pressed,
@@ -3289,7 +2896,7 @@ function Toggle2({
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx66(
     Toggle,
     {
       pressed,
@@ -3305,7 +2912,7 @@ function Toggle2({
 }
 
 // src/components/components/ToggleGroup/index.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function ToggleGroup2({
   options = [],
   value,
@@ -3325,7 +2932,7 @@ function ToggleGroup2({
       onChange?.(added ?? void 0);
     }
   };
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx67(
     ToggleGroup,
     {
       value: groupValue,
@@ -3334,7 +2941,7 @@ function ToggleGroup2({
       onValueChange: (next) => handleChange(next),
       className,
       style,
-      children: options.map((option) => /* @__PURE__ */ jsx70(
+      children: options.map((option) => /* @__PURE__ */ jsx67(
         ToggleGroupItem,
         {
           value: option.value,
@@ -3348,27 +2955,27 @@ function ToggleGroup2({
 }
 
 // src/components/components/Tooltip/index.tsx
-import { jsx as jsx71, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs44 } from "react/jsx-runtime";
 function Tooltip3({ content, children, className, style }) {
-  return /* @__PURE__ */ jsxs47(Tooltip, { children: [
-    /* @__PURE__ */ jsx71(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
-    /* @__PURE__ */ jsx71(TooltipContent, { className, style, children: content })
+  return /* @__PURE__ */ jsxs44(Tooltip, { children: [
+    /* @__PURE__ */ jsx68(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx68(TooltipContent, { className, style, children: content })
   ] });
 }
 
 // src/components/components/Typography/index.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function Typography2({
   variant = "p",
   text,
   className,
   style
 }) {
-  return /* @__PURE__ */ jsx72(Typography, { variant, className, style, children: text });
+  return /* @__PURE__ */ jsx69(Typography, { variant, className, style, children: text });
 }
 
 // src/components/register.ts
-var shadcnComponents = {
+var builtinComponents = {
   Page,
   Grid,
   Flex,
@@ -3448,14 +3055,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 Registry("ComponentRegistry");
-  registerShadcnComponents(registry);
+  registerBuiltinComponents(registry);
   return registry;
 }
 
@@ -3478,6 +3085,7 @@ export {
   Combobox2 as Combobox,
   Command2 as Command,
   Chart,
+  ChatInput,
   Content,
   ContextMenu2 as ContextMenu,
   DataTable,
@@ -3500,10 +3108,6 @@ export {
   Label2 as Label,
   Layout,
   Link,
-  RailTooltip,
-  useSidebarDrawer,
-  Sidebar,
-  Menu,
   Menubar2 as Menubar,
   NavigationMenu2 as NavigationMenu,
   Page,
@@ -3531,7 +3135,7 @@ export {
   ToggleGroup2 as ToggleGroup,
   Tooltip3 as Tooltip,
   Typography2 as Typography,
-  shadcnComponents,
-  registerShadcnComponents,
-  createShadcnComponentRegistry
+  builtinComponents,
+  registerBuiltinComponents,
+  createComponentRegistry
 };