@pactor-app/ui 1.44.0 → 1.47.0

package/dist/layout/index.cjs

@@ -346,6 +346,8 @@ var ICONS = {
   "chart-column": import_lucide_react2.ChartColumn,
   "layout-grid": import_lucide_react2.LayoutGrid,
   "layout-template": import_lucide_react2.LayoutTemplate,
+  "maximize-2": import_lucide_react2.Maximize2,
+  "minimize-2": import_lucide_react2.Minimize2,
   palette: import_lucide_react2.Palette,
   paintbrush: import_lucide_react2.Paintbrush,
   funnel: import_lucide_react2.Funnel,
@@ -973,14 +975,174 @@ var import_react6 = require("react");
 // src/components/components/Menu/index.tsx
 var import_react5 = require("react");
 
+// src/ui/dropdown-menu.tsx
+var import_menu = require("@base-ui/react/menu");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_menu.Menu.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(
+            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_menu.Menu.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(
+        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-open:bg-(--menu-active-background) data-open:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  sideOffset = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_menu.Menu.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_menu.Menu.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+
+// src/components/components/trigger-render.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function triggerWrapper(slot) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-slot": slot });
+}
+
+// src/components/components/DropdownMenu/index.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function renderDropdownItems(items, onSelect) {
+  const checkable = items.some((i) => i.selected);
+  return items.map((item, index) => {
+    const key = item.value ?? `item-${index}`;
+    if (item.separator) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSeparator, {}, `separator-${index}`);
+    }
+    const leading = item.selected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "check", size: "sm" }) : item.icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: item.icon, size: "sm" }) : checkable ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "size-4 shrink-0" }) : null;
+    if (item.children && item.children.length > 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuSub, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuSubTrigger, { disabled: item.disabled, children: [
+          leading,
+          item.label,
+          item.trailing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ml-auto pl-4 text-xs text-muted-foreground", children: item.trailing }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSubContent, { children: renderDropdownItems(item.children, onSelect) })
+      ] }, key);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      DropdownMenuItem,
+      {
+        variant: item.danger ? "destructive" : "default",
+        disabled: item.disabled,
+        onClick: () => item.value !== void 0 && onSelect?.(item.value),
+        children: [
+          leading,
+          item.label,
+          item.trailing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "ml-auto pl-4 text-xs text-muted-foreground", children: item.trailing }) : null
+        ]
+      },
+      key
+    );
+  });
+}
+
 // src/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function TooltipProvider({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_tooltip.Tooltip.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -992,12 +1154,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tooltip.Tooltip.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tooltip.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -1007,14 +1169,14 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tooltip.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_tooltip.Tooltip.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         import_tooltip.Tooltip.Popup,
         {
           "data-slot": "tooltip-content",
@@ -1025,7 +1187,7 @@ function TooltipContent({
           ...props,
           children: [
             children,
-            /* @__PURE__ */ (0, import_jsx_runtime6.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" })
+            /* @__PURE__ */ (0, import_jsx_runtime9.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" })
           ]
         }
       )
@@ -1034,14 +1196,14 @@ function TooltipContent({
 }
 
 // src/components/components/Sidebar/rail-tooltip.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function RailTooltip({
   label,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { render: children }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { side: "right", sideOffset: 8, children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipTrigger, { render: children }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipContent, { side: "right", sideOffset: 8, children: label })
   ] });
 }
 
@@ -1052,7 +1214,7 @@ var import_react4 = require("react");
 // src/ui/sidebar.tsx
 var React = __toESM(require("react"), 1);
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 
 // src/hooks/use-mobile.ts
 var import_react3 = require("react");
