@pactor-app/ui 1.44.0 → 1.47.0

package/dist/{chunk-SD2XSQIP.js → chunk-B2Y6JC36.js}

@@ -1,4 +1,12 @@
 import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   Popover,
   PopoverContent,
   PopoverTrigger,
@@ -16,7 +24,7 @@ import {
   TooltipTrigger,
   useIsMobile,
   useSidebar
-} from "./chunk-7OBUSV5S.js";
+} from "./chunk-YHTRCBKF.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";
@@ -85,10 +93,12 @@ import {
   LogOut,
   Mail,
   MapPin,
+  Maximize2,
   Menu,
   MessageCircle,
   MessageSquare,
   Mic,
+  Minimize2,
   Minus,
   Moon,
   Package,
@@ -255,6 +265,8 @@ var ICONS = {
   "chart-column": ChartColumn,
   "layout-grid": LayoutGrid,
   "layout-template": LayoutTemplate,
+  "maximize-2": Maximize2,
+  "minimize-2": Minimize2,
   palette: Palette,
   paintbrush: Paintbrush,
   funnel: Funnel,
@@ -321,15 +333,79 @@ function Icon({
   );
 }
 
+// src/components/components/trigger-render.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function triggerWrapper(slot) {
+  return /* @__PURE__ */ jsx2("span", { "data-slot": slot });
+}
+
+// src/components/components/DropdownMenu/index.tsx
+import { jsx as jsx3, jsxs } from "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__ */ jsx3(DropdownMenuSeparator, {}, `separator-${index}`);
+    }
+    const leading = item.selected ? /* @__PURE__ */ jsx3(Icon, { name: "check", size: "sm" }) : item.icon ? /* @__PURE__ */ jsx3(Icon, { name: item.icon, size: "sm" }) : checkable ? /* @__PURE__ */ jsx3("span", { className: "size-4 shrink-0" }) : null;
+    if (item.children && item.children.length > 0) {
+      return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsxs(DropdownMenuSubTrigger, { disabled: item.disabled, children: [
+          leading,
+          item.label,
+          item.trailing ? /* @__PURE__ */ jsx3("span", { className: "ml-auto pl-4 text-xs text-muted-foreground", children: item.trailing }) : null
+        ] }),
+        /* @__PURE__ */ jsx3(DropdownMenuSubContent, { children: renderDropdownItems(item.children, onSelect) })
+      ] }, key);
+    }
+    return /* @__PURE__ */ 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__ */ jsx3("span", { className: "ml-auto pl-4 text-xs text-muted-foreground", children: item.trailing }) : null
+        ]
+      },
+      key
+    );
+  });
+}
+function DropdownMenu2({
+  items = [],
+  onSelect,
+  children,
+  side,
+  align,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx3(
+      DropdownMenuTrigger,
+      {
+        nativeButton: false,
+        render: triggerWrapper("dropdown-menu-trigger-wrap"),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx3(DropdownMenuContent, { className, style, side, align, children: renderDropdownItems(items, onSelect) })
+  ] });
+}
+
 // src/components/components/Sidebar/rail-tooltip.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function RailTooltip({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx2(TooltipTrigger, { render: children }),
-    /* @__PURE__ */ jsx2(TooltipContent, { side: "right", sideOffset: 8, children: label })
+  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { render: children }),
+    /* @__PURE__ */ jsx4(TooltipContent, { side: "right", sideOffset: 8, children: label })
   ] });
 }
 
