@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/quick-action-sidebar-nav.js

@@ -0,0 +1,528 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Activity,
+  BarChart2,
+  Building,
+  ChevronDown,
+  Code,
+  Inbox,
+  Link as LinkIcon,
+  LogOut,
+  MessageSquare,
+  MoreHorizontal,
+  MoreVertical,
+  PanelLeftClose,
+  PanelLeftOpen,
+  Plus,
+  Search,
+  Settings,
+  Users
+} from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { Avatar, AvatarFallback } from "./avatar.js";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./dropdown-menu.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./tooltip.js";
+import { QuickActionModal } from "./quick-action-modal.js";
+const DEFAULT_NAV_SECTIONS = [
+  {
+    items: [
+      { id: "home", label: "Home", icon: Inbox },
+      { id: "inbox", label: "Inbox", icon: Inbox }
+    ]
+  },
+  {
+    title: "Focus",
+    items: [
+      { id: "inbox", label: "Unibox", icon: Inbox },
+      { id: "accounts", label: "My Accounts", icon: Building },
+      { id: "activity", label: "Activity", icon: Activity },
+      { id: "dashboard", label: "Insights", icon: BarChart2 }
+    ],
+    moreItems: [
+      { id: "search", label: "Search", icon: Search }
+    ]
+  },
+  {
+    title: "Assistant",
+    items: [
+      { id: "new-chat", label: "New chat", icon: Plus },
+      { id: "chats", label: "Chats", icon: MessageSquare }
+    ]
+  },
+  {
+    title: "Your Teams",
+    items: [
+      { id: "team-a", label: "Team A", icon: Users },
+      { id: "team-b", label: "Team B", icon: Users }
+    ],
+    moreItems: [
+      { id: "more-teams", label: "More", icon: MoreHorizontal }
+    ]
+  }
+];
+const DEFAULT_USER = {
+  name: "John Doe",
+  email: "jdoe@acmeco.com",
+  initials: "JD"
+};
+const DEFAULT_USER_MENU = [
+  { id: "settings", label: "Settings", icon: Settings },
+  { id: "dev", label: "Dev", icon: Code },
+  { id: "integrations", label: "Integrations", icon: LinkIcon },
+  { id: "sign-out", label: "Sign out", icon: LogOut, destructive: true }
+];
+function NavItemRow({
+  item,
+  isActive,
+  isCollapsed,
+  activeVariant = "default",
+  onClick,
+  onNavigate,
+  activeItemId,
+  expandedItems,
+  onToggleExpand,
+  depth = 0
+}) {
+  var _a;
+  const activeClasses = activeVariant === "gradient" ? "bg-gradient-to-r from-primary/10 to-transparent text-primary" : "bg-sidebar-accent text-sidebar-accent-foreground";
+  const iconActiveClasses = activeVariant === "gradient" ? "text-primary" : "";
+  const hasChildren = item.children && item.children.length > 0;
+  const isExpanded = (_a = expandedItems == null ? void 0 : expandedItems[item.id]) != null ? _a : false;
+  const content = /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(
+            "flex flex-1 items-center gap-3 rounded-lg text-sm font-medium transition-colors",
+            isCollapsed ? "justify-center p-2" : "px-3 py-2",
+            isActive ? activeClasses : "text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent"
+          ),
+          style: depth > 0 && !isCollapsed ? { paddingLeft: `${0.75 + depth * 1}rem` } : void 0,
+          children: [
+            /* @__PURE__ */ jsx(item.icon, { className: cn("shrink-0", isCollapsed ? "w-5 h-5" : "w-4 h-4", isActive && iconActiveClasses) }),
+            !isCollapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.label })
+          ]
+        }
+      ),
+      hasChildren && !isCollapsed && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            onToggleExpand == null ? void 0 : onToggleExpand(item.id);
+          },
+          className: "p-1 mr-1 rounded text-sidebar-foreground/40 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors",
+          children: /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "w-3.5 h-3.5 transition-transform duration-200",
+                !isExpanded && "-rotate-90"
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    hasChildren && !isCollapsed && isExpanded && /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: item.children.map((child) => /* @__PURE__ */ jsx(
+      NavItemRow,
+      {
+        item: child,
+        isActive: activeItemId === child.id,
+        isCollapsed,
+        activeVariant,
+        activeItemId,
+        onClick: () => onNavigate == null ? void 0 : onNavigate(child.id),
+        onNavigate,
+        expandedItems,
+        onToggleExpand,
+        depth: depth + 1
+      },
+      child.id
+    )) })
+  ] });
+  if (isCollapsed) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick,
+          className: cn(
+            "flex w-full items-center gap-3 rounded-lg text-sm font-medium transition-colors",
+            "justify-center p-2",
+            isActive ? activeClasses : "text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent"
+          ),
+          children: /* @__PURE__ */ jsx(item.icon, { className: cn("shrink-0 w-5 h-5", isActive && iconActiveClasses) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
+    ] });
+  }
+  return content;
+}
+function NavSection({
+  section,
+  activeItemId,
+  isCollapsed,
+  activeVariant = "default",
+  onNavigate
+}) {
+  var _a;
+  const [isExpanded, setIsExpanded] = React.useState(true);
+  const [expandedItems, setExpandedItems] = React.useState({});
+  const hasTitle = !isCollapsed && section.title;
+  const handleToggleExpand = React.useCallback((itemId) => {
+    setExpandedItems((prev) => __spreadProps(__spreadValues({}, prev), { [itemId]: !prev[itemId] }));
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
+    hasTitle && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: "flex w-full items-center justify-between mb-1 px-3 group cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-bold tracking-widest text-sidebar-foreground/50 uppercase", children: section.title }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "w-3 h-3 text-sidebar-foreground/40 transition-transform duration-200",
+                !isExpanded && "-rotate-90"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    (isExpanded || isCollapsed || !section.title) && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+      section.items.map((item) => /* @__PURE__ */ jsx(
+        NavItemRow,
+        {
+          item,
+          isActive: activeItemId === item.id,
+          isCollapsed,
+          activeVariant,
+          activeItemId,
+          onClick: () => onNavigate == null ? void 0 : onNavigate(item.id),
+          onNavigate,
+          expandedItems,
+          onToggleExpand: handleToggleExpand
+        },
+        item.id
+      )),
+      !isCollapsed && section.moreItems && section.moreItems.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs(DropdownMenuTrigger, { className: "flex items-center gap-3 w-full px-3 py-2 rounded-lg text-sm font-medium text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors outline-none", children: [
+          /* @__PURE__ */ jsx(MoreHorizontal, { className: "shrink-0 w-4 h-4" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: "More" })
+        ] }),
+        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", side: "bottom", className: "w-48", children: section.moreItems.map((item) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            onClick: () => onNavigate == null ? void 0 : onNavigate(item.id),
+            className: "cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx(item.icon, { className: "mr-2 w-4 h-4 text-muted-foreground" }),
+              /* @__PURE__ */ jsx("span", { children: item.label })
+            ]
+          },
+          item.id
+        )) })
+      ] }),
+      isCollapsed && ((_a = section.moreItems) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx(
+        NavItemRow,
+        {
+          item,
+          isActive: activeItemId === item.id,
+          isCollapsed,
+          activeVariant,
+          onClick: () => onNavigate == null ? void 0 : onNavigate(item.id)
+        },
+        item.id
+      )))
+    ] })
+  ] });
+}
+function QuickActionSidebarNav(_a) {
+  var _b = _a, {
+    className,
+    brandLabel = "ACME CO",
+    brandSubtitle = "Placeholder",
+    brandImage,
+    hideQuickAction,
+    navSections = DEFAULT_NAV_SECTIONS,
+    activeItemId = "inbox",
+    activeVariant = "default",
+    onNavigate,
+    user = DEFAULT_USER,
+    userMenuItems = DEFAULT_USER_MENU,
+    onUserMenuAction,
+    onCreateTask,
+    defaultCollapsed = false,
+    quickActionTemplates,
+    quickActionTitle,
+    quickActionDescription
+  } = _b, props = __objRest(_b, [
+    "className",
+    "brandLabel",
+    "brandSubtitle",
+    "brandImage",
+    "hideQuickAction",
+    "navSections",
+    "activeItemId",
+    "activeVariant",
+    "onNavigate",
+    "user",
+    "userMenuItems",
+    "onUserMenuAction",
+    "onCreateTask",
+    "defaultCollapsed",
+    "quickActionTemplates",
+    "quickActionTitle",
+    "quickActionDescription"
+  ]);
+  var _a2;
+  const [isQuickActionOpen, setIsQuickActionOpen] = React.useState(false);
+  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
+  const initials = (_a2 = user.initials) != null ? _a2 : user.name ? user.name.charAt(0).toUpperCase() : user.email ? user.email.charAt(0).toUpperCase() : "U";
+  return /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
+    /* @__PURE__ */ jsxs(
+      "aside",
+      __spreadProps(__spreadValues({
+        className: cn(
+          "flex h-full flex-col overflow-hidden bg-sidebar text-sidebar-foreground border-r border-sidebar-border transition-all duration-200",
+          isCollapsed ? "w-16" : "w-64",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "relative flex shrink-0 items-center border-b border-sidebar-border",
+                isCollapsed ? "justify-center h-16 px-2" : "px-6 py-4"
+              ),
+              children: [
+                !isCollapsed && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2.5 pr-8", children: brandImage ? /* @__PURE__ */ jsx("img", { src: brandImage, alt: brandLabel, className: "h-10 object-contain" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-sidebar-foreground text-sidebar", children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "w-3.5 h-3.5", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }) }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-bold tracking-tight", children: brandLabel }),
+                    brandSubtitle && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-sidebar-foreground/50 uppercase tracking-wide", children: brandSubtitle })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setIsCollapsed(!isCollapsed),
+                    className: cn(
+                      "p-1.5 rounded-md text-sidebar-foreground/50 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors",
+                      isCollapsed ? "" : "absolute right-5 top-1/2 -translate-y-1/2"
+                    ),
+                    title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
+                    children: isCollapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(PanelLeftClose, { className: "w-4 h-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-3 space-y-1", children: navSections.map((section, idx) => {
+            var _a3;
+            return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              idx > 0 && /* @__PURE__ */ jsx("div", { className: "mx-4 my-2 border-t border-sidebar-border" }),
+              /* @__PURE__ */ jsx(
+                NavSection,
+                {
+                  section,
+                  activeItemId,
+                  isCollapsed,
+                  activeVariant,
+                  onNavigate
+                }
+              )
+            ] }, (_a3 = section.title) != null ? _a3 : idx);
+          }) }),
+          !hideQuickAction && /* @__PURE__ */ jsx("div", { className: cn("px-3 pb-3", isCollapsed ? "hidden" : "block"), children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setIsQuickActionOpen(true),
+              className: "w-full flex items-center justify-between px-3 py-2.5 rounded-lg border border-sidebar-border bg-sidebar-primary text-sidebar-primary-foreground hover:bg-sidebar-primary/90 transition-colors group shadow-sm",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4 text-sidebar-primary-foreground/80 group-hover:text-sidebar-primary-foreground transition-colors",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M13 10V3L4 14h7v7l9-11h-7z"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Quick Action" })
+                ] }),
+                /* @__PURE__ */ jsxs("kbd", { className: "hidden sm:inline-flex items-center gap-0.5 px-1.5 py-0.5 text-[11px] font-mono rounded bg-sidebar-primary-foreground/20 text-sidebar-primary-foreground", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-xs", children: "\u2318" }),
+                  "K"
+                ] })
+              ]
+            }
+          ) }),
+          isCollapsed && !hideQuickAction && /* @__PURE__ */ jsx("div", { className: "px-2 pb-3", children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsQuickActionOpen(true),
+                className: "flex w-full items-center justify-center rounded-lg bg-sidebar-primary p-2.5 text-sidebar-primary-foreground shadow-sm transition-colors hover:bg-sidebar-primary/90",
+                title: "Quick Action (\u2318K)",
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "w-5 h-5",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M13 10V3L4 14h7v7l9-11h-7z"
+                      }
+                    )
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: "Quick Action (\u2318K)" })
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "p-3 border-t border-sidebar-border shrink-0", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsxs(
+              DropdownMenuTrigger,
+              {
+                className: cn(
+                  "flex items-center w-full rounded-lg hover:bg-sidebar-accent transition-colors outline-none",
+                  isCollapsed ? "justify-center p-1" : "p-2 gap-3"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 rounded-md", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "rounded-md bg-primary/10 text-primary text-xs font-medium", children: initials }) }),
+                  !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start flex-1 truncate", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-none truncate", children: user.name }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-sidebar-foreground/50 truncate mt-0.5", children: user.email })
+                  ] }),
+                  !isCollapsed && /* @__PURE__ */ jsx(MoreVertical, { className: "w-4 h-4 text-sidebar-foreground/50 shrink-0" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", side: "right", sideOffset: 8, className: "w-56", children: [
+              /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-none", children: user.name }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs leading-none text-muted-foreground", children: user.email })
+              ] }) }),
+              /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+              userMenuItems.map((item, idx) => {
+                const showSepBefore = item.destructive && idx > 0;
+                return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                  showSepBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onUserMenuAction == null ? void 0 : onUserMenuAction(item.id),
+                      className: cn(
+                        "cursor-pointer",
+                        item.destructive && "text-destructive focus:text-destructive"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(item.icon, { className: "mr-2 h-4 w-4" }),
+                        /* @__PURE__ */ jsx("span", { children: item.label })
+                      ]
+                    }
+                  )
+                ] }, item.id);
+              })
+            ] })
+          ] }) })
+        ]
+      })
+    ),
+    !hideQuickAction && /* @__PURE__ */ jsx(
+      QuickActionModal,
+      {
+        open: isQuickActionOpen,
+        onOpenChange: setIsQuickActionOpen,
+        onCreateTask,
+        templates: quickActionTemplates,
+        title: quickActionTitle,
+        description: quickActionDescription
+      }
+    )
+  ] });
+}
+export {
+  QuickActionSidebarNav
+};
+//# sourceMappingURL=quick-action-sidebar-nav.js.map