@@ -1078,24 +1240,24 @@ function useIsMobile() {
 
 // src/ui/sheet.tsx
 var import_dialog = require("@base-ui/react/dialog");
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Sheet({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_dialog.Dialog.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_dialog.Dialog.Backdrop,
     {
       "data-slot": "sheet-overlay",
@@ -1129,9 +1291,9 @@ function SheetContent({
   side = "right",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       import_dialog.Dialog.Popup,
       {
         "data-slot": "sheet-content",
@@ -1139,11 +1301,11 @@ function SheetContent({
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             import_dialog.Dialog.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 "button",
                 {
                   type: "button",
@@ -1151,8 +1313,8 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.XIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -1162,7 +1324,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1175,7 +1337,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_dialog.Dialog.Title,
     {
       "data-slot": "sheet-title",
@@ -1188,7 +1350,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_dialog.Dialog.Description,
     {
       "data-slot": "sheet-description",
@@ -1199,7 +1361,7 @@ function SheetDescription({
 }
 
 // src/ui/sidebar.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -1263,7 +1425,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipProvider, { delay: 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1287,7 +1449,7 @@ function SidebarRoot({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
         "data-slot": "sidebar",
@@ -1301,7 +1463,7 @@ function SidebarRoot({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -1313,16 +1475,16 @@ function SidebarRoot({
         },
         side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -1332,7 +1494,7 @@ function SidebarRoot({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -1344,7 +1506,7 @@ function SidebarRoot({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -1360,7 +1522,7 @@ function SidebarRoot({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -1376,7 +1538,7 @@ function SidebarRoot({
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -1392,7 +1554,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1403,7 +1565,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1414,7 +1576,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -1441,7 +1603,7 @@ function renderAsChild(children, dataSlot, className, rest) {
   });
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -1452,7 +1614,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -1499,7 +1661,7 @@ function SidebarMenuButton({
     "data-size": size,
     "data-active": isActive,
     ...props
-  }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "button",
     {
       "data-slot": "sidebar-menu-button",
@@ -1519,9 +1681,9 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipTrigger, { render: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipTrigger, { render: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TooltipContent,
       {
         side: "right",
@@ -1534,7 +1696,7 @@ function SidebarMenuButton({
 }
 
 // src/components/components/Sidebar/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function useSidebarDrawer() {
   try {
     const ctx = useSidebar();
@@ -1556,9 +1718,9 @@ function useOptionalRenderer() {
 function SidebarContentSlot({ content }) {
   const renderer = useOptionalRenderer();
   if (renderer !== null && typeof content === "object" && content !== null && !("$$typeof" in content) && "type" in content) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: renderer.renderChildren([content]) });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: renderer.renderChildren([content]) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: content });
 }
 function isBrandObject(brand) {
   return typeof brand === "object" && brand !== null && !("$$typeof" in brand) && "title" in brand;
@@ -1568,8 +1730,8 @@ function BrandNode({ brand, collapsed }) {
     return null;
   }
   if (isBrandObject(brand)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      brand.logo ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "img",
         {
           "data-slot": "sidebar-brand-logo",
@@ -1578,27 +1740,27 @@ function BrandNode({ brand, collapsed }) {
           className: "size-6 shrink-0"
         }
       ) : null,
-      collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "truncate text-sm font-semibold", children: brand.title })
+      collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate text-sm font-semibold", children: brand.title })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: brand });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: brand });
 }
 function SidebarNavItems({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarMenu, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarNavEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarMenu, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarNavEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) });
 }
 function SidebarNavEntry({ item, depth }) {
-  const iconNode = item.icon ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: item.icon, size: "sm" }) : null;
+  const iconNode = item.icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: item.icon, size: "sm" }) : null;
   const labelNode = item.label;
-  const button = item.href ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarMenuButton, { asChild: true, tooltip: item.label, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("a", { href: item.href, children: [
+  const button = item.href ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarMenuButton, { asChild: true, tooltip: item.label, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("a", { href: item.href, children: [
     iconNode,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: labelNode })
-  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SidebarMenuButton, { tooltip: item.label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: labelNode })
+  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SidebarMenuButton, { tooltip: item.label, children: [
     iconNode,
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: labelNode })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: labelNode })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SidebarMenuItem, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SidebarMenuItem, { children: [
     button,
-    item.children && item.children.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("ml-4"), children: item.children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    item.children && item.children.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("ml-4"), children: item.children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SidebarNavEntry,
       {
         item: child,
@@ -1622,13 +1784,13 @@ function Sidebar({
   style,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     SidebarProvider,
     {
       defaultOpen: !defaultCollapsed,
       className,
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         SidebarInner,
         {
           brand,
@@ -1673,20 +1835,20 @@ function SidebarInner({
     }
   }, [locationKey, setOpenMobile]);
   const collapsedEffective = collapsible === true && collapsed && !isMobile;
-  const brandNode = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BrandNode, { brand, collapsed: collapsedEffective });
+  const brandNode = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BrandNode, { brand, collapsed: collapsedEffective });
   const collapsedBrandLogo = collapsedEffective && isBrandObject(brand) && brand.logo ? brand.logo : null;
-  const sidebarContent = content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContentSlot, { content }) : items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarNavItems, { items }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  const sidebarContent = content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContentSlot, { content }) : items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarNavItems, { items }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       SidebarRoot,
       {
         collapsible: collapsible ? "icon" : "offcanvas",
         children: [
-          (brand !== void 0 || collapsible) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          (brand !== void 0 || collapsible) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             SidebarHeader,
             {
               className: brand === void 0 ? "h-9" : void 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 "div",
                 {
                   "data-slot": "sidebar-brand",
@@ -1697,7 +1859,7 @@ function SidebarInner({
                     collapsedBrandLogo && "h-auto flex-col gap-1 py-1.5"
                   ),
                   children: [
-                    collapsedEffective ? collapsedBrandLogo && isBrandObject(brand) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    collapsedEffective ? collapsedBrandLogo && isBrandObject(brand) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                       "img",
                       {
                         "data-slot": "sidebar-brand-logo",
@@ -1705,8 +1867,8 @@ function SidebarInner({
                         alt: brand.title,
                         className: "size-6 shrink-0"
                       }
-                    ) : null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
-                    collapsible && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    ) : null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
+                    collapsible && !isMobile && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                       "button",
                       {
                         type: "button",
@@ -1715,7 +1877,7 @@ function SidebarInner({
                         "aria-expanded": !collapsedEffective,
                         className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-sidebar-foreground/60 transition-colors hover:bg-sidebar-accent hover:text-sidebar-foreground",
                         onClick: toggleSidebar,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: collapsedEffective ? "chevron-right" : "chevron-left", size: 16 })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: collapsedEffective ? "chevron-right" : "chevron-left", size: 16 })
                       }
                     )
                   ]
@@ -1723,27 +1885,27 @@ function SidebarInner({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContent, { children: sidebarContent }),
-          sidebarFooter !== void 0 && sidebarFooter !== null && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContent, { children: sidebarContent }),
+          sidebarFooter !== void 0 && sidebarFooter !== null && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             SidebarFooter,
             {
               className: cn(
                 collapsedEffective && "items-center px-0 [&_[data-slot=flex]]:justify-center [&_[data-slot=icon]]:hidden [&_[data-slot=text]]:hidden"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SidebarContentSlot, { content: sidebarFooter })
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SidebarContentSlot, { content: sidebarFooter })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(SidebarInset, { children: [
-      drawer && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SidebarInset, { children: [
+      drawer && /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               "button",
               {
                 type: "button",
@@ -1751,7 +1913,7 @@ function SidebarInner({
                 "aria-label": t("pactor.layout.openNavigation"),
                 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: toggleSidebar,
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "menu", size: 18 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "menu", size: 18 })
               }
             ),
             brandNode
@@ -1763,8 +1925,17 @@ function SidebarInner({
   ] });
 }
 
+// src/components/components/Tooltip/index.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Tooltip2({ content, side, children, className, style }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { side, className, style, children: content })
+  ] });
+}
+
 // src/components/components/Menu/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function collectAncestors(items, target, into, trail = []) {
   for (const item of items) {
     if (item.key === target) {
@@ -1784,22 +1955,32 @@ function Menu2({
   collapsible = false,
   collapsed: collapsedProp,
   defaultExpandedKeys,
+  defaultExpandAll = false,
+  chevronPlacement = "right",
   onSelect,
+  onItemAction,
   className,
   style
 }) {
   const drawer = useSidebarDrawer();
   const collapsed = collapsedProp ?? (mode === "inline" && drawer?.collapsed === true);
   const collapsibleOn = collapsible && mode === "inline" && !collapsed;
-  const [expandedKeys, setExpandedKeys] = (0, import_react5.useState)(() => {
+  const [baseExpandedKeys] = (0, import_react5.useState)(() => {
     const initial = new Set(defaultExpandedKeys ?? []);
     if (selectedKey !== void 0) {
       collectAncestors(items, selectedKey, initial);
     }
     return initial;
   });
+  const [toggledKeys, setToggledKeys] = (0, import_react5.useState)(
+    () => /* @__PURE__ */ new Set()
+  );
+  const isExpanded = (key) => {
+    const base = defaultExpandAll || baseExpandedKeys.has(key);
+    return toggledKeys.has(key) ? !base : base;
+  };
   const toggleExpanded = (key) => {
-    setExpandedKeys((prev) => {
+    setToggledKeys((prev) => {
       const next = new Set(prev);
       if (next.has(key)) {
         next.delete(key);
@@ -1810,7 +1991,7 @@ function Menu2({
     });
   };
   let previousGroup;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "nav",
     {
       "data-slot": "menu",
@@ -1827,8 +2008,8 @@ function Menu2({
           groupLabel = item.group;
         }
         previousGroup = item.group;
-        return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "data-slot": "menu-group-entry", children: [
-          groupLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { "data-slot": "menu-group-entry", children: [
+          groupLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
             {
               "data-slot": "menu-group",
@@ -1836,7 +2017,7 @@ function Menu2({
               children: groupLabel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             MenuEntry,
             {
               item,
@@ -1844,9 +2025,11 @@ function Menu2({
               depth: 0,
               selectedKey,
               onSelect,
+              onItemAction,
               collapsed,
               collapsible: collapsibleOn,
-              expandedKeys,
+              chevronPlacement,
+              isExpanded,
               onToggle: toggleExpanded
             }
           )
@@ -1861,16 +2044,20 @@ function MenuEntry({
   depth,
   selectedKey,
   onSelect,
+  onItemAction,
   collapsed = false,
   collapsible = false,
-  expandedKeys,
+  chevronPlacement = "right",
+  isExpanded,
   onToggle
 }) {
-  const selected = item.key === selectedKey;
   const hasChildren = (item.children?.length ?? 0) > 0;
-  const isDirectory = collapsible && hasChildren;
-  const expanded = isDirectory && expandedKeys?.has(item.key) === true;
+  const isDirectory = item.children !== void 0 && mode === "inline" && !collapsed;
+  const canToggle = collapsible && isDirectory && hasChildren;
+  const expanded = canToggle && isExpanded?.(item.key) === true;
+  const selected = !isDirectory && item.key === selectedKey;
   const railDirectory = collapsed && hasChildren;
+  const hasRowExtras = !collapsed && (item.trailing !== void 0 || (item.actions?.length ?? 0) > 0);
   const [flyoutOpen, setFlyoutOpen] = (0, import_react5.useState)(false);
   const flyoutTimer = (0, import_react5.useRef)(void 0);
   const flyoutOpenNow = () => {
@@ -1882,20 +2069,37 @@ function MenuEntry({
     flyoutTimer.current = window.setTimeout(() => setFlyoutOpen(false), 200);
   };
   (0, import_react5.useEffect)(() => () => window.clearTimeout(flyoutTimer.current), []);
-  const button = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  const chevron = canToggle ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "span",
+    {
+      "data-slot": "menu-item-chevron",
+      className: cn(
+        "shrink-0 transition-transform",
+        expanded && "rotate-180"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "chevron-down", size: "sm" })
+    }
+  ) : null;
+  const button = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "button",
     {
       type: "button",
       "data-slot": "menu-item",
       "aria-current": selected ? "page" : void 0,
-      "aria-expanded": isDirectory ? expanded : railDirectory ? flyoutOpen : void 0,
+      "aria-expanded": canToggle ? expanded : railDirectory ? flyoutOpen : void 0,
       disabled: item.disabled,
       className: cn(
-        "flex w-full items-center gap-2 rounded-md text-sm transition-colors",
+        // w-full 兜底非 flex 父容器（rail / flyout）；flex-1 min-w-0 供
+        // 行容器（trailing / actions 与按钮同级）内收缩
+        "flex w-full min-w-0 flex-1 items-center gap-2 text-sm transition-colors",
         mode === "horizontal" ? "px-3 py-2" : "px-3 py-2 text-left",
         collapsed && "justify-center px-0",
-        selected ? "bg-(--menu-active-background) font-medium text-(--menu-active-foreground)" : "cursor-pointer text-foreground hover:bg-(--menu-hover-background)/50",
-        item.disabled && "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-muted-foreground"
+        // 行容器形态下圆角与悬浮/选中底色由 menu-item-row 承担，按钮本体透明
+        hasRowExtras ? item.disabled ? "cursor-not-allowed" : "cursor-pointer" : cn(
+          "rounded-md",
+          selected ? "bg-(--menu-active-background) font-medium text-(--menu-active-foreground)" : "cursor-pointer text-foreground hover:bg-(--menu-hover-background)/50",
+          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,
       onMouseEnter: railDirectory ? flyoutOpenNow : void 0,
@@ -1904,16 +2108,17 @@ function MenuEntry({
         if (item.disabled) return;
         if (railDirectory) return;
         if (isDirectory) {
-          onToggle?.(item.key);
-        } else {
-          onSelect?.(item.key);
+          if (canToggle) onToggle?.(item.key);
+          return;
         }
+        onSelect?.(item.key);
       },
       children: [
-        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
-        collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
-        item.dot && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(
+        chevronPlacement === "left" ? chevron : null,
+        item.icon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: item.icon, size: "sm" }) : null,
+        collapsed ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
+        item.dot && !collapsed ? /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(
           "span",
           {
             "data-slot": "menu-item-badge",
@@ -1921,24 +2126,14 @@ function MenuEntry({
             children: item.badge
           }
         ) : null,
-        isDirectory ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "span",
-          {
-            "data-slot": "menu-item-chevron",
-            className: cn(
-              "shrink-0 transition-transform",
-              expanded && "rotate-180"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: "chevron-down", size: "sm" })
-          }
-        ) : null
+        chevronPlacement === "left" ? null : chevron
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
-    railDirectory ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Popover, { open: flyoutOpen, onOpenChange: setFlyoutOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, { render: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
+    railDirectory ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Popover, { open: flyoutOpen, onOpenChange: setFlyoutOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverTrigger, { render: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         PopoverContent,
         {
           "data-slot": "menu-flyout",
@@ -1955,23 +2150,67 @@ function MenuEntry({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: item.label }),
-            item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: item.label }),
+            item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               MenuEntry,
               {
                 item: child,
                 mode: "inline",
                 depth: 0,
                 selectedKey,
-                onSelect
+                onSelect,
+                onItemAction
               },
               child.key
             ))
           ]
         }
       )
-    ] }) : collapsed ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RailTooltip, { label: item.label, children: button }) : button,
-    railDirectory || isDirectory && !expanded ? null : item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    ] }) : collapsed ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RailTooltip, { label: item.label, children: button }) : hasRowExtras ? (
+      // 行容器：按钮主体 + 右端弱提示文本 / 操作按钮（同级节点，避免按钮
+      // 嵌套按钮；操作点击不冒泡到 onSelect / 目录 toggle）。悬浮/选中
+      // 底色覆盖整行，文字与右端操作不产生割裂感
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        "div",
+        {
+          "data-slot": "menu-item-row",
+          className: cn(
+            "flex w-full items-center gap-1 rounded-md pr-1.5 transition-colors",
+            selected ? "bg-(--menu-active-background) font-medium text-(--menu-active-foreground)" : "text-foreground hover:bg-(--menu-hover-background)/50",
+            item.disabled && "opacity-50"
+          ),
+          children: [
+            button,
+            item.trailing !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "span",
+              {
+                "data-slot": "menu-item-trailing",
+                className: "shrink-0 text-xs text-muted-foreground",
+                children: item.trailing
+              }
+            ) : null,
+            (item.actions?.length ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "span",
+              {
+                "data-slot": "menu-item-actions",
+                className: "flex shrink-0 items-center gap-0.5",
+                children: item.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  MenuItemActionButton,
+                  {
+                    itemKey: item.key,
+                    action,
+                    disabled: item.disabled,
+                    onItemAction
+                  },
+                  action.key
+                ))
+              }
+            ) : null
+          ]
+        }
+      )
+    ) : button,
+    railDirectory || canToggle && !expanded ? null : item.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       MenuEntry,
       {
         item: child,
@@ -1979,18 +2218,62 @@ function MenuEntry({
         depth: depth + 1,
         selectedKey,
         onSelect,
+        onItemAction,
         collapsed,
         collapsible,
-        expandedKeys,
+        chevronPlacement,
+        isExpanded,
         onToggle
       },
       child.key
     ))
   ] });
 }
+function MenuItemActionButton({
+  itemKey,
+  action,
+  disabled,
+  onItemAction
+}) {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "menu-item-action",
+      "data-action": action.key,
+      disabled,
+      className: "shrink-0 cursor-pointer rounded p-0.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+      onClick: (event) => {
+        if (action.menu) return;
+        event.stopPropagation();
+        if (disabled) return;
+        onItemAction?.({ key: itemKey, action: action.key });
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: action.icon, size: "sm" })
+    }
+  );
+  if (!action.menu) {
+    return action.tooltip ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tooltip2, { content: action.tooltip, children: button }) : button;
+  }
+  if (disabled) return button;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      DropdownMenuTrigger,
+      {
+        nativeButton: false,
+        render: triggerWrapper("menu-item-action-trigger"),
+        children: button
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuContent, { side: "bottom", align: "end", className: "min-w-32", children: renderDropdownItems(
+      action.menu,
+      (value) => onItemAction?.({ key: itemKey, action: `${action.key}:${value}` })
+    ) })
+  ] });
+}
 
 // src/layout/chat/ChatLayout.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function ChatLayout({
   brand,
   menu,
@@ -2045,7 +2328,7 @@ function ChatLayout({
       bridge.push(item.path);
     }
   };
-  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const sidebarContent = sidebar !== void 0 && sidebar !== null ? sidebar : menuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Menu2,
     {
       items: menuItems.map((item) => chatMenuItemToUiMenuItem(item)),
@@ -2053,7 +2336,7 @@ function ChatLayout({
       onSelect: handleSelect
     }
   ) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Sidebar,
     {
       brand,
@@ -2061,7 +2344,7 @@ function ChatLayout({
       sidebarFooter,
       collapsible,
       locationKey: routeProp?.path ?? bridgePath,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         "div",
         {
           "data-slot": "chat-layout-content",
@@ -2115,7 +2398,7 @@ function menuItemToMenuData(item) {
 }
 
 // src/ui/card.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var cardRoundedClasses = {
   none: "rounded-none",
   sm: "rounded-sm",
@@ -2130,7 +2413,7 @@ function Card({
   rounded = "lg",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -2144,7 +2427,7 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -2157,7 +2440,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -2167,7 +2450,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       "data-slot": "card-content",
@@ -2178,26 +2461,26 @@ function CardContent({ className, ...props }) {
 }
 
 // src/layout/basic/LoginLayout.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function LoginLayout({
   variant = "center",
   brand,
   children
 }) {
-  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
+  const brandBlock = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { "data-slot": "login-brand", className: "flex flex-col items-center gap-2", children: [
     brand.logo,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
-    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { className: "text-xl font-semibold", children: brand.title }),
+    brand.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm text-muted-foreground", children: brand.description })
   ] });
   if (variant === "split") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         "data-slot": "login-layout",
         "data-variant": "split",
         className: "grid min-h-screen grid-cols-2 bg-background text-foreground",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               "data-slot": "login-brand-panel",
@@ -2205,7 +2488,7 @@ function LoginLayout({
               children: brandBlock
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               "data-slot": "login-form-panel",
@@ -2217,37 +2500,37 @@ function LoginLayout({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-slot": "login-layout",
       "data-variant": "center",
       className: "flex min-h-screen items-center justify-center bg-muted/40 text-foreground",
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CardHeader, { className: "px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Card, { "data-slot": "login-card", className: "w-full max-w-sm gap-4 py-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardHeader, { className: "px-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardTitle, { className: "sr-only", children: brand.title }),
           brandBlock
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardContent, { className: "flex flex-col gap-4 px-6", children })
       ] })
     }
   );
 }
 
 // src/layout/basic/LandingLayout.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function LandingLayout({
   navbar,
   footer,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       "data-slot": "landing-layout",
       className: "flex min-h-screen flex-col bg-background text-foreground",
       children: [
-        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        navbar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "header",
           {
             "data-slot": "landing-navbar",
@@ -2255,8 +2538,8 @@ function LandingLayout({
             children: navbar
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
-        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("main", { "data-slot": "landing-content", className: "flex-1", children }),
+        footer !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "footer",
           {
             "data-slot": "landing-footer",