@pactor-app/ui 1.35.0 → 1.41.0

package/dist/{chunk-U5EFJR5Z.js → chunk-F5JY3PBE.js}

@@ -443,7 +443,7 @@ function ShadcnDrawerView({
           "data-slot": "drawer-panel",
           className: cn(entry.width !== void 0 && "sm:max-w-none"),
           style: panelStyle,
-          overlayProps: { onClick: onCancel },
+          overlayProps: { onPointerDown: onCancel },
           children: [
             /* @__PURE__ */ jsxs2(
               DrawerHeader,

package/dist/{chunk-RB7RCKAX.js → chunk-IBMIQXOM.js}

@@ -238,18 +238,31 @@ function CardFooter({ className, ...props }) {
   );
 }
 
+// src/ui/skeleton.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
 // src/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx5(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx5(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -259,7 +272,7 @@ function PopoverContent({
   anchor,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -267,7 +280,7 @@ function PopoverContent({
       sideOffset,
       anchor,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -283,9 +296,9 @@ function PopoverContent({
 }
 
 // src/ui/input.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     "input",
     {
       type,
@@ -301,14 +314,14 @@ function Input({ className, type, ...props }) {
 
 // src/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   decorative: _decorative,
   ...props
 }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     SeparatorPrimitive,
     {
       "data-slot": "separator",
@@ -326,32 +339,32 @@ function Separator({
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { XIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function Sheet({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx8(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     DialogPrimitive.Backdrop,
     {
       "data-slot": "sheet-overlay",
@@ -386,7 +399,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ jsx7(SheetOverlay, {}),
+    /* @__PURE__ */ jsx8(SheetOverlay, {}),
     /* @__PURE__ */ jsxs3(
       DialogPrimitive.Popup,
       {
@@ -399,7 +412,7 @@ function SheetContent({
             DialogPrimitive.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsx7(
+              render: /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
@@ -407,8 +420,8 @@ function SheetContent({
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx7(XIcon, {}),
-                /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx8(XIcon, {}),
+                /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -418,7 +431,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       "data-slot": "sheet-header",
@@ -428,7 +441,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -441,7 +454,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     DialogPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -454,7 +467,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     DialogPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -464,19 +477,6 @@ function SheetDescription({
   );
 }
 
-// src/ui/skeleton.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
 // src/ui/sidebar.tsx
 import * as React from "react";
 import { cva as cva2 } from "class-variance-authority";
@@ -1168,6 +1168,7 @@ export {
   CardAction,
   CardContent,
   CardFooter,
+  Skeleton,
   Popover,
   PopoverTrigger,
   PopoverContent,
@@ -1184,7 +1185,6 @@ export {
   SheetFooter,
   SheetTitle,
   SheetDescription,
-  Skeleton,
   useSidebar,
   SidebarProvider,
   SidebarRoot,

package/dist/{chunk-WYISCB4V.js → chunk-PRXLVTBS.js}

@@ -2,7 +2,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-RB7RCKAX.js";
+} from "./chunk-IBMIQXOM.js";
 import {
   Button,
   buttonVariants,
@@ -675,15 +675,16 @@ function CarouselNext({
 
 // src/ui/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { CheckIcon } from "lucide-react";
+import { CheckIcon, MinusIcon } from "lucide-react";
 import { jsx as jsx10 } from "react/jsx-runtime";
-function Checkbox({ className, ...props }) {
+function Checkbox({ className, indeterminate, ...props }) {
   return /* @__PURE__ */ jsx10(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
+      indeterminate,
       className: cn(
-        "peer size-4 shrink-0 cursor-pointer rounded-[4px] border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        "peer size-4 shrink-0 cursor-pointer rounded-[4px] border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:bg-muted data-[disabled]:opacity-60 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground data-indeterminate:border-primary data-indeterminate:bg-primary data-indeterminate:text-primary-foreground",
         className
       ),
       ...props,
@@ -692,7 +693,7 @@ function Checkbox({ className, ...props }) {
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current",
-          children: /* @__PURE__ */ jsx10(CheckIcon, { className: "size-3.5" })
+          children: indeterminate ? /* @__PURE__ */ jsx10(MinusIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx10(CheckIcon, { className: "size-3.5" })
         }
       )
     }
@@ -982,12 +983,18 @@ function ContextMenuSeparator({
 
 // src/ui/table.tsx
 import { jsx as jsx16 } from "react/jsx-runtime";
-function Table({ className, ...props }) {
+function Table({
+  className,
+  containerClassName,
+  containerStyle,
+  ...props
+}) {
   return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
+      className: cn("relative w-full overflow-x-auto", containerClassName),
+      style: containerStyle,
       children: /* @__PURE__ */ jsx16(
         "table",
         {
@@ -1406,7 +1413,7 @@ function InputGroupInput({
 
 // src/ui/input-otp.tsx
 import { OTPInput, OTPInputContext } from "input-otp";
-import { MinusIcon } from "lucide-react";
+import { MinusIcon as MinusIcon2 } from "lucide-react";
 import * as React3 from "react";
 import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
 function InputOTP({
@@ -1462,7 +1469,7 @@ function InputOTPSlot({
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx22("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx22(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx22("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx22(MinusIcon2, {}) });
 }
 
 // src/ui/item.tsx
@@ -2202,7 +2209,7 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 data-[size=lg]:h-10 data-[placeholder]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,

package/dist/{chunk-44DAGWXZ.js → chunk-PWXXEJ4J.js}

@@ -16,7 +16,7 @@ import {
   TooltipTrigger,
   useIsMobile,
   useSidebar
-} from "./chunk-RB7RCKAX.js";
+} from "./chunk-IBMIQXOM.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";
@@ -63,10 +63,12 @@ import {
   Folder,
   Funnel,
   Globe,
+  GripVertical,
   Heart,
   History,
   House,
   Image,
+  Inbox,
   Info,
   Key,
   Languages,
@@ -179,6 +181,7 @@ var ICONS = {
   sun: Sun,
   moon: Moon,
   globe: Globe,
+  "grip-vertical": GripVertical,
   filter: Funnel,
   "list-filter": ListFilter,
   "more-horizontal": Ellipsis,
@@ -213,6 +216,7 @@ var ICONS = {
   terminal: Terminal,
   code: Code,
   database: Database,
+  inbox: Inbox,
   cloud: Cloud,
   languages: Languages,
   // @pactor-app/chat 收敛（spec: chat-icon-convergence）：chat 既有图标与
@@ -400,6 +404,7 @@ function Sidebar({
   content,
   sidebarFooter,
   collapsible,
+  defaultCollapsed,
   onCollapse,
   locationKey,
   drawer = true,
@@ -410,7 +415,7 @@ function Sidebar({
   return /* @__PURE__ */ jsx3(
     SidebarProvider,
     {
-      defaultOpen: true,
+      defaultOpen: !defaultCollapsed,
       className,
       style,
       children: /* @__PURE__ */ jsx3(
@@ -459,6 +464,7 @@ function SidebarInner({
   }, [locationKey, setOpenMobile]);
   const collapsedEffective = collapsible === true && collapsed && !isMobile;
   const brandNode = /* @__PURE__ */ jsx3(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(
@@ -466,33 +472,57 @@ function SidebarInner({
       {
         collapsible: collapsible ? "icon" : "offcanvas",
         children: [
-          (brand !== void 0 || collapsible) && /* @__PURE__ */ jsx3(SidebarHeader, { children: /* @__PURE__ */ jsxs2(
-            "div",
+          (brand !== void 0 || collapsible) && /* @__PURE__ */ jsx3(
+            SidebarHeader,
+            {
+              className: brand === void 0 ? "h-9" : void 0,
+              children: /* @__PURE__ */ jsxs2(
+                "div",
+                {
+                  "data-slot": "sidebar-brand",
+                  className: cn(
+                    "flex shrink-0 items-center gap-2 px-2",
+                    brand !== void 0 ? "h-14" : "h-9 justify-end w-full",
+                    collapsedEffective && "justify-center px-0",
+                    collapsedBrandLogo && "h-auto flex-col gap-1 py-1.5"
+                  ),
+                  children: [
+                    collapsedEffective ? collapsedBrandLogo && isBrandObject(brand) ? /* @__PURE__ */ jsx3(
+                      "img",
+                      {
+                        "data-slot": "sidebar-brand-logo",
+                        src: brand.logo,
+                        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(
+                      "button",
+                      {
+                        type: "button",
+                        "data-slot": "sidebar-collapse-trigger",
+                        "aria-label": collapsedEffective ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
+                        "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 })
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx3(SidebarContent, { children: sidebarContent }),
+          sidebarFooter !== void 0 && sidebarFooter !== null && /* @__PURE__ */ jsx3(
+            SidebarFooter,
             {
-              "data-slot": "sidebar-brand",
               className: cn(
-                "flex h-14 shrink-0 items-center gap-2 px-2",
-                collapsedEffective && "justify-center px-0"
+                collapsedEffective && "items-center px-0 [&_[data-slot=flex]]:justify-center [&_[data-slot=icon]]:hidden [&_[data-slot=text]]:hidden"
               ),
-              children: [
-                collapsedEffective ? null : /* @__PURE__ */ jsx3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: brandNode }),
-                collapsible && !isMobile && /* @__PURE__ */ jsx3(
-                  "button",
-                  {
-                    type: "button",
-                    "data-slot": "sidebar-collapse-trigger",
-                    "aria-label": collapsedEffective ? t("pactor.layout.expandSidebar") : t("pactor.layout.collapseSidebar"),
-                    "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__ */ jsx3(SidebarContentSlot, { content: sidebarFooter })
             }
-          ) }),
-          /* @__PURE__ */ jsx3(SidebarContent, { children: sidebarContent }),
-          sidebarFooter !== void 0 && sidebarFooter !== null && !collapsedEffective && /* @__PURE__ */ jsx3(SidebarFooter, { children: sidebarFooter })
+          )
         ]
       }
     ),
@@ -543,13 +573,14 @@ function Menu2({
   mode = "inline",
   selectedKey,
   collapsible = false,
+  collapsed: collapsedProp,
   defaultExpandedKeys,
   onSelect,
   className,
   style
 }) {
   const drawer = useSidebarDrawer();
-  const collapsed = mode === "inline" && drawer?.collapsed === true;
+  const collapsed = collapsedProp ?? (mode === "inline" && drawer?.collapsed === true);
   const collapsibleOn = collapsible && mode === "inline" && !collapsed;
   const [expandedKeys, setExpandedKeys] = useState(() => {
     const initial = new Set(defaultExpandedKeys ?? []);