@pactor-app/ui 1.34.0 → 1.40.0

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 ?? []);

package/dist/{chunk-QQBAMERO.js → chunk-XRPL536L.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-44DAGWXZ.js";
+} from "./chunk-PWXXEJ4J.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,7 +15,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-RB7RCKAX.js";
+} from "./chunk-IBMIQXOM.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";