@mondrianai/runyourai-design-system 0.0.19 → 0.0.21

package/dist/index.js

@@ -133,20 +133,6 @@ __export(components_exports, {
   Drawer: () => Drawer,
   DriveIcon: () => DriveIcon,
   DropdownMenu: () => DropdownMenu,
-  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
-  DropdownMenuContent: () => DropdownMenuContent,
-  DropdownMenuGroup: () => DropdownMenuGroup,
-  DropdownMenuItem: () => DropdownMenuItem,
-  DropdownMenuLabel: () => DropdownMenuLabel,
-  DropdownMenuPortal: () => DropdownMenuPortal,
-  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
-  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
-  DropdownMenuSeparator: () => DropdownMenuSeparator,
-  DropdownMenuShortcut: () => DropdownMenuShortcut,
-  DropdownMenuSub: () => DropdownMenuSub,
-  DropdownMenuSubContent: () => DropdownMenuSubContent,
-  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
-  DropdownMenuTrigger: () => DropdownMenuTrigger,
   Empty: () => Empty,
   EmptyTrayIcon: () => EmptyTrayIcon,
   Field: () => Field,
@@ -1455,237 +1441,260 @@ function Drawer({
 }
 
 // src/components/ui/dropdown-menu.tsx
+var React7 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
+var import_radix_ui6 = require("radix-ui");
+
+// src/components/ui/tooltip.tsx
+var React6 = __toESM(require("react"));
 var import_radix_ui5 = require("radix-ui");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-function DropdownMenu(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
-}
-function DropdownMenuPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
-}
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.Trigger,
-    __spreadValues({
-      "data-slot": "dropdown-menu-trigger"
-    }, props)
-  );
-}
-function DropdownMenuContent(_a) {
-  var _b = _a, {
-    className,
-    sideOffset = 4
-  } = _b, props = __objRest(_b, [
-    "className",
-    "sideOffset"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.Content,
-    __spreadValues({
-      "data-slot": "dropdown-menu-content",
+var TooltipProvider = import_radix_ui5.Tooltip.Provider;
+var TooltipContent = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className, side = "top", sideOffset = 4, children } = _b, props = __objRest(_b, ["className", "side", "sideOffset", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_radix_ui5.Tooltip.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      side,
       sideOffset,
       className: cn(
-        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        "z-50 w-max max-w-[200px]",
+        "bg-primary rounded-md px-2.5 py-1.5",
+        "animate-in fade-in-0 zoom-in-95",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       )
-    }, props)
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "block text-xs font-normal leading-snug tracking-tight text-primary-foreground whitespace-normal break-words", children })
+    })
   ) });
-}
-function DropdownMenuGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
-}
-function DropdownMenuItem(_a) {
-  var _b = _a, {
-    className,
-    inset,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.Item,
-    __spreadValues({
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
-        className
-      )
-    }, props)
-  );
-}
-function DropdownMenuCheckboxItem(_a) {
+});
+TooltipContent.displayName = "TooltipContent";
+function Tooltip(_a) {
   var _b = _a, {
-    className,
+    content,
     children,
-    checked
-  } = _b, props = __objRest(_b, [
-    "className",
+    open,
+    defaultOpen,
+    onOpenChange,
+    delayDuration
+  } = _b, contentProps = __objRest(_b, [
+    "content",
     "children",
-    "checked"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_radix_ui5.DropdownMenu.CheckboxItem,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuRadioGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.RadioGroup,
-    __spreadValues({
-      "data-slot": "dropdown-menu-radio-group"
-    }, props)
-  );
-}
-function DropdownMenuRadioItem(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
+    "open",
+    "defaultOpen",
+    "onOpenChange",
+    "delayDuration"
   ]);
+  if (!content) return children;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_radix_ui5.DropdownMenu.RadioItem,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props), {
+    import_radix_ui5.Tooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.Tooltip.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipContent, __spreadProps(__spreadValues({}, contentProps), { children: content }))
       ]
-    })
-  );
-}
-function DropdownMenuLabel(_a) {
-  var _b = _a, {
-    className,
-    inset
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.Label,
-    __spreadValues({
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )
-    }, props)
+    }
   );
 }
-function DropdownMenuSeparator(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.Separator,
-    __spreadValues({
-      "data-slot": "dropdown-menu-separator",
-      className: cn("-mx-1 my-1 h-px bg-border", className)
-    }, props)
-  );
+function TooltipWithIcon({
+  content,
+  iconName = "info",
+  className
+}) {
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Tooltip, { content, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    Icon,
+    {
+      name: iconName,
+      className: cn("size-4 text-muted-foreground cursor-help", className)
+    }
+  ) });
 }
-function DropdownMenuShortcut(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "span",
-    __spreadValues({
-      "data-slot": "dropdown-menu-shortcut",
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      )
-    }, props)
+
+// src/components/ui/dropdown-menu.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var baseItemClass = cn(
+  "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 my-0.5 text-sm outline-none",
+  "transition-colors duration-100",
+  "focus:bg-accent focus:text-accent-foreground",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+  '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',
+  '[&_svg:not([class*="text-"])]:text-muted-foreground'
+);
+var destructiveItemClass = cn(
+  "text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20",
+  '[&_svg:not([class*="text-"])]:text-destructive!'
+);
+var indentItemClass = cn(
+  "relative flex cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 my-0.5 pr-2 pl-8 text-sm outline-none",
+  "transition-colors duration-100",
+  "focus:bg-accent focus:text-accent-foreground",
+  "data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50"
+);
+var subTriggerClass = cn(
+  "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 my-0.5 text-sm outline-none",
+  "transition-colors duration-100",
+  "focus:bg-accent focus:text-accent-foreground",
+  "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+  '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',
+  '[&_svg:not([class*="text-"])]:text-muted-foreground'
+);
+var contentClass = cn(
+  "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-44",
+  "origin-(--radix-dropdown-menu-content-transform-origin)",
+  "overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
+  "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+);
+var labelClass = "px-2 py-1.5 text-sm font-medium";
+var separatorClass = "-mx-1 my-1 h-px bg-border";
+function withTooltip(tooltip, node, key) {
+  if (!tooltip) return React7.cloneElement(node, { key });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tooltip, { content: tooltip, side: "right", children: node }, key);
+}
+function renderItem(item) {
+  if (item.subGroups) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui6.DropdownMenu.Sub, { children: [
+      withTooltip(
+        item.tooltip,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui6.DropdownMenu.SubTrigger, { disabled: item.disabled, className: subTriggerClass, children: [
+          item.icon,
+          item.label,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.ChevronRightIcon, { className: "ml-auto size-4" })
+        ] }),
+        item.label
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.SubContent, { className: contentClass, children: renderGroups(item.subGroups) }) })
+    ] }, item.label);
+  }
+  if (item.type === "checkbox") {
+    return withTooltip(
+      item.tooltip,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        import_radix_ui6.DropdownMenu.CheckboxItem,
+        {
+          checked: item.checked,
+          onCheckedChange: item.onCheckedChange,
+          disabled: item.disabled,
+          onSelect: (e) => e.preventDefault(),
+          className: indentItemClass,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.CheckIcon, { className: "size-4 text-foreground/20" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.ItemIndicator, { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.CheckIcon, { className: "size-4" }) })
+            ] }),
+            item.label
+          ]
+        }
+      ),
+      item.label
+    );
+  }
+  return withTooltip(
+    item.tooltip,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      import_radix_ui6.DropdownMenu.Item,
+      {
+        disabled: item.disabled,
+        onSelect: item.onClick,
+        className: cn(baseItemClass, item.variant === "destructive" && destructiveItemClass),
+        children: [
+          item.icon,
+          item.label,
+          item.shortcut && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ml-auto text-xs tracking-widest text-muted-foreground", children: item.shortcut })
+        ]
+      }
+    ),
+    item.label
   );
 }
-function DropdownMenuSub(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_radix_ui5.DropdownMenu.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
-}
-function DropdownMenuSubTrigger(_a) {
-  var _b = _a, {
-    className,
-    inset,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset",
-    "children"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_radix_ui5.DropdownMenu.SubTrigger,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    })
-  );
+function renderGroups(groups) {
+  return groups.map((group, i) => {
+    var _a;
+    const isRadioGroup = group.radioValue !== void 0 || group.onRadioValueChange !== void 0 || group.items.some((item) => item.type === "radio");
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(React7.Fragment, { children: [
+      group.separator && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Separator, { className: separatorClass }),
+      isRadioGroup ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        import_radix_ui6.DropdownMenu.RadioGroup,
+        {
+          value: group.radioValue,
+          onValueChange: group.onRadioValueChange,
+          children: [
+            group.label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Label, { className: labelClass, children: group.label }),
+            group.items.map(
+              (item) => {
+                var _a2;
+                return withTooltip(
+                  item.tooltip,
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                    import_radix_ui6.DropdownMenu.RadioItem,
+                    {
+                      value: (_a2 = item.value) != null ? _a2 : item.label,
+                      disabled: item.disabled,
+                      onSelect: (e) => e.preventDefault(),
+                      className: indentItemClass,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "size-2 rounded-full bg-foreground/20" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.ItemIndicator, { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "size-2 rounded-full bg-current" }) })
+                        ] }),
+                        item.label
+                      ]
+                    }
+                  ),
+                  item.label
+                );
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui6.DropdownMenu.Group, { children: [
+        group.label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Label, { className: labelClass, children: group.label }),
+        group.items.map(renderItem)
+      ] })
+    ] }, (_a = group.label) != null ? _a : String(i));
+  });
 }
-function DropdownMenuSubContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_radix_ui5.DropdownMenu.SubContent,
-    __spreadValues({
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        className
-      )
-    }, props)
-  );
+function DropdownMenu({
+  trigger,
+  groups,
+  open,
+  onOpenChange,
+  side,
+  align,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_radix_ui6.DropdownMenu.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_radix_ui6.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_radix_ui6.DropdownMenu.Content,
+      {
+        side,
+        align,
+        sideOffset: 4,
+        className: cn(contentClass, className),
+        children: renderGroups(groups)
+      }
+    ) })
+  ] });
 }
 
 // src/components/icons/custom/empty-tray.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function EmptyTrayIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1696,22 +1705,22 @@ function EmptyTrayIcon({ className }) {
       "aria-hidden": true,
       className: cn("shrink-0", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("g", { clipPath: "url(#clip0_19425_37257)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { clipPath: "url(#clip0_19425_37257)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               d: "M32 41C49.6731 41 64 37.866 64 34C64 30.134 49.6731 27 32 27C14.3269 27 0 30.134 0 34C0 37.866 14.3269 41 32 41Z",
               fill: "#F5F5F5"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               d: "M55 13.76L44.854 2.258C44.367 1.474 43.656 1 42.907 1H21.093C20.344 1 19.633 1.474 19.146 2.257L9 13.761V23H55V13.76Z",
               stroke: "#D9D9D9"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "path",
             {
               d: "M41.613 16.931C41.613 15.326 42.607 14.001 43.84 14H55V32.137C55 34.26 53.68 36 52.05 36H11.95C10.32 36 9 34.259 9 32.137V14H20.16C21.393 14 22.387 15.323 22.387 16.928V16.95C22.387 18.555 23.392 19.851 24.624 19.851H39.376C40.608 19.851 41.613 18.543 41.613 16.938V16.931Z",
@@ -1720,16 +1729,16 @@ function EmptyTrayIcon({ className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("clipPath", { id: "clip0_19425_37257", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { width: "64", height: "41", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: "clip0_19425_37257", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "64", height: "41", fill: "white" }) }) })
       ]
     }
   );
 }
 
 // src/components/ui/empty.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Empty({ image, description, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: cn(