@@ -339,7 +415,7 @@ import {
   useEffect,
   useRef
 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function useSidebarDrawer() {
   try {
     const ctx = useSidebar();
@@ -361,9 +437,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__ */ jsx3(Fragment, { children: renderer.renderChildren([content]) });
+    return /* @__PURE__ */ jsx5(Fragment, { children: renderer.renderChildren([content]) });
   }
-  return /* @__PURE__ */ jsx3(Fragment, { children: content });
+  return /* @__PURE__ */ jsx5(Fragment, { children: content });
 }
 function isBrandObject(brand) {
   return typeof brand === "object" && brand !== null && !("$$typeof" in brand) && "title" in brand;
@@ -373,8 +449,8 @@ function BrandNode({ brand, collapsed }) {
     return null;
   }
   if (isBrandObject(brand)) {
-    return /* @__PURE__ */ jsxs2(Fragment, { children: [
-      brand.logo ? /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsxs3(Fragment, { children: [
+      brand.logo ? /* @__PURE__ */ jsx5(
         "img",
         {
           "data-slot": "sidebar-brand-logo",
@@ -383,27 +459,27 @@ function BrandNode({ brand, collapsed }) {
           className: "size-6 shrink-0"
         }
       ) : null,
-      collapsed ? null : /* @__PURE__ */ jsx3("span", { className: "truncate text-sm font-semibold", children: brand.title })
+      collapsed ? null : /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-semibold", children: brand.title })
     ] });
   }
-  return /* @__PURE__ */ jsx3(Fragment, { children: brand });
+  return /* @__PURE__ */ jsx5(Fragment, { children: brand });
 }
 function SidebarNavItems({ items }) {
-  return /* @__PURE__ */ jsx3(SidebarMenu, { children: items.map((item, index) => /* @__PURE__ */ jsx3(SidebarNavEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) });
+  return /* @__PURE__ */ jsx5(SidebarMenu, { children: items.map((item, index) => /* @__PURE__ */ jsx5(SidebarNavEntry, { item, depth: 0 }, item.href ?? item.label ?? index)) });
 }
 function SidebarNavEntry({ item, depth }) {
-  const iconNode = item.icon ? /* @__PURE__ */ jsx3(Icon, { name: item.icon, size: "sm" }) : null;
+  const iconNode = item.icon ? /* @__PURE__ */ jsx5(Icon, { name: item.icon, size: "sm" }) : null;
   const labelNode = item.label;
-  const button = item.href ? /* @__PURE__ */ jsx3(SidebarMenuButton, { asChild: true, tooltip: item.label, children: /* @__PURE__ */ jsxs2("a", { href: item.href, children: [
+  const button = item.href ? /* @__PURE__ */ jsx5(SidebarMenuButton, { asChild: true, tooltip: item.label, children: /* @__PURE__ */ jsxs3("a", { href: item.href, children: [
     iconNode,
-    /* @__PURE__ */ jsx3("span", { children: labelNode })
-  ] }) }) : /* @__PURE__ */ jsxs2(SidebarMenuButton, { tooltip: item.label, children: [
+    /* @__PURE__ */ jsx5("span", { children: labelNode })
+  ] }) }) : /* @__PURE__ */ jsxs3(SidebarMenuButton, { tooltip: item.label, children: [
     iconNode,
-    /* @__PURE__ */ jsx3("span", { children: labelNode })
+    /* @__PURE__ */ jsx5("span", { children: labelNode })
   ] });
-  return /* @__PURE__ */ jsxs2(SidebarMenuItem, { children: [
+  return /* @__PURE__ */ jsxs3(SidebarMenuItem, { children: [
     button,
-    item.children && item.children.length > 0 && /* @__PURE__ */ jsx3("div", { className: cn("ml-4"), children: item.children.map((child, index) => /* @__PURE__ */ jsx3(
+    item.children && item.children.length > 0 && /* @__PURE__ */ jsx5("div", { className: cn("ml-4"), children: item.children.map((child, index) => /* @__PURE__ */ jsx5(
       SidebarNavEntry,
       {
         item: child,
@@ -427,13 +503,13 @@ function Sidebar({
   style,
   children
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     SidebarProvider,
     {
       defaultOpen: !defaultCollapsed,
       className,
       style,
-      children: /* @__PURE__ */ jsx3(
+      children: /* @__PURE__ */ jsx5(
         SidebarInner,
         {
           brand,
@@ -478,20 +554,20 @@ function SidebarInner({
     }
   }, [locationKey, setOpenMobile]);
   const collapsedEffective = collapsible === true && collapsed && !isMobile;
-  const brandNode = /* @__PURE__ */ jsx3(BrandNode, { brand, collapsed: collapsedEffective });
+  const brandNode = /* @__PURE__ */ jsx5(BrandNode, { brand, collapsed: collapsedEffective });
   const collapsedBrandLogo = collapsedEffective && isBrandObject(brand) && brand.logo ? brand.logo : null;
-  const sidebarContent = content !== void 0 && content !== null ? /* @__PURE__ */ jsx3(SidebarContentSlot, { content }) : items.length > 0 ? /* @__PURE__ */ jsx3(SidebarNavItems, { items }) : null;
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsxs2(
+  const sidebarContent = content !== void 0 && content !== null ? /* @__PURE__ */ jsx5(SidebarContentSlot, { content }) : items.length > 0 ? /* @__PURE__ */ jsx5(SidebarNavItems, { items }) : null;
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       SidebarRoot,
       {
         collapsible: collapsible ? "icon" : "offcanvas",
         children: [
-          (brand !== void 0 || collapsible) && /* @__PURE__ */ jsx3(
+          (brand !== void 0 || collapsible) && /* @__PURE__ */ jsx5(
             SidebarHeader,
             {
               className: brand === void 0 ? "h-9" : void 0,
-              children: /* @__PURE__ */ jsxs2(
+              children: /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   "data-slot": "sidebar-brand",
@@ -502,7 +578,7 @@ function SidebarInner({
                     collapsedBrandLogo && "h-auto flex-col gap-1 py-1.5"
                   ),
                   children: [
-                    collapsedEffective ? collapsedBrandLogo && isBrandObject(brand) ? /* @__PURE__ */ jsx3(
+                    collapsedEffective ? collapsedBrandLogo && isBrandObject(brand) ? /* @__PURE__ */ jsx5(
                       "img",
                       {
                         "data-slot": "sidebar-brand-logo",
@@ -510,8 +586,8 @@ function SidebarInner({
                         alt: brand.title,
                         className: "size-6 shrink-0"
                       }
-                    ) : null : /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
-                    collapsible && !isMobile && /* @__PURE__ */ jsx3(
+                    ) : null : /* @__PURE__ */ jsx5("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
+                    collapsible && !isMobile && /* @__PURE__ */ jsx5(
                       "button",
                       {
                         type: "button",
@@ -520,7 +596,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__ */ jsx3(Icon, { name: collapsedEffective ? "chevron-right" : "chevron-left", size: 16 })
+                        children: /* @__PURE__ */ jsx5(Icon, { name: collapsedEffective ? "chevron-right" : "chevron-left", size: 16 })
                       }
                     )
                   ]
@@ -528,27 +604,27 @@ function SidebarInner({
               )
             }
           ),
-          /* @__PURE__ */ jsx3(SidebarContent, { children: sidebarContent }),
-          sidebarFooter !== void 0 && sidebarFooter !== null && /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx5(SidebarContent, { children: sidebarContent }),
+          sidebarFooter !== void 0 && sidebarFooter !== null && /* @__PURE__ */ jsx5(
             SidebarFooter,
             {
               className: cn(
                 collapsedEffective && "items-center px-0 [&_[data-slot=flex]]:justify-center [&_[data-slot=icon]]:hidden [&_[data-slot=text]]:hidden"
               ),
-              children: /* @__PURE__ */ jsx3(SidebarContentSlot, { content: sidebarFooter })
+              children: /* @__PURE__ */ jsx5(SidebarContentSlot, { content: sidebarFooter })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsxs2(SidebarInset, { children: [
-      drawer && /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(SidebarInset, { children: [
+      drawer && /* @__PURE__ */ jsxs3(
         "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__ */ jsx3(
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 type: "button",
@@ -556,7 +632,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__ */ jsx3(Icon, { name: "menu", size: 18 })
+                children: /* @__PURE__ */ jsx5(Icon, { name: "menu", size: 18 })
               }
             ),
             brandNode
@@ -568,9 +644,18 @@ function SidebarInner({
   ] });
 }
 
+// src/components/components/Tooltip/index.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function Tooltip2({ content, side, children, className, style }) {
+  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx6(TooltipTrigger, { render: triggerWrapper("tooltip-trigger-wrap"), children }),
+    /* @__PURE__ */ jsx6(TooltipContent, { side, className, style, children: content })
+  ] });
+}
+
 // src/components/components/Menu/index.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function collectAncestors(items, target, into, trail = []) {
   for (const item of items) {
     if (item.key === target) {
@@ -590,22 +675,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] = useState(() => {
+  const [baseExpandedKeys] = useState(() => {
     const initial = new Set(defaultExpandedKeys ?? []);
     if (selectedKey !== void 0) {
       collectAncestors(items, selectedKey, initial);
     }
     return initial;
   });
+  const [toggledKeys, setToggledKeys] = 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);
@@ -616,7 +711,7 @@ function Menu2({
     });
   };
   let previousGroup;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx7(
     "nav",
     {
       "data-slot": "menu",
@@ -633,8 +728,8 @@ function Menu2({
           groupLabel = item.group;
         }
         previousGroup = item.group;
-        return /* @__PURE__ */ jsxs3("div", { "data-slot": "menu-group-entry", children: [
-          groupLabel !== void 0 && /* @__PURE__ */ jsx4(
+        return /* @__PURE__ */ jsxs5("div", { "data-slot": "menu-group-entry", children: [
+          groupLabel !== void 0 && /* @__PURE__ */ jsx7(
             "div",
             {
               "data-slot": "menu-group",
@@ -642,7 +737,7 @@ function Menu2({
               children: groupLabel
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx7(
             MenuEntry,
             {
               item,
@@ -650,9 +745,11 @@ function Menu2({
               depth: 0,
               selectedKey,
               onSelect,
+              onItemAction,
               collapsed,
               collapsible: collapsibleOn,
-              expandedKeys,
+              chevronPlacement,
+              isExpanded,
               onToggle: toggleExpanded
             }
           )
@@ -667,16 +764,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] = useState(false);
   const flyoutTimer = useRef2(void 0);
   const flyoutOpenNow = () => {
@@ -688,20 +789,37 @@ function MenuEntry({
     flyoutTimer.current = window.setTimeout(() => setFlyoutOpen(false), 200);
   };
   useEffect2(() => () => window.clearTimeout(flyoutTimer.current), []);
-  const button = /* @__PURE__ */ jsxs3(
+  const chevron = canToggle ? /* @__PURE__ */ jsx7(
+    "span",
+    {
+      "data-slot": "menu-item-chevron",
+      className: cn(
+        "shrink-0 transition-transform",
+        expanded && "rotate-180"
+      ),
+      children: /* @__PURE__ */ jsx7(Icon, { name: "chevron-down", size: "sm" })
+    }
+  ) : null;
+  const button = /* @__PURE__ */ jsxs5(
     "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,
@@ -710,16 +828,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__ */ jsx4(Icon, { name: item.icon, size: "sm" }) : null,
-        collapsed ? null : /* @__PURE__ */ jsx4("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
-        item.dot && !collapsed ? /* @__PURE__ */ jsx4("span", { "data-slot": "menu-item-dot", className: "size-1.5 shrink-0 rounded-full bg-destructive" }) : null,
-        item.badge !== void 0 && !collapsed ? /* @__PURE__ */ jsx4(
+        chevronPlacement === "left" ? chevron : null,
+        item.icon ? /* @__PURE__ */ jsx7(Icon, { name: item.icon, size: "sm" }) : null,
+        collapsed ? null : /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-left", children: item.label }),
+        item.dot && !collapsed ? /* @__PURE__ */ jsx7("span", { "data-slot": "menu-item-dot", className: "size-1.5 shrink-0 rounded-full bg-destructive" }) : null,
+        item.badge !== void 0 && !collapsed ? /* @__PURE__ */ jsx7(
           "span",
           {
             "data-slot": "menu-item-badge",
@@ -727,24 +846,14 @@ function MenuEntry({
             children: item.badge
           }
         ) : null,
-        isDirectory ? /* @__PURE__ */ jsx4(
-          "span",
-          {
-            "data-slot": "menu-item-chevron",
-            className: cn(
-              "shrink-0 transition-transform",
-              expanded && "rotate-180"
-            ),
-            children: /* @__PURE__ */ jsx4(Icon, { name: "chevron-down", size: "sm" })
-          }
-        ) : null
+        chevronPlacement === "left" ? null : chevron
       ]
     }
   );
-  return /* @__PURE__ */ jsxs3("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
-    railDirectory ? /* @__PURE__ */ jsxs3(Popover, { open: flyoutOpen, onOpenChange: setFlyoutOpen, children: [
-      /* @__PURE__ */ jsx4(PopoverTrigger, { render: button }),
-      /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs5("div", { "data-slot": "menu-entry", "data-key": item.key, children: [
+    railDirectory ? /* @__PURE__ */ jsxs5(Popover, { open: flyoutOpen, onOpenChange: setFlyoutOpen, children: [
+      /* @__PURE__ */ jsx7(PopoverTrigger, { render: button }),
+      /* @__PURE__ */ jsxs5(
         PopoverContent,
         {
           "data-slot": "menu-flyout",
@@ -761,23 +870,67 @@ function MenuEntry({
             }
           },
           children: [
-            /* @__PURE__ */ jsx4("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: item.label }),
-            item.children?.map((child) => /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx7("div", { className: "px-3 pt-2 pb-1 text-xs font-semibold text-muted-foreground", children: item.label }),
+            item.children?.map((child) => /* @__PURE__ */ jsx7(
               MenuEntry,
               {
                 item: child,
                 mode: "inline",
                 depth: 0,
                 selectedKey,
-                onSelect
+                onSelect,
+                onItemAction
               },
               child.key
             ))
           ]
         }
       )
-    ] }) : collapsed ? /* @__PURE__ */ jsx4(RailTooltip, { label: item.label, children: button }) : button,
-    railDirectory || isDirectory && !expanded ? null : item.children?.map((child) => /* @__PURE__ */ jsx4(
+    ] }) : collapsed ? /* @__PURE__ */ jsx7(RailTooltip, { label: item.label, children: button }) : hasRowExtras ? (
+      // 行容器：按钮主体 + 右端弱提示文本 / 操作按钮（同级节点，避免按钮
+      // 嵌套按钮；操作点击不冒泡到 onSelect / 目录 toggle）。悬浮/选中
+      // 底色覆盖整行，文字与右端操作不产生割裂感
+      /* @__PURE__ */ jsxs5(
+        "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__ */ jsx7(
+              "span",
+              {
+                "data-slot": "menu-item-trailing",
+                className: "shrink-0 text-xs text-muted-foreground",
+                children: item.trailing
+              }
+            ) : null,
+            (item.actions?.length ?? 0) > 0 ? /* @__PURE__ */ jsx7(
+              "span",
+              {
+                "data-slot": "menu-item-actions",
+                className: "flex shrink-0 items-center gap-0.5",
+                children: item.actions.map((action) => /* @__PURE__ */ jsx7(
+                  MenuItemActionButton,
+                  {
+                    itemKey: item.key,
+                    action,
+                    disabled: item.disabled,
+                    onItemAction
+                  },
+                  action.key
+                ))
+              }
+            ) : null
+          ]
+        }
+      )
+    ) : button,
+    railDirectory || canToggle && !expanded ? null : item.children?.map((child) => /* @__PURE__ */ jsx7(
       MenuEntry,
       {
         item: child,
@@ -785,22 +938,70 @@ 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__ */ jsx7(
+    "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__ */ jsx7(Icon, { name: action.icon, size: "sm" })
+    }
+  );
+  if (!action.menu) {
+    return action.tooltip ? /* @__PURE__ */ jsx7(Tooltip2, { content: action.tooltip, children: button }) : button;
+  }
+  if (disabled) return button;
+  return /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx7(
+      DropdownMenuTrigger,
+      {
+        nativeButton: false,
+        render: triggerWrapper("menu-item-action-trigger"),
+        children: button
+      }
+    ),
+    /* @__PURE__ */ jsx7(DropdownMenuContent, { side: "bottom", align: "end", className: "min-w-32", children: renderDropdownItems(
+      action.menu,
+      (value) => onItemAction?.({ key: itemKey, action: `${action.key}:${value}` })
+    ) })
+  ] });
+}
 
 export {
   ICONS,
   normalizeIconName,
   Icon,
+  triggerWrapper,
+  renderDropdownItems,
+  DropdownMenu2 as DropdownMenu,
   RailTooltip,
   useSidebarDrawer,
   Sidebar,
+  Tooltip2 as Tooltip,
   Menu2 as Menu
 };