package/dist/components/quick-action-sidebar-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/quick-action-sidebar-nav.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Activity,\n  BarChart2,\n  Building,\n  ChevronDown,\n  Code,\n  Inbox,\n  Link as LinkIcon,\n  LogOut,\n  MessageSquare,\n  MoreHorizontal,\n  MoreVertical,\n  PanelLeftClose,\n  PanelLeftOpen,\n  Plus,\n  Search,\n  Settings,\n  Users,\n} from \"lucide-react\"\n\nimport { cn } from \"../lib/utils\"\nimport { Avatar, AvatarFallback } from \"./avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"./dropdown-menu\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./tooltip\"\nimport { QuickActionModal, type QuickActionTaskDraft, type QuickActionTemplate } from \"./quick-action-modal\"\n\nexport interface SidebarNavItem {\n  id: string\n  label: string\n  icon: React.ComponentType<{ className?: string }>\n  children?: SidebarNavItem[]\n}\n\nexport interface SidebarNavSection {\n  title?: string\n  items: SidebarNavItem[]\n  moreItems?: SidebarNavItem[]\n}\n\nexport interface SidebarUserProfile {\n  name: string\n  email: string\n  initials?: string\n}\n\nexport interface UserMenuItem {\n  id: string\n  label: string\n  icon: React.ComponentType<{ className?: string }>\n  destructive?: boolean\n}\n\nexport type ActiveVariant = \"default\" | \"gradient\"\n\ninterface QuickActionSidebarNavProps extends React.ComponentProps<\"aside\"> {\n  brandLabel?: string\n  brandSubtitle?: string\n  brandImage?: string\n  hideQuickAction?: boolean\n  navSections?: SidebarNavSection[]\n  activeItemId?: string\n  activeVariant?: ActiveVariant\n  onNavigate?: (itemId: string) => void\n  user?: SidebarUserProfile\n  userMenuItems?: UserMenuItem[]\n  onUserMenuAction?: (itemId: string) => void\n  onCreateTask?: (draft: QuickActionTaskDraft) => void\n  defaultCollapsed?: boolean\n  quickActionTemplates?: QuickActionTemplate[]\n  quickActionTitle?: string\n  quickActionDescription?: string\n}\n\nconst DEFAULT_NAV_SECTIONS: SidebarNavSection[] = [\n  {\n    items: [\n      { id: \"home\", label: \"Home\", icon: Inbox },\n      { id: \"inbox\", label: \"Inbox\", icon: Inbox },\n    ],\n  },\n  {\n    title: \"Focus\",\n    items: [\n      { id: \"inbox\", label: \"Unibox\", icon: Inbox },\n      { id: \"accounts\", label: \"My Accounts\", icon: Building },\n      { id: \"activity\", label: \"Activity\", icon: Activity },\n      { id: \"dashboard\", label: \"Insights\", icon: BarChart2 },\n    ],\n    moreItems: [\n      { id: \"search\", label: \"Search\", icon: Search },\n    ],\n  },\n  {\n    title: \"Assistant\",\n    items: [\n      { id: \"new-chat\", label: \"New chat\", icon: Plus },\n      { id: \"chats\", label: \"Chats\", icon: MessageSquare },\n    ],\n  },\n  {\n    title: \"Your Teams\",\n    items: [\n      { id: \"team-a\", label: \"Team A\", icon: Users },\n      { id: \"team-b\", label: \"Team B\", icon: Users },\n    ],\n    moreItems: [\n      { id: \"more-teams\", label: \"More\", icon: MoreHorizontal },\n    ],\n  },\n]\n\nconst DEFAULT_USER: SidebarUserProfile = {\n  name: \"John Doe\",\n  email: \"jdoe@acmeco.com\",\n  initials: \"JD\",\n}\n\nconst DEFAULT_USER_MENU: UserMenuItem[] = [\n  { id: \"settings\", label: \"Settings\", icon: Settings },\n  { id: \"dev\", label: \"Dev\", icon: Code },\n  { id: \"integrations\", label: \"Integrations\", icon: LinkIcon },\n  { id: \"sign-out\", label: \"Sign out\", icon: LogOut, destructive: true },\n]\n\nfunction NavItemRow({\n  item,\n  isActive,\n  isCollapsed,\n  activeVariant = \"default\",\n  onClick,\n  onNavigate,\n  activeItemId,\n  expandedItems,\n  onToggleExpand,\n  depth = 0,\n}: {\n  item: SidebarNavItem\n  isActive: boolean\n  isCollapsed: boolean\n  activeVariant?: ActiveVariant\n  onClick?: () => void\n  onNavigate?: (id: string) => void\n  activeItemId?: string\n  expandedItems?: Record<string, boolean>\n  onToggleExpand?: (itemId: string) => void\n  depth?: number\n}) {\n  const activeClasses =\n    activeVariant === \"gradient\"\n      ? \"bg-gradient-to-r from-primary/10 to-transparent text-primary\"\n      : \"bg-sidebar-accent text-sidebar-accent-foreground\"\n\n  const iconActiveClasses =\n    activeVariant === \"gradient\" ? \"text-primary\" : \"\"\n\n  const hasChildren = item.children && item.children.length > 0\n  const isExpanded = expandedItems?.[item.id] ?? false\n\n  const content = (\n    <div>\n      <div className=\"flex items-center\">\n        <button\n          type=\"button\"\n          onClick={onClick}\n          className={cn(\n            \"flex flex-1 items-center gap-3 rounded-lg text-sm font-medium transition-colors\",\n            isCollapsed ? \"justify-center p-2\" : \"px-3 py-2\",\n            isActive\n              ? activeClasses\n              : \"text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent\",\n          )}\n          style={depth > 0 && !isCollapsed ? { paddingLeft: `${0.75 + depth * 1}rem` } : undefined}\n        >\n          <item.icon className={cn(\"shrink-0\", isCollapsed ? \"w-5 h-5\" : \"w-4 h-4\", isActive && iconActiveClasses)} />\n          {!isCollapsed && <span className=\"flex-1 truncate text-left\">{item.label}</span>}\n        </button>\n        {hasChildren && !isCollapsed && (\n          <button\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation()\n              onToggleExpand?.(item.id)\n            }}\n            className=\"p-1 mr-1 rounded text-sidebar-foreground/40 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors\"\n          >\n            <ChevronDown\n              className={cn(\n                \"w-3.5 h-3.5 transition-transform duration-200\",\n                !isExpanded && \"-rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </div>\n      {hasChildren && !isCollapsed && isExpanded && (\n        <div className=\"space-y-0.5\">\n          {item.children!.map((child) => (\n            <NavItemRow\n              key={child.id}\n              item={child}\n              isActive={activeItemId === child.id}\n              isCollapsed={isCollapsed}\n              activeVariant={activeVariant}\n              activeItemId={activeItemId}\n              onClick={() => onNavigate?.(child.id)}\n              onNavigate={onNavigate}\n              expandedItems={expandedItems}\n              onToggleExpand={onToggleExpand}\n              depth={depth + 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n\n  if (isCollapsed) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={onClick}\n            className={cn(\n              \"flex w-full items-center gap-3 rounded-lg text-sm font-medium transition-colors\",\n              \"justify-center p-2\",\n              isActive\n                ? activeClasses\n                : \"text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent\",\n            )}\n          >\n            <item.icon className={cn(\"shrink-0 w-5 h-5\", isActive && iconActiveClasses)} />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent side=\"right\">{item.label}</TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return content\n}\n\nfunction NavSection({\n  section,\n  activeItemId,\n  isCollapsed,\n  activeVariant = \"default\",\n  onNavigate,\n}: {\n  section: SidebarNavSection\n  activeItemId?: string\n  isCollapsed: boolean\n  activeVariant?: ActiveVariant\n  onNavigate?: (id: string) => void\n}) {\n  const [isExpanded, setIsExpanded] = React.useState(true)\n  const [expandedItems, setExpandedItems] = React.useState<Record<string, boolean>>({})\n  const hasTitle = !isCollapsed && section.title\n\n  const handleToggleExpand = React.useCallback((itemId: string) => {\n    setExpandedItems((prev) => ({ ...prev, [itemId]: !prev[itemId] }))\n  }, [])\n\n  return (\n    <div className=\"px-3 py-2\">\n      {hasTitle && (\n        <button\n          type=\"button\"\n          onClick={() => setIsExpanded(!isExpanded)}\n          className=\"flex w-full items-center justify-between mb-1 px-3 group cursor-pointer\"\n        >\n          <span className=\"text-xs font-bold tracking-widest text-sidebar-foreground/50 uppercase\">\n            {section.title}\n          </span>\n          <ChevronDown\n            className={cn(\n              \"w-3 h-3 text-sidebar-foreground/40 transition-transform duration-200\",\n              !isExpanded && \"-rotate-90\",\n            )}\n          />\n        </button>\n      )}\n      {(isExpanded || isCollapsed || !section.title) && (\n        <div className=\"space-y-0.5\">\n          {section.items.map((item) => (\n            <NavItemRow\n              key={item.id}\n              item={item}\n              isActive={activeItemId === item.id}\n              isCollapsed={isCollapsed}\n              activeVariant={activeVariant}\n              activeItemId={activeItemId}\n              onClick={() => onNavigate?.(item.id)}\n              onNavigate={onNavigate}\n              expandedItems={expandedItems}\n              onToggleExpand={handleToggleExpand}\n            />\n          ))}\n          {!isCollapsed && section.moreItems && section.moreItems.length > 0 && (\n            <DropdownMenu>\n              <DropdownMenuTrigger className=\"flex items-center gap-3 w-full px-3 py-2 rounded-lg text-sm font-medium text-sidebar-foreground/70 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors outline-none\">\n                <MoreHorizontal className=\"shrink-0 w-4 h-4\" />\n                <span className=\"flex-1 text-left\">More</span>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"start\" side=\"bottom\" className=\"w-48\">\n                {section.moreItems.map((item) => (\n                  <DropdownMenuItem\n                    key={item.id}\n                    onClick={() => onNavigate?.(item.id)}\n                    className=\"cursor-pointer\"\n                  >\n                    <item.icon className=\"mr-2 w-4 h-4 text-muted-foreground\" />\n                    <span>{item.label}</span>\n                  </DropdownMenuItem>\n                ))}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n          {isCollapsed &&\n            section.moreItems?.map((item) => (\n              <NavItemRow\n                key={item.id}\n                item={item}\n                isActive={activeItemId === item.id}\n                isCollapsed={isCollapsed}\n                activeVariant={activeVariant}\n                onClick={() => onNavigate?.(item.id)}\n              />\n            ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport function QuickActionSidebarNav({\n  className,\n  brandLabel = \"ACME CO\",\n  brandSubtitle = \"Placeholder\",\n  brandImage,\n  hideQuickAction,\n  navSections = DEFAULT_NAV_SECTIONS,\n  activeItemId = \"inbox\",\n  activeVariant = \"default\",\n  onNavigate,\n  user = DEFAULT_USER,\n  userMenuItems = DEFAULT_USER_MENU,\n  onUserMenuAction,\n  onCreateTask,\n  defaultCollapsed = false,\n  quickActionTemplates,\n  quickActionTitle,\n  quickActionDescription,\n  ...props\n}: QuickActionSidebarNavProps) {\n  const [isQuickActionOpen, setIsQuickActionOpen] = React.useState(false)\n  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)\n\n  const initials =\n    user.initials ??\n    (user.name\n      ? user.name.charAt(0).toUpperCase()\n      : user.email\n        ? user.email.charAt(0).toUpperCase()\n        : \"U\")\n\n  return (\n    <TooltipProvider delayDuration={0}>\n      <aside\n        className={cn(\n          \"flex h-full flex-col overflow-hidden bg-sidebar text-sidebar-foreground border-r border-sidebar-border transition-all duration-200\",\n          isCollapsed ? \"w-16\" : \"w-64\",\n          className,\n        )}\n        {...props}\n      >\n        {/* Header */}\n        <div\n          className={cn(\n            \"relative flex shrink-0 items-center border-b border-sidebar-border\",\n            isCollapsed ? \"justify-center h-16 px-2\" : \"px-6 py-4\",\n          )}\n        >\n          {!isCollapsed && (\n            <div className=\"flex items-center gap-2.5 pr-8\">\n              {brandImage ? (\n                <img src={brandImage} alt={brandLabel} className=\"h-10 object-contain\" />\n              ) : (\n                <>\n                  <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-sidebar-foreground text-sidebar\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" className=\"w-3.5 h-3.5\">\n                      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n                    </svg>\n                  </div>\n                  <div className=\"flex flex-col gap-0.5\">\n                    <span className=\"text-sm font-bold tracking-tight\">\n                      {brandLabel}\n                    </span>\n                    {brandSubtitle && (\n                      <span className=\"text-[10px] font-medium text-sidebar-foreground/50 uppercase tracking-wide\">\n                        {brandSubtitle}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          )}\n\n          <button\n            type=\"button\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n            className={cn(\n              \"p-1.5 rounded-md text-sidebar-foreground/50 hover:text-sidebar-foreground hover:bg-sidebar-accent transition-colors\",\n              isCollapsed ? \"\" : \"absolute right-5 top-1/2 -translate-y-1/2\",\n            )}\n            title={isCollapsed ? \"Expand sidebar\" : \"Collapse sidebar\"}\n          >\n            {isCollapsed ? (\n              <PanelLeftOpen className=\"w-4 h-4\" />\n            ) : (\n              <PanelLeftClose className=\"w-4 h-4\" />\n            )}\n          </button>\n        </div>\n\n        {/* Navigation */}\n        <div className=\"flex-1 overflow-y-auto overflow-x-hidden py-3 space-y-1\">\n          {navSections.map((section, idx) => (\n            <React.Fragment key={section.title ?? idx}>\n              {idx > 0 && <div className=\"mx-4 my-2 border-t border-sidebar-border\" />}\n              <NavSection\n                section={section}\n                activeItemId={activeItemId}\n                isCollapsed={isCollapsed}\n                activeVariant={activeVariant}\n                onNavigate={onNavigate}\n              />\n            </React.Fragment>\n          ))}\n        </div>\n\n        {!hideQuickAction && (\n          <div className={cn(\"px-3 pb-3\", isCollapsed ? \"hidden\" : \"block\")}>\n            <button\n              type=\"button\"\n              onClick={() => setIsQuickActionOpen(true)}\n              className=\"w-full flex items-center justify-between px-3 py-2.5 rounded-lg border border-sidebar-border bg-sidebar-primary text-sidebar-primary-foreground hover:bg-sidebar-primary/90 transition-colors group shadow-sm\"\n            >\n              <div className=\"flex items-center gap-2\">\n                <svg\n                  className=\"w-4 h-4 text-sidebar-primary-foreground/80 group-hover:text-sidebar-primary-foreground transition-colors\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n                  />\n                </svg>\n                <span className=\"text-sm font-medium\">Quick Action</span>\n              </div>\n              <kbd className=\"hidden sm:inline-flex items-center gap-0.5 px-1.5 py-0.5 text-[11px] font-mono rounded bg-sidebar-primary-foreground/20 text-sidebar-primary-foreground\">\n                <span className=\"text-xs\">&#8984;</span>K\n              </kbd>\n            </button>\n          </div>\n        )}\n\n        {isCollapsed && !hideQuickAction && (\n          <div className=\"px-2 pb-3\">\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  type=\"button\"\n                  onClick={() => setIsQuickActionOpen(true)}\n                  className=\"flex w-full items-center justify-center rounded-lg bg-sidebar-primary p-2.5 text-sidebar-primary-foreground shadow-sm transition-colors hover:bg-sidebar-primary/90\"\n                  title=\"Quick Action (⌘K)\"\n                >\n                  <svg\n                    className=\"w-5 h-5\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M13 10V3L4 14h7v7l9-11h-7z\"\n                    />\n                  </svg>\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">Quick Action (⌘K)</TooltipContent>\n            </Tooltip>\n          </div>\n        )}\n\n        {/* User Profile Footer */}\n        <div className=\"p-3 border-t border-sidebar-border shrink-0\">\n          <DropdownMenu>\n            <DropdownMenuTrigger\n              className={cn(\n                \"flex items-center w-full rounded-lg hover:bg-sidebar-accent transition-colors outline-none\",\n                isCollapsed ? \"justify-center p-1\" : \"p-2 gap-3\",\n              )}\n            >\n              <Avatar className=\"h-8 w-8 rounded-md\">\n                <AvatarFallback className=\"rounded-md bg-primary/10 text-primary text-xs font-medium\">\n                  {initials}\n                </AvatarFallback>\n              </Avatar>\n\n              {!isCollapsed && (\n                <div className=\"flex flex-col items-start flex-1 truncate\">\n                  <span className=\"text-sm font-medium leading-none truncate\">\n                    {user.name}\n                  </span>\n                  <span className=\"text-xs text-sidebar-foreground/50 truncate mt-0.5\">\n                    {user.email}\n                  </span>\n                </div>\n              )}\n\n              {!isCollapsed && (\n                <MoreVertical className=\"w-4 h-4 text-sidebar-foreground/50 shrink-0\" />\n              )}\n            </DropdownMenuTrigger>\n\n            <DropdownMenuContent align=\"end\" side=\"right\" sideOffset={8} className=\"w-56\">\n              <DropdownMenuLabel className=\"font-normal\">\n                <div className=\"flex flex-col space-y-1\">\n                  <p className=\"text-sm font-medium leading-none\">{user.name}</p>\n                  <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n                </div>\n              </DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {userMenuItems.map((item, idx) => {\n                const showSepBefore = item.destructive && idx > 0\n                return (\n                  <React.Fragment key={item.id}>\n                    {showSepBefore && <DropdownMenuSeparator />}\n                    <DropdownMenuItem\n                      onClick={() => onUserMenuAction?.(item.id)}\n                      className={cn(\n                        \"cursor-pointer\",\n                        item.destructive && \"text-destructive focus:text-destructive\",\n                      )}\n                    >\n                      <item.icon className=\"mr-2 h-4 w-4\" />\n                      <span>{item.label}</span>\n                    </DropdownMenuItem>\n                  </React.Fragment>\n                )\n              })}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </aside>\n\n      {!hideQuickAction && (\n        <QuickActionModal\n          open={isQuickActionOpen}\n          onOpenChange={setIsQuickActionOpen}\n          onCreateTask={onCreateTask}\n          templates={quickActionTemplates}\n          title={quickActionTitle}\n          description={quickActionDescription}\n        />\n      )}\n    </TooltipProvider>\n  )\n}\n"],"mappings":"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","names":["_a"]}

package/dist/components/recommended-actions-section.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+interface RecommendedAction {
+    id: string;
+    title: string;
+    reason: string;
+    category?: "Churn" | "Expand" | "Nurture" | string;
+    priority?: "High" | "Medium" | "Low" | string;
+    dueDate?: string;
+    confidence?: number;
+    signals?: string[];
+    revenueImpact?: number;
+}
+interface RecommendedActionsSectionProps {
+    actions: RecommendedAction[];
+    title?: string;
+    onQueueAction?: (action: RecommendedAction) => void;
+    onDismissAction?: (action: RecommendedAction) => void;
+    onFeedback?: (actionId: string, feedback: "useful" | "not_useful", comment: string) => void;
+}
+declare function RecommendedActionsSection({ actions, title, onQueueAction, onDismissAction, onFeedback, }: RecommendedActionsSectionProps): React.JSX.Element;
+
+export { type RecommendedAction, RecommendedActionsSection };