@j3m-quantum/ui 2.1.9 → 2.1.10

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React30 = require('react');
+var React36 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
@@ -72,7 +72,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React30__namespace = /*#__PURE__*/_interopNamespace(React30);
+var React36__namespace = /*#__PURE__*/_interopNamespace(React36);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -107,8 +107,8 @@ var tunnel__default = /*#__PURE__*/_interopDefault(tunnel);
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 1024;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React30__namespace.useState(void 0);
-  React30__namespace.useEffect(() => {
+  const [isMobile, setIsMobile] = React36__namespace.useState(void 0);
+  React36__namespace.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -196,7 +196,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React30__namespace.forwardRef(
+var Button = React36__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -560,7 +560,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React30__namespace.useMemo(
+  const _values = React36__namespace.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -846,7 +846,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React30__namespace.createContext({
+var ToggleGroupContext = React36__namespace.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -883,7 +883,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React30__namespace.useContext(ToggleGroupContext);
+  const context = React36__namespace.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ToggleGroupPrimitive__namespace.Item,
     {
@@ -913,7 +913,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React30__namespace.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React36__namespace.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1333,7 +1333,7 @@ function Label2({
   );
 }
 var Form = reactHookForm.FormProvider;
-var FormFieldContext = React30__namespace.createContext(
+var FormFieldContext = React36__namespace.createContext(
   {}
 );
 var FormField = ({
@@ -1342,8 +1342,8 @@ var FormField = ({
   return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React30__namespace.useContext(FormFieldContext);
-  const itemContext = React30__namespace.useContext(FormItemContext);
+  const fieldContext = React36__namespace.useContext(FormFieldContext);
+  const itemContext = React36__namespace.useContext(FormItemContext);
   const { getFieldState } = reactHookForm.useFormContext();
   const formState = reactHookForm.useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1360,11 +1360,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React30__namespace.createContext(
+var FormItemContext = React36__namespace.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React30__namespace.useId();
+  const id = React36__namespace.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1612,7 +1612,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = React30.useMemo(() => {
+  const content = React36.useMemo(() => {
     if (children) {
       return children;
     }
@@ -1808,7 +1808,7 @@ var cardVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-card border shadow-sm",
+        default: "bg-card border border-[var(--color-border-subtle)] shadow-[var(--j3m-shadow-default)]",
         glass: [
           "glass-context",
           // Enables glass semantic token overrides for children
@@ -2762,8 +2762,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React30__namespace.useRef(null);
-  React30__namespace.useEffect(() => {
+  const ref = React36__namespace.useRef(null);
+  React36__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2784,9 +2784,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React30__namespace.createContext(null);
+var CarouselContext = React36__namespace.createContext(null);
 function useCarousel() {
-  const context = React30__namespace.useContext(CarouselContext);
+  const context = React36__namespace.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2808,20 +2808,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React30__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React30__namespace.useState(false);
-  const onSelect = React30__namespace.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React36__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React36__namespace.useState(false);
+  const onSelect = React36__namespace.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React30__namespace.useCallback(() => {
+  const scrollPrev = React36__namespace.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React30__namespace.useCallback(() => {
+  const scrollNext = React36__namespace.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React30__namespace.useCallback(
+  const handleKeyDown = React36__namespace.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2833,11 +2833,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2970,9 +2970,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React30__namespace.createContext(null);
+var ChartContext = React36__namespace.createContext(null);
 function useChart() {
-  const context = React30__namespace.useContext(ChartContext);
+  const context = React36__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2985,7 +2985,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React30__namespace.useId();
+  const uniqueId = React36__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -3046,7 +3046,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React30__namespace.useMemo(() => {
+  const tooltipLabel = React36__namespace.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3881,7 +3881,7 @@ function StatusProgress({
   const resolvedVariant = variant ?? getVariantFromProgress(clampedValue);
   const colors = getStatusColors(resolvedVariant);
   const sizes = getSizeClasses(size);
-  const labelText = React30__namespace.useMemo(() => {
+  const labelText = React36__namespace.useMemo(() => {
     if (currentCount !== void 0 && totalCount !== void 0) {
       return `${currentCount} / ${totalCount} ${unitLabel}`;
     }
@@ -3986,8 +3986,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React30__namespace.useState("light");
-  React30__namespace.useEffect(() => {
+  const [theme, setTheme] = React36__namespace.useState("light");
+  React36__namespace.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -4636,7 +4636,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React30__namespace.forwardRef(
+var SearchTrigger = React36__namespace.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4672,7 +4672,7 @@ var SearchTrigger = React30__namespace.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -5647,9 +5647,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React30__namespace.createContext(null);
+var SidebarContext = React36__namespace.createContext(null);
 function useSidebar() {
-  const context = React30__namespace.useContext(SidebarContext);
+  const context = React36__namespace.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5665,10 +5665,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React30__namespace.useState(false);
-  const [_open, _setOpen] = React30__namespace.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React36__namespace.useState(false);
+  const [_open, _setOpen] = React36__namespace.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React30__namespace.useCallback(
+  const setOpen = React36__namespace.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5680,10 +5680,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React30__namespace.useCallback(() => {
+  const toggleSidebar = React36__namespace.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5694,7 +5694,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React30__namespace.useMemo(
+  const contextValue = React36__namespace.useMemo(
     () => ({
       state,
       open,
@@ -6152,7 +6152,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React30__namespace.useMemo(() => {
+  const width = React36__namespace.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6250,7 +6250,8 @@ var sectionVariants = classVarianceAuthority.cva(
         default: [
           "bg-[var(--color-bg-surface)]",
           "border border-[var(--color-border-subtle)]",
-          "text-[var(--color-text-main)]"
+          "text-[var(--color-text-main)]",
+          "shadow-[var(--j3m-shadow-default)]"
         ].join(" "),
         // Glass Light - frosted glass for dark or image backgrounds
         "glass-light": [
@@ -6295,7 +6296,7 @@ var sectionVariants = classVarianceAuthority.cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React30__namespace.forwardRef(
+var Section = React36__namespace.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
@@ -6307,7 +6308,7 @@ var Section = React30__namespace.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React30__namespace.forwardRef(
+var SectionHeader = React36__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6322,7 +6323,7 @@ var SectionHeader = React30__namespace.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React30__namespace.forwardRef(
+var SectionTitle = React36__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "h2",
     {
@@ -6336,7 +6337,7 @@ var SectionTitle = React30__namespace.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React30__namespace.forwardRef(
+var SectionDescription = React36__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "p",
     {
@@ -6350,7 +6351,7 @@ var SectionDescription = React30__namespace.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React30__namespace.forwardRef(
+var SectionContent = React36__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6364,7 +6365,7 @@ var SectionContent = React30__namespace.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React30__namespace.forwardRef(
+var SectionFooter = React36__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -6589,7 +6590,7 @@ function SiteHeader({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[var(--header-height,3.5rem)] w-full items-center gap-[var(--j3m-spacing-s)] px-[var(--j3m-spacing-m)]", children: [
         trigger,
         trigger && /* @__PURE__ */ jsxRuntime.jsx(Separator, { orientation: "vertical", className: "mr-[var(--j3m-spacing-s)] h-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React30__namespace.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
           /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) })
         ] }, index)) }) }),
@@ -7210,11 +7211,11 @@ function PlanningWeekCommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React30__namespace.useState("");
-  const [selectedLocationId, setSelectedLocationId] = React30__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
-  const selectedLocation = React30__namespace.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
+  const [selectedLocationId, setSelectedLocationId] = React36__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const selectedLocation = React36__namespace.useMemo(() => {
     return locationOptions.find((opt) => opt.id === selectedLocationId);
   }, [locationOptions, selectedLocationId]);
   const handleSubmit = () => {
@@ -7250,7 +7251,7 @@ function PlanningWeekCommentPopover({
       onCommentClick(comment);
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -7258,8 +7259,8 @@ function PlanningWeekCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30__namespace.useRef(open);
-  React30__namespace.useEffect(() => {
+  const prevOpenRef = React36__namespace.useRef(open);
+  React36__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7330,7 +7331,7 @@ function PlanningWeekCommentPopover({
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
                     ]
@@ -7638,15 +7639,15 @@ function PlanningTable({
     stickySupplierColumn = true,
     maxHeight = "600px"
   } = config;
-  const weeks = React30__namespace.useMemo(
+  const weeks = React36__namespace.useMemo(
     () => generateWeeks(startDate, weekCount),
     [startDate, weekCount]
   );
-  const currentWeekKey = React30__namespace.useMemo(() => {
+  const currentWeekKey = React36__namespace.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const columnSummaryData = React30__namespace.useMemo(() => {
+  const columnSummaryData = React36__namespace.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -7688,14 +7689,14 @@ function PlanningTable({
     }
     return summaryMap;
   }, [weeks, suppliers]);
-  const columns = React30__namespace.useMemo(
+  const columns = React36__namespace.useMemo(
     () => generateColumns(weeks, config, suppliers, columnSummaryData),
     [weeks, config, suppliers, columnSummaryData]
   );
-  const [sorting, setSorting] = React30__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React30__namespace.useState([]);
-  const [columnVisibility, setColumnVisibility] = React30__namespace.useState({});
-  const [rowSelection, setRowSelection] = React30__namespace.useState({});
+  const [sorting, setSorting] = React36__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React36__namespace.useState([]);
+  const [columnVisibility, setColumnVisibility] = React36__namespace.useState({});
+  const [rowSelection, setRowSelection] = React36__namespace.useState({});
   const table = reactTable.useReactTable({
     data: suppliers,
     columns,
@@ -7719,7 +7720,7 @@ function PlanningTable({
       }
     }
   });
-  const insightMetrics = React30__namespace.useMemo(() => {
+  const insightMetrics = React36__namespace.useMemo(() => {
     let totalProduced = 0;
     let totalRequired = 0;
     let totalDeliveries = 0;
@@ -7953,10 +7954,10 @@ function DeliveryCommentPopover({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React30__namespace.useState(false);
-  const [newCommentText, setNewCommentText] = React30__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
+  const [open, setOpen] = React36__namespace.useState(false);
+  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -7975,7 +7976,7 @@ function DeliveryCommentPopover({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -7983,8 +7984,8 @@ function DeliveryCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30__namespace.useRef(open);
-  React30__namespace.useEffect(() => {
+  const prevOpenRef = React36__namespace.useRef(open);
+  React36__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -8021,7 +8022,7 @@ function DeliveryCommentPopover({
               /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { className: "space-y-2 pt-2", children: comments.length > 0 ? comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted/50 p-3 space-y-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
               ] }, comment.id)) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "No comments yet" }) })
@@ -8096,8 +8097,8 @@ function ProductionCommentSection({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
-  const [newComment, setNewComment] = React30__namespace.useState("");
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const [newComment, setNewComment] = React36__namespace.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -8115,7 +8116,7 @@ function ProductionCommentSection({
       setNewComment("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -8127,7 +8128,7 @@ function ProductionCommentSection({
     comments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted/50 p-2.5 space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
     ] }, comment.id)) }),
@@ -8282,7 +8283,7 @@ function DeliveryDetailsView({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React30__namespace.useMemo(() => {
+  const categorizedElements = React36__namespace.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -8650,15 +8651,15 @@ function WeekDetailDialog({
 }) {
   const production = data?.production;
   const initialProduced = production?.produced ?? 0;
-  const [producedValue, setProducedValue] = React30__namespace.useState(initialProduced.toString());
-  const [hasChanges, setHasChanges] = React30__namespace.useState(false);
-  const [selectedDelivery, setSelectedDelivery] = React30__namespace.useState(null);
-  React30__namespace.useEffect(() => {
+  const [producedValue, setProducedValue] = React36__namespace.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React36__namespace.useState(false);
+  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
+  React36__namespace.useEffect(() => {
     const newProduced = data?.production?.produced ?? 0;
     setProducedValue(newProduced.toString());
     setHasChanges(false);
   }, [data]);
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
     }
@@ -8789,24 +8790,24 @@ function ElementProductionDialog({
   elements,
   onSave
 }) {
-  const [searchQuery, setSearchQuery] = React30__namespace.useState("");
-  const [selectedIds, setSelectedIds] = React30__namespace.useState(
+  const [searchQuery, setSearchQuery] = React36__namespace.useState("");
+  const [selectedIds, setSelectedIds] = React36__namespace.useState(
     new Set(elements.filter((e) => e.isProduced).map((e) => e.id))
   );
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (open) {
       setSelectedIds(new Set(elements.filter((e) => e.isProduced).map((e) => e.id)));
       setSearchQuery("");
     }
   }, [open, elements]);
-  const filteredElements = React30__namespace.useMemo(() => {
+  const filteredElements = React36__namespace.useMemo(() => {
     if (!searchQuery.trim()) return elements;
     const query = searchQuery.toLowerCase();
     return elements.filter(
       (e) => e.name.toLowerCase().includes(query) || e.prefix?.toLowerCase().includes(query) || e.type?.toLowerCase().includes(query)
     );
   }, [elements, searchQuery]);
-  React30__namespace.useMemo(() => {
+  React36__namespace.useMemo(() => {
     const prefixes = /* @__PURE__ */ new Set();
     elements.forEach((e) => {
       if (e.prefix) prefixes.add(e.prefix);
@@ -8992,10 +8993,10 @@ function DeliveryCommentPopover2({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React30__namespace.useState(false);
-  const [newCommentText, setNewCommentText] = React30__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
+  const [open, setOpen] = React36__namespace.useState(false);
+  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -9014,7 +9015,7 @@ function DeliveryCommentPopover2({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -9022,7 +9023,7 @@ function DeliveryCommentPopover2({
       minute: "2-digit"
     }).format(date);
   };
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!open) {
       setShowAddForm(false);
       setNewCommentText("");
@@ -9057,7 +9058,7 @@ function DeliveryCommentPopover2({
               /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { className: "space-y-2 pt-2", children: comments.length > 0 ? comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted/50 p-3 space-y-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
               ] }, comment.id)) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "No comments yet" }) })
@@ -9132,8 +9133,8 @@ function ProductionCommentSection2({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
-  const [newComment, setNewComment] = React30__namespace.useState("");
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const [newComment, setNewComment] = React36__namespace.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -9151,7 +9152,7 @@ function ProductionCommentSection2({
       setNewComment("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -9163,7 +9164,7 @@ function ProductionCommentSection2({
     comments.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: comments.map((comment) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted/50 p-2.5 space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
     ] }, comment.id)) }),
@@ -9318,7 +9319,7 @@ function DeliveryDetailsView2({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React30__namespace.useMemo(() => {
+  const categorizedElements = React36__namespace.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -9652,10 +9653,10 @@ function WeekDetailSheet({
   onAddProductionComment,
   onAddDeliveryComment
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React30__namespace.useState(null);
-  const [productionDialogOpen, setProductionDialogOpen] = React30__namespace.useState(false);
-  const [previousProducedCount, setPreviousProducedCount] = React30__namespace.useState(void 0);
-  const productionElements = React30__namespace.useMemo(() => {
+  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
+  const [productionDialogOpen, setProductionDialogOpen] = React36__namespace.useState(false);
+  const [previousProducedCount, setPreviousProducedCount] = React36__namespace.useState(void 0);
+  const productionElements = React36__namespace.useMemo(() => {
     if (!data?.deliveries) return [];
     const elements = [];
     const seenIds = /* @__PURE__ */ new Set();
@@ -9679,12 +9680,12 @@ function WeekDetailSheet({
     return elements;
   }, [data?.deliveries]);
   const currentProducedCount = productionElements.filter((e) => e.isProduced).length;
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (open && data?.deliveries) {
       setPreviousProducedCount(currentProducedCount);
     }
   }, [open]);
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
       setProductionDialogOpen(false);
@@ -9917,13 +9918,13 @@ function CalibrationWeekCell({
   onAddClick,
   ...props
 }) {
-  const inputRef = React30__namespace.useRef(null);
-  const [localValue, setLocalValue] = React30__namespace.useState(
+  const inputRef = React36__namespace.useRef(null);
+  const [localValue, setLocalValue] = React36__namespace.useState(
     data.entered !== null ? String(data.entered) : ""
   );
-  const [isHovered, setIsHovered] = React30__namespace.useState(false);
-  const [isEditing, setIsEditing] = React30__namespace.useState(false);
-  React30__namespace.useEffect(() => {
+  const [isHovered, setIsHovered] = React36__namespace.useState(false);
+  const [isEditing, setIsEditing] = React36__namespace.useState(false);
+  React36__namespace.useEffect(() => {
     setLocalValue(data.entered !== null ? String(data.entered) : "");
   }, [data.entered]);
   const unitLabel = formatCalibrationUnit(unit);
@@ -10109,11 +10110,11 @@ function CommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React30__namespace.useState("");
-  const [selectedPrefixId, setSelectedPrefixId] = React30__namespace.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30__namespace.useState(true);
-  const [showAddForm, setShowAddForm] = React30__namespace.useState(false);
-  const selectedPrefixName = React30__namespace.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React36__namespace.useState("");
+  const [selectedPrefixId, setSelectedPrefixId] = React36__namespace.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
+  const [showAddForm, setShowAddForm] = React36__namespace.useState(false);
+  const selectedPrefixName = React36__namespace.useMemo(() => {
     const prefix = availablePrefixes.find((p) => p.id === selectedPrefixId);
     return prefix?.name ?? "";
   }, [availablePrefixes, selectedPrefixId]);
@@ -10137,7 +10138,7 @@ function CommentPopover({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -10145,8 +10146,8 @@ function CommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30__namespace.useRef(open);
-  React30__namespace.useEffect(() => {
+  const prevOpenRef = React36__namespace.useRef(open);
+  React36__namespace.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -10205,7 +10206,7 @@ function CommentPopover({
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground", children: comment.text })
                   ]
@@ -10391,7 +10392,7 @@ function CalibrationTable({
     onAddComment,
     onAddEarlierWeek
   } = config;
-  const calculatedStartDate = React30__namespace.useMemo(() => {
+  const calculatedStartDate = React36__namespace.useMemo(() => {
     if (startDate) return startDate;
     let earliest = null;
     for (const prefix of prefixes) {
@@ -10412,31 +10413,31 @@ function CalibrationTable({
     }
     return earliest ?? /* @__PURE__ */ new Date();
   }, [startDate, prefixes]);
-  const [additionalWeeks, setAdditionalWeeks] = React30__namespace.useState(0);
-  const weeks = React30__namespace.useMemo(() => {
+  const [additionalWeeks, setAdditionalWeeks] = React36__namespace.useState(0);
+  const weeks = React36__namespace.useMemo(() => {
     const start = new Date(calculatedStartDate);
     start.setDate(start.getDate() - additionalWeeks * 7);
     return generateWeeks(start, weekCount + additionalWeeks);
   }, [calculatedStartDate, weekCount, additionalWeeks]);
-  React30__namespace.useMemo(() => {
+  React36__namespace.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const [currentPage, setCurrentPage] = React30__namespace.useState(0);
-  const [pageSize, setPageSize] = React30__namespace.useState(defaultPageSize);
-  const [searchQuery, setSearchQuery] = React30__namespace.useState("");
-  const filteredPrefixes = React30__namespace.useMemo(() => {
+  const [currentPage, setCurrentPage] = React36__namespace.useState(0);
+  const [pageSize, setPageSize] = React36__namespace.useState(defaultPageSize);
+  const [searchQuery, setSearchQuery] = React36__namespace.useState("");
+  const filteredPrefixes = React36__namespace.useMemo(() => {
     if (!searchQuery) return prefixes;
     const query = searchQuery.toLowerCase();
     return prefixes.filter(
       (p) => p.name.toLowerCase().includes(query) || p.typeCode.toLowerCase().includes(query)
     );
   }, [prefixes, searchQuery]);
-  const paginatedPrefixes = React30__namespace.useMemo(() => {
+  const paginatedPrefixes = React36__namespace.useMemo(() => {
     const start = currentPage * pageSize;
     return filteredPrefixes.slice(start, start + pageSize);
   }, [filteredPrefixes, currentPage, pageSize]);
-  React30__namespace.useMemo(
+  React36__namespace.useMemo(
     () => canSubmitCalibration(prefixes),
     [prefixes]
   );
@@ -10460,11 +10461,11 @@ function CalibrationTable({
     }
     return allComments;
   };
-  const availablePrefixes = React30__namespace.useMemo(
+  const availablePrefixes = React36__namespace.useMemo(
     () => prefixes.map((p) => ({ id: p.id, name: p.name })),
     [prefixes]
   );
-  const insightMetrics = React30__namespace.useMemo(() => {
+  const insightMetrics = React36__namespace.useMemo(() => {
     let totalCalibrated = 0;
     let totalRequired = 0;
     for (const prefix of prefixes) {
@@ -10505,7 +10506,7 @@ function CalibrationTable({
       }
     ];
   }, [prefixes]);
-  const columnSummaryData = React30__namespace.useMemo(() => {
+  const columnSummaryData = React36__namespace.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -10772,14 +10773,14 @@ function CommentDialog({
   open,
   onOpenChange
 }) {
-  const [selectedPrefixId, setSelectedPrefixId] = React30__namespace.useState("");
-  const [selectedWeekKey, setSelectedWeekKey] = React30__namespace.useState("");
-  const [commentText, setCommentText] = React30__namespace.useState("");
-  const currentWeek = React30__namespace.useMemo(
+  const [selectedPrefixId, setSelectedPrefixId] = React36__namespace.useState("");
+  const [selectedWeekKey, setSelectedWeekKey] = React36__namespace.useState("");
+  const [commentText, setCommentText] = React36__namespace.useState("");
+  const currentWeek = React36__namespace.useMemo(
     () => weeks.find((w) => w.isCurrentWeek),
     [weeks]
   );
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (open) {
       setSelectedPrefixId(prefixes[0]?.id ?? "");
       setSelectedWeekKey(currentWeek ? getWeekKey(currentWeek.startDate) : weeks[0] ? getWeekKey(weeks[0].startDate) : "");
@@ -11015,7 +11016,7 @@ function generateLoadingWeek(date) {
   const today = /* @__PURE__ */ new Date();
   today.setHours(0, 0, 0, 0);
   const isCurrentWeek = monday <= today && today <= friday;
-  const formatDate3 = (d) => {
+  const formatDate6 = (d) => {
     return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
   };
   return {
@@ -11023,7 +11024,7 @@ function generateLoadingWeek(date) {
     label: `W${getLoadingISOWeek(monday).toString().padStart(2, "0")}`,
     startDate: monday,
     endDate: friday,
-    dateRange: `${formatDate3(monday)} - ${formatDate3(friday)}`,
+    dateRange: `${formatDate6(monday)} - ${formatDate6(friday)}`,
     isCurrentWeek
   };
 }
@@ -11326,7 +11327,7 @@ function WeeklyLoadingView({
   showNavigation = true,
   className
 }) {
-  const [shippedOpenState, setShippedOpenState] = React30__namespace.useState({
+  const [shippedOpenState, setShippedOpenState] = React36__namespace.useState({
     1: false,
     // Monday
     2: false,
@@ -11344,7 +11345,7 @@ function WeeklyLoadingView({
       [dayOfWeek]: !prev[dayOfWeek]
     }));
   };
-  const weekDays = React30__namespace.useMemo(() => {
+  const weekDays = React36__namespace.useMemo(() => {
     const days = [];
     for (let i = 0; i < 5; i++) {
       const date = dateFns.addDays(week.startDate, i);
@@ -11356,7 +11357,7 @@ function WeeklyLoadingView({
     }
     return days;
   }, [week.startDate]);
-  const deliveriesByDay = React30__namespace.useMemo(() => {
+  const deliveriesByDay = React36__namespace.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       grouped.set(i, { pending: [], shipped: [] });
@@ -11376,7 +11377,7 @@ function WeeklyLoadingView({
   }, [deliveries]);
   const totalPendingDeliveries = deliveries.filter((d) => !isShippedDelivery(d)).length;
   const totalShippedDeliveries = deliveries.filter((d) => isShippedDelivery(d)).length;
-  const daySummaryData = React30__namespace.useMemo(() => {
+  const daySummaryData = React36__namespace.useMemo(() => {
     const summaries = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       const dayData = deliveriesByDay.get(i) ?? { pending: [], shipped: [] };
@@ -11730,7 +11731,7 @@ function DeliveryTimeline({ timelineState }) {
     const state = getStateForStep(step.id);
     const styles = getStepStyles(state);
     const isLast = index === TIMELINE_STEPS.length - 1;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React30__namespace.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -11865,7 +11866,7 @@ function AddCommentDialog({
   weekId,
   onAddComment
 }) {
-  const [commentText, setCommentText] = React30__namespace.useState("");
+  const [commentText, setCommentText] = React36__namespace.useState("");
   const handleSubmit = () => {
     if (commentText.trim() && onAddComment) {
       onAddComment({
@@ -11890,7 +11891,7 @@ function AddCommentDialog({
       handleSubmit();
     }
   };
-  React30__namespace.useEffect(() => {
+  React36__namespace.useEffect(() => {
     if (!open) {
       setCommentText("");
     }
@@ -11953,9 +11954,9 @@ function CommentsSection({
   weekId,
   onAddComment
 }) {
-  const [viewCommentsOpen, setViewCommentsOpen] = React30__namespace.useState(true);
-  const [addDialogOpen, setAddDialogOpen] = React30__namespace.useState(false);
-  const formatDate3 = (date) => {
+  const [viewCommentsOpen, setViewCommentsOpen] = React36__namespace.useState(true);
+  const [addDialogOpen, setAddDialogOpen] = React36__namespace.useState(false);
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -11999,7 +12000,7 @@ function CommentsSection({
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: comment.author }),
               comment.supplierName && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[9px] px-1.5 py-0 h-4", children: comment.prefixName ? `${comment.supplierName} - ${comment.prefixName}` : comment.supplierName })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: comment.text })
         ] }, comment.id)) })
@@ -12028,7 +12029,7 @@ function DeliveryDetailPage({
   onConfirmLoad
 }) {
   const timelineState = getTimelineState(delivery);
-  const elementsByStatus = React30__namespace.useMemo(() => {
+  const elementsByStatus = React36__namespace.useMemo(() => {
     const loaded = delivery.elements.filter((e) => e.status === "loaded");
     const missing = delivery.elements.filter((e) => e.status === "missing");
     const moved = delivery.elements.filter((e) => e.status === "moved");
@@ -12215,11 +12216,11 @@ function SupplierWeeklyLoading({
   bordered = true,
   className
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React30__namespace.useState(null);
-  const [sheetOpen, setSheetOpen] = React30__namespace.useState(false);
-  const [commentDelivery, setCommentDelivery] = React30__namespace.useState(null);
-  const [commentDialogOpen, setCommentDialogOpen] = React30__namespace.useState(false);
-  const [commentText, setCommentText] = React30__namespace.useState("");
+  const [selectedDelivery, setSelectedDelivery] = React36__namespace.useState(null);
+  const [sheetOpen, setSheetOpen] = React36__namespace.useState(false);
+  const [commentDelivery, setCommentDelivery] = React36__namespace.useState(null);
+  const [commentDialogOpen, setCommentDialogOpen] = React36__namespace.useState(false);
+  const [commentText, setCommentText] = React36__namespace.useState("");
   const handleDeliveryClick = (delivery) => {
     setSelectedDelivery(delivery);
     setSheetOpen(true);
@@ -12262,7 +12263,7 @@ function SupplierWeeklyLoading({
       handleCommentSubmit();
     }
   };
-  const insightMetrics = React30__namespace.useMemo(() => {
+  const insightMetrics = React36__namespace.useMemo(() => {
     const totalDeliveries = deliveries.length;
     const readyDeliveries = deliveries.filter((d) => d.isReadyToUnload).length;
     deliveries.filter(
@@ -12681,11 +12682,11 @@ function CapacityPlanningChart({
   allowDragDrop = true,
   className
 }) {
-  const containerRef = React30__namespace.useRef(null);
-  const [draggedPackage, setDraggedPackage] = React30__namespace.useState(null);
-  const [showUnassigned, setShowUnassigned] = React30__namespace.useState(true);
-  const [containerWidth, setContainerWidth] = React30__namespace.useState(0);
-  React30__namespace.useEffect(() => {
+  const containerRef = React36__namespace.useRef(null);
+  const [draggedPackage, setDraggedPackage] = React36__namespace.useState(null);
+  const [showUnassigned, setShowUnassigned] = React36__namespace.useState(true);
+  const [containerWidth, setContainerWidth] = React36__namespace.useState(0);
+  React36__namespace.useEffect(() => {
     const updateWidth = () => {
       if (containerRef.current) {
         setContainerWidth(containerRef.current.offsetWidth);
@@ -12698,15 +12699,15 @@ function CapacityPlanningChart({
     }
     return () => observer.disconnect();
   }, []);
-  const cumulativeNeed = React30__namespace.useMemo(
+  const cumulativeNeed = React36__namespace.useMemo(
     () => calculateCumulativeNeed(weeks, deliveries),
     [weeks, deliveries]
   );
-  const packagePositions = React30__namespace.useMemo(
+  const packagePositions = React36__namespace.useMemo(
     () => calculatePackagePositions(packages, weeks),
     [packages, weeks]
   );
-  const deliveriesByWeek = React30__namespace.useMemo(() => {
+  const deliveriesByWeek = React36__namespace.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const d of deliveries) {
       const existing = map.get(d.weekKey) || [];
@@ -13243,7 +13244,7 @@ var calculateInnerOffset = (date, range, columnWidth) => {
   const dayOfMonth = date.getDate();
   return dayOfMonth / totalRangeDays * columnWidth;
 };
-var GanttContext = React30.createContext({
+var GanttContext = React36.createContext({
   zoom: 100,
   range: "monthly",
   columnWidth: 50,
@@ -13259,13 +13260,13 @@ var GanttContext = React30.createContext({
   setGroupExpanded: () => {
   }
 });
-var useGanttContext = () => React30.useContext(GanttContext);
+var useGanttContext = () => React36.useContext(GanttContext);
 var GanttContentHeader = ({
   title,
   columns,
   renderHeaderItem
 }) => {
-  const id = React30.useId();
+  const id = React36.useId();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13313,8 +13314,8 @@ var getWeekStartDate = (year, weekNumber) => {
   return dateFns.addWeeks(week1Start, weekNumber - 1);
 };
 var WeeklyHeader = () => {
-  const gantt = React30.useContext(GanttContext);
-  const weeklyData = React30.useMemo(() => {
+  const gantt = React36.useContext(GanttContext);
+  const weeklyData = React36.useMemo(() => {
     const result = [];
     for (const yearData of gantt.timelineData) {
       const year = yearData.year;
@@ -13349,7 +13350,7 @@ var WeeklyHeader = () => {
   ] }, yearData.year));
 };
 var MonthlyHeader = () => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   return gantt.timelineData.map((year) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       GanttContentHeader,
@@ -13368,7 +13369,7 @@ var MonthlyHeader = () => {
   ] }, year.year));
 };
 var QuarterlyHeader = () => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   return gantt.timelineData.map(
     (year) => year.quarters.map((quarter, quarterIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -13396,7 +13397,7 @@ var headers = {
   quarterly: QuarterlyHeader
 };
 var GanttHeader = ({ className }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const Header2 = headers[gantt.range];
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -13414,7 +13415,7 @@ var GanttSidebarItem = ({
   onSelectItem,
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const tempEndAt = feature.endAt && dateFns.isSameDay(feature.startAt, feature.endAt) ? dateFns.addDays(feature.endAt, 1) : feature.endAt;
   const duration = tempEndAt ? dateFns.formatDistance(feature.startAt, tempEndAt) : `${dateFns.formatDistance(feature.startAt, /* @__PURE__ */ new Date())} so far`;
   const handleClick = (event) => {
@@ -13490,24 +13491,24 @@ function computeGroupRange(features) {
   }
   return { start: minStart, end: maxEnd };
 }
-var GanttGroupSummaryBar = React30.memo(({
+var GanttGroupSummaryBar = React36.memo(({
   group,
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
-  const timelineStartDate = React30.useMemo(
+  const gantt = React36.useContext(GanttContext);
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const { start: groupStart, end: groupEnd } = React30.useMemo(
+  const { start: groupStart, end: groupEnd } = React36.useMemo(
     () => computeGroupRange(group.features),
     [group.features]
   );
-  const offset = React30.useMemo(() => {
+  const offset = React36.useMemo(() => {
     if (!groupStart) return 0;
     return Math.round(getOffset(groupStart, timelineStartDate, gantt));
   }, [groupStart, timelineStartDate, gantt]);
-  const width = React30.useMemo(() => {
+  const width = React36.useMemo(() => {
     if (!groupStart || !groupEnd) return 0;
     return Math.round(getWidth(groupStart, groupEnd, gantt));
   }, [groupStart, groupEnd, gantt]);
@@ -13547,13 +13548,13 @@ var GanttCollapsibleSidebarGroup = ({
   children,
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const isExpanded = gantt.expandedGroups[group.id] ?? true;
-  const { start: groupStart, end: groupEnd } = React30.useMemo(
+  const { start: groupStart, end: groupEnd } = React36.useMemo(
     () => computeGroupRange(group.features),
     [group.features]
   );
-  const duration = React30.useMemo(() => {
+  const duration = React36.useMemo(() => {
     if (!groupStart || !groupEnd) return null;
     return dateFns.formatDistance(groupStart, groupEnd);
   }, [groupStart, groupEnd]);
@@ -13597,7 +13598,7 @@ var GanttCollapsibleTimelineGroup = ({
   children,
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const isExpanded = gantt.expandedGroups[group.id] ?? true;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Collapsible,
@@ -13657,7 +13658,7 @@ var GanttAddFeatureHelper = ({
   className
 }) => {
   const [scrollX] = useGanttScrollX();
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const [mousePosition, mouseRef] = usehooks.useMouse();
   const handleClick = () => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
@@ -13696,10 +13697,10 @@ var GanttColumn = ({
   index,
   isColumnSecondary
 }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const [dragging] = useGanttDragging();
   const [mousePosition, mouseRef] = usehooks.useMouse();
-  const [hovering, setHovering] = React30.useState(false);
+  const [hovering, setHovering] = React36.useState(false);
   const [windowScroll] = usehooks.useWindowScroll();
   const handleMouseEnter = () => setHovering(true);
   const handleMouseLeave = () => setHovering(false);
@@ -13729,7 +13730,7 @@ var GanttColumns = ({
   columns,
   isColumnSecondary
 }) => {
-  const id = React30.useId();
+  const id = React36.useId();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -13748,12 +13749,12 @@ var GanttColumns = ({
     }
   );
 };
-var GanttGridLines = React30.memo(({
+var GanttGridLines = React36.memo(({
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
-  const id = React30.useId();
-  const { columns, monthBoundaryIndices } = React30.useMemo(() => {
+  const gantt = React36.useContext(GanttContext);
+  const id = React36.useId();
+  const { columns, monthBoundaryIndices } = React36.useMemo(() => {
     let totalColumns = 0;
     const monthIndices = [];
     if (gantt.range === "weekly") {
@@ -13817,7 +13818,7 @@ var GanttCreateMarkerTrigger = ({
   onCreateMarker,
   className
 }) => {
-  const gantt = React30.useContext(GanttContext);
+  const gantt = React36.useContext(GanttContext);
   const [mousePosition, mouseRef] = usehooks.useMouse();
   const [windowScroll] = usehooks.useWindowScroll();
   const x = usehooks.useThrottle(
@@ -13866,7 +13867,7 @@ var GanttFeatureDragHelper = ({
     id: `feature-drag-helper-${featureId}`
   });
   const isPressed = Boolean(attributes["aria-pressed"]);
-  React30.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
+  React36.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -13912,7 +13913,7 @@ var GanttFeatureItemCard = ({
   const [, setDragging] = useGanttDragging();
   const { attributes, listeners, setNodeRef } = core.useDraggable({ id });
   const isPressed = Boolean(attributes["aria-pressed"]);
-  React30.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
+  React36.useEffect(() => setDragging(isPressed), [isPressed, setDragging]);
   return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "h-full w-full rounded-sm border bg-background px-2 py-1.5 text-xs shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -13938,37 +13939,37 @@ var GanttFeatureItem = ({
   ...feature
 }) => {
   const [scrollX] = useGanttScrollX();
-  const gantt = React30.useContext(GanttContext);
-  const timelineStartDate = React30.useMemo(
+  const gantt = React36.useContext(GanttContext);
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const [startAt, setStartAt] = React30.useState(feature.startAt);
-  const [endAt, setEndAt] = React30.useState(feature.endAt);
-  const width = React30.useMemo(
+  const [startAt, setStartAt] = React36.useState(feature.startAt);
+  const [endAt, setEndAt] = React36.useState(feature.endAt);
+  const width = React36.useMemo(
     () => Math.round(getWidth(startAt, endAt, gantt)),
     [startAt, endAt, gantt]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(startAt, timelineStartDate, gantt)),
     [startAt, timelineStartDate, gantt]
   );
-  const addRange = React30.useMemo(() => getAddRange(gantt.range), [gantt.range]);
+  const addRange = React36.useMemo(() => getAddRange(gantt.range), [gantt.range]);
   const [mousePosition] = usehooks.useMouse();
-  const [previousMouseX, setPreviousMouseX] = React30.useState(0);
-  const [previousStartAt, setPreviousStartAt] = React30.useState(startAt);
-  const [previousEndAt, setPreviousEndAt] = React30.useState(endAt);
+  const [previousMouseX, setPreviousMouseX] = React36.useState(0);
+  const [previousStartAt, setPreviousStartAt] = React36.useState(startAt);
+  const [previousEndAt, setPreviousEndAt] = React36.useState(endAt);
   const mouseSensor = core.useSensor(core.MouseSensor, {
     activationConstraint: {
       distance: 10
     }
   });
-  const handleItemDragStart = React30.useCallback(() => {
+  const handleItemDragStart = React36.useCallback(() => {
     setPreviousMouseX(mousePosition.x);
     setPreviousStartAt(startAt);
     setPreviousEndAt(endAt);
   }, [mousePosition.x, startAt, endAt]);
-  const handleItemDragMove = React30.useCallback(() => {
+  const handleItemDragMove = React36.useCallback(() => {
     const currentDate = getDateByMousePosition(gantt, mousePosition.x);
     const originalDate = getDateByMousePosition(gantt, previousMouseX);
     const delta = gantt.range === "weekly" ? dateFns.differenceInDays(currentDate, originalDate) : getInnerDifferenceIn(gantt.range)(currentDate, originalDate);
@@ -13977,17 +13978,17 @@ var GanttFeatureItem = ({
     setStartAt(newStartDate);
     setEndAt(newEndDate);
   }, [gantt, mousePosition.x, previousMouseX, previousStartAt, previousEndAt]);
-  const onDragEnd = React30.useCallback(
+  const onDragEnd = React36.useCallback(
     () => onMove?.(feature.id, startAt, endAt),
     [onMove, feature.id, startAt, endAt]
   );
-  const handleLeftDragMove = React30.useCallback(() => {
+  const handleLeftDragMove = React36.useCallback(() => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
     const x = mousePosition.x - (ganttRect?.left ?? 0) + scrollX - gantt.sidebarWidth;
     const newStartAt = getDateByMousePosition(gantt, x);
     setStartAt(newStartAt);
   }, [gantt, mousePosition.x, scrollX]);
-  const handleRightDragMove = React30.useCallback(() => {
+  const handleRightDragMove = React36.useCallback(() => {
     const ganttRect = gantt.ref?.current?.getBoundingClientRect();
     const x = mousePosition.x - (ganttRect?.left ?? 0) + scrollX - gantt.sidebarWidth;
     const newEndAt = getDateByMousePosition(gantt, x);
@@ -14183,21 +14184,21 @@ var GanttFeatureList = ({
     children
   }
 );
-var GanttMarker = React30.memo(({ label, date, id, onRemove, className }) => {
-  const gantt = React30.useContext(GanttContext);
-  const differenceIn = React30.useMemo(
+var GanttMarker = React36.memo(({ label, date, id, onRemove, className }) => {
+  const gantt = React36.useContext(GanttContext);
+  const differenceIn = React36.useMemo(
     () => getDifferenceIn(gantt.range),
     [gantt.range]
   );
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => differenceIn(date, timelineStartDate),
     [differenceIn, date, timelineStartDate]
   );
-  const innerOffset = React30.useMemo(
+  const innerOffset = React36.useMemo(
     () => calculateInnerOffset(
       date,
       gantt.range,
@@ -14205,7 +14206,7 @@ var GanttMarker = React30.memo(({ label, date, id, onRemove, className }) => {
     ),
     [date, gantt.range, gantt.columnWidth, gantt.zoom]
   );
-  const handleRemove = React30.useCallback(() => onRemove?.(id), [onRemove, id]);
+  const handleRemove = React36.useCallback(() => onRemove?.(id), [onRemove, id]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -14255,14 +14256,14 @@ var GanttProvider = ({
   className,
   defaultExpandedGroups = {}
 }) => {
-  const scrollRef = React30.useRef(null);
-  const [timelineData, setTimelineData] = React30.useState(
+  const scrollRef = React36.useRef(null);
+  const [timelineData, setTimelineData] = React36.useState(
     createInitialTimelineData(/* @__PURE__ */ new Date())
   );
   const [, setScrollX] = useGanttScrollX();
   const sidebarWidth = 280;
-  const [expandedGroups, setExpandedGroups] = React30.useState(defaultExpandedGroups);
-  const setGroupExpanded = React30.useCallback((groupId, expanded) => {
+  const [expandedGroups, setExpandedGroups] = React36.useState(defaultExpandedGroups);
+  const setGroupExpanded = React36.useCallback((groupId, expanded) => {
     setExpandedGroups((prev) => ({ ...prev, [groupId]: expanded }));
   }, []);
   const headerHeight = 60;
@@ -14273,7 +14274,7 @@ var GanttProvider = ({
   } else if (range === "quarterly") {
     columnWidth = 100;
   }
-  const cssVariables = React30.useMemo(
+  const cssVariables = React36.useMemo(
     () => ({
       "--gantt-zoom": `${zoom}`,
       "--gantt-column-width": `${zoom / 100 * columnWidth}px`,
@@ -14283,13 +14284,13 @@ var GanttProvider = ({
     }),
     [zoom, columnWidth, sidebarWidth]
   );
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollLeft = scrollRef.current.scrollWidth / 2 - scrollRef.current.clientWidth / 2;
       setScrollX(scrollRef.current.scrollLeft);
     }
   }, [setScrollX]);
-  const handleScroll = React30.useCallback(
+  const handleScroll = React36.useCallback(
     throttle__default.default(() => {
       const scrollElement = scrollRef.current;
       if (!scrollElement) {
@@ -14341,7 +14342,7 @@ var GanttProvider = ({
     }, 100),
     []
   );
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     const scrollElement = scrollRef.current;
     if (scrollElement) {
       scrollElement.addEventListener("scroll", handleScroll);
@@ -14352,7 +14353,7 @@ var GanttProvider = ({
       }
     };
   }, [handleScroll]);
-  const scrollToFeature = React30.useCallback(
+  const scrollToFeature = React36.useCallback(
     (feature) => {
       const scrollElement = scrollRef.current;
       if (!scrollElement) {
@@ -14432,21 +14433,21 @@ var GanttTimeline = ({
 );
 var GanttToday = ({ className }) => {
   const label = "Today";
-  const date = React30.useMemo(() => /* @__PURE__ */ new Date(), []);
-  const gantt = React30.useContext(GanttContext);
-  const differenceIn = React30.useMemo(
+  const date = React36.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const gantt = React36.useContext(GanttContext);
+  const differenceIn = React36.useMemo(
     () => getDifferenceIn(gantt.range),
     [gantt.range]
   );
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => differenceIn(date, timelineStartDate),
     [differenceIn, date, timelineStartDate]
   );
-  const innerOffset = React30.useMemo(
+  const innerOffset = React36.useMemo(
     () => Math.round(calculateInnerOffset(
       date,
       gantt.range,
@@ -14538,11 +14539,11 @@ var getWeekStartDate2 = (year, weekNumber) => {
   targetDate.setDate(week1Start.getDate() + (weekNumber - 1) * 7);
   return targetDate;
 };
-var EnhancedGridLines = React30.memo(({ rowCount }) => {
+var EnhancedGridLines = React36.memo(({ rowCount }) => {
   const gantt = useGanttContext();
-  const id = React30__namespace.useId();
+  const id = React36__namespace.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
-  const { verticalLines, totalColumns } = React30.useMemo(() => {
+  const { verticalLines, totalColumns } = React36.useMemo(() => {
     const lines = [];
     let totalCols = 0;
     if (gantt.range === "weekly") {
@@ -14582,7 +14583,7 @@ var EnhancedGridLines = React30.memo(({ rowCount }) => {
     }
     return { verticalLines: lines, totalColumns: totalCols };
   }, [gantt.timelineData, gantt.range, columnWidth]);
-  const horizontalLines = React30.useMemo(() => {
+  const horizontalLines = React36.useMemo(() => {
     const lines = [];
     for (let i = 0; i <= rowCount; i++) {
       lines.push(i);
@@ -14632,7 +14633,7 @@ var EnhancedGridLines = React30.memo(({ rowCount }) => {
   ] });
 });
 EnhancedGridLines.displayName = "EnhancedGridLines";
-var DeliveryCut = React30.memo(({
+var DeliveryCut = React36.memo(({
   date,
   packageEndDate,
   packageName,
@@ -14640,19 +14641,19 @@ var DeliveryCut = React30.memo(({
   feasibility
 }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(date, timelineStartDate, gantt)),
     [date, timelineStartDate, gantt]
   );
-  const deltaDays = React30.useMemo(
+  const deltaDays = React36.useMemo(
     () => dateFns.differenceInDays(date, packageEndDate),
     [date, packageEndDate]
   );
-  const colors = React30.useMemo(() => {
+  const colors = React36.useMemo(() => {
     switch (feasibility) {
       case "feasible":
         return {
@@ -14681,7 +14682,7 @@ var DeliveryCut = React30.memo(({
         };
     }
   }, [feasibility]);
-  const deltaText = React30.useMemo(() => {
+  const deltaText = React36.useMemo(() => {
     if (deltaDays > 0) {
       return `+${deltaDays}d buffer`;
     } else if (deltaDays < 0) {
@@ -14719,7 +14720,7 @@ var DeliveryCut = React30.memo(({
   );
 });
 DeliveryCut.displayName = "DeliveryCut";
-var FeasibilityFeatureItem = React30.memo(({
+var FeasibilityFeatureItem = React36.memo(({
   feature,
   pkg,
   feasibility,
@@ -14730,35 +14731,35 @@ var FeasibilityFeatureItem = React30.memo(({
 }) => {
   const gantt = useGanttContext();
   const [, setDragging] = useGanttDragging();
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const [startAt, setStartAt] = React30.useState(feature.startAt);
-  const [endAt, setEndAt] = React30.useState(feature.endAt);
-  const originalDuration = React30.useMemo(
+  const [startAt, setStartAt] = React36.useState(feature.startAt);
+  const [endAt, setEndAt] = React36.useState(feature.endAt);
+  const originalDuration = React36.useMemo(
     () => dateFns.differenceInDays(feature.endAt, feature.startAt),
     [feature.endAt, feature.startAt]
   );
-  const width = React30.useMemo(
+  const width = React36.useMemo(
     () => Math.round(getWidth(startAt, endAt, gantt)),
     [startAt, endAt, gantt]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(startAt, timelineStartDate, gantt)),
     [startAt, timelineStartDate, gantt]
   );
   const [mousePosition] = usehooks.useMouse();
-  const [previousMouseX, setPreviousMouseX] = React30.useState(0);
-  const [previousStartAt, setPreviousStartAt] = React30.useState(startAt);
+  const [previousMouseX, setPreviousMouseX] = React36.useState(0);
+  const [previousStartAt, setPreviousStartAt] = React36.useState(startAt);
   const mouseSensor = core.useSensor(core.MouseSensor, {
     activationConstraint: { distance: 10 }
   });
-  const handleDragStart = React30.useCallback(() => {
+  const handleDragStart = React36.useCallback(() => {
     setPreviousMouseX(mousePosition.x);
     setPreviousStartAt(startAt);
   }, [mousePosition.x, startAt]);
-  const handleDragMove = React30.useCallback(() => {
+  const handleDragMove = React36.useCallback(() => {
     const currentDate = getDateByMousePosition(gantt, mousePosition.x);
     const originalDate = getDateByMousePosition(gantt, previousMouseX);
     const delta = dateFns.differenceInDays(currentDate, originalDate);
@@ -14767,18 +14768,18 @@ var FeasibilityFeatureItem = React30.memo(({
     setStartAt(newStart);
     setEndAt(newEnd);
   }, [gantt, mousePosition.x, previousMouseX, previousStartAt, originalDuration]);
-  const handleDragEnd = React30.useCallback(() => {
+  const handleDragEnd = React36.useCallback(() => {
     onMove?.(feature.id, startAt, endAt);
   }, [onMove, feature.id, startAt, endAt]);
   const { attributes, listeners, setNodeRef, isDragging } = core.useDraggable({
     id: `feature-${feature.id}`
   });
-  React30.useEffect(() => setDragging(isDragging), [isDragging, setDragging]);
+  React36.useEffect(() => setDragging(isDragging), [isDragging, setDragging]);
   const color = feature.status.color;
-  const handleMouseEnter = React30.useCallback(() => {
+  const handleMouseEnter = React36.useCallback(() => {
     onHoverChange?.(true);
   }, [onHoverChange]);
-  const handleMouseLeave = React30.useCallback(() => {
+  const handleMouseLeave = React36.useCallback(() => {
     onHoverChange?.(false);
   }, [onHoverChange]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -14912,13 +14913,13 @@ function ProductionPackageGantt({
   zoom = 100,
   className
 }) {
-  const [packageDates, setPackageDates] = React30.useState(
+  const [packageDates, setPackageDates] = React36.useState(
     () => new Map(packages.map((pkg) => [pkg.id, { startDate: pkg.startDate, endDate: pkg.endDate }]))
   );
-  const [hoveredPackageId, setHoveredPackageId] = React30.useState(null);
-  const [selectedPackage, setSelectedPackage] = React30.useState(null);
-  const [sheetOpen, setSheetOpen] = React30.useState(false);
-  const packageFeasibility = React30.useMemo(() => {
+  const [hoveredPackageId, setHoveredPackageId] = React36.useState(null);
+  const [selectedPackage, setSelectedPackage] = React36.useState(null);
+  const [sheetOpen, setSheetOpen] = React36.useState(false);
+  const packageFeasibility = React36.useMemo(() => {
     const result = /* @__PURE__ */ new Map();
     for (const pkg of packages) {
       const dates = packageDates.get(pkg.id) ?? { startDate: pkg.startDate, endDate: pkg.endDate };
@@ -14926,7 +14927,7 @@ function ProductionPackageGantt({
     }
     return result;
   }, [packages, packageDates]);
-  const ganttFeatures = React30.useMemo(() => {
+  const ganttFeatures = React36.useMemo(() => {
     return packages.map((pkg) => {
       const dates = packageDates.get(pkg.id) ?? { startDate: pkg.startDate, endDate: pkg.endDate };
       const status = packageFeasibility.get(pkg.id) ?? "feasible";
@@ -14943,7 +14944,7 @@ function ProductionPackageGantt({
       };
     });
   }, [packages, packageDates, packageFeasibility]);
-  const handleFeatureMove = React30.useCallback((id, startAt, endAt) => {
+  const handleFeatureMove = React36.useCallback((id, startAt, endAt) => {
     setPackageDates((prev) => {
       const next = new Map(prev);
       next.set(id, { startDate: startAt, endDate: endAt });
@@ -14951,15 +14952,15 @@ function ProductionPackageGantt({
     });
     onPackageMove?.(id, startAt, endAt);
   }, [onPackageMove]);
-  const handlePackageClick = React30.useCallback((pkg) => {
+  const handlePackageClick = React36.useCallback((pkg) => {
     setSelectedPackage(pkg);
     setSheetOpen(true);
     onPackageClick?.(pkg);
   }, [onPackageClick]);
-  const handleHoverChange = React30.useCallback((pkgId, isHovered) => {
+  const handleHoverChange = React36.useCallback((pkgId, isHovered) => {
     setHoveredPackageId(isHovered ? pkgId : null);
   }, []);
-  const insightMetrics = React30.useMemo(() => {
+  const insightMetrics = React36.useMemo(() => {
     const feasibleCount = Array.from(packageFeasibility.values()).filter((s) => s === "feasible").length;
     const atRiskCount = Array.from(packageFeasibility.values()).filter((s) => s === "at-risk").length;
     const infeasibleCount = Array.from(packageFeasibility.values()).filter((s) => s === "infeasible").length;
@@ -15133,11 +15134,11 @@ function getPhaseColor(phaseId, customColor) {
   if (customColor) return customColor;
   return PHASE_COLORS[phaseId] || "hsl(var(--chart-5))";
 }
-var LightweightGridLines = React30.memo(() => {
+var LightweightGridLines = React36.memo(() => {
   const gantt = useGanttContext();
-  const id = React30__namespace.useId();
+  const id = React36__namespace.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
-  const { lines, totalWidth } = React30.useMemo(() => {
+  const { lines, totalWidth } = React36.useMemo(() => {
     const linePositions = [];
     let currentOffset = 0;
     let weekCounter = 0;
@@ -15184,13 +15185,13 @@ var LightweightGridLines = React30.memo(() => {
   );
 });
 LightweightGridLines.displayName = "LightweightGridLines";
-var DeadlineMarker = React30.memo(({ date, label, visible }) => {
+var DeadlineMarker = React36.memo(({ date, label, visible }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(date, timelineStartDate, gantt)),
     [date, timelineStartDate, gantt]
   );
@@ -15234,8 +15235,8 @@ var DeadlineMarker = React30.memo(({ date, label, visible }) => {
   );
 });
 DeadlineMarker.displayName = "DeadlineMarker";
-var PhaseIndicator = React30.memo(({ type, onClick }) => {
-  const handleClick = React30.useCallback((e) => {
+var PhaseIndicator = React36.memo(({ type, onClick }) => {
+  const handleClick = React36.useCallback((e) => {
     e.stopPropagation();
     onClick?.(e);
   }, [onClick]);
@@ -15258,18 +15259,18 @@ var PhaseIndicator = React30.memo(({ type, onClick }) => {
   ] }) });
 });
 PhaseIndicator.displayName = "PhaseIndicator";
-var PhaseBar = React30.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
-  const [isHovered, setIsHovered] = React30.useState(false);
+var PhaseBar = React36.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
+  const [isHovered, setIsHovered] = React36.useState(false);
   const gantt = useGanttContext();
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const width = React30.useMemo(
+  const width = React36.useMemo(
     () => Math.round(getWidth(phase.startDate, phase.endDate, gantt)),
     [phase.startDate, phase.endDate, gantt]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(phase.startDate, timelineStartDate, gantt)),
     [phase.startDate, timelineStartDate, gantt]
   );
@@ -15351,17 +15352,17 @@ var PhaseBar = React30.memo(({ phase, isExpanded, onToggle, hasDeadline }) => {
   );
 });
 PhaseBar.displayName = "PhaseBar";
-var PackageBar = React30.memo(({ pkg, phaseColor, onClick }) => {
+var PackageBar = React36.memo(({ pkg, phaseColor, onClick }) => {
   const gantt = useGanttContext();
-  const timelineStartDate = React30.useMemo(
+  const timelineStartDate = React36.useMemo(
     () => new Date(gantt.timelineData.at(0)?.year ?? 0, 0, 1),
     [gantt.timelineData]
   );
-  const width = React30.useMemo(
+  const width = React36.useMemo(
     () => Math.round(getWidth(pkg.startDate, pkg.endDate, gantt)),
     [pkg.startDate, pkg.endDate, gantt]
   );
-  const offset = React30.useMemo(
+  const offset = React36.useMemo(
     () => Math.round(getOffset(pkg.startDate, timelineStartDate, gantt)),
     [pkg.startDate, pkg.endDate, gantt]
   );
@@ -15407,7 +15408,7 @@ var PackageBar = React30.memo(({ pkg, phaseColor, onClick }) => {
   );
 });
 PackageBar.displayName = "PackageBar";
-var PhaseSidebarItem = React30.memo(({
+var PhaseSidebarItem = React36.memo(({
   phase,
   packageCount,
   isExpanded,
@@ -15462,7 +15463,7 @@ var PhaseSidebarItem = React30.memo(({
   );
 });
 PhaseSidebarItem.displayName = "PhaseSidebarItem";
-var PackageSidebarItem = React30.memo(({
+var PackageSidebarItem = React36.memo(({
   pkg,
   phaseColor,
   onClick
@@ -15527,12 +15528,12 @@ function PhaseGantt({
   className,
   defaultExpandedPhases = []
 }) {
-  const [expandedPhases, setExpandedPhases] = React30.useState(
+  const [expandedPhases, setExpandedPhases] = React36.useState(
     () => new Set(defaultExpandedPhases)
   );
-  const [selectedPackage, setSelectedPackage] = React30.useState(null);
-  const [sheetOpen, setSheetOpen] = React30.useState(false);
-  const togglePhase = React30.useCallback((phaseId) => {
+  const [selectedPackage, setSelectedPackage] = React36.useState(null);
+  const [sheetOpen, setSheetOpen] = React36.useState(false);
+  const togglePhase = React36.useCallback((phaseId) => {
     setExpandedPhases((prev) => {
       const next = new Set(prev);
       if (next.has(phaseId)) {
@@ -15543,12 +15544,12 @@ function PhaseGantt({
       return next;
     });
   }, []);
-  const handlePackageClick = React30.useCallback((pkg) => {
+  const handlePackageClick = React36.useCallback((pkg) => {
     setSelectedPackage(pkg);
     setSheetOpen(true);
     onPackageClick?.(pkg);
   }, [onPackageClick]);
-  const packagesByPhase = React30.useMemo(() => {
+  const packagesByPhase = React36.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const phase of phases) {
       map.set(phase.id, []);
@@ -15561,7 +15562,7 @@ function PhaseGantt({
     }
     return map;
   }, [phases, packages]);
-  const selectedPhase = React30.useMemo(() => {
+  const selectedPhase = React36.useMemo(() => {
     if (!selectedPackage) return null;
     return phases.find((p) => p.id === selectedPackage.phaseId) ?? null;
   }, [selectedPackage, phases]);
@@ -15732,6 +15733,1366 @@ function PhaseGantt({
     }
   );
 }
+function getSubtaskTypeIcon(type) {
+  switch (type) {
+    case "calculation":
+      return lucideReact.Calculator;
+    case "review":
+      return lucideReact.FileCheck;
+    case "upload":
+      return lucideReact.Upload;
+    case "approval":
+      return lucideReact.UserCheck;
+    case "documentation":
+      return lucideReact.FileText;
+    default:
+      return lucideReact.Circle;
+  }
+}
+function getSubtaskTypeLabel(type) {
+  switch (type) {
+    case "calculation":
+      return "Calculation";
+    case "review":
+      return "Review";
+    case "upload":
+      return "Upload";
+    case "approval":
+      return "Approval";
+    case "documentation":
+      return "Documentation";
+    default:
+      return "Task";
+  }
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "done":
+      return lucideReact.CheckCircle2;
+    case "in_progress":
+      return lucideReact.Loader2;
+    case "blocked":
+      return lucideReact.Lock;
+    default:
+      return lucideReact.Circle;
+  }
+}
+function getStatusLabel3(status) {
+  switch (status) {
+    case "todo":
+      return "To Do";
+    case "in_progress":
+      return "In Progress";
+    case "done":
+      return "Done";
+    case "blocked":
+      return "Blocked";
+    default:
+      return status;
+  }
+}
+function getActionLabel(status, type) {
+  if (status === "in_progress") {
+    return "Mark Complete";
+  }
+  switch (type) {
+    case "calculation":
+      return "Start Calculation";
+    case "review":
+      return "Start Review";
+    case "upload":
+      return "Upload";
+    case "approval":
+      return "Request Approval";
+    case "documentation":
+      return "Start Documentation";
+    default:
+      return "Start";
+  }
+}
+function SubtaskItem({
+  subtaskState,
+  onAction,
+  compact = false,
+  className
+}) {
+  const { subtask, isLocked, lockReason, isNextAction, isActionable } = subtaskState;
+  const TypeIcon = getSubtaskTypeIcon(subtask.type);
+  const StatusIcon = getStatusIcon(subtask.status);
+  const handleAction = React36__namespace.useCallback(() => {
+    if (isActionable && onAction) {
+      onAction(subtask);
+    }
+  }, [isActionable, onAction, subtask]);
+  if (compact) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-2 py-1.5 px-2 rounded-md text-sm",
+          isLocked && "opacity-60",
+          subtask.status === "done" && "opacity-60",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            StatusIcon,
+            {
+              className: cn(
+                "h-4 w-4 shrink-0",
+                subtask.status === "done" && "text-green-600 dark:text-green-400",
+                subtask.status === "in_progress" && "text-primary animate-spin",
+                isLocked && "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+            "truncate flex-1",
+            subtask.status === "done" && "line-through text-muted-foreground"
+          ), children: subtask.title }),
+          isLocked && /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-3 w-3 text-muted-foreground shrink-0" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "left", className: "max-w-xs", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: lockReason }) })
+          ] }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "flex items-start gap-3 py-3 px-3 rounded-lg border bg-card transition-colors",
+        isNextAction && "ring-2 ring-primary/20 border-primary/30",
+        isLocked && "opacity-70 bg-muted/30",
+        subtask.status === "done" && "bg-muted/20",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+          StatusIcon,
+          {
+            className: cn(
+              "h-5 w-5",
+              subtask.status === "done" && "text-green-600 dark:text-green-400",
+              subtask.status === "in_progress" && "text-primary animate-spin",
+              subtask.status === "blocked" && "text-destructive",
+              subtask.status === "todo" && !isLocked && "text-muted-foreground",
+              isLocked && "text-muted-foreground"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 space-y-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "font-medium text-sm",
+                  subtask.status === "done" && "line-through text-muted-foreground"
+                ),
+                children: subtask.title
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "shrink-0 text-[10px] px-1.5 py-0 gap-1",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "h-3 w-3" }),
+                  getSubtaskTypeLabel(subtask.type)
+                ]
+              }
+            )
+          ] }),
+          subtask.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: subtask.description }),
+          isLocked && lockReason && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: lockReason })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 pt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Badge,
+                {
+                  variant: "outline",
+                  className: cn(
+                    "text-[10px] px-1.5 py-0",
+                    subtask.status === "done" && "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20",
+                    subtask.status === "in_progress" && "bg-primary/10 text-primary border-primary/20",
+                    subtask.status === "blocked" && "bg-destructive/10 text-destructive border-destructive/20"
+                  ),
+                  children: getStatusLabel3(subtask.status)
+                }
+              ),
+              subtask.estimatedMinutes && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  subtask.estimatedMinutes,
+                  "m"
+                ] })
+              ] }),
+              subtask.assignee && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate max-w-[100px]", children: subtask.assignee.name })
+            ] }),
+            isActionable && onAction && /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                size: "sm",
+                variant: isNextAction ? "default" : "outline",
+                className: "h-7 text-xs px-2",
+                onClick: handleAction,
+                children: getActionLabel(subtask.status, subtask.type)
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function getPriorityConfig(priority) {
+  switch (priority) {
+    case "urgent":
+      return {
+        label: "Urgent",
+        className: "bg-red-500/15 text-red-700 dark:bg-red-500/20 dark:text-red-400"
+      };
+    case "high":
+      return {
+        label: "High",
+        className: "bg-orange-500/15 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400"
+      };
+    case "medium":
+      return {
+        label: "Medium",
+        className: "bg-amber-500/15 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400"
+      };
+    case "low":
+      return {
+        label: "Low",
+        className: "bg-blue-500/15 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400"
+      };
+    default:
+      return { label: priority, className: "" };
+  }
+}
+function getStatusConfig(status) {
+  switch (status) {
+    case "done":
+      return {
+        label: "Done",
+        className: "bg-green-500/15 text-green-700 dark:bg-green-500/20 dark:text-green-400"
+      };
+    case "in_progress":
+      return {
+        label: "In Progress",
+        className: "bg-primary/15 text-primary"
+      };
+    case "waiting":
+      return {
+        label: "Waiting",
+        className: "bg-amber-500/15 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400"
+      };
+    case "ready":
+      return {
+        label: "Ready",
+        className: "bg-green-500/15 text-green-700 dark:bg-green-500/20 dark:text-green-400"
+      };
+    case "not_started":
+      return {
+        label: "Not Started",
+        className: "bg-muted text-muted-foreground"
+      };
+    default:
+      return { label: status, className: "" };
+  }
+}
+function formatDate3(date) {
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric"
+  }).format(date);
+}
+function PackageCard({
+  packageState,
+  onSubtaskAction,
+  onPackageClick,
+  className
+}) {
+  const [isExpanded, setIsExpanded] = React36__namespace.useState(false);
+  const {
+    package: pkg,
+    status,
+    progress,
+    completedCount,
+    totalCount,
+    nextAction,
+    nextActionLabel,
+    subtaskStates,
+    isComplete,
+    isWaiting
+  } = packageState;
+  const priorityConfig = getPriorityConfig(pkg.priority);
+  const statusConfig = getStatusConfig(status);
+  const handleCardClick = React36__namespace.useCallback((e) => {
+    if (e.target.closest('button, [role="button"]')) {
+      return;
+    }
+    onPackageClick?.(pkg);
+  }, [onPackageClick, pkg]);
+  const handleNextAction = React36__namespace.useCallback(() => {
+    if (nextAction && onSubtaskAction) {
+      onSubtaskAction(nextAction.subtask);
+    }
+  }, [nextAction, onSubtaskAction]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Card,
+    {
+      className: cn(
+        "p-3 space-y-3 cursor-pointer transition-all hover:shadow-md",
+        isComplete && "opacity-80",
+        className
+      ),
+      onClick: handleCardClick,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-4 w-4 mt-0.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm leading-tight truncate", children: pkg.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: pkg.project })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0 shrink-0", priorityConfig.className),
+              children: priorityConfig.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Progress" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+              completedCount,
+              "/",
+              totalCount
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: progress * 100, className: "h-1.5" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", statusConfig.className),
+              children: statusConfig.label
+            }
+          ),
+          isWaiting ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Waiting" })
+          ] }) : nextAction ? /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "default",
+              className: "h-6 text-[10px] px-2",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleNextAction();
+              },
+              children: nextActionLabel
+            }
+          ) : isComplete ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 bg-green-500/10 text-green-600 border-green-500/20", children: "Complete" }) : null
+        ] }),
+        (pkg.dueDate || pkg.tags && pkg.tags.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 pt-1 border-t border-border/50", children: [
+          pkg.dueDate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate3(pkg.dueDate) })
+          ] }),
+          pkg.tags && pkg.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-wrap justify-end", children: [
+            pkg.tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "text-[9px] px-1 py-0 h-4",
+                children: tag
+              },
+              tag
+            )),
+            pkg.tags.length > 2 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[9px] text-muted-foreground", children: [
+              "+",
+              pkg.tags.length - 2
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Collapsible, { open: isExpanded, onOpenChange: setIsExpanded, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "w-full h-7 text-xs text-muted-foreground hover:text-foreground justify-between",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                  isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3 w-3" }),
+                  subtaskStates.length,
+                  " subtasks"
+                ] }),
+                subtaskStates.some((s) => s.isLocked) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-amber-600 dark:text-amber-400", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3 w-3" }),
+                  subtaskStates.filter((s) => s.isLocked).length,
+                  " locked"
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { className: "pt-2 space-y-1.5", children: subtaskStates.map((subtaskState) => /* @__PURE__ */ jsxRuntime.jsx(
+            SubtaskItem,
+            {
+              subtaskState,
+              onAction: onSubtaskAction,
+              compact: true
+            },
+            subtaskState.subtask.id
+          )) })
+        ] }),
+        isWaiting && !isComplete && /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "w-full h-7 text-xs text-muted-foreground",
+            onClick: (e) => {
+              e.stopPropagation();
+              onPackageClick?.(pkg);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3 mr-1" }),
+              "View context"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/blocks/todo-board/rules.ts
+function areDependenciesSatisfied(subtask, allSubtasks) {
+  if (subtask.dependsOn.length === 0) return true;
+  return subtask.dependsOn.every((depId) => {
+    const dep = allSubtasks.find((s) => s.id === depId);
+    return dep?.status === "done";
+  });
+}
+function getBlockingSubtasks(subtask, allSubtasks) {
+  return subtask.dependsOn.map((depId) => allSubtasks.find((s) => s.id === depId)).filter((dep) => dep !== void 0 && dep.status !== "done");
+}
+function generateLockReason(blockingSubtasks) {
+  if (blockingSubtasks.length === 0) return "";
+  if (blockingSubtasks.length === 1) {
+    return `Waiting for "${blockingSubtasks[0].title}" to complete`;
+  }
+  const typeGroups = blockingSubtasks.reduce((acc, subtask) => {
+    acc[subtask.type] = (acc[subtask.type] || 0) + 1;
+    return acc;
+  }, {});
+  const parts = Object.entries(typeGroups).map(
+    ([type, count]) => count === 1 ? `1 ${type}` : `${count} ${type}s`
+  );
+  return `Waiting for ${parts.join(", ")} to complete`;
+}
+function computeSubtaskState(subtask, allSubtasks, isNextAction) {
+  const blockingSubtasks = getBlockingSubtasks(subtask, allSubtasks);
+  const isLocked = blockingSubtasks.length > 0;
+  const lockReason = isLocked ? generateLockReason(blockingSubtasks) : void 0;
+  const isActionable = !isLocked && subtask.status !== "done" && subtask.status !== "blocked";
+  return {
+    subtask,
+    isLocked,
+    lockReason,
+    blockedBy: blockingSubtasks.map((s) => s.id),
+    isNextAction,
+    isActionable
+  };
+}
+function allRequiredSubtasksDone(pkg, config) {
+  if (!config?.requirements) {
+    return pkg.subtasks.every((s) => s.status === "done");
+  }
+  for (const req of config.requirements) {
+    const subtasksOfType = pkg.subtasks.filter((s) => s.type === req.type);
+    const doneCount = subtasksOfType.filter((s) => s.status === "done").length;
+    if (doneCount < req.minCount) return false;
+  }
+  return pkg.subtasks.every((s) => s.status === "done");
+}
+function anySubtaskStartedOrDone(pkg) {
+  return pkg.subtasks.some(
+    (s) => s.status === "in_progress" || s.status === "done"
+  );
+}
+function derivePackageBucket(pkg, config) {
+  if (allRequiredSubtasksDone(pkg, config)) {
+    return "completed";
+  }
+  if (anySubtaskStartedOrDone(pkg)) {
+    return "in_progress";
+  }
+  return "next";
+}
+function derivePackageStatus(pkg, bucket, hasNextAction) {
+  if (bucket === "completed") {
+    return "done";
+  }
+  if (bucket === "next" && !anySubtaskStartedOrDone(pkg)) {
+    return "not_started";
+  }
+  if (!hasNextAction) {
+    return "waiting";
+  }
+  return "in_progress";
+}
+function findNextActionableSubtask(subtaskStates) {
+  const sorted = [...subtaskStates].sort(
+    (a, b) => a.subtask.order - b.subtask.order
+  );
+  const inProgress = sorted.find(
+    (s) => s.isActionable && s.subtask.status === "in_progress"
+  );
+  if (inProgress) return inProgress;
+  const todo = sorted.find(
+    (s) => s.isActionable && s.subtask.status === "todo"
+  );
+  return todo;
+}
+function generateNextActionLabel(nextAction) {
+  if (!nextAction) return void 0;
+  const { subtask } = nextAction;
+  if (subtask.status === "in_progress") {
+    switch (subtask.type) {
+      case "calculation":
+        return "Continue Calculation";
+      case "review":
+        return "Continue Review";
+      case "upload":
+        return "Resume Upload";
+      case "approval":
+        return "Continue Approval";
+      case "documentation":
+        return "Continue Documentation";
+      default:
+        return "Continue Task";
+    }
+  }
+  switch (subtask.type) {
+    case "calculation":
+      return "Start Calculation";
+    case "review":
+      return "Start Review";
+    case "upload":
+      return "Upload Files";
+    case "approval":
+      return "Request Approval";
+    case "documentation":
+      return "Add Documentation";
+    default:
+      return "Start Task";
+  }
+}
+function calculateProgress(pkg) {
+  const totalCount = pkg.subtasks.length;
+  if (totalCount === 0) {
+    return { progress: 1, completedCount: 0, totalCount: 0 };
+  }
+  const completedCount = pkg.subtasks.filter((s) => s.status === "done").length;
+  const progress = completedCount / totalCount;
+  return { progress, completedCount, totalCount };
+}
+function computePackageDerivedState(pkg, config) {
+  const subtaskStatesWithoutNextAction = pkg.subtasks.map(
+    (subtask) => computeSubtaskState(subtask, pkg.subtasks, false)
+  );
+  const nextActionCandidate = findNextActionableSubtask(subtaskStatesWithoutNextAction);
+  const subtaskStates = subtaskStatesWithoutNextAction.map((state) => ({
+    ...state,
+    isNextAction: state.subtask.id === nextActionCandidate?.subtask.id
+  }));
+  const nextAction = nextActionCandidate ? subtaskStates.find((s) => s.isNextAction) : void 0;
+  const bucket = derivePackageBucket(pkg, config);
+  const hasNextAction = nextAction !== void 0;
+  const status = derivePackageStatus(pkg, bucket, hasNextAction);
+  const { progress, completedCount, totalCount } = calculateProgress(pkg);
+  const nextActionLabel = generateNextActionLabel(nextAction);
+  return {
+    package: pkg,
+    bucket,
+    status,
+    progress,
+    completedCount,
+    totalCount,
+    nextAction,
+    nextActionLabel,
+    subtaskStates,
+    isComplete: bucket === "completed",
+    isWaiting: status === "waiting"
+  };
+}
+function computeAllPackageStates(packages, config) {
+  return packages.map((pkg) => computePackageDerivedState(pkg, config));
+}
+function groupPackagesByBucket(packageStates) {
+  return {
+    next: packageStates.filter((p) => p.bucket === "next"),
+    in_progress: packageStates.filter((p) => p.bucket === "in_progress"),
+    completed: packageStates.filter((p) => p.bucket === "completed")
+  };
+}
+function updateSubtaskStatus(pkg, subtaskId, newStatus, config) {
+  const updatedSubtasks = pkg.subtasks.map((subtask) => {
+    if (subtask.id !== subtaskId) return subtask;
+    return {
+      ...subtask,
+      status: newStatus,
+      completedAt: newStatus === "done" ? /* @__PURE__ */ new Date() : void 0
+    };
+  });
+  const updatedPackage = {
+    ...pkg,
+    subtasks: updatedSubtasks,
+    updatedAt: /* @__PURE__ */ new Date()
+  };
+  const derivedState = computePackageDerivedState(updatedPackage, config);
+  return { updatedPackage, derivedState };
+}
+function startSubtask(pkg, subtaskId, config) {
+  return updateSubtaskStatus(pkg, subtaskId, "in_progress", config);
+}
+function completeSubtask(pkg, subtaskId, config) {
+  return updateSubtaskStatus(pkg, subtaskId, "done", config);
+}
+var DEFAULT_BUCKETS = [
+  { id: "next", name: "Next" },
+  { id: "in_progress", name: "In Progress" },
+  { id: "completed", name: "Completed" }
+];
+function getBucketConfig(config) {
+  return config?.buckets ?? DEFAULT_BUCKETS;
+}
+function SortablePackageCard({
+  packageState,
+  onSubtaskAction,
+  onPackageClick
+}) {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = sortable.useSortable({
+    id: packageState.package.id,
+    data: {
+      type: "package",
+      packageState
+    }
+  });
+  const style = {
+    transform: utilities.CSS.Transform.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      ...attributes,
+      ...listeners,
+      className: cn(
+        "cursor-grab active:cursor-grabbing",
+        isDragging && "opacity-30"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        PackageCard,
+        {
+          packageState,
+          onSubtaskAction,
+          onPackageClick
+        }
+      )
+    }
+  );
+}
+function KanbanColumn({
+  id,
+  name,
+  packageStates,
+  onSubtaskAction,
+  onPackageClick
+}) {
+  const packageIds = packageStates.map((p) => p.package.id);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-[280px] max-w-[320px] flex-1 h-full bg-muted/20 rounded-lg border", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3 border-b bg-muted/30 shrink-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm", children: name }),
+      /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "text-xs", children: packageStates.length })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: packageIds, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 space-y-2", children: [
+        packageStates.map((packageState) => /* @__PURE__ */ jsxRuntime.jsx(
+          SortablePackageCard,
+          {
+            packageState,
+            onSubtaskAction,
+            onPackageClick
+          },
+          packageState.package.id
+        )),
+        packageStates.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[100px] text-sm text-muted-foreground", children: "No packages" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical" })
+    ] })
+  ] });
+}
+function TodoBoard({
+  packages,
+  workflowConfig,
+  onSubtaskAction,
+  onPackageClick,
+  onPackagesChange,
+  height = 600,
+  className
+}) {
+  const [activeId, setActiveId] = React36__namespace.useState(null);
+  const sensors = core.useSensors(
+    core.useSensor(core.MouseSensor, {
+      activationConstraint: { distance: 8 }
+    }),
+    core.useSensor(core.TouchSensor, {
+      activationConstraint: { delay: 200, tolerance: 5 }
+    })
+  );
+  const packageStates = React36__namespace.useMemo(
+    () => computeAllPackageStates(packages, workflowConfig),
+    [packages, workflowConfig]
+  );
+  const groupedPackages = React36__namespace.useMemo(
+    () => groupPackagesByBucket(packageStates),
+    [packageStates]
+  );
+  const buckets = getBucketConfig(workflowConfig);
+  const activePackageState = React36__namespace.useMemo(
+    () => packageStates.find((p) => p.package.id === activeId),
+    [packageStates, activeId]
+  );
+  const handleDragStart = React36__namespace.useCallback((event) => {
+    setActiveId(event.active.id);
+  }, []);
+  const handleDragEnd = React36__namespace.useCallback((event) => {
+    setActiveId(null);
+  }, []);
+  const heightStyle = typeof height === "number" ? `${height}px` : height;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "outline", className: "text-sm", children: [
+      packages.length,
+      " packages"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      core.DndContext,
+      {
+        sensors,
+        collisionDetection: core.closestCenter,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "flex gap-4 overflow-x-auto pb-2",
+              style: { height: heightStyle },
+              children: buckets.map((bucket) => /* @__PURE__ */ jsxRuntime.jsx(
+                KanbanColumn,
+                {
+                  id: bucket.id,
+                  name: bucket.name,
+                  packageStates: groupedPackages[bucket.id] || [],
+                  onSubtaskAction,
+                  onPackageClick
+                },
+                bucket.id
+              ))
+            }
+          ),
+          typeof window !== "undefined" && reactDom.createPortal(
+            /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: activePackageState && /* @__PURE__ */ jsxRuntime.jsx(
+              PackageCard,
+              {
+                packageState: activePackageState,
+                className: "rotate-3 shadow-xl ring-2 ring-primary"
+              }
+            ) }),
+            document.body
+          )
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_BUCKETS2 = [
+  { id: "in_progress", name: "In progress", color: "bg-orange-500" },
+  { id: "next", name: "To-do", color: "bg-cyan-500" },
+  { id: "completed", name: "Completed", color: "bg-green-500" }
+];
+var PRIORITY_ORDER = {
+  urgent: 0,
+  high: 1,
+  medium: 2,
+  low: 3
+};
+function getBucketConfig2(config) {
+  if (!config?.buckets) return DEFAULT_BUCKETS2;
+  return config.buckets.map((b) => {
+    const defaultBucket = DEFAULT_BUCKETS2.find((d) => d.id === b.id);
+    return {
+      ...b,
+      color: defaultBucket?.color ?? "bg-muted"
+    };
+  });
+}
+function getPriorityBadge(priority) {
+  const config = {
+    urgent: { label: "Urgent", className: "bg-red-500/15 text-red-600 dark:text-red-400" },
+    high: { label: "High", className: "bg-orange-500/15 text-orange-600 dark:text-orange-400" },
+    medium: { label: "Normal", className: "bg-muted text-muted-foreground" },
+    low: { label: "Low", className: "bg-blue-500/15 text-blue-600 dark:text-blue-400" }
+  };
+  return config[priority] ?? config.medium;
+}
+function getStatusBadge2(status, isLocked) {
+  if (isLocked) {
+    return { label: "Locked", className: "bg-muted text-muted-foreground" };
+  }
+  const config = {
+    done: { label: "Completed", className: "bg-green-500/15 text-green-600 dark:text-green-400" },
+    in_progress: { label: "Started", className: "bg-amber-500/15 text-amber-600 dark:text-amber-400" },
+    todo: { label: "To do", className: "bg-muted text-muted-foreground" },
+    blocked: { label: "Blocked", className: "bg-red-500/15 text-red-600 dark:text-red-400" }
+  };
+  return config[status] ?? config.todo;
+}
+function formatDate4(date) {
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  if (dateOnly.getTime() === today.getTime()) {
+    return `Today, ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit", hour12: true }).toLowerCase()}`;
+  }
+  const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const dayName = days[date.getDay()];
+  const time = date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit", hour12: true }).toLowerCase();
+  return `${dayName}, ${time}`;
+}
+function sortPackages(packages, field, direction) {
+  if (!direction) return packages;
+  return [...packages].sort((a, b) => {
+    let comparison = 0;
+    switch (field) {
+      case "status":
+        comparison = a.progress - b.progress;
+        break;
+      case "dueDate":
+        const dateA = a.package.dueDate?.getTime() ?? Infinity;
+        const dateB = b.package.dueDate?.getTime() ?? Infinity;
+        comparison = dateA - dateB;
+        break;
+      case "priority":
+        comparison = PRIORITY_ORDER[a.package.priority] - PRIORITY_ORDER[b.package.priority];
+        break;
+    }
+    return direction === "asc" ? comparison : -comparison;
+  });
+}
+function SortableHeader({ label, field, currentSort, onSort }) {
+  const isActive = currentSort.field === field && currentSort.direction !== null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: cn(
+        "h-auto p-0 font-medium hover:bg-transparent",
+        isActive && "text-foreground"
+      ),
+      onClick: () => onSort(field),
+      children: [
+        label,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-1 h-3 w-3" })
+      ]
+    }
+  );
+}
+function BucketHeaderRow({ name, color, currentSort, onSort }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "bg-background hover:bg-background border-t-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: 2, className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-2.5 h-2.5 rounded-full", color) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-sm", children: name })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsx(SortableHeader, { label: "Status", field: "status", currentSort, onSort }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsx(SortableHeader, { label: "Due Date", field: "dueDate", currentSort, onSort }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsx(SortableHeader, { label: "Priority", field: "priority", currentSort, onSort }) })
+  ] });
+}
+function PackageRow({ packageState, isExpanded, onToggleExpand, onPackageClick }) {
+  const { package: pkg, completedCount, totalCount } = packageState;
+  const priorityBadge = getPriorityBadge(pkg.priority);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TableRow,
+    {
+      className: "cursor-pointer hover:bg-muted/50 transition-colors",
+      onClick: () => onPackageClick?.(pkg),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-6 w-6",
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleExpand();
+            },
+            children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 shrink-0 bg-muted/50", children: "Main task" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", children: pkg.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            completedCount,
+            "/",
+            totalCount,
+            " Completed"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-sm text-muted-foreground", children: pkg.dueDate ? formatDate4(pkg.dueDate) : "\u2014" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: cn("text-[10px] px-1.5 py-0", priorityBadge.className), children: priorityBadge.label }) })
+      ]
+    }
+  );
+}
+function SubtaskRow({ subtaskState, onSubtaskAction }) {
+  const { subtask, isLocked } = subtaskState;
+  const statusBadge = getStatusBadge2(subtask.status, isLocked);
+  subtask.assignee ? getPriorityBadge("medium") : getPriorityBadge("medium");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TableRow,
+    {
+      className: cn(
+        "hover:bg-muted/30 transition-colors",
+        isLocked && "opacity-60"
+      ),
+      onClick: () => !isLocked && onSubtaskAction?.(subtask),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-10" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "pl-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 shrink-0 bg-muted/30", children: "Subtask" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+            "text-sm",
+            subtask.status === "done" && "text-muted-foreground",
+            isLocked && "text-muted-foreground"
+          ), children: subtask.title })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: cn("text-[10px] px-1.5 py-0", statusBadge.className), children: statusBadge.label }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-sm text-muted-foreground", children: subtask.completedAt ? formatDate4(subtask.completedAt) : "\u2014" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: subtask.estimatedMinutes && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "~",
+          subtask.estimatedMinutes,
+          "m"
+        ] }) })
+      ]
+    }
+  );
+}
+function TodoList({
+  packages,
+  workflowConfig,
+  onSubtaskAction,
+  onPackageClick,
+  className
+}) {
+  const [expandedIds, setExpandedIds] = React36__namespace.useState(/* @__PURE__ */ new Set());
+  const [sort, setSort] = React36__namespace.useState({
+    field: "priority",
+    direction: null
+  });
+  const packageStates = React36__namespace.useMemo(
+    () => computeAllPackageStates(packages, workflowConfig),
+    [packages, workflowConfig]
+  );
+  const groupedPackages = React36__namespace.useMemo(
+    () => groupPackagesByBucket(packageStates),
+    [packageStates]
+  );
+  const buckets = getBucketConfig2(workflowConfig);
+  const toggleExpand = React36__namespace.useCallback((id) => {
+    setExpandedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  const handleSort = React36__namespace.useCallback((field) => {
+    setSort((prev) => {
+      if (prev.field !== field) {
+        return { field, direction: "asc" };
+      }
+      if (prev.direction === "asc") {
+        return { field, direction: "desc" };
+      }
+      if (prev.direction === "desc") {
+        return { field, direction: null };
+      }
+      return { field, direction: "asc" };
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "outline", className: "text-sm", children: [
+      packages.length,
+      " packages"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "w-full", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { className: "bg-muted/30", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-10" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "min-w-[300px]", children: "Task" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-[120px]", children: "Status" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-[140px]", children: "Due Date" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-[100px]", children: "Priority" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(TableBody, { children: [
+          buckets.map((bucket) => {
+            const bucketPackages = groupedPackages[bucket.id] || [];
+            if (bucketPackages.length === 0) return null;
+            const sortedPackages = sortPackages(bucketPackages, sort.field, sort.direction);
+            return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BucketHeaderRow,
+                {
+                  name: bucket.name,
+                  color: bucket.color,
+                  currentSort: sort,
+                  onSort: handleSort
+                }
+              ),
+              sortedPackages.map((packageState) => {
+                const isExpanded = expandedIds.has(packageState.package.id);
+                return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    PackageRow,
+                    {
+                      packageState,
+                      isExpanded,
+                      onToggleExpand: () => toggleExpand(packageState.package.id),
+                      onPackageClick
+                    }
+                  ),
+                  isExpanded && packageState.subtaskStates.map((subtaskState) => /* @__PURE__ */ jsxRuntime.jsx(
+                    SubtaskRow,
+                    {
+                      subtaskState,
+                      onSubtaskAction
+                    },
+                    subtaskState.subtask.id
+                  ))
+                ] }, packageState.package.id);
+              })
+            ] }, bucket.id);
+          }),
+          packages.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: 5, className: "h-32 text-center text-muted-foreground", children: "No packages found" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal" })
+    ] }) })
+  ] });
+}
+function getPriorityConfig2(priority) {
+  switch (priority) {
+    case "urgent":
+      return {
+        label: "Urgent",
+        className: "bg-red-500/15 text-red-700 dark:bg-red-500/20 dark:text-red-400"
+      };
+    case "high":
+      return {
+        label: "High",
+        className: "bg-orange-500/15 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400"
+      };
+    case "medium":
+      return {
+        label: "Medium",
+        className: "bg-amber-500/15 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400"
+      };
+    case "low":
+      return {
+        label: "Low",
+        className: "bg-blue-500/15 text-blue-700 dark:bg-blue-500/20 dark:text-blue-400"
+      };
+    default:
+      return { label: priority, className: "" };
+  }
+}
+function getStatusConfig2(status) {
+  switch (status) {
+    case "done":
+      return {
+        label: "Done",
+        className: "bg-green-500/15 text-green-700 dark:bg-green-500/20 dark:text-green-400"
+      };
+    case "in_progress":
+      return {
+        label: "In Progress",
+        className: "bg-primary/15 text-primary"
+      };
+    case "waiting":
+      return {
+        label: "Waiting",
+        className: "bg-amber-500/15 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400"
+      };
+    case "ready":
+      return {
+        label: "Ready",
+        className: "bg-green-500/15 text-green-700 dark:bg-green-500/20 dark:text-green-400"
+      };
+    case "not_started":
+      return {
+        label: "Not Started",
+        className: "bg-muted text-muted-foreground"
+      };
+    default:
+      return { label: status, className: "" };
+  }
+}
+function formatDate5(date) {
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric"
+  }).format(date);
+}
+function PackageRow2({
+  packageState,
+  onSubtaskAction,
+  onPackageClick,
+  isExpanded = false,
+  onExpandToggle,
+  className
+}) {
+  const {
+    package: pkg,
+    status,
+    progress,
+    completedCount,
+    totalCount,
+    nextAction,
+    nextActionLabel,
+    subtaskStates,
+    isComplete,
+    isWaiting
+  } = packageState;
+  const priorityConfig = getPriorityConfig2(pkg.priority);
+  const statusConfig = getStatusConfig2(status);
+  const lockedCount = subtaskStates.filter((s) => s.isLocked).length;
+  const handleRowClick = React36__namespace.useCallback(() => {
+    onPackageClick?.(pkg);
+  }, [onPackageClick, pkg]);
+  const handleNextAction = React36__namespace.useCallback(() => {
+    if (nextAction && onSubtaskAction) {
+      onSubtaskAction(nextAction.subtask);
+    }
+  }, [nextAction, onSubtaskAction]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Collapsible, { open: isExpanded, onOpenChange: onExpandToggle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      TableRow,
+      {
+        className: cn(
+          "group cursor-pointer hover:bg-muted/50",
+          isComplete && "opacity-70",
+          isExpanded && "bg-muted/30",
+          className
+        ),
+        onClick: handleRowClick,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-10", children: /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              onClick: (e) => e.stopPropagation(),
+              children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "min-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-sm truncate", children: pkg.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: pkg.project })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", statusConfig.className),
+              children: statusConfig.label
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", priorityConfig.className),
+              children: priorityConfig.label
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[150px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                completedCount,
+                "/",
+                totalCount
+              ] }),
+              lockedCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-0.5 text-amber-600 dark:text-amber-400", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: lockedCount })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(Progress, { value: progress * 100, className: "h-1.5" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[100px]", children: pkg.dueDate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate5(pkg.dueDate) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[150px]", children: isWaiting ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Waiting" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-6 text-[10px] px-2",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onPackageClick?.(pkg);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3 mr-1" }),
+                  "View"
+                ]
+              }
+            )
+          ] }) : nextAction ? /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "default",
+              className: "h-6 text-[10px] px-2",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleNextAction();
+              },
+              children: nextActionLabel
+            }
+          ) : isComplete ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 bg-green-500/10 text-green-600 border-green-500/20", children: "Complete" }) : null })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-muted/20 border-t border-b", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-2 max-w-3xl ml-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-muted-foreground mb-3", children: [
+        "Subtasks (",
+        subtaskStates.length,
+        ")"
+      ] }),
+      subtaskStates.map((subtaskState) => /* @__PURE__ */ jsxRuntime.jsx(
+        SubtaskItem,
+        {
+          subtaskState,
+          onAction: onSubtaskAction
+        },
+        subtaskState.subtask.id
+      ))
+    ] }) }) }) }) })
+  ] });
+}
+function WorkflowViewToggle({
+  value,
+  onValueChange,
+  className
+}) {
+  const handleValueChange = React36__namespace.useCallback(
+    (newValue) => {
+      if (newValue === "kanban" || newValue === "list") {
+        onValueChange(newValue);
+      }
+    },
+    [onValueChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    ToggleGroup,
+    {
+      type: "single",
+      value,
+      onValueChange: handleValueChange,
+      className: cn("border rounded-lg p-0.5 bg-muted/50", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ToggleGroupItem,
+            {
+              value: "kanban",
+              "aria-label": "Kanban view",
+              className: cn(
+                "h-8 w-8 p-0 data-[state=on]:bg-background data-[state=on]:shadow-sm",
+                "rounded-md"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Kanban, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "Kanban View" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ToggleGroupItem,
+            {
+              value: "list",
+              "aria-label": "List view",
+              className: cn(
+                "h-8 w-8 p-0 data-[state=on]:bg-background data-[state=on]:shadow-sm",
+                "rounded-md"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "List View" }) })
+        ] })
+      ]
+    }
+  ) });
+}
 
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
@@ -15795,7 +17156,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React30__namespace.createContext(null);
+var CalendarContext = React36__namespace.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -15810,38 +17171,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React30__namespace.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React30__namespace.useState(defaultUserId);
-  const [events, setEventsState] = React30__namespace.useState(initialEvents);
-  const [users] = React30__namespace.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React30__namespace.useState(defaultBadgeVariant);
-  const [view, setView] = React30__namespace.useState(defaultView);
-  const [workingHours, setWorkingHours] = React30__namespace.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React30__namespace.useState(defaultVisibleHours);
-  React30__namespace.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React36__namespace.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React36__namespace.useState(defaultUserId);
+  const [events, setEventsState] = React36__namespace.useState(initialEvents);
+  const [users] = React36__namespace.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React36__namespace.useState(defaultBadgeVariant);
+  const [view, setView] = React36__namespace.useState(defaultView);
+  const [workingHours, setWorkingHours] = React36__namespace.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React36__namespace.useState(defaultVisibleHours);
+  React36__namespace.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React30__namespace.useCallback((newEvents) => {
+  const setEvents = React36__namespace.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React30__namespace.useCallback((event) => {
+  const addEvent = React36__namespace.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React30__namespace.useCallback((event) => {
+  const updateEvent = React36__namespace.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React30__namespace.useCallback((eventId) => {
+  const deleteEvent = React36__namespace.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React30__namespace.useCallback(() => {
+  const goToToday = React36__namespace.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React30__namespace.useCallback(() => {
+  const goToPrevious = React36__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -15859,7 +17220,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React30__namespace.useCallback(() => {
+  const goToNext = React36__namespace.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -15877,7 +17238,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React30__namespace.useMemo(
+  const contextValue = React36__namespace.useMemo(
     () => ({
       // State
       selectedDate,
@@ -15924,7 +17285,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React30__namespace.useContext(CalendarContext);
+  const context = React36__namespace.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -15932,14 +17293,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React30__namespace.useMemo(() => {
+  return React36__namespace.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React30__namespace.useMemo(() => {
+  return React36__namespace.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -16497,8 +17858,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React30__namespace.useState(/* @__PURE__ */ new Date());
-  React30__namespace.useEffect(() => {
+  const [now, setNow] = React36__namespace.useState(/* @__PURE__ */ new Date());
+  React36__namespace.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -16535,24 +17896,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React30__namespace.createContext(null);
+var DragContext = React36__namespace.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React30__namespace.useState(null);
-  const [isDragging, setIsDragging] = React30__namespace.useState(false);
+  const [draggedEvent, setDraggedEventState] = React36__namespace.useState(null);
+  const [isDragging, setIsDragging] = React36__namespace.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React30__namespace.useCallback((event) => {
+  const setDraggedEvent = React36__namespace.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React30__namespace.useCallback((newStartDate) => {
+  const handleDrop = React36__namespace.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -16565,7 +17926,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React30__namespace.useMemo(
+  const contextValue = React36__namespace.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -16576,7 +17937,7 @@ function DragProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React30__namespace.useContext(DragContext);
+  const context = React36__namespace.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -16621,7 +17982,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React30__namespace.useState(false);
+  const [isOver, setIsOver] = React36__namespace.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -16659,23 +18020,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React30__namespace.useState(false);
-  const dropTargetDate = React30__namespace.useMemo(() => {
+  const [isOver, setIsOver] = React36__namespace.useState(false);
+  const dropTargetDate = React36__namespace.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React30__namespace.useCallback((e) => {
+  const handleDragOver = React36__namespace.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React30__namespace.useCallback(() => {
+  const handleDragLeave = React36__namespace.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React30__namespace.useCallback((e) => {
+  const handleDrop = React36__namespace.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -16702,13 +18063,13 @@ function useDroppable({ date, hour, minute = 0, onDrop }) {
 function useDraggable3(event, disabled = false) {
   const { setDraggedEvent, draggedEvent } = useDrag();
   const isDragged = draggedEvent?.id === event.id;
-  const handleDragStart = React30__namespace.useCallback((e) => {
+  const handleDragStart = React36__namespace.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React30__namespace.useCallback(() => {
+  const handleDragEnd = React36__namespace.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -16749,15 +18110,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React30__namespace.useMemo(
+  const cells = React36__namespace.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React30__namespace.useMemo(
+  const eventPositions = React36__namespace.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -16939,7 +18300,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -17145,8 +18506,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React30__namespace.useState(/* @__PURE__ */ new Date());
-  React30__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React36__namespace.useState(/* @__PURE__ */ new Date());
+  React36__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -17229,7 +18590,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -17237,7 +18598,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React30__namespace.useMemo(() => {
+  const currentEvents = React36__namespace.useMemo(() => {
     if (!dateFns.isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -17461,8 +18822,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React30__namespace.useState(/* @__PURE__ */ new Date());
-  React30__namespace.useEffect(() => {
+  const [currentTime, setCurrentTime] = React36__namespace.useState(/* @__PURE__ */ new Date());
+  React36__namespace.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -17496,7 +18857,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React30__namespace.useMemo(() => {
+  const months = React36__namespace.useMemo(() => {
     const yearStart = dateFns.startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => dateFns.addMonths(yearStart, i));
   }, [selectedDate]);
@@ -17619,11 +18980,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30__namespace.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36__namespace.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React30__namespace.useMemo(() => {
+  const eventsByDay = React36__namespace.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = dateFns.parseISO(event.startDate);
@@ -18088,16 +19449,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React30__namespace.useState("");
-  const [description, setDescription] = React30__namespace.useState("");
-  const [startDate, setStartDate] = React30__namespace.useState("");
-  const [startTime, setStartTime] = React30__namespace.useState("");
-  const [endDate, setEndDate] = React30__namespace.useState("");
-  const [endTime, setEndTime] = React30__namespace.useState("");
-  const [color, setColor] = React30__namespace.useState("blue");
-  const [userId, setUserId] = React30__namespace.useState("");
-  const [isSubmitting, setIsSubmitting] = React30__namespace.useState(false);
-  React30__namespace.useEffect(() => {
+  const [title, setTitle] = React36__namespace.useState("");
+  const [description, setDescription] = React36__namespace.useState("");
+  const [startDate, setStartDate] = React36__namespace.useState("");
+  const [startTime, setStartTime] = React36__namespace.useState("");
+  const [endDate, setEndDate] = React36__namespace.useState("");
+  const [endTime, setEndTime] = React36__namespace.useState("");
+  const [color, setColor] = React36__namespace.useState("blue");
+  const [userId, setUserId] = React36__namespace.useState("");
+  const [isSubmitting, setIsSubmitting] = React36__namespace.useState(false);
+  React36__namespace.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = dateFns.parseISO(event.startDate);
@@ -18320,7 +19681,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React30__namespace.useState("");
+  const [title, setTitle] = React36__namespace.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -18387,8 +19748,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React30__namespace.useState(visibleHours.from);
-  const [to, setTo] = React30__namespace.useState(visibleHours.to);
+  const [from, setFrom] = React36__namespace.useState(visibleHours.from);
+  const [to, setTo] = React36__namespace.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -18434,7 +19795,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React30__namespace.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React36__namespace.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -18583,8 +19944,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React30__namespace.useState(false);
-  React30__namespace.useEffect(() => {
+  const [matches, setMatches] = React36__namespace.useState(false);
+  React36__namespace.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -18636,11 +19997,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React30__namespace.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React30__namespace.useState(false);
-  const [selectedEvent, setSelectedEvent] = React30__namespace.useState(null);
-  const [dialogMode, setDialogMode] = React30__namespace.useState("add");
-  const [defaultDate, setDefaultDate] = React30__namespace.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React36__namespace.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React36__namespace.useState(false);
+  const [selectedEvent, setSelectedEvent] = React36__namespace.useState(null);
+  const [dialogMode, setDialogMode] = React36__namespace.useState("add");
+  const [defaultDate, setDefaultDate] = React36__namespace.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -18799,7 +20160,7 @@ function CalendarView({
   }
 }
 var t = tunnel__default.default();
-var KanbanContext = React30.createContext({
+var KanbanContext = React36.createContext({
   columns: [],
   data: [],
   activeCardId: null
@@ -18837,7 +20198,7 @@ var KanbanCard = ({
   } = sortable.useSortable({
     id
   });
-  const { activeCardId } = React30.useContext(KanbanContext);
+  const { activeCardId } = React36.useContext(KanbanContext);
   const style = {
     transition,
     transform: utilities.CSS.Transform.toString(transform)
@@ -18872,7 +20233,7 @@ var KanbanCards = ({
   className,
   ...props
 }) => {
-  const { data } = React30.useContext(KanbanContext);
+  const { data } = React36.useContext(KanbanContext);
   const filteredData = data.filter((item) => item.column === props.id);
   const items = filteredData.map((item) => item.id);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "overflow-hidden", children: [
@@ -18899,7 +20260,7 @@ var KanbanProvider = ({
   onDataChange,
   ...props
 }) => {
-  const [activeCardId, setActiveCardId] = React30.useState(null);
+  const [activeCardId, setActiveCardId] = React36.useState(null);
   const sensors = core.useSensors(
     core.useSensor(core.MouseSensor),
     core.useSensor(core.TouchSensor),
@@ -19319,6 +20680,8 @@ exports.NavigationMenuTrigger = NavigationMenuTrigger;
 exports.NavigationMenuViewport = NavigationMenuViewport;
 exports.NetBadge = NetBadge;
 exports.PHASE_COLORS = PHASE_COLORS;
+exports.PackageCard = PackageCard;
+exports.PackageRow = PackageRow2;
 exports.Pagination = Pagination;
 exports.PaginationContent = PaginationContent;
 exports.PaginationEllipsis = PaginationEllipsis;
@@ -19419,6 +20782,7 @@ exports.Slider = Slider;
 exports.Spinner = Spinner;
 exports.StatusProgress = StatusProgress;
 exports.SubmitCalibrationBar = SubmitCalibrationBar;
+exports.SubtaskItem = SubtaskItem;
 exports.SupplierCell = SupplierCell;
 exports.SupplierWeeklyLoading = SupplierWeeklyLoading;
 exports.Switch = Switch;
@@ -19438,6 +20802,8 @@ exports.Textarea = Textarea;
 exports.ThemeSwitch = ThemeSwitch;
 exports.TimeIndicator = TimeIndicator;
 exports.Toaster = Toaster;
+exports.TodoBoard = TodoBoard;
+exports.TodoList = TodoList;
 exports.Toggle = Toggle;
 exports.ToggleGroup = ToggleGroup;
 exports.ToggleGroupItem = ToggleGroupItem;
@@ -19457,7 +20823,11 @@ exports.WeekDetailSheet = WeekDetailSheet;
 exports.WeekHeader = WeekHeader;
 exports.WeekView = WeekView;
 exports.WeeklyLoadingView = WeeklyLoadingView;
+exports.WorkflowViewToggle = WorkflowViewToggle;
 exports.YearView = YearView;
+exports.allRequiredSubtasksDone = allRequiredSubtasksDone;
+exports.anySubtaskStartedOrDone = anySubtaskStartedOrDone;
+exports.areDependenciesSatisfied = areDependenciesSatisfied;
 exports.badgeVariants = badgeVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
@@ -19468,11 +20838,19 @@ exports.calculateDropDates = calculateDropDates;
 exports.calculateFeasibility = calculateFeasibility;
 exports.calculateMonthEventPositions = calculateMonthEventPositions;
 exports.calculatePackagePositions = calculatePackagePositions;
+exports.calculateProgress = calculateProgress;
 exports.canSubmitCalibration = canSubmitCalibration;
 exports.cardVariants = cardVariants;
+exports.completeSubtask = completeSubtask;
+exports.computeAllPackageStates = computeAllPackageStates;
+exports.computePackageDerivedState = computePackageDerivedState;
+exports.computeSubtaskState = computeSubtaskState;
 exports.createDefaultEvent = createDefaultEvent;
 exports.deliveryIndicatorVariants = deliveryIndicatorVariants;
+exports.derivePackageBucket = derivePackageBucket;
+exports.derivePackageStatus = derivePackageStatus;
 exports.extractPrefixes = extractPrefixes;
+exports.findNextActionableSubtask = findNextActionableSubtask;
 exports.formatCalibrationUnit = formatCalibrationUnit;
 exports.formatDateRange = formatDateRange2;
 exports.formatDisplayDate = formatDisplayDate;
@@ -19485,8 +20863,11 @@ exports.generateColumns = generateColumns;
 exports.generateEventId = generateEventId;
 exports.generateLoadingWeek = generateLoadingWeek;
 exports.generateLocationOptions = generateLocationOptions;
+exports.generateLockReason = generateLockReason;
+exports.generateNextActionLabel = generateNextActionLabel;
 exports.generateWeekColumns = generateWeekColumns;
 exports.generateWeeks = generateWeeks;
+exports.getBlockingSubtasks = getBlockingSubtasks;
 exports.getCalendarCells = getCalendarCells;
 exports.getCommentLocationLabel = getCommentLocationLabel;
 exports.getCurrentEvents = getCurrentEvents;
@@ -19526,6 +20907,7 @@ exports.getYearMonths = getYearMonths;
 exports.groupDeliveriesByDay = groupDeliveriesByDay;
 exports.groupDeliveriesByPrefixAndDay = groupDeliveriesByPrefixAndDay;
 exports.groupEvents = groupEvents;
+exports.groupPackagesByBucket = groupPackagesByBucket;
 exports.isMultiDayEvent = isMultiDayEvent;
 exports.isWorkingHour = isWorkingHour;
 exports.navigateDate = navigateDate;
@@ -19538,8 +20920,10 @@ exports.sectionVariants = sectionVariants;
 exports.snapToInterval = snapToInterval;
 exports.sortEvents = sortEvents;
 exports.splitEventsByDuration = splitEventsByDuration;
+exports.startSubtask = startSubtask;
 exports.toggleVariants = toggleVariants;
 exports.toolBarCanvasButtonVariants = toolBarCanvasButtonVariants;
+exports.updateSubtaskStatus = updateSubtaskStatus;
 exports.useDrag = useDrag;
 exports.useDraggable = useDraggable3;
 exports.useDroppable = useDroppable;