@@ -1737,20 +1746,20 @@ function Empty({ image, description, children, className }) {
         className
       ),
       children: [
-        image !== void 0 ? image : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyTrayIcon, {}),
-        description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-center text-sm leading-xs text-muted-foreground whitespace-pre-line", children: description }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center gap-2", children })
+        image !== void 0 ? image : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EmptyTrayIcon, {}),
+        description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-center text-sm leading-xs text-muted-foreground whitespace-pre-line", children: description }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center gap-2", children })
       ]
     }
   );
 }
 
 // src/components/ui/checkbox.tsx
-var React6 = __toESM(require("react"));
-var import_radix_ui6 = require("radix-ui");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var React8 = __toESM(require("react"));
+var import_radix_ui7 = require("radix-ui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function FilledSquareMinus({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "svg",
     {
       viewBox: "0 0 20 20",
@@ -1759,7 +1768,7 @@ function FilledSquareMinus({ className }) {
       className: cn(className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "rect",
           {
             x: "2.5",
@@ -1772,7 +1781,7 @@ function FilledSquareMinus({ className }) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "path",
           {
             d: "M7 10H13",
@@ -1786,7 +1795,7 @@ function FilledSquareMinus({ className }) {
   );
 }
 function FilledSquareCheck({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "svg",
     {
       viewBox: "0 0 20 20",
@@ -1795,7 +1804,7 @@ function FilledSquareCheck({ className }) {
       className: cn(className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "rect",
           {
             x: "2.5",
@@ -1808,7 +1817,7 @@ function FilledSquareCheck({ className }) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "path",
           {
             d: "M7.5 10L9.16667 11.66667L12.5 8.33333",
@@ -1826,10 +1835,10 @@ function FilledSquareCheck({ className }) {
     }
   );
 }
-var Checkbox = React6.forwardRef((_a, ref) => {
+var Checkbox = React8.forwardRef((_a, ref) => {
   var _b = _a, { className, id, label, description, disabled } = _b, props = __objRest(_b, ["className", "id", "label", "description", "disabled"]);
-  const checkboxRoot = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    import_radix_ui6.Checkbox.Root,
+  const checkboxRoot = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    import_radix_ui7.Checkbox.Root,
     __spreadProps(__spreadValues({
       ref,
       id,
@@ -1846,19 +1855,19 @@ var Checkbox = React6.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Icon,
           {
             name: "square",
             className: "size-5 text-border group-data-[state=checked]:hidden"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_radix_ui6.Checkbox.Indicator, { className: "absolute inset-0 flex items-center justify-center animate-checkbox-in", children: props.checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FilledSquareMinus, { className: "size-5 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FilledSquareCheck, { className: "size-5 text-foreground" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_radix_ui7.Checkbox.Indicator, { className: "absolute inset-0 flex items-center justify-center animate-checkbox-in", children: props.checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FilledSquareMinus, { className: "size-5 text-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FilledSquareCheck, { className: "size-5 text-foreground" }) })
       ]
     })
   );
   if (!label) return checkboxRoot;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "label",
     {
       className: cn(
@@ -1869,18 +1878,18 @@ var Checkbox = React6.forwardRef((_a, ref) => {
       ),
       children: [
         checkboxRoot,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground select-none", children: label }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground select-none", children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
         ] })
       ]
     }
   );
 });
-Checkbox.displayName = import_radix_ui6.Checkbox.Root.displayName;
-var CheckboxCard = React6.forwardRef((_a, ref) => {
+Checkbox.displayName = import_radix_ui7.Checkbox.Root.displayName;
+var CheckboxCard = React8.forwardRef((_a, ref) => {
   var _b = _a, { className, id, label, description, disabled } = _b, props = __objRest(_b, ["className", "id", "label", "description", "disabled"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "label",
     {
       htmlFor: id,
@@ -1893,7 +1902,7 @@ var CheckboxCard = React6.forwardRef((_a, ref) => {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           Checkbox,
           __spreadValues({
             ref,
@@ -1902,9 +1911,9 @@ var CheckboxCard = React6.forwardRef((_a, ref) => {
             className: "mt-0.5"
           }, props)
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground", children: label }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground", children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
         ] })
       ]
     }
@@ -1914,7 +1923,7 @@ CheckboxCard.displayName = "CheckboxCard";
 
 // src/components/ui/choice-card.tsx
 var import_react2 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var ChoiceCardGroupContext = (0, import_react2.createContext)({
   value: "",
   onChange: () => {
@@ -1934,7 +1943,7 @@ function ChoiceCardGroup({
     if (!isControlled) setInternalValue(v);
     onValueChange == null ? void 0 : onValueChange(v);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChoiceCardGroupContext.Provider, { value: { value, onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn("flex flex-col gap-3", className), role: "radiogroup", children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChoiceCardGroupContext.Provider, { value: { value, onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("flex flex-col gap-3", className), role: "radiogroup", children }) });
 }
 function ChoiceCardItem({
   value,
@@ -1944,7 +1953,7 @@ function ChoiceCardItem({
 }) {
   const { value: groupValue, onChange } = (0, import_react2.useContext)(ChoiceCardGroupContext);
   const isSelected = groupValue === value;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "button",
     {
       type: "button",
@@ -1956,18 +1965,18 @@ function ChoiceCardItem({
         isSelected ? "border-primary bg-background" : "border-border bg-background hover:bg-secondary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-1 flex-col gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm font-medium tracking-tight text-foreground", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-1 flex-col gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm font-medium tracking-tight text-foreground", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs tracking-tight text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "div",
           {
             className: cn(
               "mt-px size-4 shrink-0 self-start rounded-full border shadow-button transition-colors",
               isSelected ? "border-ring" : "border-border bg-background"
             ),
-            children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "div",
               {
                 className: "mx-auto size-2 rounded-full bg-foreground",
@@ -1982,9 +1991,9 @@ function ChoiceCardItem({
 }
 
 // src/components/ui/collapsible.tsx
-var React8 = __toESM(require("react"));
-var import_radix_ui7 = require("radix-ui");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var React10 = __toESM(require("react"));
+var import_radix_ui8 = require("radix-ui");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CollapsibleAvatar({
   workspace,
   size = "lg"
@@ -1992,7 +2001,7 @@ function CollapsibleAvatar({
   var _a;
   const sizeClass = size === "lg" ? "size-9 rounded-lg" : "size-8 rounded-md";
   const bgClass = workspace.avatarColor === "chart-1" ? "bg-chart-1" : "bg-sidebar-ring";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       className: cn(
@@ -2000,22 +2009,22 @@ function CollapsibleAvatar({
         sizeClass,
         bgClass
       ),
-      children: workspace.avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: workspace.avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "img",
         {
           src: workspace.avatarSrc,
           alt: workspace.name,
           className: "absolute inset-0 size-full object-cover"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute inset-0 flex items-center justify-center text-base font-medium leading-6 text-center text-white tracking-tight whitespace-nowrap", children: (_a = workspace.avatarText) != null ? _a : workspace.name[0] })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute inset-0 flex items-center justify-center text-base font-medium leading-6 text-center text-white tracking-tight whitespace-nowrap", children: (_a = workspace.avatarText) != null ? _a : workspace.name[0] })
     }
   );
 }
 function CollapsibleBadge({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "bg-background border border-border flex gap-1 h-5.5 items-center justify-center px-2.5 py-0.5 rounded-lg shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-medium leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "bg-background border border-border flex gap-1 h-5.5 items-center justify-center px-2.5 py-0.5 rounded-lg shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs font-medium leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children }) });
 }
 function ChevronsUpDownIcon({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("overflow-hidden relative shrink-0 size-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute", style: { inset: "16.67% 29.17%" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute", style: { inset: "-4.69% -7.5%" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", { alt: "", "aria-hidden": true, src: "/icons/chevrons-up-down.svg", className: "block max-w-none size-full" }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("overflow-hidden relative shrink-0 size-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute", style: { inset: "16.67% 29.17%" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "absolute", style: { inset: "-4.69% -7.5%" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { alt: "", "aria-hidden": true, src: "/icons/chevrons-up-down.svg", className: "block max-w-none size-full" }) }) }) });
 }
 function Collapsible({
   activeWorkspace,
@@ -2027,27 +2036,27 @@ function Collapsible({
   onSelectWorkspace,
   className
 }) {
-  const [internalOpen, setInternalOpen] = React8.useState(defaultOpen);
+  const [internalOpen, setInternalOpen] = React10.useState(defaultOpen);
   const isOpen = open !== void 0 ? open : internalOpen;
   function handleOpenChange(next) {
     setInternalOpen(next);
     onOpenChange == null ? void 0 : onOpenChange(next);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    import_radix_ui7.Collapsible.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_radix_ui8.Collapsible.Root,
     {
       open: isOpen,
       onOpenChange: handleOpenChange,
       className: cn("relative flex flex-col w-full", className),
       children: [
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "div",
           {
             className: "fixed inset-0 z-10",
             onClick: () => handleOpenChange(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui7.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_radix_ui8.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "button",
           {
             className: cn(
@@ -2056,54 +2065,54 @@ function Collapsible({
               "data-[state=open]:bg-sidebar-accent"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-1 gap-2 items-center min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleAvatar, { workspace: activeWorkspace, size: "lg" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-1 items-center min-w-0 shrink-0", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-base font-medium leading-6 text-foreground tracking-tight whitespace-nowrap", children: activeWorkspace.name }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleBadge, { children: activeWorkspace.badge })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-1 gap-2 items-center min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleAvatar, { workspace: activeWorkspace, size: "lg" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-1 items-center min-w-0 shrink-0", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-base font-medium leading-6 text-foreground tracking-tight whitespace-nowrap", children: activeWorkspace.name }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleBadge, { children: activeWorkspace.badge })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center rounded-lg shrink-0 size-8", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsUpDownIcon, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center justify-center rounded-lg shrink-0 size-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronsUpDownIcon, {}) })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_radix_ui7.Collapsible.Content, { className: cn(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_radix_ui8.Collapsible.Content, { className: cn(
           "absolute left-0 top-full z-20 pt-1 w-80",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 duration-200",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-150"
-        ), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "bg-background border border-border rounded-xl shadow-sm px-2 py-2 flex flex-col gap-1", children: [
+        ), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "bg-background border border-border rounded-xl shadow-sm px-2 py-2 flex flex-col gap-1", children: [
           workspaces.map(
             (ws) => ws.isActive ? (
               /* ── 활성 워크스페이스 (강조 + Check 아이콘) ── */
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                 "div",
                 {
                   className: "flex items-center justify-between h-12 px-2 py-2 rounded-md bg-accent",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2 items-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleAvatar, { workspace: ws, size: "md" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-1 items-center", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleBadge, { children: ws.badge })
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2 items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleAvatar, { workspace: ws, size: "md" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-1 items-center", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleBadge, { children: ws.badge })
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center size-9 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", className: "size-4 text-foreground" }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center justify-center size-9 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "check", className: "size-4 text-foreground" }) })
                   ]
                 },
                 ws.id
               )
             ) : (
               /* ── 비활성 워크스페이스 (클릭 가능) ── */
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   className: "flex items-center w-full h-12 px-2 py-2 rounded-md hover:bg-accent transition-colors cursor-pointer",
                   onClick: () => onSelectWorkspace == null ? void 0 : onSelectWorkspace(ws),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-2 items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleAvatar, { workspace: ws, size: "md" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex gap-1 items-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CollapsibleBadge, { children: ws.badge })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-2 items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleAvatar, { workspace: ws, size: "md" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-1 items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollapsibleBadge, { children: ws.badge })
                     ] })
                   ] })
                 },
@@ -2111,14 +2120,14 @@ function Collapsible({
               )
             )
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             "button",
             {
               className: "flex items-center justify-center gap-2 w-full h-12 px-2 py-2 rounded-md hover:bg-accent transition-colors cursor-pointer",
               onClick: onCreateTeam,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm text-muted-foreground leading-5 tracking-tight whitespace-nowrap", children: "\uD300 \uC0DD\uC131\uD558\uAE30" })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm text-muted-foreground leading-5 tracking-tight whitespace-nowrap", children: "\uD300 \uC0DD\uC131\uD558\uAE30" })
               ]
             }
           )
@@ -2127,18 +2136,18 @@ function Collapsible({
     }
   );
 }
-var CollapsibleRoot = import_radix_ui7.Collapsible.Root;
-var CollapsibleTrigger = import_radix_ui7.Collapsible.CollapsibleTrigger;
-var CollapsibleContent = import_radix_ui7.Collapsible.CollapsibleContent;
+var CollapsibleRoot = import_radix_ui8.Collapsible.Root;
+var CollapsibleTrigger = import_radix_ui8.Collapsible.CollapsibleTrigger;
+var CollapsibleContent = import_radix_ui8.Collapsible.CollapsibleContent;
 
 // src/components/ui/combobox.tsx
-var React9 = __toESM(require("react"));
-var import_radix_ui8 = require("radix-ui");
+var React11 = __toESM(require("react"));
+var import_radix_ui9 = require("radix-ui");
 
 // src/components/icons/custom/chevrons-up-down.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ChevronsUpDownIcon2({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "svg",
     {
       viewBox: "-6.25 -3.25 24 24",
@@ -2149,13 +2158,13 @@ function ChevronsUpDownIcon2({ className }) {
       strokeWidth: 1.5,
       "aria-hidden": true,
       className: cn("shrink-0", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M0.75 11.75L5.75 16.75L10.75 11.75M0.75 5.75L5.75 0.75L10.75 5.75" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { d: "M0.75 11.75L5.75 16.75L10.75 11.75M0.75 5.75L5.75 0.75L10.75 5.75" })
     }
   );
 }
 
 // src/components/ui/combobox.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Combobox({
   options,
   value,
@@ -2167,10 +2176,10 @@ function Combobox({
   className,
   disabled = false
 }) {
-  const [open, setOpen] = React9.useState(false);
-  const [search, setSearch] = React9.useState("");
-  const inputRef = React9.useRef(null);
-  const filtered = React9.useMemo(
+  const [open, setOpen] = React11.useState(false);
+  const [search, setSearch] = React11.useState("");
+  const inputRef = React11.useRef(null);
+  const filtered = React11.useMemo(
     () => showSearch && search.trim() ? options.filter(
       (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
     ) : options,
@@ -2181,7 +2190,7 @@ function Combobox({
     setOpen(next);
     if (!next) setSearch("");
   }
-  React9.useEffect(() => {
+  React11.useEffect(() => {
     if (open && showSearch) {
       requestAnimationFrame(() => {
         var _a;
@@ -2194,8 +2203,8 @@ function Combobox({
     setOpen(false);
     setSearch("");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_radix_ui8.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_radix_ui8.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_radix_ui9.Popover.Root, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui9.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       "button",
       {
         type: "button",
@@ -2210,9 +2219,9 @@ function Combobox({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex flex-1 min-w-0 items-center gap-1.5", children: [
-            (selectedOption == null ? void 0 : selectedOption.icon) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "shrink-0 flex items-center", children: selectedOption.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "flex flex-1 min-w-0 items-center gap-1.5", children: [
+            (selectedOption == null ? void 0 : selectedOption.icon) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "shrink-0 flex items-center", children: selectedOption.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "span",
               {
                 className: cn(
@@ -2223,12 +2232,12 @@ function Combobox({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChevronsUpDownIcon2, { className: "size-4 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronsUpDownIcon2, { className: "size-4 text-muted-foreground" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_radix_ui8.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-      import_radix_ui8.Popover.Content,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui9.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      import_radix_ui9.Popover.Content,
       {
         align: "start",
         sideOffset: 4,
@@ -2242,9 +2251,9 @@ function Combobox({
           "duration-200 data-[state=closed]:duration-150"
         ),
         children: [
-          showSearch && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "search", className: "size-4 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          showSearch && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "search", className: "size-4 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "input",
               {
                 ref: inputRef,
@@ -2255,10 +2264,10 @@ function Combobox({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "p-1 flex flex-col overflow-y-auto", style: { maxHeight: 384 }, children: [
-            filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "px-2 py-1.5 text-sm text-muted-foreground text-center", children: "\uACB0\uACFC \uC5C6\uC74C" }) : filtered.map((opt) => {
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-1 flex flex-col overflow-y-auto", style: { maxHeight: 384 }, children: [
+            filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "px-2 py-1.5 text-sm text-muted-foreground text-center", children: "\uACB0\uACFC \uC5C6\uC74C" }) : filtered.map((opt) => {
               const isSelected = opt.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -2270,15 +2279,15 @@ function Combobox({
                     isSelected ? "bg-accent text-accent-foreground" : "text-popover-foreground hover:bg-accent hover:text-accent-foreground"
                   ),
                   children: [
-                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "shrink-0 flex items-center", children: opt.icon }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex-1 min-w-0 truncate text-left", children: opt.label }),
-                    isSelected && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "check", className: "size-4 text-foreground" })
+                    opt.icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "shrink-0 flex items-center", children: opt.icon }),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex-1 min-w-0 truncate text-left", children: opt.label }),
+                    isSelected && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "check", className: "size-4 text-foreground" })
                   ]
                 },
                 opt.value
               );
             }),
-            footer && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+            footer && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "button",
               {
                 type: "button",
@@ -2288,8 +2297,8 @@ function Combobox({
                 },
                 className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-normal leading-5 tracking-tight text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer transition-colors",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "flex-1 min-w-0 truncate text-left", children: footer.label })
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "flex-1 min-w-0 truncate text-left", children: footer.label })
                 ]
               }
             )
@@ -2301,9 +2310,9 @@ function Combobox({
 }
 
 // src/components/ui/date-picker.tsx
-var React10 = __toESM(require("react"));
-var import_radix_ui9 = require("radix-ui");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var React12 = __toESM(require("react"));
+var import_radix_ui10 = require("radix-ui");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var EN_MONTHS = [
   "January",
   "February",
@@ -2449,9 +2458,9 @@ function CalendarGrid({
   const rangeStartTime = rangeStart ? startOfDay(rangeStart).getTime() : null;
   const rangeEndTime = rangeEnd ? startOfDay(rangeEnd).getTime() : null;
   const visualEndTime = rangeEndTime != null ? rangeEndTime : rangeStartTime !== null && hoverDate ? startOfDay(hoverDate).getTime() : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "px-5 pt-3 pb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "px-5 pt-3 pb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           type: "button",
@@ -2461,21 +2470,21 @@ function CalendarGrid({
             "flex size-8 items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             isPrevDisabled ? "text-muted-foreground opacity-30 cursor-not-allowed" : "text-foreground hover:bg-accent active:bg-accent cursor-pointer"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron-left", className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "chevron-left", className: "size-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "select",
             {
               value: year,
               onChange: (e) => onYearChange(Number(e.target.value)),
               className: "h-8 appearance-none rounded-lg border border-border bg-background pl-3 pr-6 text-sm font-medium text-foreground transition-colors hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer",
-              children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: y, children: config.formatYear(y) }, y))
+              children: years.map((y) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: y, children: config.formatYear(y) }, y))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Icon,
             {
               name: "chevron-down",
@@ -2483,17 +2492,17 @@ function CalendarGrid({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "select",
             {
               value: month,
               onChange: (e) => onMonthChange(Number(e.target.value)),
               className: "h-8 appearance-none rounded-lg border border-border bg-background pl-3 pr-6 text-sm font-medium text-foreground transition-colors hover:bg-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer",
-              children: Array.from({ length: 12 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: i, children: config.formatMonth(i) }, i))
+              children: Array.from({ length: 12 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: i, children: config.formatMonth(i) }, i))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Icon,
             {
               name: "chevron-down",
@@ -2502,7 +2511,7 @@ function CalendarGrid({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "button",
         {
           type: "button",
@@ -2512,11 +2521,11 @@ function CalendarGrid({
             "flex size-8 items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             isNextDisabled ? "text-muted-foreground opacity-30 cursor-not-allowed" : "text-foreground hover:bg-accent active:bg-accent cursor-pointer"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "chevron-right", className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "chevron-right", className: "size-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-1 grid grid-cols-7 gap-1", children: config.dayHeaders.map((d) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mb-1 grid grid-cols-7 gap-1", children: config.dayHeaders.map((d) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         className: "flex h-10 items-center justify-center text-sm font-normal leading-xs text-muted-foreground",
@@ -2524,7 +2533,7 @@ function CalendarGrid({
       },
       d
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -2538,7 +2547,7 @@ function CalendarGrid({
           const isRangeEnd = isRangeMode && rangeEndTime !== null && t === rangeEndTime;
           const isInRange = isRangeMode && rangeStartTime !== null && visualEndTime !== null && !isRangeStart && !isRangeEnd && t > Math.min(rangeStartTime, visualEndTime) && t < Math.max(rangeStartTime, visualEndTime);
           const isSelected = isRangeMode ? isRangeStart || isRangeEnd : (selectedStart == null ? void 0 : selectedStart.getTime()) === t;
-          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "button",
             {
               type: "button",
@@ -2577,34 +2586,34 @@ function DatePicker({
   disabled = false
 }) {
   var _a;
-  const today = React10.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const today = React12.useMemo(() => /* @__PURE__ */ new Date(), []);
   const config = LOCALE_CONFIG[locale];
-  const disabledRules = React10.useMemo(() => {
+  const disabledRules = React12.useMemo(() => {
     const rules = disabledDates ? Array.isArray(disabledDates) ? disabledDates : [disabledDates] : [];
     if (disablePast && !rules.includes("past")) return [...rules, "past"];
     return rules;
   }, [disabledDates, disablePast]);
-  const [open, setOpen] = React10.useState(false);
-  const [selected, setSelected] = React10.useState(defaultValue);
+  const [open, setOpen] = React12.useState(false);
+  const [selected, setSelected] = React12.useState(defaultValue);
   const activeDate = value !== void 0 ? value : selected;
-  const [internalRange, setInternalRange] = React10.useState(
+  const [internalRange, setInternalRange] = React12.useState(
     defaultRange != null ? defaultRange : {}
   );
   const activeRange = range !== void 0 ? range : internalRange;
-  const [pickingStage, setPickingStage] = React10.useState("start");
-  const [hoverDate, setHoverDate] = React10.useState();
+  const [pickingStage, setPickingStage] = React12.useState("start");
+  const [hoverDate, setHoverDate] = React12.useState();
   const initialViewDate = mode === "range" ? (_a = activeRange.start) != null ? _a : today : activeDate != null ? activeDate : today;
-  const [viewYear, setViewYear] = React10.useState(() => initialViewDate.getFullYear());
-  const [viewMonth, setViewMonth] = React10.useState(() => initialViewDate.getMonth());
-  const activeDateRef = React10.useRef(activeDate);
+  const [viewYear, setViewYear] = React12.useState(() => initialViewDate.getFullYear());
+  const [viewMonth, setViewMonth] = React12.useState(() => initialViewDate.getMonth());
+  const activeDateRef = React12.useRef(activeDate);
   activeDateRef.current = activeDate;
-  const activeRangeRef = React10.useRef(activeRange);
+  const activeRangeRef = React12.useRef(activeRange);
   activeRangeRef.current = activeRange;
-  const todayRef = React10.useRef(today);
+  const todayRef = React12.useRef(today);
   todayRef.current = today;
-  const modeRef = React10.useRef(mode);
+  const modeRef = React12.useRef(mode);
   modeRef.current = mode;
-  React10.useEffect(() => {
+  React12.useEffect(() => {
     var _a2, _b;
     if (!open) {
       setHoverDate(void 0);
@@ -2616,7 +2625,7 @@ function DatePicker({
     setViewYear(d.getFullYear());
     setViewMonth(d.getMonth());
   }, [open]);
-  const effectiveYearRange = React10.useMemo(
+  const effectiveYearRange = React12.useMemo(
     () => yearRange != null ? yearRange : [today.getFullYear() - 10, today.getFullYear() + 10],
     [yearRange, today]
   );
@@ -2677,13 +2686,13 @@ function DatePicker({
     triggerText = config.formatTriggerDate(activeDate);
     showCalendarIcon = true;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    import_radix_ui9.Popover.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_radix_ui10.Popover.Root,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui9.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             type: "button",
@@ -2695,14 +2704,14 @@ function DatePicker({
               mode === "range" ? !activeRange.start && "text-muted-foreground" : !activeDate && "text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "truncate text-left", children: triggerText }),
-              showCalendarIcon ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "truncate text-left", children: triggerText }),
+              showCalendarIcon ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Icon,
                 {
                   name: "calendar",
                   className: "size-4 shrink-0 text-foreground"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 Icon,
                 {
                   name: "chevron-down",
@@ -2715,8 +2724,8 @@ function DatePicker({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_radix_ui9.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          import_radix_ui9.Popover.Content,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_radix_ui10.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_radix_ui10.Popover.Content,
           {
             align: "start",
             sideOffset: 4,
@@ -2728,7 +2737,7 @@ function DatePicker({
               "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
               "duration-200 data-[state=closed]:duration-150"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               CalendarGrid,
               {
                 year: viewYear,
@@ -2756,14 +2765,14 @@ function DatePicker({
 }
 
 // src/components/ui/field.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function FieldLabel(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "label",
     __spreadValues({
       className: cn(
@@ -2779,7 +2788,7 @@ function FieldDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "p",
     __spreadValues({
       className: cn(
@@ -2798,14 +2807,14 @@ function Field({
   className,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("flex flex-col gap-3", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FieldLabel, { htmlFor, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("flex flex-col gap-3", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(FieldLabel, { htmlFor, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" })
     ] }),
-    hint && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldDescription, { children: hint }),
+    hint && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldDescription, { children: hint }),
     children,
-    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldDescription, { children: description })
+    description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldDescription, { children: description })
   ] });
 }
 function FieldSection({
@@ -2816,9 +2825,9 @@ function FieldSection({
   className,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("flex flex-col gap-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "p",
         {
           className: cn(
@@ -2828,34 +2837,34 @@ function FieldSection({
           children: title
         }
       ),
-      description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldDescription, { children: description })
+      description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldDescription, { children: description })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-      showDivider && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex flex-col gap-7", children })
+    children && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      showDivider && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col gap-7", children })
     ] })
   ] });
 }
 function FieldRow({ label, description, className, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("flex items-start gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm font-medium tracking-tight text-foreground", children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("flex items-start gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm font-medium tracking-tight text-foreground", children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "shrink-0", children })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "shrink-0", children })
   ] });
 }
 function FieldDivider({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cn("flex h-5 items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-px w-full border-t border-border" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("flex h-5 items-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-px w-full border-t border-border" }) });
 }
 
 // src/components/ui/header.tsx
-var React11 = __toESM(require("react"));
-var import_radix_ui10 = require("radix-ui");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var React13 = __toESM(require("react"));
+var import_radix_ui11 = require("radix-ui");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var PANEL_CLS = "z-50 overflow-hidden rounded-md border border-border bg-popover shadow-dropdown animate-in fade-in-0 zoom-in-95 duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-150";
 function DropdownSectionLabel({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex h-8 items-center px-2 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-medium tracking-tight text-popover-foreground", children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex h-8 items-center px-2 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium tracking-tight text-popover-foreground", children }) });
 }
 function DropdownMenuRow({
   icon,
@@ -2872,14 +2881,14 @@ function DropdownMenuRow({
     variant === "destructive" ? "text-destructive" : "text-popover-foreground",
     className
   );
-  const content = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: icon, className: "size-4 text-foreground" }),
+  const content = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: icon, className: "size-4 text-foreground" }),
     children
   ] });
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Item, { asChild: true, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: itemClassName, children: content }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Item, { asChild: true, onSelect, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: itemClassName, children: content }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Item, { onSelect, className: itemClassName, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Item, { onSelect, className: itemClassName, children: content });
 }
 function Header({
   logo,
@@ -2897,7 +2906,7 @@ function Header({
   onLanguageChange,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "header",
     {
       className: cn(
@@ -2906,19 +2915,19 @@ function Header({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-4", children: [
-          (logo || brandName) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2.5 shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-4", children: [
+          (logo || brandName) && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2.5 shrink-0", children: [
             logo,
-            brandName && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-xl font-bold tracking-tight text-foreground whitespace-nowrap", children: brandName })
+            brandName && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-xl font-bold tracking-tight text-foreground whitespace-nowrap", children: brandName })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("nav", { className: "flex items-center gap-2", "aria-label": "\uC8FC\uC694 \uBA54\uB274", children: navItems.map(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("nav", { className: "flex items-center gap-2", "aria-label": "\uC8FC\uC694 \uBA54\uB274", children: navItems.map(
             (item) => {
               var _a;
               return ((_a = item.dropdownItems) == null ? void 0 : _a.length) ? (
                 // 드롭다운이 있는 nav 아이템 (예: 스토어)
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_radix_ui10.DropdownMenu.Root, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                    import_radix_ui10.DropdownMenu.Trigger,
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui11.DropdownMenu.Root, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                    import_radix_ui11.DropdownMenu.Trigger,
                     {
                       className: cn(
                         "flex h-9 items-center justify-center rounded-lg px-3 py-2 outline-none",
@@ -2930,16 +2939,16 @@ function Header({
                       children: item.label
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-                    import_radix_ui10.DropdownMenu.Content,
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                    import_radix_ui11.DropdownMenu.Content,
                     {
                       align: "start",
                       sideOffset: 4,
                       className: cn(PANEL_CLS, "w-50 py-1 px-1"),
                       style: { maxHeight: "416px" },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownSectionLabel, { children: item.label }) }),
-                        item.dropdownItems.map((di) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownSectionLabel, { children: item.label }) }),
+                        item.dropdownItems.map((di) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                           DropdownMenuRow,
                           {
                             icon: di.icon,
@@ -2955,7 +2964,7 @@ function Header({
                 ] }, item.label)
               ) : (
                 // 일반 nav 아이템
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "button",
                   {
                     type: "button",
@@ -2973,8 +2982,8 @@ function Header({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "button",
             {
               type: "button",
@@ -2986,14 +2995,14 @@ function Header({
                 "transition-opacity hover:opacity-90 active:opacity-80"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "circle-arrow-up", className: "size-4 text-primary-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "circle-arrow-up", className: "size-4 text-primary-foreground" }),
                 upgradeLabel
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_radix_ui10.DropdownMenu.Root, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-              import_radix_ui10.DropdownMenu.Trigger,
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui11.DropdownMenu.Root, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              import_radix_ui11.DropdownMenu.Trigger,
               {
                 className: cn(
                   "flex h-9 items-center gap-1.5 rounded-lg border border-border bg-background",
@@ -3003,14 +3012,14 @@ function Header({
                   "data-[state=open]:bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "user", className: "size-4 text-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: userEmail }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "chevron-down", className: "size-4 text-foreground" })
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "user", className: "size-4 text-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: userEmail }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "chevron-down", className: "size-4 text-foreground" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_radix_ui10.DropdownMenu.Content,
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              import_radix_ui11.DropdownMenu.Content,
               {
                 align: "end",
                 sideOffset: 4,
@@ -3018,11 +3027,11 @@ function Header({
                   PANEL_CLS
                 ),
                 style: { minWidth: "var(--radix-dropdown-menu-trigger-width)", maxHeight: "416px" },
-                children: userMenuSections.map((section, si) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(React11.Fragment, { children: [
-                  si > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Separator, { className: "my-1 h-px bg-border mx-1" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_radix_ui10.DropdownMenu.Group, { className: "py-1 px-1", children: [
-                    section.label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownSectionLabel, { children: section.label }) }),
-                    section.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                children: userMenuSections.map((section, si) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(React13.Fragment, { children: [
+                  si > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Separator, { className: "my-1 h-px bg-border mx-1" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui11.DropdownMenu.Group, { className: "py-1 px-1", children: [
+                    section.label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownSectionLabel, { children: section.label }) }),
+                    section.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       DropdownMenuRow,
                       {
                         icon: item.icon,
@@ -3037,8 +3046,8 @@ function Header({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_radix_ui10.Popover.Root, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui11.Popover.Root, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
               "button",
               {
                 type: "button",
@@ -3051,8 +3060,8 @@ function Header({
                   "data-[state=open]:bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "bell", className: "size-4 text-foreground" }),
-                  hasNotification && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "bell", className: "size-4 text-foreground" }),
+                  hasNotification && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     "span",
                     {
                       "aria-hidden": true,
@@ -3063,8 +3072,8 @@ function Header({
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-              import_radix_ui10.Popover.Content,
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              import_radix_ui11.Popover.Content,
               {
                 align: "end",
                 sideOffset: 4,
@@ -3075,37 +3084,37 @@ function Header({
                   "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-150"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { className: "text-lg font-semibold tracking-tight text-foreground", children: "\uC11C\uBE44\uC2A4 \uC5C5\uB370\uC774\uD2B8" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                      import_radix_ui10.Popover.Close,
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "text-lg font-semibold tracking-tight text-foreground", children: "\uC11C\uBE44\uC2A4 \uC5C5\uB370\uC774\uD2B8" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                      import_radix_ui11.Popover.Close,
                       {
                         "aria-label": "\uB2EB\uAE30",
                         className: "opacity-70 hover:opacity-100 transition-opacity",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "x", className: "size-4 text-foreground" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "x", className: "size-4 text-foreground" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex flex-col", children: notifications.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(React11.Fragment, { children: [
-                    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("hr", { className: "w-full border-border" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: notifications.map((n, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(React13.Fragment, { children: [
+                    i > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("hr", { className: "w-full border-border" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                       "div",
                       {
                         className: "flex flex-col gap-4 rounded-md p-3 cursor-pointer transition-colors hover:bg-secondary",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between", children: [
-                            n.badge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "inline-flex h-5.5 items-center rounded-lg bg-amber-50 px-2.5 py-0.5 text-xs font-medium tracking-tight text-amber-700 whitespace-nowrap", children: n.badge }),
-                            n.date && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-sm font-normal tracking-tight text-muted-foreground", children: n.date })
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center justify-between", children: [
+                            n.badge && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "inline-flex h-5.5 items-center rounded-lg bg-amber-50 px-2.5 py-0.5 text-xs font-medium tracking-tight text-amber-700 whitespace-nowrap", children: n.badge }),
+                            n.date && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-normal tracking-tight text-muted-foreground", children: n.date })
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-base font-medium tracking-tight text-foreground whitespace-nowrap", children: n.title }),
-                            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "line-clamp-2 text-sm font-normal tracking-tight text-muted-foreground", children: n.description })
+                          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-base font-medium tracking-tight text-foreground whitespace-nowrap", children: n.title }),
+                            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "line-clamp-2 text-sm font-normal tracking-tight text-muted-foreground", children: n.description })
                           ] })
                         ]
                       }
                     )
                   ] }, n.id)) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -3118,7 +3127,7 @@ function Header({
                       ),
                       children: [
                         "\uC804\uCCB4 \uB0B4\uC5ED \uBCF4\uAE30",
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "chevron-right", className: "size-4 text-foreground" })
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "chevron-right", className: "size-4 text-foreground" })
                       ]
                     }
                   )
@@ -3126,9 +3135,9 @@ function Header({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_radix_ui10.DropdownMenu.Root, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_radix_ui10.DropdownMenu.Trigger,
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_radix_ui11.DropdownMenu.Root, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              import_radix_ui11.DropdownMenu.Trigger,
               {
                 "aria-label": "\uC5B8\uC5B4 \uC120\uD0DD",
                 className: cn(
@@ -3137,20 +3146,20 @@ function Header({
                   "transition-colors hover:bg-muted/60",
                   "data-[state=open]:bg-accent"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "globe", className: "size-4 text-foreground" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "globe", className: "size-4 text-foreground" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-              import_radix_ui10.DropdownMenu.Content,
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+              import_radix_ui11.DropdownMenu.Content,
               {
                 align: "end",
                 sideOffset: 4,
                 className: cn(PANEL_CLS, "w-50 py-1 px-1"),
                 style: { maxHeight: "416px" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_radix_ui10.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownSectionLabel, { children: "\uC5B8\uC5B4" }) }),
-                  languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-                    import_radix_ui10.DropdownMenu.Item,
+                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_radix_ui11.DropdownMenu.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownSectionLabel, { children: "\uC5B8\uC5B4" }) }),
+                  languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+                    import_radix_ui11.DropdownMenu.Item,
                     {
                       onSelect: () => onLanguageChange == null ? void 0 : onLanguageChange(lang.code),
                       className: cn(
@@ -3160,7 +3169,7 @@ function Header({
                         lang.code === currentLanguage && "bg-accent/50"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                           "span",
                           {
                             className: "flex size-4 shrink-0 items-center justify-center overflow-hidden text-sm leading-none",
@@ -3184,10 +3193,10 @@ function Header({
 }
 
 // src/components/ui/input.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "input",
     __spreadValues({
       type,
@@ -3206,10 +3215,10 @@ function Input(_a) {
 var import_class_variance_authority3 = require("class-variance-authority");
 
 // src/components/ui/textarea.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -3222,10 +3231,10 @@ function Textarea(_a) {
 }
 
 // src/components/ui/input-group.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function InputGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -3271,7 +3280,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     __spreadValues({
       role: "group",
@@ -3316,7 +3325,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Button,
     __spreadValues({
       type,
@@ -3328,7 +3337,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -3344,7 +3353,7 @@ function InputGroupInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3361,7 +3370,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3374,10 +3383,10 @@ function InputGroupTextarea(_a) {
 }
 
 // src/components/ui/input-otp.tsx
-var React12 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3386,7 +3395,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3400,7 +3409,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3417,9 +3426,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React12.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React14.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3431,22 +3440,22 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react3.MinusIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react3.MinusIcon, {}) }));
 }
 
 // src/components/ui/kb-card.tsx
-var React13 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 
 // src/components/icons/custom/folder-amber.tsx
 var import_react3 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function FolderAmberIcon({ className }) {
   const id = (0, import_react3.useId)().replace(/:/g, "");
   const clip = `clip_${id}`;
@@ -3455,7 +3464,7 @@ function FolderAmberIcon({ className }) {
   const f2 = `f2_${id}`;
   const p0 = `p0_${id}`;
   const p1 = `p1_${id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "svg",
     {
       width: "20",
@@ -3466,15 +3475,15 @@ function FolderAmberIcon({ className }) {
       "aria-hidden": true,
       className: cn("shrink-0", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { clipPath: `url(#${clip})`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("g", { filter: `url(#${f0})`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { filter: `url(#${f1})`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("g", { clipPath: `url(#${clip})`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("g", { filter: `url(#${f0})`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("g", { filter: `url(#${f1})`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
               d: "M6.9896 2C7.47943 2 7.95223 2.17976 8.31833 2.50518L9.43167 3.49482C9.79777 3.82024 10.2706 4 10.7604 4H17C18.1046 4 19 4.89543 19 6V15C19 16.6569 17.6569 18 16 18H4C2.34315 18 1 16.6569 1 15V4C1 2.89543 1.89543 2 3 2H6.9896Z",
               fill: `url(#${p0})`
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
               d: "M3 2.25H6.98926C7.41786 2.25 7.832 2.40764 8.15234 2.69238L9.26562 3.68164C9.67749 4.04774 10.2097 4.25 10.7607 4.25H17C17.9665 4.25 18.75 5.0335 18.75 6V15C18.75 16.5188 17.5188 17.75 16 17.75H4C2.48122 17.75 1.25 16.5188 1.25 15V4C1.25 3.0335 2.0335 2.25 3 2.25Z",
@@ -3483,15 +3492,15 @@ function FolderAmberIcon({ className }) {
               strokeWidth: "0.5"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "3", y: "6", width: "14", height: "9", rx: "0.75", fill: "white" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { filter: `url(#${f2})`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("rect", { x: "3", y: "6", width: "14", height: "9", rx: "0.75", fill: "white" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("g", { filter: `url(#${f2})`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
               d: "M1 10C1 8.89543 1.89543 8 3 8H17C18.1046 8 19 8.89543 19 10V15.75C19 16.9927 17.9926 18 16.75 18H3.25C2.00736 18 1 16.9927 1 15.75V10Z",
               fill: `url(#${p1})`
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
               d: "M3 8.25H17C17.9665 8.25 18.75 9.0335 18.75 10V15.75C18.75 16.8546 17.8546 17.75 16.75 17.75H3.25C2.14543 17.75 1.25 16.8546 1.25 15.75V10C1.25 9.0335 2.0335 8.25 3 8.25Z",
@@ -3501,8 +3510,8 @@ function FolderAmberIcon({ className }) {
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             "filter",
             {
               id: f0,
@@ -3513,8 +3522,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3523,17 +3532,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feOffset", { dy: "0.75" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feGaussianBlur", { stdDeviation: "1.125" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feOffset", { dy: "0.75" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feGaussianBlur", { stdDeviation: "1.125" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     type: "matrix",
                     values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3541,7 +3550,7 @@ function FolderAmberIcon({ className }) {
                     result: `effect1_dropShadow_${id}`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3553,7 +3562,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             "filter",
             {
               id: f1,
@@ -3564,8 +3573,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3574,7 +3583,7 @@ function FolderAmberIcon({ className }) {
                     result: "shape"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3583,17 +3592,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feOffset", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feGaussianBlur", { stdDeviation: "0.375" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feOffset", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feGaussianBlur", { stdDeviation: "0.375" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     type: "matrix",
                     values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3604,7 +3613,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             "filter",
             {
               id: f2,
@@ -3615,8 +3624,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3625,7 +3634,7 @@ function FolderAmberIcon({ className }) {
                     result: "shape"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3634,17 +3643,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feOffset", {}),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feGaussianBlur", { stdDeviation: "0.375" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feOffset", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feGaussianBlur", { stdDeviation: "0.375" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feColorMatrix",
                   {
                     type: "matrix",
                     values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3655,7 +3664,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             "linearGradient",
             {
               id: p0,
@@ -3665,12 +3674,12 @@ function FolderAmberIcon({ className }) {
               y2: "7.875",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("stop", { stopColor: "#FFE386" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("stop", { offset: "1", stopColor: "#EAC448" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { stopColor: "#FFE386" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { offset: "1", stopColor: "#EAC448" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             "linearGradient",
             {
               id: p1,
@@ -3680,12 +3689,12 @@ function FolderAmberIcon({ className }) {
               y2: "18",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("stop", { stopColor: "#FFE693" }),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("stop", { offset: "1", stopColor: "#FCC24D" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { stopColor: "#FFE693" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("stop", { offset: "1", stopColor: "#FCC24D" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("clipPath", { id: clip, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { width: "20", height: "20", fill: "white" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("clipPath", { id: clip, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("rect", { width: "20", height: "20", fill: "white" }) })
         ] })
       ]
     }
@@ -3693,7 +3702,7 @@ function FolderAmberIcon({ className }) {
 }
 
 // src/components/ui/kb-card.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function KbCard({
   name,
   metadata = [],
@@ -3706,16 +3715,16 @@ function KbCard({
   className,
   variant = "grid"
 }) {
-  const id = React13.useId();
-  const iconNode = icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(FolderAmberIcon, { className: "size-6" });
+  const id = React15.useId();
+  const iconNode = icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FolderAmberIcon, { className: "size-6" });
   if (variant === "list") {
-    const listContent = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-white shadow-[inset_0_0_0_0.5px_rgba(0,0,0,0.1),inset_0_2px_4px_rgba(0,0,0,0.1)]", children: iconNode }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1", children: name }),
-        metadata.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-muted-foreground truncate", children: metadata.map((item) => item.value).join(" \xB7 ") })
+    const listContent = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-white shadow-[inset_0_0_0_0.5px_rgba(0,0,0,0.1),inset_0_2px_4px_rgba(0,0,0,0.1)]", children: iconNode }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1", children: name }),
+        metadata.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-muted-foreground truncate", children: metadata.map((item) => item.value).join(" \xB7 ") })
       ] }),
-      selectable && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      selectable && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Checkbox,
         {
           id,
@@ -3727,7 +3736,7 @@ function KbCard({
       )
     ] });
     if (selectable) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "label",
         {
           htmlFor: id,
@@ -3741,7 +3750,7 @@ function KbCard({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
       {
         onClick,
@@ -3755,11 +3764,11 @@ function KbCard({
       }
     );
   }
-  const cardBody = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex size-10 items-center justify-center rounded-xl bg-white shadow-[inset_0_0_0_0.5px_rgba(0,0,0,0.1),inset_0_2px_4px_rgba(0,0,0,0.1)]", children: iconNode }),
-        selectable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const cardBody = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex size-10 items-center justify-center rounded-xl bg-white shadow-[inset_0_0_0_0.5px_rgba(0,0,0,0.1),inset_0_2px_4px_rgba(0,0,0,0.1)]", children: iconNode }),
+        selectable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Checkbox,
           {
             id,
@@ -3769,22 +3778,22 @@ function KbCard({
           }
         ) : topRight ? topRight : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1 mt-2", children: name })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1 mt-2", children: name })
     ] }),
-    metadata.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col gap-2", children: metadata.map((item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    metadata.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-col gap-2", children: metadata.map((item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "div",
       {
         className: "flex items-center justify-between gap-4",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-muted-foreground", children: item.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-foreground", children: item.value })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm text-muted-foreground", children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm text-foreground", children: item.value })
         ]
       },
       item.label
     )) })
   ] });
   if (selectable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "label",
       {
         htmlFor: id,
@@ -3798,7 +3807,7 @@ function KbCard({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     {
       onClick,
@@ -3814,91 +3823,15 @@ function KbCard({
 }
 
 // src/components/ui/markdown-message.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
 
 // src/components/ui/message-footer.tsx
-var React15 = __toESM(require("react"));
-
-// src/components/ui/tooltip.tsx
-var React14 = __toESM(require("react"));
-var import_radix_ui11 = require("radix-ui");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var TooltipProvider = import_radix_ui11.Tooltip.Provider;
-var TooltipContent = React14.forwardRef((_a, ref) => {
-  var _b = _a, { className, side = "top", sideOffset = 4, children } = _b, props = __objRest(_b, ["className", "side", "sideOffset", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui11.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_radix_ui11.Tooltip.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      side,
-      sideOffset,
-      className: cn(
-        "z-50 w-max max-w-[200px]",
-        "bg-primary rounded-md px-2.5 py-1.5",
-        "animate-in fade-in-0 zoom-in-95",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2",
-        "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "block text-xs font-normal leading-snug tracking-tight text-primary-foreground whitespace-normal break-words", children })
-    })
-  ) });
-});
-TooltipContent.displayName = "TooltipContent";
-function Tooltip(_a) {
-  var _b = _a, {
-    content,
-    children,
-    open,
-    defaultOpen,
-    onOpenChange,
-    delayDuration
-  } = _b, contentProps = __objRest(_b, [
-    "content",
-    "children",
-    "open",
-    "defaultOpen",
-    "onOpenChange",
-    "delayDuration"
-  ]);
-  if (!content) return children;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    import_radix_ui11.Tooltip.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_radix_ui11.Tooltip.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, __spreadProps(__spreadValues({}, contentProps), { children: content }))
-      ]
-    }
-  );
-}
-function TooltipWithIcon({
-  content,
-  iconName = "info",
-  className
-}) {
-  if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Tooltip, { content, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    Icon,
-    {
-      name: iconName,
-      className: cn("size-4 text-muted-foreground cursor-help", className)
-    }
-  ) });
-}
-
-// src/components/ui/message-footer.tsx
+var React16 = __toESM(require("react"));
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function MessageFooter({ content, meta }) {
-  const [copied, setCopied] = React15.useState(false);
-  const timerRef = React15.useRef(null);
+  const [copied, setCopied] = React16.useState(false);
+  const timerRef = React16.useRef(null);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -3908,7 +3841,7 @@ function MessageFooter({ content, meta }) {
     } catch (e) {
     }
   };
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
@@ -4018,7 +3951,7 @@ var codeTheme = {
   italic: { fontStyle: "italic" }
 };
 function CodeBlock({ lang, code }) {
-  const [copied, setCopied] = React16.useState(false);
+  const [copied, setCopied] = React17.useState(false);
   const handleCopy = () => {
     navigator.clipboard.writeText(code).then(() => {
       setCopied(true);
@@ -4086,7 +4019,7 @@ function renderInline(text) {
   const pushText = (raw) => {
     if (!raw) return;
     raw.split("\n").forEach((line, i, arr) => {
-      result.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(React16.Fragment, { children: line }, k++));
+      result.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(React17.Fragment, { children: line }, k++));
       if (i < arr.length - 1) result.push(/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("br", {}, k++));
     });
   };
@@ -4378,7 +4311,7 @@ function MarkdownMessage({
 }
 
 // src/components/ui/modal.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function Modal({
   id,
@@ -4388,7 +4321,7 @@ function Modal({
   variant = "confirm",
   title,
   description,
-  showCloseButton = false,
+  showCloseButton = true,
   children,
   cancelLabel = "\uCDE8\uC18C",
   confirmLabel = "\uD655\uC778",
@@ -4400,11 +4333,11 @@ function Modal({
   isLoading
 }) {
   const isControlled = openProp !== void 0;
-  const [openState, setOpenState] = React17.useState(false);
+  const [openState, setOpenState] = React18.useState(false);
   const open = isControlled ? openProp : openState;
-  const [loading, setLoading] = React17.useState(false);
-  const overlayRef = React17.useRef(null);
-  const setOpen = React17.useCallback(
+  const [loading, setLoading] = React18.useState(false);
+  const overlayRef = React18.useRef(null);
+  const setOpen = React18.useCallback(
     (next) => {
       if (!isControlled) setOpenState(next);
       onOpenChange == null ? void 0 : onOpenChange(next);
@@ -4412,9 +4345,9 @@ function Modal({
     [isControlled, onOpenChange]
   );
   const isLoadingCombined = loading || !!isLoading;
-  const loadingRef = React17.useRef(isLoadingCombined);
+  const loadingRef = React18.useRef(isLoadingCombined);
   loadingRef.current = isLoadingCombined;
-  const handleClose = React17.useCallback(() => {
+  const handleClose = React18.useCallback(() => {
     if (loadingRef.current) return;
     setOpen(false);
     onCancel == null ? void 0 : onCancel();
@@ -4437,7 +4370,7 @@ function Modal({
       setOpen(false);
     }
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") handleClose();
@@ -4521,10 +4454,10 @@ function Modal({
 }
 
 // src/components/ui/menubar.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_radix_ui12 = require("radix-ui");
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var Menubar = React18.forwardRef((_a, ref) => {
+var Menubar = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.Root,
@@ -4540,7 +4473,7 @@ var Menubar = React18.forwardRef((_a, ref) => {
 });
 Menubar.displayName = import_radix_ui12.Menubar.Root.displayName;
 var MenubarMenu = import_radix_ui12.Menubar.Menu;
-var MenubarTrigger = React18.forwardRef((_a, ref) => {
+var MenubarTrigger = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.Trigger,
@@ -4558,7 +4491,7 @@ var MenubarTrigger = React18.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = import_radix_ui12.Menubar.Trigger.displayName;
-var MenubarContent = React18.forwardRef((_a, ref) => {
+var MenubarContent = React19.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_radix_ui12.Menubar.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.Content,
@@ -4584,7 +4517,7 @@ var MenubarContent = React18.forwardRef((_a, ref) => {
 });
 MenubarContent.displayName = import_radix_ui12.Menubar.Content.displayName;
 var MenubarGroup = import_radix_ui12.Menubar.Group;
-var MenubarItem = React18.forwardRef((_a, ref) => {
+var MenubarItem = React19.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.Item,
@@ -4605,7 +4538,7 @@ var MenubarItem = React18.forwardRef((_a, ref) => {
 });
 MenubarItem.displayName = import_radix_ui12.Menubar.Item.displayName;
 var MenubarSub = import_radix_ui12.Menubar.Sub;
-var MenubarSubTrigger = React18.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React19.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     import_radix_ui12.Menubar.SubTrigger,
@@ -4630,7 +4563,7 @@ var MenubarSubTrigger = React18.forwardRef((_a, ref) => {
   );
 });
 MenubarSubTrigger.displayName = import_radix_ui12.Menubar.SubTrigger.displayName;
-var MenubarSubContent = React18.forwardRef((_a, ref) => {
+var MenubarSubContent = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.SubContent,
@@ -4669,7 +4602,7 @@ var MenubarShortcut = (_a) => {
   );
 };
 MenubarShortcut.displayName = "MenubarShortcut";
-var MenubarSeparator = React18.forwardRef((_a, ref) => {
+var MenubarSeparator = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     import_radix_ui12.Menubar.Separator,
@@ -4773,7 +4706,7 @@ function SegmentedControl({
 }
 
 // src/components/ui/search-input.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function SearchInput(_a) {
   var _b = _a, {
@@ -4789,13 +4722,13 @@ function SearchInput(_a) {
     "className",
     "debounce"
   ]);
-  const [displayValue, setDisplayValue] = React19.useState(value);
-  const isComposingRef = React19.useRef(false);
-  const pendingRef = React19.useRef(null);
-  const latestDisplayRef = React19.useRef(value);
-  const onChangeRef = React19.useRef(onChange);
+  const [displayValue, setDisplayValue] = React20.useState(value);
+  const isComposingRef = React20.useRef(false);
+  const pendingRef = React20.useRef(null);
+  const latestDisplayRef = React20.useRef(value);
+  const onChangeRef = React20.useRef(onChange);
   onChangeRef.current = onChange;
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (isComposingRef.current) return;
     if (debounceMs !== void 0) {
       const pending = pendingRef.current;
@@ -4807,7 +4740,7 @@ function SearchInput(_a) {
     latestDisplayRef.current = value;
     setDisplayValue(value);
   }, [value, debounceMs]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (debounceMs === void 0) return;
     const timer = window.setTimeout(() => {
       const next = latestDisplayRef.current;
@@ -4862,12 +4795,12 @@ function SearchInput(_a) {
 }
 
 // src/components/ui/select.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_radix_ui13 = require("radix-ui");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function TruncatedText({ text, className }) {
-  const ref = React20.useRef(null);
-  const [open, setOpen] = React20.useState(false);
+  const ref = React21.useRef(null);
+  const [open, setOpen] = React21.useState(false);
   const handleOpenChange = (nextOpen) => {
     if (!nextOpen) {
       setOpen(false);
@@ -4881,8 +4814,8 @@ function TruncatedText({ text, className }) {
 function Select(props) {
   var _a, _b, _c, _d;
   const { placeholder = "\uC120\uD0DD\uD574 \uC8FC\uC138\uC694", className, disabled = false } = props;
-  const [open, setOpen] = React20.useState(false);
-  const [selected, setSelected] = React20.useState(() => {
+  const [open, setOpen] = React21.useState(false);
+  const [selected, setSelected] = React21.useState(() => {
     var _a2;
     if (props.multiple) return new Set((_a2 = props.defaultValue) != null ? _a2 : []);
     const dv = props.defaultValue;
@@ -4892,13 +4825,13 @@ function Select(props) {
   const groupsProp = props.groups;
   const valueProp = props.value;
   const { multiple } = props;
-  const groups = React20.useMemo(() => {
+  const groups = React21.useMemo(() => {
     if (groupsProp) return groupsProp;
     if (optionsProp) return [{ options: optionsProp }];
     return [];
   }, [groupsProp, optionsProp]);
-  const options = React20.useMemo(() => groups.flatMap((g) => g.options), [groups]);
-  const activeSet = React20.useMemo(() => {
+  const options = React21.useMemo(() => groups.flatMap((g) => g.options), [groups]);
+  const activeSet = React21.useMemo(() => {
     if (valueProp !== void 0) {
       return multiple ? new Set(valueProp) : /* @__PURE__ */ new Set([valueProp]);
     }
@@ -5117,7 +5050,7 @@ function Sheet({
 }
 
 // src/components/ui/sidebar.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_lucide_react4 = require("lucide-react");
 
 // src/components/icons/custom/panel-left.tsx
@@ -5147,22 +5080,22 @@ var defaultSidebarLinkRender = ({
   onClick,
   children
 }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", { href, className: cn(className), style, onClick, children });
-var SidebarLinkContext = React21.createContext(
+var SidebarLinkContext = React22.createContext(
   defaultSidebarLinkRender
 );
 function SidebarLinkProvider({
   LinkComponent,
   children
 }) {
-  const linkRef = React21.useRef(LinkComponent);
-  React21.useLayoutEffect(() => {
+  const linkRef = React22.useRef(LinkComponent);
+  React22.useLayoutEffect(() => {
     linkRef.current = LinkComponent;
   });
   function sidebarLinkRender(props) {
     if (!linkRef.current) return defaultSidebarLinkRender(props);
-    return React21.createElement(linkRef.current, props);
+    return React22.createElement(linkRef.current, props);
   }
-  const [stableRender] = React21.useState(
+  const [stableRender] = React22.useState(
     () => sidebarLinkRender
   );
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SidebarLinkContext.Provider, { value: stableRender, children });
@@ -5174,7 +5107,7 @@ function SidebarLink({
   onClick,
   children
 }) {
-  const renderLink = React21.useContext(SidebarLinkContext);
+  const renderLink = React22.useContext(SidebarLinkContext);
   return renderLink({ href, className, style, onClick, children });
 }
 function Sidebar({
@@ -5193,9 +5126,9 @@ function Sidebar({
 }) {
   var _a, _b, _c;
   const isControlled = isPanelOpenProp !== void 0;
-  const [internalIsPanelOpen, setInternalIsPanelOpen] = React21.useState(true);
+  const [internalIsPanelOpen, setInternalIsPanelOpen] = React22.useState(true);
   const resolvedIsPanelOpen = isControlled ? isPanelOpenProp : internalIsPanelOpen;
-  const activeMenu = React21.useMemo(
+  const activeMenu = React22.useMemo(
     () => {
       var _a2;
       return (_a2 = menus.filter((m) => m.type !== "divider").find((m) => m.isActive)) != null ? _a2 : null;
@@ -5204,15 +5137,15 @@ function Sidebar({
   );
   const subMenus = (_a = activeMenu == null ? void 0 : activeMenu.subMenus) != null ? _a : [];
   const panelVisible = isControlled ? resolvedIsPanelOpen : resolvedIsPanelOpen && subMenus.length > 0;
-  const handleSetPanelOpen = React21.useCallback(
+  const handleSetPanelOpen = React22.useCallback(
     (open) => {
       if (!isControlled) setInternalIsPanelOpen(open);
       onPanelOpenChange == null ? void 0 : onPanelOpenChange(open);
     },
     [isControlled, onPanelOpenChange]
   );
-  const prevPanelVisibleRef = React21.useRef(null);
-  React21.useEffect(() => {
+  const prevPanelVisibleRef = React22.useRef(null);
+  React22.useEffect(() => {
     if (prevPanelVisibleRef.current !== panelVisible) {
       prevPanelVisibleRef.current = panelVisible;
       onPanelOpenChange == null ? void 0 : onPanelOpenChange(panelVisible);
@@ -5256,9 +5189,29 @@ function Sidebar({
                         className: "flex flex-col items-center",
                         onMouseEnter: (e) => {
                           var _a2;
-                          return (_a2 = item.onHover) == null ? void 0 : _a2.call(item, e);
+                          return !item.disabled && ((_a2 = item.onHover) == null ? void 0 : _a2.call(item, e));
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                        children: item.disabled ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+                          "div",
+                          {
+                            className: "flex flex-col items-center cursor-not-allowed opacity-40",
+                            style: { gap: "4px" },
+                            "aria-disabled": "true",
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                                "div",
+                                {
+                                  className: cn(
+                                    "relative flex items-center justify-center rounded-md",
+                                    iconContainerClass
+                                  ),
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex items-center justify-center size-5 shrink-0 [&_svg]:size-full", children: item.icon })
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-2xs leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children: item.title })
+                            ]
+                          }
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                           SidebarLink,
                           {
                             href: item.href,
@@ -5300,7 +5253,7 @@ function Sidebar({
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col flex-1 items-center justify-end min-h-0 min-w-0 px-4 py-3 gap-3 w-full", children: utilities == null ? void 0 : utilities.map((util) => {
                 var _a2, _b2;
                 if (util.popover) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(React21.Fragment, { children: util.popover }, util.id);
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(React22.Fragment, { children: util.popover }, util.id);
                 }
                 return util.href ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                   Tooltip,
@@ -5459,10 +5412,10 @@ function Skeleton(_a) {
 }
 
 // src/components/ui/slider.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_radix_ui15 = require("radix-ui");
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var Slider = React22.forwardRef(
+var Slider = React23.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -5482,15 +5435,15 @@ var Slider = React22.forwardRef(
       "onValueCommit"
     ]);
     var _a2;
-    const [displayValues, setDisplayValues] = React22.useState(
+    const [displayValues, setDisplayValues] = React23.useState(
       (_a2 = valueProp != null ? valueProp : defaultValue) != null ? _a2 : [0]
     );
-    const [visibleSet, setVisibleSet] = React22.useState(/* @__PURE__ */ new Set());
-    const hideTimers = React22.useRef(/* @__PURE__ */ new Map());
-    React22.useEffect(() => {
+    const [visibleSet, setVisibleSet] = React23.useState(/* @__PURE__ */ new Set());
+    const hideTimers = React23.useRef(/* @__PURE__ */ new Map());
+    React23.useEffect(() => {
       if (valueProp !== void 0) setDisplayValues(valueProp);
     }, [valueProp]);
-    React22.useEffect(
+    React23.useEffect(
       () => () => hideTimers.current.forEach((t) => clearTimeout(t)),
       []
     );
@@ -5510,7 +5463,7 @@ var Slider = React22.forwardRef(
       }, delay);
       hideTimers.current.set(i, t);
     };
-    const prevValuesRef = React22.useRef(displayValues);
+    const prevValuesRef = React23.useRef(displayValues);
     const handleValueChange = (newVals) => {
       newVals.forEach((v, i) => {
         if (v !== prevValuesRef.current[i]) showThumb(i);
@@ -5762,10 +5715,7 @@ function Tabs({
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
-      className: cn(
-        "flex w-full items-center border-b border-border",
-        className
-      ),
+      className: cn("flex w-full items-end", className),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("flex items-center", block && "flex-1"), children: allTabs.map((tab) => {
           const isActive = tab.value === current;
@@ -5775,16 +5725,16 @@ function Tabs({
               type: "button",
               onClick: () => onTabChange(tab.value),
               className: cn(
-                "cursor-pointer -mb-px px-3 pt-2 pb-3 text-sm tracking-tight transition-colors",
+                "cursor-pointer px-3 py-2 text-sm tracking-tight transition-colors",
                 block && "flex-1",
-                isActive ? "border-b-2 border-foreground font-semibold text-foreground" : "font-medium text-muted-foreground hover:text-foreground"
+                isActive ? "border-b-2 border-foreground font-semibold text-foreground" : "border-b border-border font-medium text-muted-foreground hover:text-foreground"
               ),
               children: tab.label
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "ml-auto flex items-center pb-1", children: activeRightContents })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "ml-auto flex items-center", children: activeRightContents })
       ]
     }
   );
@@ -6039,11 +5989,11 @@ function SwitchField(_a) {
 }
 
 // src/components/ui/table.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // src/components/ui/pagination.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function getVisiblePageItems(currentPage, totalPages) {
   if (totalPages <= 5) {
@@ -6083,7 +6033,7 @@ function PaginationRoot(_a) {
     }, props)
   );
 }
-var PaginationContent = React25.forwardRef((_a, ref) => {
+var PaginationContent = React26.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "ul",
@@ -6094,7 +6044,7 @@ var PaginationContent = React25.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React25.forwardRef((_a, ref) => {
+var PaginationItem = React26.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
@@ -6257,13 +6207,13 @@ function Pagination({
 // src/components/ui/table.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function EllipsisCell({ rendered, tooltip }) {
-  const [el, setEl] = React26.useState(null);
-  const [overflowing, setOverflowing] = React26.useState(false);
+  const [el, setEl] = React27.useState(null);
+  const [overflowing, setOverflowing] = React27.useState(false);
   const isPrimitiveText = typeof rendered === "string" || typeof rendered === "number";
-  const refCallback = React26.useCallback((node) => {
+  const refCallback = React27.useCallback((node) => {
     setEl(node);
   }, []);
-  React26.useLayoutEffect(() => {
+  React27.useLayoutEffect(() => {
     if (!el) return;
     const check = () => {
       const selfOverflow = el.scrollWidth > el.clientWidth;
@@ -6319,6 +6269,9 @@ function SortIcon({ direction }) {
     }
   );
 }
+function isEmptyConfig(value) {
+  return typeof value === "object" && value !== null && !React27.isValidElement(value) && "description" in value;
+}
 function Table({
   columns,
   data,
@@ -6326,21 +6279,23 @@ function Table({
   pagination,
   defaultSorting,
   loading = false,
+  empty,
   enableRowSelection,
   rowSelection: rowSelectionProp,
   onRowSelectionChange,
   rowActions,
   onRowClick,
+  isRowDisabled,
   onSortingChange,
   className,
   maxHeight
 }) {
   var _a, _b, _c;
-  const getRowKey = React26.useCallback(
+  const getRowKey = React27.useCallback(
     (row) => typeof rowKey === "function" ? rowKey(row) : String(row[rowKey]),
     [rowKey]
   );
-  const [internalRowSelection, setInternalRowSelection] = React26.useState({});
+  const [internalRowSelection, setInternalRowSelection] = React27.useState({});
   const isControlledSelection = rowSelectionProp !== void 0;
   const effectiveRowSelection = isControlledSelection ? rowSelectionProp : internalRowSelection;
   const handleRowSelectionChange = (updater) => {
@@ -6351,7 +6306,7 @@ function Table({
     }
     onRowSelectionChange == null ? void 0 : onRowSelectionChange(updater);
   };
-  const [sorting, setSorting] = React26.useState(
+  const [sorting, setSorting] = React27.useState(
     () => {
       var _a2;
       return (_a2 = defaultSorting == null ? void 0 : defaultSorting.map(({ key, desc }) => ({
@@ -6360,7 +6315,7 @@ function Table({
       }))) != null ? _a2 : [];
     }
   );
-  const handleSortingChange = React26.useCallback(
+  const handleSortingChange = React27.useCallback(
     (updater) => {
       setSorting((prev) => {
         const next = typeof updater === "function" ? updater(prev) : updater;
@@ -6370,11 +6325,11 @@ function Table({
     },
     [onSortingChange]
   );
-  const [internalPagination, setInternalPagination] = React26.useState({
+  const [internalPagination, setInternalPagination] = React27.useState({
     pageIndex: ((_a = pagination == null ? void 0 : pagination.currentPage) != null ? _a : 1) - 1,
     pageSize: (_b = pagination == null ? void 0 : pagination.pageSize) != null ? _b : 10
   });
-  React26.useEffect(() => {
+  React27.useEffect(() => {
     if ((pagination == null ? void 0 : pagination.currentPage) !== void 0) {
       setInternalPagination((prev) => __spreadProps(__spreadValues({}, prev), {
         pageIndex: pagination.currentPage - 1
@@ -6388,7 +6343,7 @@ function Table({
     (_a2 = pagination == null ? void 0 : pagination.onPageChange) == null ? void 0 : _a2.call(pagination, next.pageIndex + 1);
   };
   const isSelectionActive = enableRowSelection === true;
-  const selectionColumn = React26.useMemo(
+  const selectionColumn = React27.useMemo(
     () => ({
       id: "__select__",
       header: "__select_header__",
@@ -6397,6 +6352,7 @@ function Table({
         Checkbox,
         {
           checked: row.getIsSelected(),
+          disabled: !row.getCanSelect(),
           onCheckedChange: (checked) => row.toggleSelected(!!checked),
           "aria-label": "\uD589 \uC120\uD0DD",
           onClick: (e) => e.stopPropagation()
@@ -6406,7 +6362,7 @@ function Table({
     }),
     []
   );
-  const rowActionsColumn = React26.useMemo(
+  const rowActionsColumn = React27.useMemo(
     () => ({
       id: "__row_actions__",
       header: "",
@@ -6415,7 +6371,7 @@ function Table({
     }),
     [rowActions]
   );
-  const tanstackColumns = React26.useMemo(
+  const tanstackColumns = React27.useMemo(
     () => [
       ...isSelectionActive ? [selectionColumn] : [],
       ...columns.map((col) => {
@@ -6442,7 +6398,7 @@ function Table({
     getRowId: (row) => getRowKey(row),
     onSortingChange: handleSortingChange
   }, hasPagination && { onPaginationChange: handlePaginationChange }), isSelectionActive && {
-    enableRowSelection: true,
+    enableRowSelection: isRowDisabled ? (row) => !isRowDisabled(row.original) : true,
     onRowSelectionChange: handleRowSelectionChange
   }), {
     getCoreRowModel: (0, import_react_table.getCoreRowModel)(),
@@ -6454,7 +6410,7 @@ function Table({
   }), (pagination == null ? void 0 : pagination.rowCount) !== void 0 && {
     rowCount: pagination.rowCount
   }));
-  const colMap = React26.useMemo(
+  const colMap = React27.useMemo(
     () => Object.fromEntries(
       columns.map((c) => {
         var _a2, _b2, _c2, _d;
@@ -6551,81 +6507,87 @@ function Table({
               name: "loader-2",
               className: "mx-auto size-6 animate-spin text-muted-foreground"
             }
-          ) }) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-            "tr",
-            {
-              onClick: !isSelectionActive && onRowClick ? () => onRowClick(row.original) : void 0,
-              className: cn(
-                "group border-b border-border transition-colors hover:bg-accent/50 last:border-b-0",
-                !isSelectionActive && onRowClick && "cursor-pointer",
-                isSelectionActive && row.getIsSelected() && "bg-accent/30"
-              ),
-              children: row.getVisibleCells().map((cell) => {
-                var _a2;
-                if (cell.column.id === "__select__") {
-                  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { className: "w-10 p-0 relative", children: isSelectionActive && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_react_table.flexRender)(
+          ) }) }) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { colSpan: colCount, children: empty === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Empty, { description: "No Data" }) : isEmptyConfig(empty) ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Empty, { description: empty.description }) : empty }) }) : table.getRowModel().rows.map((row) => {
+            var _a2;
+            const rowDisabled = (_a2 = isRowDisabled == null ? void 0 : isRowDisabled(row.original)) != null ? _a2 : false;
+            return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              "tr",
+              {
+                "aria-disabled": rowDisabled || void 0,
+                onClick: !isSelectionActive && onRowClick && !rowDisabled ? () => onRowClick(row.original) : void 0,
+                className: cn(
+                  "group border-b border-border transition-colors hover:bg-accent/50 last:border-b-0",
+                  !isSelectionActive && onRowClick && !rowDisabled && "cursor-pointer",
+                  isSelectionActive && row.getIsSelected() && "bg-accent/30",
+                  rowDisabled && "cursor-not-allowed [&_td]:text-muted-foreground"
+                ),
+                children: row.getVisibleCells().map((cell) => {
+                  var _a3;
+                  if (cell.column.id === "__select__") {
+                    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { className: "w-10 p-0 relative", children: isSelectionActive && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_react_table.flexRender)(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    ) }) }, cell.id);
+                  }
+                  if (cell.column.id === "__row_actions__") {
+                    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                      "td",
+                      {
+                        className: "w-12 px-2 py-4 align-middle text-right",
+                        children: (0, import_react_table.flexRender)(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        )
+                      },
+                      cell.id
+                    );
+                  }
+                  const {
+                    align,
+                    cellCls,
+                    ellipsis,
+                    ellipsisTooltip,
+                    cellFn
+                  } = (_a3 = colMap[cell.column.id]) != null ? _a3 : {
+                    align: "left",
+                    cellCls: "",
+                    ellipsis: false,
+                    ellipsisTooltip: void 0,
+                    cellFn: () => null
+                  };
+                  const rendered = (0, import_react_table.flexRender)(
                     cell.column.columnDef.cell,
                     cell.getContext()
-                  ) }) }, cell.id);
-                }
-                if (cell.column.id === "__row_actions__") {
+                  );
+                  const rawContent = ellipsis ? cellFn(row.original) : null;
+                  const cellContent = ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    EllipsisCell,
+                    {
+                      rendered: rawContent,
+                      tooltip: ellipsisTooltip ? ellipsisTooltip(row.original) : rawContent
+                    }
+                  ) : rendered;
                   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                     "td",
                     {
-                      className: "w-12 px-2 py-4 align-middle text-right",
-                      children: (0, import_react_table.flexRender)(
-                        cell.column.columnDef.cell,
-                        cell.getContext()
-                      )
+                      className: cn(
+                        "px-2 py-4 text-sm leading-none text-foreground align-middle",
+                        align === "center" && "text-center",
+                        align === "right" && "text-right",
+                        // ellipsis 컬럼은 max-w-0으로 table 레이아웃상 너비를 고정하고
+                        // overflow-hidden으로 td 밖으로 나가는 콘텐츠를 클리핑
+                        ellipsis && "max-w-0 overflow-hidden",
+                        cellCls
+                      ),
+                      children: cellContent
                     },
                     cell.id
                   );
-                }
-                const {
-                  align,
-                  cellCls,
-                  ellipsis,
-                  ellipsisTooltip,
-                  cellFn
-                } = (_a2 = colMap[cell.column.id]) != null ? _a2 : {
-                  align: "left",
-                  cellCls: "",
-                  ellipsis: false,
-                  ellipsisTooltip: void 0,
-                  cellFn: () => null
-                };
-                const rendered = (0, import_react_table.flexRender)(
-                  cell.column.columnDef.cell,
-                  cell.getContext()
-                );
-                const rawContent = ellipsis ? cellFn(row.original) : null;
-                const cellContent = ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  EllipsisCell,
-                  {
-                    rendered: rawContent,
-                    tooltip: ellipsisTooltip ? ellipsisTooltip(row.original) : rawContent
-                  }
-                ) : rendered;
-                return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-                  "td",
-                  {
-                    className: cn(
-                      "px-2 py-4 text-sm leading-none text-foreground align-middle",
-                      align === "center" && "text-center",
-                      align === "right" && "text-right",
-                      // ellipsis 컬럼은 max-w-0으로 table 레이아웃상 너비를 고정하고
-                      // overflow-hidden으로 td 밖으로 나가는 콘텐츠를 클리핑
-                      ellipsis && "max-w-0 overflow-hidden",
-                      cellCls
-                    ),
-                    children: cellContent
-                  },
-                  cell.id
-                );
-              })
-            },
-            getRowKey(row.original)
-          )) })
+                })
+              },
+              getRowKey(row.original)
+            );
+          }) })
         ] })
       }
     ),
@@ -6641,12 +6603,12 @@ function Table({
 }
 
 // src/components/ui/user-message-bubble.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function UserMessageBubble({ content }) {
-  const textRef = React27.useRef(null);
-  const [multiLine, setMultiLine] = React27.useState(false);
-  React27.useEffect(() => {
+  const textRef = React28.useRef(null);
+  const [multiLine, setMultiLine] = React28.useState(false);
+  React28.useEffect(() => {
     const el = textRef.current;
     if (!el) return;
     const check = () => setMultiLine(el.offsetHeight > 28);
@@ -9966,20 +9928,6 @@ function WordFileIcon({ className }) {
   Drawer,
   DriveIcon,
   DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
   Empty,
   EmptyTrayIcon,
   Field,