@mondrianai/runyourai-design-system 0.0.19 → 0.0.21

package/dist/index.mjs

@@ -1184,237 +1184,260 @@ function Drawer({
 }
 
 // src/components/ui/dropdown-menu.tsx
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as React7 from "react";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+
+// src/components/ui/tooltip.tsx
+import * as React6 from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function DropdownMenu(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
-}
-function DropdownMenuPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
-}
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
-    DropdownMenuPrimitive.Content,
-    __spreadValues({
-      "data-slot": "dropdown-menu-content",
+var TooltipProvider = TooltipPrimitive.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__ */ jsx12(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+    TooltipPrimitive.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__ */ jsx12("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__ */ jsx12(DropdownMenuPrimitive.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__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsxs9(
-    DropdownMenuPrimitive.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__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuRadioGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsxs9(
-    DropdownMenuPrimitive.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), {
+    TooltipPrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange,
+      delayDuration,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
+        /* @__PURE__ */ jsx12(TooltipPrimitive.Trigger, { asChild: true, children }),
+        /* @__PURE__ */ jsx12(TooltipContent, __spreadProps(__spreadValues({}, contentProps), { children: content }))
       ]
-    })
-  );
-}
-function DropdownMenuLabel(_a) {
-  var _b = _a, {
-    className,
-    inset
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset"
-  ]);
-  return /* @__PURE__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsx12(Tooltip, { content, children: /* @__PURE__ */ jsx12(
+    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__ */ jsx12(
-    "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
+import { jsx as jsx13, jsxs as jsxs10 } from "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__ */ jsx13(Tooltip, { content: tooltip, side: "right", children: node }, key);
+}
+function renderItem(item) {
+  if (item.subGroups) {
+    return /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.Sub, { children: [
+      withTooltip(
+        item.tooltip,
+        /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.SubTrigger, { disabled: item.disabled, className: subTriggerClass, children: [
+          item.icon,
+          item.label,
+          /* @__PURE__ */ jsx13(ChevronRightIcon, { className: "ml-auto size-4" })
+        ] }),
+        item.label
+      ),
+      /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.SubContent, { className: contentClass, children: renderGroups(item.subGroups) }) })
+    ] }, item.label);
+  }
+  if (item.type === "checkbox") {
+    return withTooltip(
+      item.tooltip,
+      /* @__PURE__ */ jsxs10(
+        DropdownMenuPrimitive.CheckboxItem,
+        {
+          checked: item.checked,
+          onCheckedChange: item.onCheckedChange,
+          disabled: item.disabled,
+          onSelect: (e) => e.preventDefault(),
+          className: indentItemClass,
+          children: [
+            /* @__PURE__ */ jsxs10("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: [
+              /* @__PURE__ */ jsx13(CheckIcon, { className: "size-4 text-foreground/20" }),
+              /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx13(CheckIcon, { className: "size-4" }) })
+            ] }),
+            item.label
+          ]
+        }
+      ),
+      item.label
+    );
+  }
+  return withTooltip(
+    item.tooltip,
+    /* @__PURE__ */ jsxs10(
+      DropdownMenuPrimitive.Item,
+      {
+        disabled: item.disabled,
+        onSelect: item.onClick,
+        className: cn(baseItemClass, item.variant === "destructive" && destructiveItemClass),
+        children: [
+          item.icon,
+          item.label,
+          item.shortcut && /* @__PURE__ */ jsx13("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__ */ jsx12(DropdownMenuPrimitive.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__ */ jsxs9(
-    DropdownMenuPrimitive.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__ */ jsx12(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__ */ jsxs10(React7.Fragment, { children: [
+      group.separator && /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Separator, { className: separatorClass }),
+      isRadioGroup ? /* @__PURE__ */ jsxs10(
+        DropdownMenuPrimitive.RadioGroup,
+        {
+          value: group.radioValue,
+          onValueChange: group.onRadioValueChange,
+          children: [
+            group.label && /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Label, { className: labelClass, children: group.label }),
+            group.items.map(
+              (item) => {
+                var _a2;
+                return withTooltip(
+                  item.tooltip,
+                  /* @__PURE__ */ jsxs10(
+                    DropdownMenuPrimitive.RadioItem,
+                    {
+                      value: (_a2 = item.value) != null ? _a2 : item.label,
+                      disabled: item.disabled,
+                      onSelect: (e) => e.preventDefault(),
+                      className: indentItemClass,
+                      children: [
+                        /* @__PURE__ */ jsxs10("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: [
+                          /* @__PURE__ */ jsx13("div", { className: "size-2 rounded-full bg-foreground/20" }),
+                          /* @__PURE__ */ jsx13(DropdownMenuPrimitive.ItemIndicator, { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx13("div", { className: "size-2 rounded-full bg-current" }) })
+                        ] }),
+                        item.label
+                      ]
+                    }
+                  ),
+                  item.label
+                );
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs10(DropdownMenuPrimitive.Group, { children: [
+        group.label && /* @__PURE__ */ jsx13(DropdownMenuPrimitive.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__ */ jsx12(
-    DropdownMenuPrimitive.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__ */ jsxs10(DropdownMenuPrimitive.Root, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+      DropdownMenuPrimitive.Content,
+      {
+        side,
+        align,
+        sideOffset: 4,
+        className: cn(contentClass, className),
+        children: renderGroups(groups)
+      }
+    ) })
+  ] });
 }
 
 // src/components/icons/custom/empty-tray.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function EmptyTrayIcon({ className }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1425,22 +1448,22 @@ function EmptyTrayIcon({ className }) {
       "aria-hidden": true,
       className: cn("shrink-0", className),
       children: [
-        /* @__PURE__ */ jsxs10("g", { clipPath: "url(#clip0_19425_37257)", children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs11("g", { clipPath: "url(#clip0_19425_37257)", children: [
+          /* @__PURE__ */ jsx14(
             "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__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "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__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "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",
@@ -1449,16 +1472,16 @@ function EmptyTrayIcon({ className }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("clipPath", { id: "clip0_19425_37257", children: /* @__PURE__ */ jsx13("rect", { width: "64", height: "41", fill: "white" }) }) })
+        /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsx14("clipPath", { id: "clip0_19425_37257", children: /* @__PURE__ */ jsx14("rect", { width: "64", height: "41", fill: "white" }) }) })
       ]
     }
   );
 }
 
 // src/components/ui/empty.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function Empty({ image, description, children, className }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -1466,20 +1489,20 @@ function Empty({ image, description, children, className }) {
         className
       ),
       children: [
-        image !== void 0 ? image : /* @__PURE__ */ jsx14(EmptyTrayIcon, {}),
-        description && /* @__PURE__ */ jsx14("p", { className: "text-center text-sm leading-xs text-muted-foreground whitespace-pre-line", children: description }),
-        children && /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-2", children })
+        image !== void 0 ? image : /* @__PURE__ */ jsx15(EmptyTrayIcon, {}),
+        description && /* @__PURE__ */ jsx15("p", { className: "text-center text-sm leading-xs text-muted-foreground whitespace-pre-line", children: description }),
+        children && /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-2", children })
       ]
     }
   );
 }
 
 // src/components/ui/checkbox.tsx
-import * as React6 from "react";
+import * as React8 from "react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function FilledSquareMinus({ className }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       viewBox: "0 0 20 20",
@@ -1488,7 +1511,7 @@ function FilledSquareMinus({ className }) {
       className: cn(className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "rect",
           {
             x: "2.5",
@@ -1501,7 +1524,7 @@ function FilledSquareMinus({ className }) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "path",
           {
             d: "M7 10H13",
@@ -1515,7 +1538,7 @@ function FilledSquareMinus({ className }) {
   );
 }
 function FilledSquareCheck({ className }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "svg",
     {
       viewBox: "0 0 20 20",
@@ -1524,7 +1547,7 @@ function FilledSquareCheck({ className }) {
       className: cn(className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "rect",
           {
             x: "2.5",
@@ -1537,7 +1560,7 @@ function FilledSquareCheck({ className }) {
             strokeWidth: "1.5"
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "path",
           {
             d: "M7.5 10L9.16667 11.66667L12.5 8.33333",
@@ -1555,9 +1578,9 @@ 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__ */ jsxs12(
+  const checkboxRoot = /* @__PURE__ */ jsxs13(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -1575,19 +1598,19 @@ var Checkbox = React6.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           Icon,
           {
             name: "square",
             className: "size-5 text-border group-data-[state=checked]:hidden"
           }
         ),
-        /* @__PURE__ */ jsx15(CheckboxPrimitive.Indicator, { className: "absolute inset-0 flex items-center justify-center animate-checkbox-in", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx15(FilledSquareMinus, { className: "size-5 text-foreground" }) : /* @__PURE__ */ jsx15(FilledSquareCheck, { className: "size-5 text-foreground" }) })
+        /* @__PURE__ */ jsx16(CheckboxPrimitive.Indicator, { className: "absolute inset-0 flex items-center justify-center animate-checkbox-in", children: props.checked === "indeterminate" ? /* @__PURE__ */ jsx16(FilledSquareMinus, { className: "size-5 text-foreground" }) : /* @__PURE__ */ jsx16(FilledSquareCheck, { className: "size-5 text-foreground" }) })
       ]
     })
   );
   if (!label) return checkboxRoot;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "label",
     {
       className: cn(
@@ -1598,18 +1621,18 @@ var Checkbox = React6.forwardRef((_a, ref) => {
       ),
       children: [
         checkboxRoot,
-        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground select-none", children: label }),
-          description && /* @__PURE__ */ jsx15("p", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground select-none", children: label }),
+          description && /* @__PURE__ */ jsx16("p", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
         ] })
       ]
     }
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-var CheckboxCard = React6.forwardRef((_a, ref) => {
+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__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "label",
     {
       htmlFor: id,
@@ -1622,7 +1645,7 @@ var CheckboxCard = React6.forwardRef((_a, ref) => {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           Checkbox,
           __spreadValues({
             ref,
@@ -1631,9 +1654,9 @@ var CheckboxCard = React6.forwardRef((_a, ref) => {
             className: "mt-0.5"
           }, props)
         ),
-        /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground", children: label }),
-          description && /* @__PURE__ */ jsx15("span", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium leading-5 tracking-tight text-foreground", children: label }),
+          description && /* @__PURE__ */ jsx16("span", { className: "text-sm font-normal leading-5 tracking-tight text-muted-foreground", children: description })
         ] })
       ]
     }
@@ -1643,7 +1666,7 @@ CheckboxCard.displayName = "CheckboxCard";
 
 // src/components/ui/choice-card.tsx
 import { createContext, useContext, useState as useState2 } from "react";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var ChoiceCardGroupContext = createContext({
   value: "",
   onChange: () => {
@@ -1663,7 +1686,7 @@ function ChoiceCardGroup({
     if (!isControlled) setInternalValue(v);
     onValueChange == null ? void 0 : onValueChange(v);
   };
-  return /* @__PURE__ */ jsx16(ChoiceCardGroupContext.Provider, { value: { value, onChange }, children: /* @__PURE__ */ jsx16("div", { className: cn("flex flex-col gap-3", className), role: "radiogroup", children }) });
+  return /* @__PURE__ */ jsx17(ChoiceCardGroupContext.Provider, { value: { value, onChange }, children: /* @__PURE__ */ jsx17("div", { className: cn("flex flex-col gap-3", className), role: "radiogroup", children }) });
 }
 function ChoiceCardItem({
   value,
@@ -1673,7 +1696,7 @@ function ChoiceCardItem({
 }) {
   const { value: groupValue, onChange } = useContext(ChoiceCardGroupContext);
   const isSelected = groupValue === value;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "button",
     {
       type: "button",
@@ -1685,18 +1708,18 @@ function ChoiceCardItem({
         isSelected ? "border-primary bg-background" : "border-border bg-background hover:bg-secondary"
       ),
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 flex-col gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ jsx16("p", { className: "text-sm font-medium tracking-tight text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx16("p", { className: "text-xs tracking-tight text-muted-foreground", children: description })
+        /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 flex-col gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium tracking-tight text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx17("p", { className: "text-xs tracking-tight text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "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__ */ jsx16(
+            children: isSelected && /* @__PURE__ */ jsx17(
               "div",
               {
                 className: "mx-auto size-2 rounded-full bg-foreground",
@@ -1711,9 +1734,9 @@ function ChoiceCardItem({
 }
 
 // src/components/ui/collapsible.tsx
-import * as React8 from "react";
+import * as React10 from "react";
 import { Collapsible as CollapsiblePrimitive } from "radix-ui";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function CollapsibleAvatar({
   workspace,
   size = "lg"
@@ -1721,7 +1744,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__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -1729,22 +1752,22 @@ function CollapsibleAvatar({
         sizeClass,
         bgClass
       ),
-      children: workspace.avatarSrc ? /* @__PURE__ */ jsx17(
+      children: workspace.avatarSrc ? /* @__PURE__ */ jsx18(
         "img",
         {
           src: workspace.avatarSrc,
           alt: workspace.name,
           className: "absolute inset-0 size-full object-cover"
         }
-      ) : /* @__PURE__ */ jsx17("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__ */ jsx18("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__ */ jsx17("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__ */ jsx17("span", { className: "text-xs font-medium leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children }) });
+  return /* @__PURE__ */ jsx18("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__ */ jsx18("span", { className: "text-xs font-medium leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children }) });
 }
 function ChevronsUpDownIcon({ className }) {
-  return /* @__PURE__ */ jsx17("div", { className: cn("overflow-hidden relative shrink-0 size-4", className), children: /* @__PURE__ */ jsx17("div", { className: "absolute", style: { inset: "16.67% 29.17%" }, children: /* @__PURE__ */ jsx17("div", { className: "absolute", style: { inset: "-4.69% -7.5%" }, children: /* @__PURE__ */ jsx17("img", { alt: "", "aria-hidden": true, src: "/icons/chevrons-up-down.svg", className: "block max-w-none size-full" }) }) }) });
+  return /* @__PURE__ */ jsx18("div", { className: cn("overflow-hidden relative shrink-0 size-4", className), children: /* @__PURE__ */ jsx18("div", { className: "absolute", style: { inset: "16.67% 29.17%" }, children: /* @__PURE__ */ jsx18("div", { className: "absolute", style: { inset: "-4.69% -7.5%" }, children: /* @__PURE__ */ jsx18("img", { alt: "", "aria-hidden": true, src: "/icons/chevrons-up-down.svg", className: "block max-w-none size-full" }) }) }) });
 }
 function Collapsible({
   activeWorkspace,
@@ -1756,27 +1779,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__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     CollapsiblePrimitive.Root,
     {
       open: isOpen,
       onOpenChange: handleOpenChange,
       className: cn("relative flex flex-col w-full", className),
       children: [
-        isOpen && /* @__PURE__ */ jsx17(
+        isOpen && /* @__PURE__ */ jsx18(
           "div",
           {
             className: "fixed inset-0 z-10",
             onClick: () => handleOpenChange(false)
           }
         ),
-        /* @__PURE__ */ jsx17(CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsx18(CollapsiblePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
           "button",
           {
             className: cn(
@@ -1785,54 +1808,54 @@ function Collapsible({
               "data-[state=open]:bg-sidebar-accent"
             ),
             children: [
-              /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 gap-2 items-center min-w-0", children: [
-                /* @__PURE__ */ jsx17(CollapsibleAvatar, { workspace: activeWorkspace, size: "lg" }),
-                /* @__PURE__ */ jsxs14("div", { className: "flex gap-1 items-center min-w-0 shrink-0", children: [
-                  /* @__PURE__ */ jsx17("span", { className: "text-base font-medium leading-6 text-foreground tracking-tight whitespace-nowrap", children: activeWorkspace.name }),
-                  /* @__PURE__ */ jsx17(CollapsibleBadge, { children: activeWorkspace.badge })
+              /* @__PURE__ */ jsxs15("div", { className: "flex flex-1 gap-2 items-center min-w-0", children: [
+                /* @__PURE__ */ jsx18(CollapsibleAvatar, { workspace: activeWorkspace, size: "lg" }),
+                /* @__PURE__ */ jsxs15("div", { className: "flex gap-1 items-center min-w-0 shrink-0", children: [
+                  /* @__PURE__ */ jsx18("span", { className: "text-base font-medium leading-6 text-foreground tracking-tight whitespace-nowrap", children: activeWorkspace.name }),
+                  /* @__PURE__ */ jsx18(CollapsibleBadge, { children: activeWorkspace.badge })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center rounded-lg shrink-0 size-8", children: /* @__PURE__ */ jsx17(ChevronsUpDownIcon, {}) })
+              /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center rounded-lg shrink-0 size-8", children: /* @__PURE__ */ jsx18(ChevronsUpDownIcon, {}) })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx17(CollapsiblePrimitive.Content, { className: cn(
+        /* @__PURE__ */ jsx18(CollapsiblePrimitive.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__ */ jsxs14("div", { className: "bg-background border border-border rounded-xl shadow-sm px-2 py-2 flex flex-col gap-1", children: [
+        ), children: /* @__PURE__ */ jsxs15("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__ */ jsxs14(
+              /* @__PURE__ */ jsxs15(
                 "div",
                 {
                   className: "flex items-center justify-between h-12 px-2 py-2 rounded-md bg-accent",
                   children: [
-                    /* @__PURE__ */ jsxs14("div", { className: "flex gap-2 items-center", children: [
-                      /* @__PURE__ */ jsx17(CollapsibleAvatar, { workspace: ws, size: "md" }),
-                      /* @__PURE__ */ jsxs14("div", { className: "flex gap-1 items-center", children: [
-                        /* @__PURE__ */ jsx17("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
-                        /* @__PURE__ */ jsx17(CollapsibleBadge, { children: ws.badge })
+                    /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-center", children: [
+                      /* @__PURE__ */ jsx18(CollapsibleAvatar, { workspace: ws, size: "md" }),
+                      /* @__PURE__ */ jsxs15("div", { className: "flex gap-1 items-center", children: [
+                        /* @__PURE__ */ jsx18("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
+                        /* @__PURE__ */ jsx18(CollapsibleBadge, { children: ws.badge })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center size-9 shrink-0", children: /* @__PURE__ */ jsx17(Icon, { name: "check", className: "size-4 text-foreground" }) })
+                    /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center size-9 shrink-0", children: /* @__PURE__ */ jsx18(Icon, { name: "check", className: "size-4 text-foreground" }) })
                   ]
                 },
                 ws.id
               )
             ) : (
               /* ── 비활성 워크스페이스 (클릭 가능) ── */
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18(
                 "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__ */ jsxs14("div", { className: "flex gap-2 items-center", children: [
-                    /* @__PURE__ */ jsx17(CollapsibleAvatar, { workspace: ws, size: "md" }),
-                    /* @__PURE__ */ jsxs14("div", { className: "flex gap-1 items-center", children: [
-                      /* @__PURE__ */ jsx17("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
-                      /* @__PURE__ */ jsx17(CollapsibleBadge, { children: ws.badge })
+                  children: /* @__PURE__ */ jsxs15("div", { className: "flex gap-2 items-center", children: [
+                    /* @__PURE__ */ jsx18(CollapsibleAvatar, { workspace: ws, size: "md" }),
+                    /* @__PURE__ */ jsxs15("div", { className: "flex gap-1 items-center", children: [
+                      /* @__PURE__ */ jsx18("span", { className: "text-sm text-foreground leading-5 tracking-tight whitespace-nowrap", children: ws.name }),
+                      /* @__PURE__ */ jsx18(CollapsibleBadge, { children: ws.badge })
                     ] })
                   ] })
                 },
@@ -1840,14 +1863,14 @@ function Collapsible({
               )
             )
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsxs15(
             "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__ */ jsx17(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx17("span", { className: "text-sm text-muted-foreground leading-5 tracking-tight whitespace-nowrap", children: "\uD300 \uC0DD\uC131\uD558\uAE30" })
+                /* @__PURE__ */ jsx18(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground leading-5 tracking-tight whitespace-nowrap", children: "\uD300 \uC0DD\uC131\uD558\uAE30" })
               ]
             }
           )
@@ -1861,13 +1884,13 @@ var CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/combobox.tsx
-import * as React9 from "react";
+import * as React11 from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
 
 // src/components/icons/custom/chevrons-up-down.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ChevronsUpDownIcon2({ className }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "svg",
     {
       viewBox: "-6.25 -3.25 24 24",
@@ -1878,13 +1901,13 @@ function ChevronsUpDownIcon2({ className }) {
       strokeWidth: 1.5,
       "aria-hidden": true,
       className: cn("shrink-0", className),
-      children: /* @__PURE__ */ jsx18("path", { d: "M0.75 11.75L5.75 16.75L10.75 11.75M0.75 5.75L5.75 0.75L10.75 5.75" })
+      children: /* @__PURE__ */ jsx19("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
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function Combobox({
   options,
   value,
@@ -1896,10 +1919,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,
@@ -1910,7 +1933,7 @@ function Combobox({
     setOpen(next);
     if (!next) setSearch("");
   }
-  React9.useEffect(() => {
+  React11.useEffect(() => {
     if (open && showSearch) {
       requestAnimationFrame(() => {
         var _a;
@@ -1923,8 +1946,8 @@ function Combobox({
     setOpen(false);
     setSearch("");
   }
-  return /* @__PURE__ */ jsxs15(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx19(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx20(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
       "button",
       {
         type: "button",
@@ -1939,9 +1962,9 @@ function Combobox({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs15("span", { className: "flex flex-1 min-w-0 items-center gap-1.5", children: [
-            (selectedOption == null ? void 0 : selectedOption.icon) && /* @__PURE__ */ jsx19("span", { className: "shrink-0 flex items-center", children: selectedOption.icon }),
-            /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsxs16("span", { className: "flex flex-1 min-w-0 items-center gap-1.5", children: [
+            (selectedOption == null ? void 0 : selectedOption.icon) && /* @__PURE__ */ jsx20("span", { className: "shrink-0 flex items-center", children: selectedOption.icon }),
+            /* @__PURE__ */ jsx20(
               "span",
               {
                 className: cn(
@@ -1952,11 +1975,11 @@ function Combobox({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx19(ChevronsUpDownIcon2, { className: "size-4 text-muted-foreground" })
+          /* @__PURE__ */ jsx20(ChevronsUpDownIcon2, { className: "size-4 text-muted-foreground" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx19(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsx20(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs16(
       PopoverPrimitive.Content,
       {
         align: "start",
@@ -1971,9 +1994,9 @@ function Combobox({
           "duration-200 data-[state=closed]:duration-150"
         ),
         children: [
-          showSearch && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
-            /* @__PURE__ */ jsx19(Icon, { name: "search", className: "size-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx19(
+          showSearch && /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [
+            /* @__PURE__ */ jsx20(Icon, { name: "search", className: "size-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx20(
               "input",
               {
                 ref: inputRef,
@@ -1984,10 +2007,10 @@ function Combobox({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "p-1 flex flex-col overflow-y-auto", style: { maxHeight: 384 }, children: [
-            filtered.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "px-2 py-1.5 text-sm text-muted-foreground text-center", children: "\uACB0\uACFC \uC5C6\uC74C" }) : filtered.map((opt) => {
+          /* @__PURE__ */ jsxs16("div", { className: "p-1 flex flex-col overflow-y-auto", style: { maxHeight: 384 }, children: [
+            filtered.length === 0 ? /* @__PURE__ */ jsx20("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__ */ jsxs15(
+              return /* @__PURE__ */ jsxs16(
                 "button",
                 {
                   type: "button",
@@ -1999,15 +2022,15 @@ function Combobox({
                     isSelected ? "bg-accent text-accent-foreground" : "text-popover-foreground hover:bg-accent hover:text-accent-foreground"
                   ),
                   children: [
-                    opt.icon && /* @__PURE__ */ jsx19("span", { className: "shrink-0 flex items-center", children: opt.icon }),
-                    /* @__PURE__ */ jsx19("span", { className: "flex-1 min-w-0 truncate text-left", children: opt.label }),
-                    isSelected && /* @__PURE__ */ jsx19(Icon, { name: "check", className: "size-4 text-foreground" })
+                    opt.icon && /* @__PURE__ */ jsx20("span", { className: "shrink-0 flex items-center", children: opt.icon }),
+                    /* @__PURE__ */ jsx20("span", { className: "flex-1 min-w-0 truncate text-left", children: opt.label }),
+                    isSelected && /* @__PURE__ */ jsx20(Icon, { name: "check", className: "size-4 text-foreground" })
                   ]
                 },
                 opt.value
               );
             }),
-            footer && /* @__PURE__ */ jsxs15(
+            footer && /* @__PURE__ */ jsxs16(
               "button",
               {
                 type: "button",
@@ -2017,8 +2040,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__ */ jsx19(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx19("span", { className: "flex-1 min-w-0 truncate text-left", children: footer.label })
+                  /* @__PURE__ */ jsx20(Icon, { name: "plus", className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx20("span", { className: "flex-1 min-w-0 truncate text-left", children: footer.label })
                 ]
               }
             )
@@ -2030,9 +2053,9 @@ function Combobox({
 }
 
 // src/components/ui/date-picker.tsx
-import * as React10 from "react";
+import * as React12 from "react";
 import { Popover as PopoverPrimitive2 } from "radix-ui";
-import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var EN_MONTHS = [
   "January",
   "February",
@@ -2178,9 +2201,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__ */ jsxs16("div", { className: "px-5 pt-3 pb-4", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "mb-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs17("div", { className: "px-5 pt-3 pb-4", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -2190,21 +2213,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__ */ jsx20(Icon, { name: "chevron-left", className: "size-4" })
+          children: /* @__PURE__ */ jsx21(Icon, { name: "chevron-left", className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx21(
             "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__ */ jsx20("option", { value: y, children: config.formatYear(y) }, y))
+              children: years.map((y) => /* @__PURE__ */ jsx21("option", { value: y, children: config.formatYear(y) }, y))
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             Icon,
             {
               name: "chevron-down",
@@ -2212,17 +2235,17 @@ function CalendarGrid({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx21(
             "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__ */ jsx20("option", { value: i, children: config.formatMonth(i) }, i))
+              children: Array.from({ length: 12 }, (_, i) => /* @__PURE__ */ jsx21("option", { value: i, children: config.formatMonth(i) }, i))
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             Icon,
             {
               name: "chevron-down",
@@ -2231,7 +2254,7 @@ function CalendarGrid({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -2241,11 +2264,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__ */ jsx20(Icon, { name: "chevron-right", className: "size-4" })
+          children: /* @__PURE__ */ jsx21(Icon, { name: "chevron-right", className: "size-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx20("div", { className: "mb-1 grid grid-cols-7 gap-1", children: config.dayHeaders.map((d) => /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21("div", { className: "mb-1 grid grid-cols-7 gap-1", children: config.dayHeaders.map((d) => /* @__PURE__ */ jsx21(
       "div",
       {
         className: "flex h-10 items-center justify-center text-sm font-normal leading-xs text-muted-foreground",
@@ -2253,7 +2276,7 @@ function CalendarGrid({
       },
       d
     )) }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       "div",
       {
         className: "grid grid-cols-7 gap-1",
@@ -2267,7 +2290,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__ */ jsx20(
+          return /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
@@ -2306,34 +2329,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);
@@ -2345,7 +2368,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]
   );
@@ -2406,13 +2429,13 @@ function DatePicker({
     triggerText = config.formatTriggerDate(activeDate);
     showCalendarIcon = true;
   }
-  return /* @__PURE__ */ jsx20("div", { className: cn(className), children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx21("div", { className: cn(className), children: /* @__PURE__ */ jsxs17(
     PopoverPrimitive2.Root,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       children: [
-        /* @__PURE__ */ jsx20(PopoverPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsx21(PopoverPrimitive2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
@@ -2424,14 +2447,14 @@ function DatePicker({
               mode === "range" ? !activeRange.start && "text-muted-foreground" : !activeDate && "text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "truncate text-left", children: triggerText }),
-              showCalendarIcon ? /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("span", { className: "truncate text-left", children: triggerText }),
+              showCalendarIcon ? /* @__PURE__ */ jsx21(
                 Icon,
                 {
                   name: "calendar",
                   className: "size-4 shrink-0 text-foreground"
                 }
-              ) : /* @__PURE__ */ jsx20(
+              ) : /* @__PURE__ */ jsx21(
                 Icon,
                 {
                   name: "chevron-down",
@@ -2444,7 +2467,7 @@ function DatePicker({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx20(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(PopoverPrimitive2.Portal, { children: /* @__PURE__ */ jsx21(
           PopoverPrimitive2.Content,
           {
             align: "start",
@@ -2457,7 +2480,7 @@ function DatePicker({
               "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
               "duration-200 data-[state=closed]:duration-150"
             ),
-            children: /* @__PURE__ */ jsx20(
+            children: /* @__PURE__ */ jsx21(
               CalendarGrid,
               {
                 year: viewYear,
@@ -2485,14 +2508,14 @@ function DatePicker({
 }
 
 // src/components/ui/field.tsx
-import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function FieldLabel(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "label",
     __spreadValues({
       className: cn(
@@ -2508,7 +2531,7 @@ function FieldDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "p",
     __spreadValues({
       className: cn(
@@ -2527,14 +2550,14 @@ function Field({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex flex-col gap-3", className), children: [
-    label && /* @__PURE__ */ jsxs17(FieldLabel, { htmlFor, children: [
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex flex-col gap-3", className), children: [
+    label && /* @__PURE__ */ jsxs18(FieldLabel, { htmlFor, children: [
       label,
-      required && /* @__PURE__ */ jsx21("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" })
+      required && /* @__PURE__ */ jsx22("span", { className: "ml-0.5 text-destructive", "aria-hidden": true, children: "*" })
     ] }),
-    hint && /* @__PURE__ */ jsx21(FieldDescription, { children: hint }),
+    hint && /* @__PURE__ */ jsx22(FieldDescription, { children: hint }),
     children,
-    description && /* @__PURE__ */ jsx21(FieldDescription, { children: description })
+    description && /* @__PURE__ */ jsx22(FieldDescription, { children: description })
   ] });
 }
 function FieldSection({
@@ -2545,9 +2568,9 @@ function FieldSection({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex flex-col gap-6", className), children: [
-    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex flex-col gap-6", className), children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx22(
         "p",
         {
           className: cn(
@@ -2557,34 +2580,34 @@ function FieldSection({
           children: title
         }
       ),
-      description && /* @__PURE__ */ jsx21(FieldDescription, { children: description })
+      description && /* @__PURE__ */ jsx22(FieldDescription, { children: description })
     ] }),
-    children && /* @__PURE__ */ jsxs17(Fragment3, { children: [
-      showDivider && /* @__PURE__ */ jsx21(FieldDivider, {}),
-      /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-7", children })
+    children && /* @__PURE__ */ jsxs18(Fragment4, { children: [
+      showDivider && /* @__PURE__ */ jsx22(FieldDivider, {}),
+      /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-7", children })
     ] })
   ] });
 }
 function FieldRow({ label, description, className, children }) {
-  return /* @__PURE__ */ jsxs17("div", { className: cn("flex items-start gap-3", className), children: [
-    /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium tracking-tight text-foreground", children: label }),
-      description && /* @__PURE__ */ jsx21(FieldDescription, { children: description })
+  return /* @__PURE__ */ jsxs18("div", { className: cn("flex items-start gap-3", className), children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-1 flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium tracking-tight text-foreground", children: label }),
+      description && /* @__PURE__ */ jsx22(FieldDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "shrink-0", children })
+    /* @__PURE__ */ jsx22("div", { className: "shrink-0", children })
   ] });
 }
 function FieldDivider({ className }) {
-  return /* @__PURE__ */ jsx21("div", { className: cn("flex h-5 items-center", className), children: /* @__PURE__ */ jsx21("div", { className: "h-px w-full border-t border-border" }) });
+  return /* @__PURE__ */ jsx22("div", { className: cn("flex h-5 items-center", className), children: /* @__PURE__ */ jsx22("div", { className: "h-px w-full border-t border-border" }) });
 }
 
 // src/components/ui/header.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import { DropdownMenu as DropdownMenu2, Popover } from "radix-ui";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs19 } from "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__ */ jsx22("div", { className: "flex h-8 items-center px-2 py-1.5", children: /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium tracking-tight text-popover-foreground", children }) });
+  return /* @__PURE__ */ jsx23("div", { className: "flex h-8 items-center px-2 py-1.5", children: /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium tracking-tight text-popover-foreground", children }) });
 }
 function DropdownMenuRow({
   icon,
@@ -2601,14 +2624,14 @@ function DropdownMenuRow({
     variant === "destructive" ? "text-destructive" : "text-popover-foreground",
     className
   );
-  const content = /* @__PURE__ */ jsxs18(Fragment5, { children: [
-    icon && /* @__PURE__ */ jsx22(Icon, { name: icon, className: "size-4 text-foreground" }),
+  const content = /* @__PURE__ */ jsxs19(Fragment6, { children: [
+    icon && /* @__PURE__ */ jsx23(Icon, { name: icon, className: "size-4 text-foreground" }),
     children
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx22(DropdownMenu2.Item, { asChild: true, onSelect, children: /* @__PURE__ */ jsx22("a", { href, target: "_blank", rel: "noopener noreferrer", className: itemClassName, children: content }) });
+    return /* @__PURE__ */ jsx23(DropdownMenu2.Item, { asChild: true, onSelect, children: /* @__PURE__ */ jsx23("a", { href, target: "_blank", rel: "noopener noreferrer", className: itemClassName, children: content }) });
   }
-  return /* @__PURE__ */ jsx22(DropdownMenu2.Item, { onSelect, className: itemClassName, children: content });
+  return /* @__PURE__ */ jsx23(DropdownMenu2.Item, { onSelect, className: itemClassName, children: content });
 }
 function Header({
   logo,
@@ -2626,7 +2649,7 @@ function Header({
   onLanguageChange,
   className
 }) {
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "header",
     {
       className: cn(
@@ -2635,18 +2658,18 @@ function Header({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-4", children: [
-          (logo || brandName) && /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2.5 shrink-0", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
+          (logo || brandName) && /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2.5 shrink-0", children: [
             logo,
-            brandName && /* @__PURE__ */ jsx22("span", { className: "text-xl font-bold tracking-tight text-foreground whitespace-nowrap", children: brandName })
+            brandName && /* @__PURE__ */ jsx23("span", { className: "text-xl font-bold tracking-tight text-foreground whitespace-nowrap", children: brandName })
           ] }),
-          /* @__PURE__ */ jsx22("nav", { className: "flex items-center gap-2", "aria-label": "\uC8FC\uC694 \uBA54\uB274", children: navItems.map(
+          /* @__PURE__ */ jsx23("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__ */ jsxs18(DropdownMenu2.Root, { children: [
-                  /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsxs19(DropdownMenu2.Root, { children: [
+                  /* @__PURE__ */ jsx23(
                     DropdownMenu2.Trigger,
                     {
                       className: cn(
@@ -2659,7 +2682,7 @@ function Header({
                       children: item.label
                     }
                   ),
-                  /* @__PURE__ */ jsx22(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsx23(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs19(
                     DropdownMenu2.Content,
                     {
                       align: "start",
@@ -2667,8 +2690,8 @@ function Header({
                       className: cn(PANEL_CLS, "w-50 py-1 px-1"),
                       style: { maxHeight: "416px" },
                       children: [
-                        /* @__PURE__ */ jsx22(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx22(DropdownSectionLabel, { children: item.label }) }),
-                        item.dropdownItems.map((di) => /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx23(DropdownSectionLabel, { children: item.label }) }),
+                        item.dropdownItems.map((di) => /* @__PURE__ */ jsx23(
                           DropdownMenuRow,
                           {
                             icon: di.icon,
@@ -2684,7 +2707,7 @@ function Header({
                 ] }, item.label)
               ) : (
                 // 일반 nav 아이템
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "button",
@@ -2702,8 +2725,8 @@ function Header({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs19(
             "button",
             {
               type: "button",
@@ -2715,13 +2738,13 @@ function Header({
                 "transition-opacity hover:opacity-90 active:opacity-80"
               ),
               children: [
-                /* @__PURE__ */ jsx22(Icon, { name: "circle-arrow-up", className: "size-4 text-primary-foreground" }),
+                /* @__PURE__ */ jsx23(Icon, { name: "circle-arrow-up", className: "size-4 text-primary-foreground" }),
                 upgradeLabel
               ]
             }
           ),
-          /* @__PURE__ */ jsxs18(DropdownMenu2.Root, { children: [
-            /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(DropdownMenu2.Root, { children: [
+            /* @__PURE__ */ jsxs19(
               DropdownMenu2.Trigger,
               {
                 className: cn(
@@ -2732,13 +2755,13 @@ function Header({
                   "data-[state=open]:bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx22(Icon, { name: "user", className: "size-4 text-foreground" }),
-                  /* @__PURE__ */ jsx22("span", { children: userEmail }),
-                  /* @__PURE__ */ jsx22(Icon, { name: "chevron-down", className: "size-4 text-foreground" })
+                  /* @__PURE__ */ jsx23(Icon, { name: "user", className: "size-4 text-foreground" }),
+                  /* @__PURE__ */ jsx23("span", { children: userEmail }),
+                  /* @__PURE__ */ jsx23(Icon, { name: "chevron-down", className: "size-4 text-foreground" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx22(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsx23(
               DropdownMenu2.Content,
               {
                 align: "end",
@@ -2747,11 +2770,11 @@ function Header({
                   PANEL_CLS
                 ),
                 style: { minWidth: "var(--radix-dropdown-menu-trigger-width)", maxHeight: "416px" },
-                children: userMenuSections.map((section, si) => /* @__PURE__ */ jsxs18(React11.Fragment, { children: [
-                  si > 0 && /* @__PURE__ */ jsx22(DropdownMenu2.Separator, { className: "my-1 h-px bg-border mx-1" }),
-                  /* @__PURE__ */ jsxs18(DropdownMenu2.Group, { className: "py-1 px-1", children: [
-                    section.label && /* @__PURE__ */ jsx22(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx22(DropdownSectionLabel, { children: section.label }) }),
-                    section.items.map((item) => /* @__PURE__ */ jsx22(
+                children: userMenuSections.map((section, si) => /* @__PURE__ */ jsxs19(React13.Fragment, { children: [
+                  si > 0 && /* @__PURE__ */ jsx23(DropdownMenu2.Separator, { className: "my-1 h-px bg-border mx-1" }),
+                  /* @__PURE__ */ jsxs19(DropdownMenu2.Group, { className: "py-1 px-1", children: [
+                    section.label && /* @__PURE__ */ jsx23(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx23(DropdownSectionLabel, { children: section.label }) }),
+                    section.items.map((item) => /* @__PURE__ */ jsx23(
                       DropdownMenuRow,
                       {
                         icon: item.icon,
@@ -2766,8 +2789,8 @@ function Header({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs18(Popover.Root, { children: [
-            /* @__PURE__ */ jsx22(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(Popover.Root, { children: [
+            /* @__PURE__ */ jsx23(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
               "button",
               {
                 type: "button",
@@ -2780,8 +2803,8 @@ function Header({
                   "data-[state=open]:bg-accent"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx22(Icon, { name: "bell", className: "size-4 text-foreground" }),
-                  hasNotification && /* @__PURE__ */ jsx22(
+                  /* @__PURE__ */ jsx23(Icon, { name: "bell", className: "size-4 text-foreground" }),
+                  hasNotification && /* @__PURE__ */ jsx23(
                     "span",
                     {
                       "aria-hidden": true,
@@ -2792,7 +2815,7 @@ function Header({
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx22(Popover.Portal, { children: /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsx23(Popover.Portal, { children: /* @__PURE__ */ jsxs19(
               Popover.Content,
               {
                 align: "end",
@@ -2804,37 +2827,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__ */ jsxs18("div", { className: "mb-4 flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsx22("h3", { className: "text-lg font-semibold tracking-tight text-foreground", children: "\uC11C\uBE44\uC2A4 \uC5C5\uB370\uC774\uD2B8" }),
-                    /* @__PURE__ */ jsx22(
+                  /* @__PURE__ */ jsxs19("div", { className: "mb-4 flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsx23("h3", { className: "text-lg font-semibold tracking-tight text-foreground", children: "\uC11C\uBE44\uC2A4 \uC5C5\uB370\uC774\uD2B8" }),
+                    /* @__PURE__ */ jsx23(
                       Popover.Close,
                       {
                         "aria-label": "\uB2EB\uAE30",
                         className: "opacity-70 hover:opacity-100 transition-opacity",
-                        children: /* @__PURE__ */ jsx22(Icon, { name: "x", className: "size-4 text-foreground" })
+                        children: /* @__PURE__ */ jsx23(Icon, { name: "x", className: "size-4 text-foreground" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx22("div", { className: "flex flex-col", children: notifications.map((n, i) => /* @__PURE__ */ jsxs18(React11.Fragment, { children: [
-                    i > 0 && /* @__PURE__ */ jsx22("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ jsx22("hr", { className: "w-full border-border" }) }),
-                    /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsx23("div", { className: "flex flex-col", children: notifications.map((n, i) => /* @__PURE__ */ jsxs19(React13.Fragment, { children: [
+                    i > 0 && /* @__PURE__ */ jsx23("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ jsx23("hr", { className: "w-full border-border" }) }),
+                    /* @__PURE__ */ jsxs19(
                       "div",
                       {
                         className: "flex flex-col gap-4 rounded-md p-3 cursor-pointer transition-colors hover:bg-secondary",
                         children: [
-                          /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between", children: [
-                            n.badge && /* @__PURE__ */ jsx22("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__ */ jsx22("span", { className: "text-sm font-normal tracking-tight text-muted-foreground", children: n.date })
+                          /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+                            n.badge && /* @__PURE__ */ jsx23("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__ */ jsx23("span", { className: "text-sm font-normal tracking-tight text-muted-foreground", children: n.date })
                           ] }),
-                          /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
-                            /* @__PURE__ */ jsx22("p", { className: "text-base font-medium tracking-tight text-foreground whitespace-nowrap", children: n.title }),
-                            /* @__PURE__ */ jsx22("p", { className: "line-clamp-2 text-sm font-normal tracking-tight text-muted-foreground", children: n.description })
+                          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-1", children: [
+                            /* @__PURE__ */ jsx23("p", { className: "text-base font-medium tracking-tight text-foreground whitespace-nowrap", children: n.title }),
+                            /* @__PURE__ */ jsx23("p", { className: "line-clamp-2 text-sm font-normal tracking-tight text-muted-foreground", children: n.description })
                           ] })
                         ]
                       }
                     )
                   ] }, n.id)) }),
-                  /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsxs19(
                     "button",
                     {
                       type: "button",
@@ -2847,7 +2870,7 @@ function Header({
                       ),
                       children: [
                         "\uC804\uCCB4 \uB0B4\uC5ED \uBCF4\uAE30",
-                        /* @__PURE__ */ jsx22(Icon, { name: "chevron-right", className: "size-4 text-foreground" })
+                        /* @__PURE__ */ jsx23(Icon, { name: "chevron-right", className: "size-4 text-foreground" })
                       ]
                     }
                   )
@@ -2855,8 +2878,8 @@ function Header({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs18(DropdownMenu2.Root, { children: [
-            /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsxs19(DropdownMenu2.Root, { children: [
+            /* @__PURE__ */ jsx23(
               DropdownMenu2.Trigger,
               {
                 "aria-label": "\uC5B8\uC5B4 \uC120\uD0DD",
@@ -2866,10 +2889,10 @@ function Header({
                   "transition-colors hover:bg-muted/60",
                   "data-[state=open]:bg-accent"
                 ),
-                children: /* @__PURE__ */ jsx22(Icon, { name: "globe", className: "size-4 text-foreground" })
+                children: /* @__PURE__ */ jsx23(Icon, { name: "globe", className: "size-4 text-foreground" })
               }
             ),
-            /* @__PURE__ */ jsx22(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs18(
+            /* @__PURE__ */ jsx23(DropdownMenu2.Portal, { children: /* @__PURE__ */ jsxs19(
               DropdownMenu2.Content,
               {
                 align: "end",
@@ -2877,8 +2900,8 @@ function Header({
                 className: cn(PANEL_CLS, "w-50 py-1 px-1"),
                 style: { maxHeight: "416px" },
                 children: [
-                  /* @__PURE__ */ jsx22(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx22(DropdownSectionLabel, { children: "\uC5B8\uC5B4" }) }),
-                  languages.map((lang) => /* @__PURE__ */ jsxs18(
+                  /* @__PURE__ */ jsx23(DropdownMenu2.Label, { asChild: true, children: /* @__PURE__ */ jsx23(DropdownSectionLabel, { children: "\uC5B8\uC5B4" }) }),
+                  languages.map((lang) => /* @__PURE__ */ jsxs19(
                     DropdownMenu2.Item,
                     {
                       onSelect: () => onLanguageChange == null ? void 0 : onLanguageChange(lang.code),
@@ -2889,7 +2912,7 @@ function Header({
                         lang.code === currentLanguage && "bg-accent/50"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx22(
+                        /* @__PURE__ */ jsx23(
                           "span",
                           {
                             className: "flex size-4 shrink-0 items-center justify-center overflow-hidden text-sm leading-none",
@@ -2913,10 +2936,10 @@ function Header({
 }
 
 // src/components/ui/input.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Input(_a) {
   var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "input",
     __spreadValues({
       type,
@@ -2935,10 +2958,10 @@ function Input(_a) {
 import { cva as cva3 } from "class-variance-authority";
 
 // src/components/ui/textarea.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Textarea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "textarea",
     __spreadValues({
       "data-slot": "textarea",
@@ -2951,10 +2974,10 @@ function Textarea(_a) {
 }
 
 // src/components/ui/input-group.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function InputGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       "data-slot": "input-group",
@@ -3000,7 +3023,7 @@ function InputGroupAddon(_a) {
     "className",
     "align"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     __spreadValues({
       role: "group",
@@ -3045,7 +3068,7 @@ function InputGroupButton(_a) {
     "variant",
     "size"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Button,
     __spreadValues({
       type,
@@ -3057,7 +3080,7 @@ function InputGroupButton(_a) {
 }
 function InputGroupText(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "span",
     __spreadValues({
       className: cn(
@@ -3073,7 +3096,7 @@ function InputGroupInput(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Input,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3090,7 +3113,7 @@ function InputGroupTextarea(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Textarea,
     __spreadValues({
       "data-slot": "input-group-control",
@@ -3103,10 +3126,10 @@ function InputGroupTextarea(_a) {
 }
 
 // src/components/ui/input-otp.tsx
-import * as React12 from "react";
+import * as React14 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function InputOTP(_a) {
   var _b = _a, {
     className,
@@ -3115,7 +3138,7 @@ function InputOTP(_a) {
     "className",
     "containerClassName"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     OTPInput,
     __spreadValues({
       "data-slot": "input-otp",
@@ -3129,7 +3152,7 @@ function InputOTP(_a) {
 }
 function InputOTPGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "div",
     __spreadValues({
       "data-slot": "input-otp-group",
@@ -3146,9 +3169,9 @@ function InputOTPSlot(_a) {
     "className"
   ]);
   var _a2;
-  const inputOTPContext = React12.useContext(OTPInputContext);
+  const inputOTPContext = React14.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = (_a2 = inputOTPContext == null ? void 0 : inputOTPContext.slots[index]) != null ? _a2 : {};
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "input-otp-slot",
@@ -3160,22 +3183,22 @@ function InputOTPSlot(_a) {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx26("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx27("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx27("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     })
   );
 }
 function InputOTPSeparator(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx26(MinusIcon, {}) }));
+  return /* @__PURE__ */ jsx27("div", __spreadProps(__spreadValues({ "data-slot": "input-otp-separator", role: "separator" }, props), { children: /* @__PURE__ */ jsx27(MinusIcon, {}) }));
 }
 
 // src/components/ui/kb-card.tsx
-import * as React13 from "react";
+import * as React15 from "react";
 
 // src/components/icons/custom/folder-amber.tsx
 import { useId } from "react";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 function FolderAmberIcon({ className }) {
   const id = useId().replace(/:/g, "");
   const clip = `clip_${id}`;
@@ -3184,7 +3207,7 @@ function FolderAmberIcon({ className }) {
   const f2 = `f2_${id}`;
   const p0 = `p0_${id}`;
   const p1 = `p1_${id}`;
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "svg",
     {
       width: "20",
@@ -3195,15 +3218,15 @@ function FolderAmberIcon({ className }) {
       "aria-hidden": true,
       className: cn("shrink-0", className),
       children: [
-        /* @__PURE__ */ jsx27("g", { clipPath: `url(#${clip})`, children: /* @__PURE__ */ jsxs20("g", { filter: `url(#${f0})`, children: [
-          /* @__PURE__ */ jsx27("g", { filter: `url(#${f1})`, children: /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28("g", { clipPath: `url(#${clip})`, children: /* @__PURE__ */ jsxs21("g", { filter: `url(#${f0})`, children: [
+          /* @__PURE__ */ jsx28("g", { filter: `url(#${f1})`, children: /* @__PURE__ */ jsx28(
             "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__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "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",
@@ -3212,15 +3235,15 @@ function FolderAmberIcon({ className }) {
               strokeWidth: "0.5"
             }
           ),
-          /* @__PURE__ */ jsx27("rect", { x: "3", y: "6", width: "14", height: "9", rx: "0.75", fill: "white" }),
-          /* @__PURE__ */ jsx27("g", { filter: `url(#${f2})`, children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28("rect", { x: "3", y: "6", width: "14", height: "9", rx: "0.75", fill: "white" }),
+          /* @__PURE__ */ jsx28("g", { filter: `url(#${f2})`, children: /* @__PURE__ */ jsx28(
             "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__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "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",
@@ -3230,8 +3253,8 @@ function FolderAmberIcon({ className }) {
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs20("defs", { children: [
-          /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsxs21("defs", { children: [
+          /* @__PURE__ */ jsxs21(
             "filter",
             {
               id: f0,
@@ -3242,8 +3265,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ jsx27("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx28(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3252,17 +3275,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ jsx27("feOffset", { dy: "0.75" }),
-                /* @__PURE__ */ jsx27("feGaussianBlur", { stdDeviation: "1.125" }),
-                /* @__PURE__ */ jsx27("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feOffset", { dy: "0.75" }),
+                /* @__PURE__ */ jsx28("feGaussianBlur", { stdDeviation: "1.125" }),
+                /* @__PURE__ */ jsx28("feComposite", { in2: "hardAlpha", operator: "out" }),
+                /* @__PURE__ */ jsx28(
                   "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__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3270,7 +3293,7 @@ function FolderAmberIcon({ className }) {
                     result: `effect1_dropShadow_${id}`
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3282,7 +3305,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "filter",
             {
               id: f1,
@@ -3293,8 +3316,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ jsx27("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3303,7 +3326,7 @@ function FolderAmberIcon({ className }) {
                     result: "shape"
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3312,17 +3335,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ jsx27("feOffset", {}),
-                /* @__PURE__ */ jsx27("feGaussianBlur", { stdDeviation: "0.375" }),
-                /* @__PURE__ */ jsx27("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feOffset", {}),
+                /* @__PURE__ */ jsx28("feGaussianBlur", { stdDeviation: "0.375" }),
+                /* @__PURE__ */ jsx28("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                /* @__PURE__ */ jsx28(
                   "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__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3333,7 +3356,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "filter",
             {
               id: f2,
@@ -3344,8 +3367,8 @@ function FolderAmberIcon({ className }) {
               filterUnits: "userSpaceOnUse",
               colorInterpolationFilters: "sRGB",
               children: [
-                /* @__PURE__ */ jsx27("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3354,7 +3377,7 @@ function FolderAmberIcon({ className }) {
                     result: "shape"
                   }
                 ),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feColorMatrix",
                   {
                     in: "SourceAlpha",
@@ -3363,17 +3386,17 @@ function FolderAmberIcon({ className }) {
                     result: "hardAlpha"
                   }
                 ),
-                /* @__PURE__ */ jsx27("feOffset", {}),
-                /* @__PURE__ */ jsx27("feGaussianBlur", { stdDeviation: "0.375" }),
-                /* @__PURE__ */ jsx27("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28("feOffset", {}),
+                /* @__PURE__ */ jsx28("feGaussianBlur", { stdDeviation: "0.375" }),
+                /* @__PURE__ */ jsx28("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                /* @__PURE__ */ jsx28(
                   "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__ */ jsx27(
+                /* @__PURE__ */ jsx28(
                   "feBlend",
                   {
                     mode: "normal",
@@ -3384,7 +3407,7 @@ function FolderAmberIcon({ className }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "linearGradient",
             {
               id: p0,
@@ -3394,12 +3417,12 @@ function FolderAmberIcon({ className }) {
               y2: "7.875",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx27("stop", { stopColor: "#FFE386" }),
-                /* @__PURE__ */ jsx27("stop", { offset: "1", stopColor: "#EAC448" })
+                /* @__PURE__ */ jsx28("stop", { stopColor: "#FFE386" }),
+                /* @__PURE__ */ jsx28("stop", { offset: "1", stopColor: "#EAC448" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "linearGradient",
             {
               id: p1,
@@ -3409,12 +3432,12 @@ function FolderAmberIcon({ className }) {
               y2: "18",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx27("stop", { stopColor: "#FFE693" }),
-                /* @__PURE__ */ jsx27("stop", { offset: "1", stopColor: "#FCC24D" })
+                /* @__PURE__ */ jsx28("stop", { stopColor: "#FFE693" }),
+                /* @__PURE__ */ jsx28("stop", { offset: "1", stopColor: "#FCC24D" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx27("clipPath", { id: clip, children: /* @__PURE__ */ jsx27("rect", { width: "20", height: "20", fill: "white" }) })
+          /* @__PURE__ */ jsx28("clipPath", { id: clip, children: /* @__PURE__ */ jsx28("rect", { width: "20", height: "20", fill: "white" }) })
         ] })
       ]
     }
@@ -3422,7 +3445,7 @@ function FolderAmberIcon({ className }) {
 }
 
 // src/components/ui/kb-card.tsx
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function KbCard({
   name,
   metadata = [],
@@ -3435,16 +3458,16 @@ function KbCard({
   className,
   variant = "grid"
 }) {
-  const id = React13.useId();
-  const iconNode = icon != null ? icon : /* @__PURE__ */ jsx28(FolderAmberIcon, { className: "size-6" });
+  const id = React15.useId();
+  const iconNode = icon != null ? icon : /* @__PURE__ */ jsx29(FolderAmberIcon, { className: "size-6" });
   if (variant === "list") {
-    const listContent = /* @__PURE__ */ jsxs21(Fragment6, { children: [
-      /* @__PURE__ */ jsx28("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__ */ jsxs21("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx28("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1", children: name }),
-        metadata.length > 0 && /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground truncate", children: metadata.map((item) => item.value).join(" \xB7 ") })
+    const listContent = /* @__PURE__ */ jsxs22(Fragment7, { children: [
+      /* @__PURE__ */ jsx29("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__ */ jsxs22("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsx29("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1", children: name }),
+        metadata.length > 0 && /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground truncate", children: metadata.map((item) => item.value).join(" \xB7 ") })
       ] }),
-      selectable && /* @__PURE__ */ jsx28(
+      selectable && /* @__PURE__ */ jsx29(
         Checkbox,
         {
           id,
@@ -3456,7 +3479,7 @@ function KbCard({
       )
     ] });
     if (selectable) {
-      return /* @__PURE__ */ jsx28(
+      return /* @__PURE__ */ jsx29(
         "label",
         {
           htmlFor: id,
@@ -3470,7 +3493,7 @@ function KbCard({
         }
       );
     }
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         onClick,
@@ -3484,11 +3507,11 @@ function KbCard({
       }
     );
   }
-  const cardBody = /* @__PURE__ */ jsxs21(Fragment6, { children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-between", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx28("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__ */ jsx28(
+  const cardBody = /* @__PURE__ */ jsxs22(Fragment7, { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-between", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx29("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__ */ jsx29(
           Checkbox,
           {
             id,
@@ -3498,22 +3521,22 @@ function KbCard({
           }
         ) : topRight ? topRight : null
       ] }),
-      /* @__PURE__ */ jsx28("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1 mt-2", children: name })
+      /* @__PURE__ */ jsx29("p", { className: "text-sm font-semibold leading-5 text-foreground line-clamp-1 mt-2", children: name })
     ] }),
-    metadata.length > 0 && /* @__PURE__ */ jsx28("div", { className: "flex flex-col gap-2", children: metadata.map((item) => /* @__PURE__ */ jsxs21(
+    metadata.length > 0 && /* @__PURE__ */ jsx29("div", { className: "flex flex-col gap-2", children: metadata.map((item) => /* @__PURE__ */ jsxs22(
       "div",
       {
         className: "flex items-center justify-between gap-4",
         children: [
-          /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: item.label }),
-          /* @__PURE__ */ jsx28("span", { className: "text-sm text-foreground", children: item.value })
+          /* @__PURE__ */ jsx29("span", { className: "text-sm text-muted-foreground", children: item.label }),
+          /* @__PURE__ */ jsx29("span", { className: "text-sm text-foreground", children: item.value })
         ]
       },
       item.label
     )) })
   ] });
   if (selectable) {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "label",
       {
         htmlFor: id,
@@ -3527,7 +3550,7 @@ function KbCard({
       }
     );
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       onClick,
@@ -3543,91 +3566,15 @@ function KbCard({
 }
 
 // src/components/ui/markdown-message.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { PrismLight as SyntaxHighlighter } from "react-syntax-highlighter";
 
 // src/components/ui/message-footer.tsx
-import * as React15 from "react";
-
-// src/components/ui/tooltip.tsx
-import * as React14 from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.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__ */ jsx29(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
-    TooltipPrimitive.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__ */ jsx29("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__ */ jsxs22(
-    TooltipPrimitive.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange,
-      delayDuration,
-      children: [
-        /* @__PURE__ */ jsx29(TooltipPrimitive.Trigger, { asChild: true, children }),
-        /* @__PURE__ */ jsx29(TooltipContent, __spreadProps(__spreadValues({}, contentProps), { children: content }))
-      ]
-    }
-  );
-}
-function TooltipWithIcon({
-  content,
-  iconName = "info",
-  className
-}) {
-  if (!content) return null;
-  return /* @__PURE__ */ jsx29(Tooltip, { content, children: /* @__PURE__ */ jsx29(
-    Icon,
-    {
-      name: iconName,
-      className: cn("size-4 text-muted-foreground cursor-help", className)
-    }
-  ) });
-}
-
-// src/components/ui/message-footer.tsx
+import * as React16 from "react";
 import { jsx as jsx30, jsxs as jsxs23 } from "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);
@@ -3637,7 +3584,7 @@ function MessageFooter({ content, meta }) {
     } catch (e) {
     }
   };
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
@@ -3682,7 +3629,7 @@ import swift from "react-syntax-highlighter/dist/esm/languages/prism/swift";
 import yaml from "react-syntax-highlighter/dist/esm/languages/prism/yaml";
 import markdown from "react-syntax-highlighter/dist/esm/languages/prism/markdown";
 import diff from "react-syntax-highlighter/dist/esm/languages/prism/diff";
-import { Fragment as Fragment8, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 SyntaxHighlighter.registerLanguage("javascript", javascript);
 SyntaxHighlighter.registerLanguage("js", javascript);
 SyntaxHighlighter.registerLanguage("typescript", typescript);
@@ -3747,7 +3694,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);
@@ -3815,7 +3762,7 @@ function renderInline(text) {
   const pushText = (raw) => {
     if (!raw) return;
     raw.split("\n").forEach((line, i, arr) => {
-      result.push(/* @__PURE__ */ jsx32(React16.Fragment, { children: line }, k++));
+      result.push(/* @__PURE__ */ jsx32(React17.Fragment, { children: line }, k++));
       if (i < arr.length - 1) result.push(/* @__PURE__ */ jsx32("br", {}, k++));
     });
   };
@@ -3845,7 +3792,7 @@ function renderInline(text) {
     last = regex.lastIndex;
   }
   pushText(normalized.slice(last));
-  return result.length === 0 ? null : /* @__PURE__ */ jsx32(Fragment8, { children: result });
+  return result.length === 0 ? null : /* @__PURE__ */ jsx32(Fragment9, { children: result });
 }
 function parseMarkdown(text) {
   var _a;
@@ -4107,8 +4054,8 @@ function MarkdownMessage({
 }
 
 // src/components/ui/modal.tsx
-import * as React17 from "react";
-import { Fragment as Fragment9, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import * as React18 from "react";
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function Modal({
   id,
   trigger,
@@ -4117,7 +4064,7 @@ function Modal({
   variant = "confirm",
   title,
   description,
-  showCloseButton = false,
+  showCloseButton = true,
   children,
   cancelLabel = "\uCDE8\uC18C",
   confirmLabel = "\uD655\uC778",
@@ -4129,11 +4076,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);
@@ -4141,9 +4088,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();
@@ -4166,7 +4113,7 @@ function Modal({
       setOpen(false);
     }
   }
-  React17.useEffect(() => {
+  React18.useEffect(() => {
     if (!open) return;
     function handleKeyDown(e) {
       if (e.key === "Escape") handleClose();
@@ -4177,7 +4124,7 @@ function Modal({
   function handleOverlayClick(e) {
     if (closeOnOverlayClick && e.target === overlayRef.current) handleClose();
   }
-  return /* @__PURE__ */ jsxs25(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs25(Fragment10, { children: [
     trigger == null ? void 0 : trigger(() => setOpen(true)),
     open && /* @__PURE__ */ jsx33(
       "div",
@@ -4250,10 +4197,10 @@ function Modal({
 }
 
 // src/components/ui/menubar.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
 import { jsx as jsx34, jsxs as jsxs26 } from "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__ */ jsx34(
     MenubarPrimitive.Root,
@@ -4269,7 +4216,7 @@ var Menubar = React18.forwardRef((_a, ref) => {
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
 var MenubarMenu = MenubarPrimitive.Menu;
-var MenubarTrigger = React18.forwardRef((_a, ref) => {
+var MenubarTrigger = React19.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx34(
     MenubarPrimitive.Trigger,
@@ -4287,7 +4234,7 @@ var MenubarTrigger = React18.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.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__ */ jsx34(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
     MenubarPrimitive.Content,
@@ -4313,7 +4260,7 @@ var MenubarContent = React18.forwardRef((_a, ref) => {
 });
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 var MenubarGroup = MenubarPrimitive.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__ */ jsx34(
     MenubarPrimitive.Item,
@@ -4334,7 +4281,7 @@ var MenubarItem = React18.forwardRef((_a, ref) => {
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
 var MenubarSub = MenubarPrimitive.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__ */ jsxs26(
     MenubarPrimitive.SubTrigger,
@@ -4359,7 +4306,7 @@ var MenubarSubTrigger = React18.forwardRef((_a, ref) => {
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.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__ */ jsx34(
     MenubarPrimitive.SubContent,
@@ -4398,7 +4345,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__ */ jsx34(
     MenubarPrimitive.Separator,
@@ -4502,7 +4449,7 @@ function SegmentedControl({
 }
 
 // src/components/ui/search-input.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 function SearchInput(_a) {
   var _b = _a, {
@@ -4518,13 +4465,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;
@@ -4536,7 +4483,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;
@@ -4591,12 +4538,12 @@ function SearchInput(_a) {
 }
 
 // src/components/ui/select.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { Popover as PopoverPrimitive3 } from "radix-ui";
 import { jsx as jsx39, jsxs as jsxs28 } from "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);
@@ -4610,8 +4557,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;
@@ -4621,13 +4568,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]);
     }
@@ -4846,7 +4793,7 @@ function Sheet({
 }
 
 // src/components/ui/sidebar.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { ArrowUpRight } from "lucide-react";
 
 // src/components/icons/custom/panel-left.tsx
@@ -4876,22 +4823,22 @@ var defaultSidebarLinkRender = ({
   onClick,
   children
 }) => /* @__PURE__ */ jsx42("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__ */ jsx42(SidebarLinkContext.Provider, { value: stableRender, children });
@@ -4903,7 +4850,7 @@ function SidebarLink({
   onClick,
   children
 }) {
-  const renderLink = React21.useContext(SidebarLinkContext);
+  const renderLink = React22.useContext(SidebarLinkContext);
   return renderLink({ href, className, style, onClick, children });
 }
 function Sidebar({
@@ -4922,9 +4869,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;
@@ -4933,15 +4880,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);
@@ -4985,9 +4932,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__ */ jsxs30(
+                        children: item.disabled ? /* @__PURE__ */ jsxs30(
+                          "div",
+                          {
+                            className: "flex flex-col items-center cursor-not-allowed opacity-40",
+                            style: { gap: "4px" },
+                            "aria-disabled": "true",
+                            children: [
+                              /* @__PURE__ */ jsx42(
+                                "div",
+                                {
+                                  className: cn(
+                                    "relative flex items-center justify-center rounded-md",
+                                    iconContainerClass
+                                  ),
+                                  children: /* @__PURE__ */ jsx42("span", { className: "flex items-center justify-center size-5 shrink-0 [&_svg]:size-full", children: item.icon })
+                                }
+                              ),
+                              /* @__PURE__ */ jsx42("span", { className: "text-2xs leading-xs text-foreground text-center tracking-tight whitespace-nowrap", children: item.title })
+                            ]
+                          }
+                        ) : /* @__PURE__ */ jsxs30(
                           SidebarLink,
                           {
                             href: item.href,
@@ -5029,7 +4996,7 @@ function Sidebar({
               /* @__PURE__ */ jsx42("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__ */ jsx42(React21.Fragment, { children: util.popover }, util.id);
+                  return /* @__PURE__ */ jsx42(React22.Fragment, { children: util.popover }, util.id);
                 }
                 return util.href ? /* @__PURE__ */ jsx42(
                   Tooltip,
@@ -5188,10 +5155,10 @@ function Skeleton(_a) {
 }
 
 // src/components/ui/slider.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { Slider as SliderPrimitive } from "radix-ui";
 import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
-var Slider = React22.forwardRef(
+var Slider = React23.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -5211,15 +5178,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)),
       []
     );
@@ -5239,7 +5206,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);
@@ -5346,7 +5313,7 @@ var Slider = React22.forwardRef(
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/stepper.tsx
-import React23 from "react";
+import React24 from "react";
 import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
 function getStatus(index, currentStep) {
   if (index < currentStep) return "complete";
@@ -5383,7 +5350,7 @@ function CircleCheckFilled({ className }) {
 function Stepper({ steps, currentStep, className }) {
   return /* @__PURE__ */ jsx45("div", { className: cn("flex items-center", className), children: steps.map((label, index) => {
     const status = getStatus(index, currentStep);
-    return /* @__PURE__ */ jsxs32(React23.Fragment, { children: [
+    return /* @__PURE__ */ jsxs32(React24.Fragment, { children: [
       /* @__PURE__ */ jsxs32("div", { className: "flex shrink-0 items-center gap-1.5 px-2.5 py-2.5", children: [
         status === "complete" ? /* @__PURE__ */ jsx45(CircleCheckFilled, {}) : /* @__PURE__ */ jsx45(
           Icon,
@@ -5491,10 +5458,7 @@ function Tabs({
   return /* @__PURE__ */ jsxs33(
     "div",
     {
-      className: cn(
-        "flex w-full items-center border-b border-border",
-        className
-      ),
+      className: cn("flex w-full items-end", className),
       children: [
         /* @__PURE__ */ jsx46("div", { className: cn("flex items-center", block && "flex-1"), children: allTabs.map((tab) => {
           const isActive = tab.value === current;
@@ -5504,16 +5468,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__ */ jsx46("div", { className: "ml-auto flex items-center pb-1", children: activeRightContents })
+        /* @__PURE__ */ jsx46("div", { className: "ml-auto flex items-center", children: activeRightContents })
       ]
     }
   );
@@ -5713,10 +5677,10 @@ function CircleIndicator({
 }
 
 // src/components/ui/switch.tsx
-import React24 from "react";
+import React25 from "react";
 import { Switch as SwitchPrimitive } from "radix-ui";
 import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
-var Switch = React24.forwardRef((_a, ref) => {
+var Switch = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx50(
     SwitchPrimitive.Root,
@@ -5768,7 +5732,7 @@ function SwitchField(_a) {
 }
 
 // src/components/ui/table.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -5778,7 +5742,7 @@ import {
 } from "@tanstack/react-table";
 
 // src/components/ui/pagination.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
 function getVisiblePageItems(currentPage, totalPages) {
   if (totalPages <= 5) {
@@ -5818,7 +5782,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__ */ jsx51(
     "ul",
@@ -5829,7 +5793,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__ */ jsx51("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
@@ -5992,13 +5956,13 @@ function Pagination({
 // src/components/ui/table.tsx
 import { jsx as jsx52, jsxs as jsxs37 } from "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;
@@ -6054,6 +6018,9 @@ function SortIcon({ direction }) {
     }
   );
 }
+function isEmptyConfig(value) {
+  return typeof value === "object" && value !== null && !React27.isValidElement(value) && "description" in value;
+}
 function Table({
   columns,
   data,
@@ -6061,21 +6028,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) => {
@@ -6086,7 +6055,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 }) => ({
@@ -6095,7 +6064,7 @@ function Table({
       }))) != null ? _a2 : [];
     }
   );
-  const handleSortingChange = React26.useCallback(
+  const handleSortingChange = React27.useCallback(
     (updater) => {
       setSorting((prev) => {
         const next = typeof updater === "function" ? updater(prev) : updater;
@@ -6105,11 +6074,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
@@ -6123,7 +6092,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__",
@@ -6132,6 +6101,7 @@ function Table({
         Checkbox,
         {
           checked: row.getIsSelected(),
+          disabled: !row.getCanSelect(),
           onCheckedChange: (checked) => row.toggleSelected(!!checked),
           "aria-label": "\uD589 \uC120\uD0DD",
           onClick: (e) => e.stopPropagation()
@@ -6141,7 +6111,7 @@ function Table({
     }),
     []
   );
-  const rowActionsColumn = React26.useMemo(
+  const rowActionsColumn = React27.useMemo(
     () => ({
       id: "__row_actions__",
       header: "",
@@ -6150,7 +6120,7 @@ function Table({
     }),
     [rowActions]
   );
-  const tanstackColumns = React26.useMemo(
+  const tanstackColumns = React27.useMemo(
     () => [
       ...isSelectionActive ? [selectionColumn] : [],
       ...columns.map((col) => {
@@ -6177,7 +6147,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: getCoreRowModel(),
@@ -6189,7 +6159,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;
@@ -6286,81 +6256,87 @@ function Table({
               name: "loader-2",
               className: "mx-auto size-6 animate-spin text-muted-foreground"
             }
-          ) }) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx52(
-            "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__ */ jsx52("td", { className: "w-10 p-0 relative", children: isSelectionActive && /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 flex items-center justify-center", children: flexRender(
+          ) }) }) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx52("tr", { children: /* @__PURE__ */ jsx52("td", { colSpan: colCount, children: empty === void 0 ? /* @__PURE__ */ jsx52(Empty, { description: "No Data" }) : isEmptyConfig(empty) ? /* @__PURE__ */ jsx52(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__ */ jsx52(
+              "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__ */ jsx52("td", { className: "w-10 p-0 relative", children: isSelectionActive && /* @__PURE__ */ jsx52("div", { className: "absolute inset-0 flex items-center justify-center", children: flexRender(
+                      cell.column.columnDef.cell,
+                      cell.getContext()
+                    ) }) }, cell.id);
+                  }
+                  if (cell.column.id === "__row_actions__") {
+                    return /* @__PURE__ */ jsx52(
+                      "td",
+                      {
+                        className: "w-12 px-2 py-4 align-middle text-right",
+                        children: 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 = 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__ */ jsx52(
+                    EllipsisCell,
+                    {
+                      rendered: rawContent,
+                      tooltip: ellipsisTooltip ? ellipsisTooltip(row.original) : rawContent
+                    }
+                  ) : rendered;
                   return /* @__PURE__ */ jsx52(
                     "td",
                     {
-                      className: "w-12 px-2 py-4 align-middle text-right",
-                      children: 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 = flexRender(
-                  cell.column.columnDef.cell,
-                  cell.getContext()
-                );
-                const rawContent = ellipsis ? cellFn(row.original) : null;
-                const cellContent = ellipsis ? /* @__PURE__ */ jsx52(
-                  EllipsisCell,
-                  {
-                    rendered: rawContent,
-                    tooltip: ellipsisTooltip ? ellipsisTooltip(row.original) : rawContent
-                  }
-                ) : rendered;
-                return /* @__PURE__ */ jsx52(
-                  "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)
+            );
+          }) })
         ] })
       }
     ),
@@ -6376,12 +6352,12 @@ function Table({
 }
 
 // src/components/ui/user-message-bubble.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { jsx as jsx53 } from "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);
@@ -9700,20 +9676,6 @@ export {
   Drawer,
   DriveIcon,
   DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
   Empty,
   EmptyTrayIcon,
   Field,