@j3m-quantum/ui 2.1.9 → 2.1.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React30 from 'react';
+import * as React36 from 'react';
 import { createContext, memo, useContext, useMemo, useId, useCallback, useState, useEffect, useRef } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -7,7 +7,7 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { SearchIcon, TrashIcon, Truck, Flag, MessageSquare, AlertTriangle, ChevronRight, Users, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, TrendingUp, Check, Factory, TrendingDown, Minus, X, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, ChevronsLeft, ChevronLeft, ChevronsRight, Settings2, FolderIcon, ShareIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, ChevronDown, Plus, Send, MessageSquarePlus, CheckCircle, Calendar as Calendar$1, MapPin, Package, ChevronUp, PlusIcon, PencilIcon, CopyIcon, Weight, Layers, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, ArrowUpDown, CheckCircle2, XCircle, Search, GripVertical, FileText } from 'lucide-react';
+import { SearchIcon, TrashIcon, Truck, Flag, MessageSquare, AlertTriangle, ChevronRight, Users, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, TrendingUp, Check, Factory, TrendingDown, Minus, X, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, ChevronsLeft, ChevronLeft, ChevronsRight, Settings2, FolderIcon, ShareIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, ChevronDown, Plus, Send, MessageSquarePlus, CheckCircle, Calendar as Calendar$1, MapPin, Package, ChevronUp, PlusIcon, PencilIcon, CopyIcon, Weight, Layers, Lock, Clock, CalendarDays, AlertCircle, ExternalLink, Kanban, List, User, CalendarX2, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, ArrowUpDown, CheckCircle2, XCircle, Search, GripVertical, Circle, FileText, UserCheck, Upload, FileCheck, Calculator, Loader2 } from 'lucide-react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -43,7 +43,7 @@ import { useReactTable, getPaginationRowModel, getFilteredRowModel, getSortedRow
 export { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import { formatDate as formatDate$1, differenceInDays, format, addDays, getDaysInMonth, isSameDay, getDate, getISOWeek as getISOWeek$1, startOfWeek, addWeeks, differenceInWeeks, differenceInMonths, startOfMonth, endOfWeek, endOfMonth, addMonths, isToday, formatDistance, subMonths, subYears, subWeeks, subDays, addYears, startOfYear, endOfYear, isSameMonth, isSameWeek, isSameYear, isWithinInterval, parseISO, differenceInMinutes, eachDayOfInterval, startOfDay, setMinutes, setHours, eachHourOfInterval, endOfDay, getHours, getMinutes, addMinutes, areIntervalsOverlapping } from 'date-fns';
 export { areIntervalsOverlapping, format, getDay, isSameDay, isSameMonth, isToday, parseISO } from 'date-fns';
-import { useSensor, MouseSensor, useDraggable, DndContext, useDroppable as useDroppable$1, useSensors, TouchSensor, KeyboardSensor, closestCenter, DragOverlay } from '@dnd-kit/core';
+import { useSensor, MouseSensor, useDraggable, DndContext, useSensors, TouchSensor, closestCenter, DragOverlay, useDroppable as useDroppable$1, KeyboardSensor } from '@dnd-kit/core';
 import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
 import { useMouse, useWindowScroll, useThrottle } from '@uidotdev/usehooks';
 import { atom, useAtom } from 'jotai';
@@ -56,8 +56,8 @@ import tunnel from 'tunnel-rat';
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 1024;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React30.useState(void 0);
-  React30.useEffect(() => {
+  const [isMobile, setIsMobile] = React36.useState(void 0);
+  React36.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -145,7 +145,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React30.forwardRef(
+var Button = React36.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -509,7 +509,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React30.useMemo(
+  const _values = React36.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -795,7 +795,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React30.createContext({
+var ToggleGroupContext = React36.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -832,7 +832,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React30.useContext(ToggleGroupContext);
+  const context = React36.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -862,7 +862,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React30.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React36.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1282,7 +1282,7 @@ function Label2({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React30.createContext(
+var FormFieldContext = React36.createContext(
   {}
 );
 var FormField = ({
@@ -1291,8 +1291,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React30.useContext(FormFieldContext);
-  const itemContext = React30.useContext(FormItemContext);
+  const fieldContext = React36.useContext(FormFieldContext);
+  const itemContext = React36.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1309,11 +1309,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React30.createContext(
+var FormItemContext = React36.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React30.useId();
+  const id = React36.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -1757,7 +1757,7 @@ var cardVariants = 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
@@ -2711,8 +2711,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React30.useRef(null);
-  React30.useEffect(() => {
+  const ref = React36.useRef(null);
+  React36.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -2733,9 +2733,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React30.createContext(null);
+var CarouselContext = React36.createContext(null);
 function useCarousel() {
-  const context = React30.useContext(CarouselContext);
+  const context = React36.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2757,20 +2757,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React30.useState(false);
-  const [canScrollNext, setCanScrollNext] = React30.useState(false);
-  const onSelect = React30.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React36.useState(false);
+  const [canScrollNext, setCanScrollNext] = React36.useState(false);
+  const onSelect = React36.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React30.useCallback(() => {
+  const scrollPrev = React36.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React30.useCallback(() => {
+  const scrollNext = React36.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React30.useCallback(
+  const handleKeyDown = React36.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2782,11 +2782,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2919,9 +2919,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React30.createContext(null);
+var ChartContext = React36.createContext(null);
 function useChart() {
-  const context = React30.useContext(ChartContext);
+  const context = React36.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2934,7 +2934,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React30.useId();
+  const uniqueId = React36.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2995,7 +2995,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React30.useMemo(() => {
+  const tooltipLabel = React36.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3830,7 +3830,7 @@ function StatusProgress({
   const resolvedVariant = variant ?? getVariantFromProgress(clampedValue);
   const colors = getStatusColors(resolvedVariant);
   const sizes = getSizeClasses(size);
-  const labelText = React30.useMemo(() => {
+  const labelText = React36.useMemo(() => {
     if (currentCount !== void 0 && totalCount !== void 0) {
       return `${currentCount} / ${totalCount} ${unitLabel}`;
     }
@@ -3935,8 +3935,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React30.useState("light");
-  React30.useEffect(() => {
+  const [theme, setTheme] = React36.useState("light");
+  React36.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -4585,7 +4585,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React30.forwardRef(
+var SearchTrigger = React36.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4621,7 +4621,7 @@ var SearchTrigger = React30.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -5596,9 +5596,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React30.createContext(null);
+var SidebarContext = React36.createContext(null);
 function useSidebar() {
-  const context = React30.useContext(SidebarContext);
+  const context = React36.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5614,10 +5614,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React30.useState(false);
-  const [_open, _setOpen] = React30.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React36.useState(false);
+  const [_open, _setOpen] = React36.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React30.useCallback(
+  const setOpen = React36.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5629,10 +5629,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React30.useCallback(() => {
+  const toggleSidebar = React36.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5643,7 +5643,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React30.useMemo(
+  const contextValue = React36.useMemo(
     () => ({
       state,
       open,
@@ -6101,7 +6101,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React30.useMemo(() => {
+  const width = React36.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -6199,7 +6199,8 @@ var sectionVariants = 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": [
@@ -6244,7 +6245,7 @@ var sectionVariants = cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React30.forwardRef(
+var Section = React36.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "section",
     {
@@ -6256,7 +6257,7 @@ var Section = React30.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React30.forwardRef(
+var SectionHeader = React36.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6271,7 +6272,7 @@ var SectionHeader = React30.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React30.forwardRef(
+var SectionTitle = React36.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h2",
     {
@@ -6285,7 +6286,7 @@ var SectionTitle = React30.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React30.forwardRef(
+var SectionDescription = React36.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -6299,7 +6300,7 @@ var SectionDescription = React30.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React30.forwardRef(
+var SectionContent = React36.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6313,7 +6314,7 @@ var SectionContent = React30.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React30.forwardRef(
+var SectionFooter = React36.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6538,7 +6539,7 @@ function SiteHeader({
       children: /* @__PURE__ */ 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__ */ jsx(Separator, { orientation: "vertical", className: "mr-[var(--j3m-spacing-s)] h-4" }),
-        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React30.Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React36.Fragment, { children: [
           index > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
           /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.href ? /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) })
         ] }, index)) }) }),
@@ -7159,11 +7160,11 @@ function PlanningWeekCommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React30.useState("");
-  const [selectedLocationId, setSelectedLocationId] = React30.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30.useState(true);
-  const [showAddForm, setShowAddForm] = React30.useState(false);
-  const selectedLocation = React30.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React36.useState("");
+  const [selectedLocationId, setSelectedLocationId] = React36.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36.useState(true);
+  const [showAddForm, setShowAddForm] = React36.useState(false);
+  const selectedLocation = React36.useMemo(() => {
     return locationOptions.find((opt) => opt.id === selectedLocationId);
   }, [locationOptions, selectedLocationId]);
   const handleSubmit = () => {
@@ -7199,7 +7200,7 @@ function PlanningWeekCommentPopover({
       onCommentClick(comment);
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -7207,8 +7208,8 @@ function PlanningWeekCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30.useRef(open);
-  React30.useEffect(() => {
+  const prevOpenRef = React36.useRef(open);
+  React36.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7279,7 +7280,7 @@ function PlanningWeekCommentPopover({
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                       ] }),
                       /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
                     ]
@@ -7587,15 +7588,15 @@ function PlanningTable({
     stickySupplierColumn = true,
     maxHeight = "600px"
   } = config;
-  const weeks = React30.useMemo(
+  const weeks = React36.useMemo(
     () => generateWeeks(startDate, weekCount),
     [startDate, weekCount]
   );
-  const currentWeekKey = React30.useMemo(() => {
+  const currentWeekKey = React36.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const columnSummaryData = React30.useMemo(() => {
+  const columnSummaryData = React36.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -7637,14 +7638,14 @@ function PlanningTable({
     }
     return summaryMap;
   }, [weeks, suppliers]);
-  const columns = React30.useMemo(
+  const columns = React36.useMemo(
     () => generateColumns(weeks, config, suppliers, columnSummaryData),
     [weeks, config, suppliers, columnSummaryData]
   );
-  const [sorting, setSorting] = React30.useState([]);
-  const [columnFilters, setColumnFilters] = React30.useState([]);
-  const [columnVisibility, setColumnVisibility] = React30.useState({});
-  const [rowSelection, setRowSelection] = React30.useState({});
+  const [sorting, setSorting] = React36.useState([]);
+  const [columnFilters, setColumnFilters] = React36.useState([]);
+  const [columnVisibility, setColumnVisibility] = React36.useState({});
+  const [rowSelection, setRowSelection] = React36.useState({});
   const table = useReactTable({
     data: suppliers,
     columns,
@@ -7668,7 +7669,7 @@ function PlanningTable({
       }
     }
   });
-  const insightMetrics = React30.useMemo(() => {
+  const insightMetrics = React36.useMemo(() => {
     let totalProduced = 0;
     let totalRequired = 0;
     let totalDeliveries = 0;
@@ -7902,10 +7903,10 @@ function DeliveryCommentPopover({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React30.useState(false);
-  const [newCommentText, setNewCommentText] = React30.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30.useState(true);
-  const [showAddForm, setShowAddForm] = React30.useState(false);
+  const [open, setOpen] = React36.useState(false);
+  const [newCommentText, setNewCommentText] = React36.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36.useState(true);
+  const [showAddForm, setShowAddForm] = React36.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -7924,7 +7925,7 @@ function DeliveryCommentPopover({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -7932,8 +7933,8 @@ function DeliveryCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30.useRef(open);
-  React30.useEffect(() => {
+  const prevOpenRef = React36.useRef(open);
+  React36.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7970,7 +7971,7 @@ function DeliveryCommentPopover({
               /* @__PURE__ */ jsx(CollapsibleContent2, { className: "space-y-2 pt-2", children: comments.length > 0 ? comments.map((comment) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-3 space-y-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                 ] }),
                 /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
               ] }, comment.id)) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "No comments yet" }) })
@@ -8045,8 +8046,8 @@ function ProductionCommentSection({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React30.useState(false);
-  const [newComment, setNewComment] = React30.useState("");
+  const [showAddForm, setShowAddForm] = React36.useState(false);
+  const [newComment, setNewComment] = React36.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -8064,7 +8065,7 @@ function ProductionCommentSection({
       setNewComment("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -8076,7 +8077,7 @@ function ProductionCommentSection({
     comments.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: comments.map((comment) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-2.5 space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
     ] }, comment.id)) }),
@@ -8231,7 +8232,7 @@ function DeliveryDetailsView({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React30.useMemo(() => {
+  const categorizedElements = React36.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -8599,15 +8600,15 @@ function WeekDetailDialog({
 }) {
   const production = data?.production;
   const initialProduced = production?.produced ?? 0;
-  const [producedValue, setProducedValue] = React30.useState(initialProduced.toString());
-  const [hasChanges, setHasChanges] = React30.useState(false);
-  const [selectedDelivery, setSelectedDelivery] = React30.useState(null);
-  React30.useEffect(() => {
+  const [producedValue, setProducedValue] = React36.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React36.useState(false);
+  const [selectedDelivery, setSelectedDelivery] = React36.useState(null);
+  React36.useEffect(() => {
     const newProduced = data?.production?.produced ?? 0;
     setProducedValue(newProduced.toString());
     setHasChanges(false);
   }, [data]);
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
     }
@@ -8738,24 +8739,24 @@ function ElementProductionDialog({
   elements,
   onSave
 }) {
-  const [searchQuery, setSearchQuery] = React30.useState("");
-  const [selectedIds, setSelectedIds] = React30.useState(
+  const [searchQuery, setSearchQuery] = React36.useState("");
+  const [selectedIds, setSelectedIds] = React36.useState(
     new Set(elements.filter((e) => e.isProduced).map((e) => e.id))
   );
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (open) {
       setSelectedIds(new Set(elements.filter((e) => e.isProduced).map((e) => e.id)));
       setSearchQuery("");
     }
   }, [open, elements]);
-  const filteredElements = React30.useMemo(() => {
+  const filteredElements = React36.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.useMemo(() => {
+  React36.useMemo(() => {
     const prefixes = /* @__PURE__ */ new Set();
     elements.forEach((e) => {
       if (e.prefix) prefixes.add(e.prefix);
@@ -8941,10 +8942,10 @@ function DeliveryCommentPopover2({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React30.useState(false);
-  const [newCommentText, setNewCommentText] = React30.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30.useState(true);
-  const [showAddForm, setShowAddForm] = React30.useState(false);
+  const [open, setOpen] = React36.useState(false);
+  const [newCommentText, setNewCommentText] = React36.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36.useState(true);
+  const [showAddForm, setShowAddForm] = React36.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -8963,7 +8964,7 @@ function DeliveryCommentPopover2({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -8971,7 +8972,7 @@ function DeliveryCommentPopover2({
       minute: "2-digit"
     }).format(date);
   };
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!open) {
       setShowAddForm(false);
       setNewCommentText("");
@@ -9006,7 +9007,7 @@ function DeliveryCommentPopover2({
               /* @__PURE__ */ jsx(CollapsibleContent2, { className: "space-y-2 pt-2", children: comments.length > 0 ? comments.map((comment) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-3 space-y-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                 ] }),
                 /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
               ] }, comment.id)) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "No comments yet" }) })
@@ -9081,8 +9082,8 @@ function ProductionCommentSection2({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React30.useState(false);
-  const [newComment, setNewComment] = React30.useState("");
+  const [showAddForm, setShowAddForm] = React36.useState(false);
+  const [newComment, setNewComment] = React36.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -9100,7 +9101,7 @@ function ProductionCommentSection2({
       setNewComment("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -9112,7 +9113,7 @@ function ProductionCommentSection2({
     comments.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: comments.map((comment) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-muted/50 p-2.5 space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
       ] }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
     ] }, comment.id)) }),
@@ -9267,7 +9268,7 @@ function DeliveryDetailsView2({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React30.useMemo(() => {
+  const categorizedElements = React36.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -9601,10 +9602,10 @@ function WeekDetailSheet({
   onAddProductionComment,
   onAddDeliveryComment
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React30.useState(null);
-  const [productionDialogOpen, setProductionDialogOpen] = React30.useState(false);
-  const [previousProducedCount, setPreviousProducedCount] = React30.useState(void 0);
-  const productionElements = React30.useMemo(() => {
+  const [selectedDelivery, setSelectedDelivery] = React36.useState(null);
+  const [productionDialogOpen, setProductionDialogOpen] = React36.useState(false);
+  const [previousProducedCount, setPreviousProducedCount] = React36.useState(void 0);
+  const productionElements = React36.useMemo(() => {
     if (!data?.deliveries) return [];
     const elements = [];
     const seenIds = /* @__PURE__ */ new Set();
@@ -9628,12 +9629,12 @@ function WeekDetailSheet({
     return elements;
   }, [data?.deliveries]);
   const currentProducedCount = productionElements.filter((e) => e.isProduced).length;
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (open && data?.deliveries) {
       setPreviousProducedCount(currentProducedCount);
     }
   }, [open]);
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
       setProductionDialogOpen(false);
@@ -9866,13 +9867,13 @@ function CalibrationWeekCell({
   onAddClick,
   ...props
 }) {
-  const inputRef = React30.useRef(null);
-  const [localValue, setLocalValue] = React30.useState(
+  const inputRef = React36.useRef(null);
+  const [localValue, setLocalValue] = React36.useState(
     data.entered !== null ? String(data.entered) : ""
   );
-  const [isHovered, setIsHovered] = React30.useState(false);
-  const [isEditing, setIsEditing] = React30.useState(false);
-  React30.useEffect(() => {
+  const [isHovered, setIsHovered] = React36.useState(false);
+  const [isEditing, setIsEditing] = React36.useState(false);
+  React36.useEffect(() => {
     setLocalValue(data.entered !== null ? String(data.entered) : "");
   }, [data.entered]);
   const unitLabel = formatCalibrationUnit(unit);
@@ -10058,11 +10059,11 @@ function CommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React30.useState("");
-  const [selectedPrefixId, setSelectedPrefixId] = React30.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React30.useState(true);
-  const [showAddForm, setShowAddForm] = React30.useState(false);
-  const selectedPrefixName = React30.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React36.useState("");
+  const [selectedPrefixId, setSelectedPrefixId] = React36.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React36.useState(true);
+  const [showAddForm, setShowAddForm] = React36.useState(false);
+  const selectedPrefixName = React36.useMemo(() => {
     const prefix = availablePrefixes.find((p) => p.id === selectedPrefixId);
     return prefix?.name ?? "";
   }, [availablePrefixes, selectedPrefixId]);
@@ -10086,7 +10087,7 @@ function CommentPopover({
       setNewCommentText("");
     }
   };
-  const formatDate3 = (date) => {
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -10094,8 +10095,8 @@ function CommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React30.useRef(open);
-  React30.useEffect(() => {
+  const prevOpenRef = React36.useRef(open);
+  React36.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -10154,7 +10155,7 @@ function CommentPopover({
                     ),
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                       /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
-                      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+                      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
                     ] }),
                     /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground", children: comment.text })
                   ]
@@ -10340,7 +10341,7 @@ function CalibrationTable({
     onAddComment,
     onAddEarlierWeek
   } = config;
-  const calculatedStartDate = React30.useMemo(() => {
+  const calculatedStartDate = React36.useMemo(() => {
     if (startDate) return startDate;
     let earliest = null;
     for (const prefix of prefixes) {
@@ -10361,31 +10362,31 @@ function CalibrationTable({
     }
     return earliest ?? /* @__PURE__ */ new Date();
   }, [startDate, prefixes]);
-  const [additionalWeeks, setAdditionalWeeks] = React30.useState(0);
-  const weeks = React30.useMemo(() => {
+  const [additionalWeeks, setAdditionalWeeks] = React36.useState(0);
+  const weeks = React36.useMemo(() => {
     const start = new Date(calculatedStartDate);
     start.setDate(start.getDate() - additionalWeeks * 7);
     return generateWeeks(start, weekCount + additionalWeeks);
   }, [calculatedStartDate, weekCount, additionalWeeks]);
-  React30.useMemo(() => {
+  React36.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const [currentPage, setCurrentPage] = React30.useState(0);
-  const [pageSize, setPageSize] = React30.useState(defaultPageSize);
-  const [searchQuery, setSearchQuery] = React30.useState("");
-  const filteredPrefixes = React30.useMemo(() => {
+  const [currentPage, setCurrentPage] = React36.useState(0);
+  const [pageSize, setPageSize] = React36.useState(defaultPageSize);
+  const [searchQuery, setSearchQuery] = React36.useState("");
+  const filteredPrefixes = React36.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.useMemo(() => {
+  const paginatedPrefixes = React36.useMemo(() => {
     const start = currentPage * pageSize;
     return filteredPrefixes.slice(start, start + pageSize);
   }, [filteredPrefixes, currentPage, pageSize]);
-  React30.useMemo(
+  React36.useMemo(
     () => canSubmitCalibration(prefixes),
     [prefixes]
   );
@@ -10409,11 +10410,11 @@ function CalibrationTable({
     }
     return allComments;
   };
-  const availablePrefixes = React30.useMemo(
+  const availablePrefixes = React36.useMemo(
     () => prefixes.map((p) => ({ id: p.id, name: p.name })),
     [prefixes]
   );
-  const insightMetrics = React30.useMemo(() => {
+  const insightMetrics = React36.useMemo(() => {
     let totalCalibrated = 0;
     let totalRequired = 0;
     for (const prefix of prefixes) {
@@ -10454,7 +10455,7 @@ function CalibrationTable({
       }
     ];
   }, [prefixes]);
-  const columnSummaryData = React30.useMemo(() => {
+  const columnSummaryData = React36.useMemo(() => {
     const summaryMap = /* @__PURE__ */ new Map();
     for (const week of weeks) {
       const weekKey = getWeekKey(week.startDate);
@@ -10721,14 +10722,14 @@ function CommentDialog({
   open,
   onOpenChange
 }) {
-  const [selectedPrefixId, setSelectedPrefixId] = React30.useState("");
-  const [selectedWeekKey, setSelectedWeekKey] = React30.useState("");
-  const [commentText, setCommentText] = React30.useState("");
-  const currentWeek = React30.useMemo(
+  const [selectedPrefixId, setSelectedPrefixId] = React36.useState("");
+  const [selectedWeekKey, setSelectedWeekKey] = React36.useState("");
+  const [commentText, setCommentText] = React36.useState("");
+  const currentWeek = React36.useMemo(
     () => weeks.find((w) => w.isCurrentWeek),
     [weeks]
   );
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (open) {
       setSelectedPrefixId(prefixes[0]?.id ?? "");
       setSelectedWeekKey(currentWeek ? getWeekKey(currentWeek.startDate) : weeks[0] ? getWeekKey(weeks[0].startDate) : "");
@@ -10964,7 +10965,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 {
@@ -10972,7 +10973,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
   };
 }
@@ -11275,7 +11276,7 @@ function WeeklyLoadingView({
   showNavigation = true,
   className
 }) {
-  const [shippedOpenState, setShippedOpenState] = React30.useState({
+  const [shippedOpenState, setShippedOpenState] = React36.useState({
     1: false,
     // Monday
     2: false,
@@ -11293,7 +11294,7 @@ function WeeklyLoadingView({
       [dayOfWeek]: !prev[dayOfWeek]
     }));
   };
-  const weekDays = React30.useMemo(() => {
+  const weekDays = React36.useMemo(() => {
     const days = [];
     for (let i = 0; i < 5; i++) {
       const date = addDays(week.startDate, i);
@@ -11305,7 +11306,7 @@ function WeeklyLoadingView({
     }
     return days;
   }, [week.startDate]);
-  const deliveriesByDay = React30.useMemo(() => {
+  const deliveriesByDay = React36.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       grouped.set(i, { pending: [], shipped: [] });
@@ -11325,7 +11326,7 @@ function WeeklyLoadingView({
   }, [deliveries]);
   const totalPendingDeliveries = deliveries.filter((d) => !isShippedDelivery(d)).length;
   const totalShippedDeliveries = deliveries.filter((d) => isShippedDelivery(d)).length;
-  const daySummaryData = React30.useMemo(() => {
+  const daySummaryData = React36.useMemo(() => {
     const summaries = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       const dayData = deliveriesByDay.get(i) ?? { pending: [], shipped: [] };
@@ -11679,7 +11680,7 @@ function DeliveryTimeline({ timelineState }) {
     const state = getStateForStep(step.id);
     const styles = getStepStyles(state);
     const isLast = index === TIMELINE_STEPS.length - 1;
-    return /* @__PURE__ */ jsxs(React30.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React36.Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -11814,7 +11815,7 @@ function AddCommentDialog({
   weekId,
   onAddComment
 }) {
-  const [commentText, setCommentText] = React30.useState("");
+  const [commentText, setCommentText] = React36.useState("");
   const handleSubmit = () => {
     if (commentText.trim() && onAddComment) {
       onAddComment({
@@ -11839,7 +11840,7 @@ function AddCommentDialog({
       handleSubmit();
     }
   };
-  React30.useEffect(() => {
+  React36.useEffect(() => {
     if (!open) {
       setCommentText("");
     }
@@ -11902,9 +11903,9 @@ function CommentsSection({
   weekId,
   onAddComment
 }) {
-  const [viewCommentsOpen, setViewCommentsOpen] = React30.useState(true);
-  const [addDialogOpen, setAddDialogOpen] = React30.useState(false);
-  const formatDate3 = (date) => {
+  const [viewCommentsOpen, setViewCommentsOpen] = React36.useState(true);
+  const [addDialogOpen, setAddDialogOpen] = React36.useState(false);
+  const formatDate6 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
       day: "numeric",
@@ -11948,7 +11949,7 @@ function CommentsSection({
               /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: comment.author }),
               comment.supplierName && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[9px] px-1.5 py-0 h-4", children: comment.prefixName ? `${comment.supplierName} - ${comment.prefixName}` : comment.supplierName })
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate3(comment.createdAt) })
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: formatDate6(comment.createdAt) })
           ] }),
           /* @__PURE__ */ jsx("p", { className: "text-sm", children: comment.text })
         ] }, comment.id)) })
@@ -11977,7 +11978,7 @@ function DeliveryDetailPage({
   onConfirmLoad
 }) {
   const timelineState = getTimelineState(delivery);
-  const elementsByStatus = React30.useMemo(() => {
+  const elementsByStatus = React36.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");
@@ -12164,11 +12165,11 @@ function SupplierWeeklyLoading({
   bordered = true,
   className
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React30.useState(null);
-  const [sheetOpen, setSheetOpen] = React30.useState(false);
-  const [commentDelivery, setCommentDelivery] = React30.useState(null);
-  const [commentDialogOpen, setCommentDialogOpen] = React30.useState(false);
-  const [commentText, setCommentText] = React30.useState("");
+  const [selectedDelivery, setSelectedDelivery] = React36.useState(null);
+  const [sheetOpen, setSheetOpen] = React36.useState(false);
+  const [commentDelivery, setCommentDelivery] = React36.useState(null);
+  const [commentDialogOpen, setCommentDialogOpen] = React36.useState(false);
+  const [commentText, setCommentText] = React36.useState("");
   const handleDeliveryClick = (delivery) => {
     setSelectedDelivery(delivery);
     setSheetOpen(true);
@@ -12211,7 +12212,7 @@ function SupplierWeeklyLoading({
       handleCommentSubmit();
     }
   };
-  const insightMetrics = React30.useMemo(() => {
+  const insightMetrics = React36.useMemo(() => {
     const totalDeliveries = deliveries.length;
     const readyDeliveries = deliveries.filter((d) => d.isReadyToUnload).length;
     deliveries.filter(
@@ -12630,11 +12631,11 @@ function CapacityPlanningChart({
   allowDragDrop = true,
   className
 }) {
-  const containerRef = React30.useRef(null);
-  const [draggedPackage, setDraggedPackage] = React30.useState(null);
-  const [showUnassigned, setShowUnassigned] = React30.useState(true);
-  const [containerWidth, setContainerWidth] = React30.useState(0);
-  React30.useEffect(() => {
+  const containerRef = React36.useRef(null);
+  const [draggedPackage, setDraggedPackage] = React36.useState(null);
+  const [showUnassigned, setShowUnassigned] = React36.useState(true);
+  const [containerWidth, setContainerWidth] = React36.useState(0);
+  React36.useEffect(() => {
     const updateWidth = () => {
       if (containerRef.current) {
         setContainerWidth(containerRef.current.offsetWidth);
@@ -12647,15 +12648,15 @@ function CapacityPlanningChart({
     }
     return () => observer.disconnect();
   }, []);
-  const cumulativeNeed = React30.useMemo(
+  const cumulativeNeed = React36.useMemo(
     () => calculateCumulativeNeed(weeks, deliveries),
     [weeks, deliveries]
   );
-  const packagePositions = React30.useMemo(
+  const packagePositions = React36.useMemo(
     () => calculatePackagePositions(packages, weeks),
     [packages, weeks]
   );
-  const deliveriesByWeek = React30.useMemo(() => {
+  const deliveriesByWeek = React36.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const d of deliveries) {
       const existing = map.get(d.weekKey) || [];
@@ -14489,7 +14490,7 @@ var getWeekStartDate2 = (year, weekNumber) => {
 };
 var EnhancedGridLines = memo(({ rowCount }) => {
   const gantt = useGanttContext();
-  const id = React30.useId();
+  const id = React36.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
   const { verticalLines, totalColumns } = useMemo(() => {
     const lines = [];
@@ -15084,7 +15085,7 @@ function getPhaseColor(phaseId, customColor) {
 }
 var LightweightGridLines = memo(() => {
   const gantt = useGanttContext();
-  const id = React30.useId();
+  const id = React36.useId();
   const columnWidth = gantt.columnWidth * gantt.zoom / 100;
   const { lines, totalWidth } = useMemo(() => {
     const linePositions = [];
@@ -15681,6 +15682,1366 @@ function PhaseGantt({
     }
   );
 }
+function getSubtaskTypeIcon(type) {
+  switch (type) {
+    case "calculation":
+      return Calculator;
+    case "review":
+      return FileCheck;
+    case "upload":
+      return Upload;
+    case "approval":
+      return UserCheck;
+    case "documentation":
+      return FileText;
+    default:
+      return 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 CheckCircle2;
+    case "in_progress":
+      return Loader2;
+    case "blocked":
+      return Lock;
+    default:
+      return 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.useCallback(() => {
+    if (isActionable && onAction) {
+      onAction(subtask);
+    }
+  }, [isActionable, onAction, subtask]);
+  if (compact) {
+    return /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: cn(
+            "truncate flex-1",
+            subtask.status === "done" && "line-through text-muted-foreground"
+          ), children: subtask.title }),
+          isLocked && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip2, { children: [
+            /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 text-muted-foreground shrink-0" }) }),
+            /* @__PURE__ */ jsx(TooltipContent, { side: "left", className: "max-w-xs", children: /* @__PURE__ */ jsx("p", { className: "text-xs", children: lockReason }) })
+          ] }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "pt-0.5", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex-1 min-w-0 space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "font-medium text-sm",
+                  subtask.status === "done" && "line-through text-muted-foreground"
+                ),
+                children: subtask.title
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "shrink-0 text-[10px] px-1.5 py-0 gap-1",
+                children: [
+                  /* @__PURE__ */ jsx(TypeIcon, { className: "h-3 w-3" }),
+                  getSubtaskTypeLabel(subtask.type)
+                ]
+              }
+            )
+          ] }),
+          subtask.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: subtask.description }),
+          isLocked && lockReason && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { children: lockReason })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  subtask.estimatedMinutes,
+                  "m"
+                ] })
+              ] }),
+              subtask.assignee && /* @__PURE__ */ jsx("span", { className: "truncate max-w-[100px]", children: subtask.assignee.name })
+            ] }),
+            isActionable && onAction && /* @__PURE__ */ 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.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.useCallback((e) => {
+    if (e.target.closest('button, [role="button"]')) {
+      return;
+    }
+    onPackageClick?.(pkg);
+  }, [onPackageClick, pkg]);
+  const handleNextAction = React36.useCallback(() => {
+    if (nextAction && onSubtaskAction) {
+      onSubtaskAction(nextAction.subtask);
+    }
+  }, [nextAction, onSubtaskAction]);
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "p-3 space-y-3 cursor-pointer transition-all hover:shadow-md",
+        isComplete && "opacity-80",
+        className
+      ),
+      onClick: handleCardClick,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 mt-0.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm leading-tight truncate", children: pkg.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: pkg.project })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0 shrink-0", priorityConfig.className),
+              children: priorityConfig.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Progress" }),
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              completedCount,
+              "/",
+              totalCount
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Progress, { value: progress * 100, className: "h-1.5" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", statusConfig.className),
+              children: statusConfig.label
+            }
+          ),
+          isWaiting ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { children: "Waiting" })
+          ] }) : nextAction ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "default",
+              className: "h-6 text-[10px] px-2",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleNextAction();
+              },
+              children: nextActionLabel
+            }
+          ) : isComplete ? /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between gap-2 pt-1 border-t border-border/50", children: [
+          pkg.dueDate && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { children: formatDate3(pkg.dueDate) })
+          ] }),
+          pkg.tags && pkg.tags.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 flex-wrap justify-end", children: [
+            pkg.tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "text-[9px] px-1 py-0 h-4",
+                children: tag
+              },
+              tag
+            )),
+            pkg.tags.length > 2 && /* @__PURE__ */ jsxs("span", { className: "text-[9px] text-muted-foreground", children: [
+              "+",
+              pkg.tags.length - 2
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Collapsible, { open: isExpanded, onOpenChange: setIsExpanded, children: [
+          /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                  isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
+                  subtaskStates.length,
+                  " subtasks"
+                ] }),
+                subtaskStates.some((s) => s.isLocked) && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-amber-600 dark:text-amber-400", children: [
+                  /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3" }),
+                  subtaskStates.filter((s) => s.isLocked).length,
+                  " locked"
+                ] })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(CollapsibleContent2, { className: "pt-2 space-y-1.5", children: subtaskStates.map((subtaskState) => /* @__PURE__ */ jsx(
+            SubtaskItem,
+            {
+              subtaskState,
+              onAction: onSubtaskAction,
+              compact: true
+            },
+            subtaskState.subtask.id
+          )) })
+        ] }),
+        isWaiting && !isComplete && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "w-full h-7 text-xs text-muted-foreground",
+            onClick: (e) => {
+              e.stopPropagation();
+              onPackageClick?.(pkg);
+            },
+            children: [
+              /* @__PURE__ */ jsx(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
+  } = useSortable({
+    id: packageState.package.id,
+    data: {
+      type: "package",
+      packageState
+    }
+  });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      ...attributes,
+      ...listeners,
+      className: cn(
+        "cursor-grab active:cursor-grabbing",
+        isDragging && "opacity-30"
+      ),
+      children: /* @__PURE__ */ jsx(
+        PackageCard,
+        {
+          packageState,
+          onSubtaskAction,
+          onPackageClick
+        }
+      )
+    }
+  );
+}
+function KanbanColumn({
+  id,
+  name,
+  packageStates,
+  onSubtaskAction,
+  onPackageClick
+}) {
+  const packageIds = packageStates.map((p) => p.package.id);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-[280px] max-w-[320px] flex-1 h-full bg-muted/20 rounded-lg border", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border-b bg-muted/30 shrink-0", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: name }),
+      /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: packageStates.length })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollArea, { className: "flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsx(SortableContext, { items: packageIds, children: /* @__PURE__ */ jsxs("div", { className: "p-2 space-y-2", children: [
+        packageStates.map((packageState) => /* @__PURE__ */ jsx(
+          SortablePackageCard,
+          {
+            packageState,
+            onSubtaskAction,
+            onPackageClick
+          },
+          packageState.package.id
+        )),
+        packageStates.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[100px] text-sm text-muted-foreground", children: "No packages" })
+      ] }) }),
+      /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
+    ] })
+  ] });
+}
+function TodoBoard({
+  packages,
+  workflowConfig,
+  onSubtaskAction,
+  onPackageClick,
+  onPackagesChange,
+  height = 600,
+  className
+}) {
+  const [activeId, setActiveId] = React36.useState(null);
+  const sensors = useSensors(
+    useSensor(MouseSensor, {
+      activationConstraint: { distance: 8 }
+    }),
+    useSensor(TouchSensor, {
+      activationConstraint: { delay: 200, tolerance: 5 }
+    })
+  );
+  const packageStates = React36.useMemo(
+    () => computeAllPackageStates(packages, workflowConfig),
+    [packages, workflowConfig]
+  );
+  const groupedPackages = React36.useMemo(
+    () => groupPackagesByBucket(packageStates),
+    [packageStates]
+  );
+  const buckets = getBucketConfig(workflowConfig);
+  const activePackageState = React36.useMemo(
+    () => packageStates.find((p) => p.package.id === activeId),
+    [packageStates, activeId]
+  );
+  const handleDragStart = React36.useCallback((event) => {
+    setActiveId(event.active.id);
+  }, []);
+  const handleDragEnd = React36.useCallback((event) => {
+    setActiveId(null);
+  }, []);
+  const heightStyle = typeof height === "number" ? `${height}px` : height;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-sm", children: [
+      packages.length,
+      " packages"
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      DndContext,
+      {
+        sensors,
+        collisionDetection: closestCenter,
+        onDragStart: handleDragStart,
+        onDragEnd: handleDragEnd,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex gap-4 overflow-x-auto pb-2",
+              style: { height: heightStyle },
+              children: buckets.map((bucket) => /* @__PURE__ */ jsx(
+                KanbanColumn,
+                {
+                  id: bucket.id,
+                  name: bucket.name,
+                  packageStates: groupedPackages[bucket.id] || [],
+                  onSubtaskAction,
+                  onPackageClick
+                },
+                bucket.id
+              ))
+            }
+          ),
+          typeof window !== "undefined" && createPortal(
+            /* @__PURE__ */ jsx(DragOverlay, { children: activePackageState && /* @__PURE__ */ 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__ */ 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__ */ jsx(ChevronsUpDown, { className: "ml-1 h-3 w-3" })
+      ]
+    }
+  );
+}
+function BucketHeaderRow({ name, color, currentSort, onSort }) {
+  return /* @__PURE__ */ jsxs(TableRow, { className: "bg-background hover:bg-background border-t-2", children: [
+    /* @__PURE__ */ jsx(TableCell, { colSpan: 2, className: "py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("w-2.5 h-2.5 rounded-full", color) }),
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: name })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ jsx(SortableHeader, { label: "Status", field: "status", currentSort, onSort }) }),
+    /* @__PURE__ */ jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ jsx(SortableHeader, { label: "Due Date", field: "dueDate", currentSort, onSort }) }),
+    /* @__PURE__ */ jsx(TableCell, { className: "py-3", children: /* @__PURE__ */ 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__ */ jsxs(
+    TableRow,
+    {
+      className: "cursor-pointer hover:bg-muted/50 transition-colors",
+      onClick: () => onPackageClick?.(pkg),
+      children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "w-10", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-6 w-6",
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleExpand();
+            },
+            children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 shrink-0 bg-muted/50", children: "Main task" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: pkg.name }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            completedCount,
+            "/",
+            totalCount,
+            " Completed"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableCell, {}),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-sm text-muted-foreground", children: pkg.dueDate ? formatDate4(pkg.dueDate) : "\u2014" }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ 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__ */ jsxs(
+    TableRow,
+    {
+      className: cn(
+        "hover:bg-muted/30 transition-colors",
+        isLocked && "opacity-60"
+      ),
+      onClick: () => !isLocked && onSubtaskAction?.(subtask),
+      children: [
+        /* @__PURE__ */ jsx(TableCell, { className: "w-10" }),
+        /* @__PURE__ */ jsx(TableCell, { className: "pl-10", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0 shrink-0 bg-muted/30", children: "Subtask" }),
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "text-sm",
+            subtask.status === "done" && "text-muted-foreground",
+            isLocked && "text-muted-foreground"
+          ), children: subtask.title })
+        ] }) }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("text-[10px] px-1.5 py-0", statusBadge.className), children: statusBadge.label }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "text-sm text-muted-foreground", children: subtask.completedAt ? formatDate4(subtask.completedAt) : "\u2014" }),
+        /* @__PURE__ */ jsx(TableCell, { children: subtask.estimatedMinutes && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "~",
+          subtask.estimatedMinutes,
+          "m"
+        ] }) })
+      ]
+    }
+  );
+}
+function TodoList({
+  packages,
+  workflowConfig,
+  onSubtaskAction,
+  onPackageClick,
+  className
+}) {
+  const [expandedIds, setExpandedIds] = React36.useState(/* @__PURE__ */ new Set());
+  const [sort, setSort] = React36.useState({
+    field: "priority",
+    direction: null
+  });
+  const packageStates = React36.useMemo(
+    () => computeAllPackageStates(packages, workflowConfig),
+    [packages, workflowConfig]
+  );
+  const groupedPackages = React36.useMemo(
+    () => groupPackagesByBucket(packageStates),
+    [packageStates]
+  );
+  const buckets = getBucketConfig2(workflowConfig);
+  const toggleExpand = React36.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.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__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-sm", children: [
+      packages.length,
+      " packages"
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: /* @__PURE__ */ jsxs(ScrollArea, { className: "w-full", children: [
+      /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { className: "bg-muted/30", children: [
+          /* @__PURE__ */ jsx(TableHead, { className: "w-10" }),
+          /* @__PURE__ */ jsx(TableHead, { className: "min-w-[300px]", children: "Task" }),
+          /* @__PURE__ */ jsx(TableHead, { className: "w-[120px]", children: "Status" }),
+          /* @__PURE__ */ jsx(TableHead, { className: "w-[140px]", children: "Due Date" }),
+          /* @__PURE__ */ jsx(TableHead, { className: "w-[100px]", children: "Priority" })
+        ] }) }),
+        /* @__PURE__ */ 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__ */ jsxs(React36.Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                BucketHeaderRow,
+                {
+                  name: bucket.name,
+                  color: bucket.color,
+                  currentSort: sort,
+                  onSort: handleSort
+                }
+              ),
+              sortedPackages.map((packageState) => {
+                const isExpanded = expandedIds.has(packageState.package.id);
+                return /* @__PURE__ */ jsxs(React36.Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    PackageRow,
+                    {
+                      packageState,
+                      isExpanded,
+                      onToggleExpand: () => toggleExpand(packageState.package.id),
+                      onPackageClick
+                    }
+                  ),
+                  isExpanded && packageState.subtaskStates.map((subtaskState) => /* @__PURE__ */ jsx(
+                    SubtaskRow,
+                    {
+                      subtaskState,
+                      onSubtaskAction
+                    },
+                    subtaskState.subtask.id
+                  ))
+                ] }, packageState.package.id);
+              })
+            ] }, bucket.id);
+          }),
+          packages.length === 0 && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "h-32 text-center text-muted-foreground", children: "No packages found" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ 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.useCallback(() => {
+    onPackageClick?.(pkg);
+  }, [onPackageClick, pkg]);
+  const handleNextAction = React36.useCallback(() => {
+    if (nextAction && onSubtaskAction) {
+      onSubtaskAction(nextAction.subtask);
+    }
+  }, [nextAction, onSubtaskAction]);
+  return /* @__PURE__ */ jsxs(Collapsible, { open: isExpanded, onOpenChange: onExpandToggle, children: [
+    /* @__PURE__ */ jsxs(
+      TableRow,
+      {
+        className: cn(
+          "group cursor-pointer hover:bg-muted/50",
+          isComplete && "opacity-70",
+          isExpanded && "bg-muted/30",
+          className
+        ),
+        onClick: handleRowClick,
+        children: [
+          /* @__PURE__ */ jsx(TableCell, { className: "w-10", children: /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-6 w-6",
+              onClick: (e) => e.stopPropagation(),
+              children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "min-w-[200px]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Package, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium text-sm truncate", children: pkg.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: pkg.project })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "w-[120px]", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", statusConfig.className),
+              children: statusConfig.label
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "w-[100px]", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "secondary",
+              className: cn("text-[10px] px-1.5 py-0", priorityConfig.className),
+              children: priorityConfig.label
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "w-[150px]", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                completedCount,
+                "/",
+                totalCount
+              ] }),
+              lockedCount > 0 && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-0.5 text-amber-600 dark:text-amber-400", children: [
+                /* @__PURE__ */ jsx(AlertCircle, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx("span", { children: lockedCount })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Progress, { value: progress * 100, className: "h-1.5" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "w-[100px]", children: pkg.dueDate && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { children: formatDate5(pkg.dueDate) })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableCell, { className: "w-[150px]", children: isWaiting ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx("span", { children: "Waiting" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-6 text-[10px] px-2",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onPackageClick?.(pkg);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3 mr-1" }),
+                  "View"
+                ]
+              }
+            )
+          ] }) : nextAction ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "sm",
+              variant: "default",
+              className: "h-6 text-[10px] px-2",
+              onClick: (e) => {
+                e.stopPropagation();
+                handleNextAction();
+              },
+              children: nextActionLabel
+            }
+          ) : isComplete ? /* @__PURE__ */ 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__ */ jsx(CollapsibleContent2, { asChild: true, children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 7, className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "bg-muted/20 border-t border-b", children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-2 max-w-3xl ml-10", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground mb-3", children: [
+        "Subtasks (",
+        subtaskStates.length,
+        ")"
+      ] }),
+      subtaskStates.map((subtaskState) => /* @__PURE__ */ jsx(
+        SubtaskItem,
+        {
+          subtaskState,
+          onAction: onSubtaskAction
+        },
+        subtaskState.subtask.id
+      ))
+    ] }) }) }) }) })
+  ] });
+}
+function WorkflowViewToggle({
+  value,
+  onValueChange,
+  className
+}) {
+  const handleValueChange = React36.useCallback(
+    (newValue) => {
+      if (newValue === "kanban" || newValue === "list") {
+        onValueChange(newValue);
+      }
+    },
+    [onValueChange]
+  );
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    ToggleGroup,
+    {
+      type: "single",
+      value,
+      onValueChange: handleValueChange,
+      className: cn("border rounded-lg p-0.5 bg-muted/50", className),
+      children: [
+        /* @__PURE__ */ jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(Kanban, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Kanban View" }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(List, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsx("p", { className: "text-xs", children: "List View" }) })
+        ] })
+      ]
+    }
+  ) });
+}
 
 // src/components/event-calendar/types.ts
 var DEFAULT_WORKING_HOURS = {
@@ -15744,7 +17105,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React30.createContext(null);
+var CalendarContext = React36.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -15759,38 +17120,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React30.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React30.useState(defaultUserId);
-  const [events, setEventsState] = React30.useState(initialEvents);
-  const [users] = React30.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React30.useState(defaultBadgeVariant);
-  const [view, setView] = React30.useState(defaultView);
-  const [workingHours, setWorkingHours] = React30.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React30.useState(defaultVisibleHours);
-  React30.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React36.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React36.useState(defaultUserId);
+  const [events, setEventsState] = React36.useState(initialEvents);
+  const [users] = React36.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React36.useState(defaultBadgeVariant);
+  const [view, setView] = React36.useState(defaultView);
+  const [workingHours, setWorkingHours] = React36.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React36.useState(defaultVisibleHours);
+  React36.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React30.useCallback((newEvents) => {
+  const setEvents = React36.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React30.useCallback((event) => {
+  const addEvent = React36.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React30.useCallback((event) => {
+  const updateEvent = React36.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React30.useCallback((eventId) => {
+  const deleteEvent = React36.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React30.useCallback(() => {
+  const goToToday = React36.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React30.useCallback(() => {
+  const goToPrevious = React36.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -15808,7 +17169,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React30.useCallback(() => {
+  const goToNext = React36.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -15826,7 +17187,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React30.useMemo(
+  const contextValue = React36.useMemo(
     () => ({
       // State
       selectedDate,
@@ -15873,7 +17234,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React30.useContext(CalendarContext);
+  const context = React36.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -15881,14 +17242,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React30.useMemo(() => {
+  return React36.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React30.useMemo(() => {
+  return React36.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -16446,8 +17807,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React30.useState(/* @__PURE__ */ new Date());
-  React30.useEffect(() => {
+  const [now, setNow] = React36.useState(/* @__PURE__ */ new Date());
+  React36.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -16484,24 +17845,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React30.createContext(null);
+var DragContext = React36.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React30.useState(null);
-  const [isDragging, setIsDragging] = React30.useState(false);
+  const [draggedEvent, setDraggedEventState] = React36.useState(null);
+  const [isDragging, setIsDragging] = React36.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React30.useCallback((event) => {
+  const setDraggedEvent = React36.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React30.useCallback((newStartDate) => {
+  const handleDrop = React36.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -16514,7 +17875,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React30.useMemo(
+  const contextValue = React36.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -16525,7 +17886,7 @@ function DragProvider({
   return /* @__PURE__ */ jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React30.useContext(DragContext);
+  const context = React36.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -16570,7 +17931,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React30.useState(false);
+  const [isOver, setIsOver] = React36.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -16608,23 +17969,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React30.useState(false);
-  const dropTargetDate = React30.useMemo(() => {
+  const [isOver, setIsOver] = React36.useState(false);
+  const dropTargetDate = React36.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React30.useCallback((e) => {
+  const handleDragOver = React36.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React30.useCallback(() => {
+  const handleDragLeave = React36.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React30.useCallback((e) => {
+  const handleDrop = React36.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -16651,13 +18012,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.useCallback((e) => {
+  const handleDragStart = React36.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React30.useCallback(() => {
+  const handleDragEnd = React36.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -16698,15 +18059,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React30.useMemo(
+  const cells = React36.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React30.useMemo(
+  const eventPositions = React36.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -16888,7 +18249,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -17094,8 +18455,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React30.useState(/* @__PURE__ */ new Date());
-  React30.useEffect(() => {
+  const [currentTime, setCurrentTime] = React36.useState(/* @__PURE__ */ new Date());
+  React36.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -17178,7 +18539,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -17186,7 +18547,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React30.useMemo(() => {
+  const currentEvents = React36.useMemo(() => {
     if (!isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -17410,8 +18771,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React30.useState(/* @__PURE__ */ new Date());
-  React30.useEffect(() => {
+  const [currentTime, setCurrentTime] = React36.useState(/* @__PURE__ */ new Date());
+  React36.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -17445,7 +18806,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React30.useMemo(() => {
+  const months = React36.useMemo(() => {
     const yearStart = startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => addMonths(yearStart, i));
   }, [selectedDate]);
@@ -17568,11 +18929,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React30.useMemo(
+  const { singleDayEvents, multiDayEvents } = React36.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React30.useMemo(() => {
+  const eventsByDay = React36.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = parseISO(event.startDate);
@@ -18037,16 +19398,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React30.useState("");
-  const [description, setDescription] = React30.useState("");
-  const [startDate, setStartDate] = React30.useState("");
-  const [startTime, setStartTime] = React30.useState("");
-  const [endDate, setEndDate] = React30.useState("");
-  const [endTime, setEndTime] = React30.useState("");
-  const [color, setColor] = React30.useState("blue");
-  const [userId, setUserId] = React30.useState("");
-  const [isSubmitting, setIsSubmitting] = React30.useState(false);
-  React30.useEffect(() => {
+  const [title, setTitle] = React36.useState("");
+  const [description, setDescription] = React36.useState("");
+  const [startDate, setStartDate] = React36.useState("");
+  const [startTime, setStartTime] = React36.useState("");
+  const [endDate, setEndDate] = React36.useState("");
+  const [endTime, setEndTime] = React36.useState("");
+  const [color, setColor] = React36.useState("blue");
+  const [userId, setUserId] = React36.useState("");
+  const [isSubmitting, setIsSubmitting] = React36.useState(false);
+  React36.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = parseISO(event.startDate);
@@ -18269,7 +19630,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React30.useState("");
+  const [title, setTitle] = React36.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -18336,8 +19697,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React30.useState(visibleHours.from);
-  const [to, setTo] = React30.useState(visibleHours.to);
+  const [from, setFrom] = React36.useState(visibleHours.from);
+  const [to, setTo] = React36.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -18383,7 +19744,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React30.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React36.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -18532,8 +19893,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React30.useState(false);
-  React30.useEffect(() => {
+  const [matches, setMatches] = React36.useState(false);
+  React36.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -18585,11 +19946,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React30.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React30.useState(false);
-  const [selectedEvent, setSelectedEvent] = React30.useState(null);
-  const [dialogMode, setDialogMode] = React30.useState("add");
-  const [defaultDate, setDefaultDate] = React30.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React36.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React36.useState(false);
+  const [selectedEvent, setSelectedEvent] = React36.useState(null);
+  const [dialogMode, setDialogMode] = React36.useState("add");
+  const [defaultDate, setDefaultDate] = React36.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -18946,6 +20307,6 @@ var KanbanProvider = ({
   ) });
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgendaView, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BADGE_VARIANT_LABELS, Badge, BigCalendar, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarContext, CalendarDayButton, CalendarHeader, CalendarHeaderCompact, CalendarSettingsButton, CalendarSettingsContent, CalendarSettingsDialog, CalibrationTable, CalibrationWeekCell, CalibrationWeekHeader, CapacityPlanningChart, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColumnSummaryCell, ColumnSummaryStrip, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentButton, CommentDialog, CommentPopover, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_VISIBLE_HOURS, DEFAULT_WORKING_HOURS, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DateBadge, DayView, DeliveryBadge, DeliveryCard, DeliveryDetailPage, DeliveryIndicator, DeliveryIndicators, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragContext, DragProvider, DraggableEvent, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DroppableZone, EVENT_COLORS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventBadge, EventCalendarProvider, EventDialog, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GanttAddFeatureHelper, GanttCollapsibleSidebarGroup, GanttCollapsibleTimelineGroup, GanttColumn, GanttColumns, GanttContentHeader, GanttContext, GanttCreateMarkerTrigger, GanttFeatureDragHelper, GanttFeatureItem, GanttFeatureItemCard, GanttFeatureList, GanttFeatureListGroup, GanttFeatureRow, GanttGridLines, GanttGroupSummaryBar, GanttHeader, GanttMarker, GanttProvider, GanttSidebar, GanttSidebarGroup, GanttSidebarHeader, GanttSidebarItem, GanttTimeline, GanttToday, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InsightBar, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, KanbanBoard, KanbanCard, KanbanCards, KanbanHeader, KanbanProvider, Kbd, KbdGroup, Label2 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthView, MoreEvents, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavMain, NavProjects, NavSecondary, NavUser, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NetBadge, PHASE_COLORS, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhaseGantt, Pill, PillAvatar, PillAvatarGroup, PillClose, PillDelta, PillIcon, PillStatus, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductionPackageGantt, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RowHeaderCell, ScrollArea, ScrollBar, SearchForm, SearchTrigger, Section, SectionContent, SectionDescription, SectionFooter, SectionHeader, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteHeader, Skeleton, Slider, Spinner, StatusProgress, SubmitCalibrationBar, SupplierCell, SupplierWeeklyLoading, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeSwitch, TimeIndicator, Toaster, Toggle, ToggleGroup, ToggleGroupItem, ToolBarCanvas, ToolBarCanvasButton, ToolBarCanvasDivider, ToolBarCanvasGroup, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAvatarsDropdown, VIEW_LABELS, WeekCell, WeekDetailDialog, WeekDetailSheet, WeekHeader, WeekView, WeeklyLoadingView, YearView, badgeVariants, buttonGroupVariants, buttonVariants, calculateCalibrationCells, calculateCumulativeNeed, calculateCumulativePlanned, calculateDropDates, calculateFeasibility, calculateMonthEventPositions, calculatePackagePositions, canSubmitCalibration, cardVariants, createDefaultEvent, deliveryIndicatorVariants, extractPrefixes, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatDisplayDate, formatProductionUnit, formatTime, getDateByMousePosition as ganttGetDateByMousePosition, getOffset as ganttGetOffset, getWidth as ganttGetWidth, generateColumns, generateEventId, generateLoadingWeek, generateLocationOptions, generateWeekColumns, generateWeeks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getDayLabel, getDeliveryVisualState, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getFeasibilityColor, getFeasibilityLabel, getHeaderLabel, getISOWeek, getLoadingDeliveryStatusLabel, getLoadingElementStatusLabel, getLoadingISOWeek, getLoadingWeekKey, getMonthCellEvents, getMonthDays, getPackageWeekRange, getPhaseColor, getShipmentStatusLabel, getShortDayLabel, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupDeliveriesByDay, groupDeliveriesByPrefixAndDay, groupEvents, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, pillVariants, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, toggleVariants, toolBarCanvasButtonVariants, useDrag, useDraggable3 as useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, useGanttContext, useGanttDragging, useGanttScrollX, useIsMobile, useSearchShortcut, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgendaView, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BADGE_VARIANT_LABELS, Badge, BigCalendar, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarContext, CalendarDayButton, CalendarHeader, CalendarHeaderCompact, CalendarSettingsButton, CalendarSettingsContent, CalendarSettingsDialog, CalibrationTable, CalibrationWeekCell, CalibrationWeekHeader, CapacityPlanningChart, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChangeBadgeVariantInput, ChangeVisibleHoursInput, ChangeWorkingHoursInput, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CircularProgress, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColumnSummaryCell, ColumnSummaryStrip, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentButton, CommentDialog, CommentPopover, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DEFAULT_VISIBLE_HOURS, DEFAULT_WORKING_HOURS, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, DateBadge, DayView, DeliveryBadge, DeliveryCard, DeliveryDetailPage, DeliveryIndicator, DeliveryIndicators, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DragContext, DragProvider, DraggableEvent, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DroppableZone, EVENT_COLORS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventBadge, EventCalendarProvider, EventDialog, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GanttAddFeatureHelper, GanttCollapsibleSidebarGroup, GanttCollapsibleTimelineGroup, GanttColumn, GanttColumns, GanttContentHeader, GanttContext, GanttCreateMarkerTrigger, GanttFeatureDragHelper, GanttFeatureItem, GanttFeatureItemCard, GanttFeatureList, GanttFeatureListGroup, GanttFeatureRow, GanttGridLines, GanttGroupSummaryBar, GanttHeader, GanttMarker, GanttProvider, GanttSidebar, GanttSidebarGroup, GanttSidebarHeader, GanttSidebarItem, GanttTimeline, GanttToday, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InsightBar, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, KanbanBoard, KanbanCard, KanbanCards, KanbanHeader, KanbanProvider, Kbd, KbdGroup, Label2 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthView, MoreEvents, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavMain, NavProjects, NavSecondary, NavUser, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NetBadge, PHASE_COLORS, PackageCard, PackageRow2 as PackageRow, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhaseGantt, Pill, PillAvatar, PillAvatarGroup, PillClose, PillDelta, PillIcon, PillStatus, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProductionPackageGantt, Progress, QuickAddEvent, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, RowHeaderCell, ScrollArea, ScrollBar, SearchForm, SearchTrigger, Section, SectionContent, SectionDescription, SectionFooter, SectionHeader, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteHeader, Skeleton, Slider, Spinner, StatusProgress, SubmitCalibrationBar, SubtaskItem, SupplierCell, SupplierWeeklyLoading, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeSwitch, TimeIndicator, Toaster, TodoBoard, TodoList, Toggle, ToggleGroup, ToggleGroupItem, ToolBarCanvas, ToolBarCanvasButton, ToolBarCanvasDivider, ToolBarCanvasGroup, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserAvatarsDropdown, VIEW_LABELS, WeekCell, WeekDetailDialog, WeekDetailSheet, WeekHeader, WeekView, WeeklyLoadingView, WorkflowViewToggle, YearView, allRequiredSubtasksDone, anySubtaskStartedOrDone, areDependenciesSatisfied, badgeVariants, buttonGroupVariants, buttonVariants, calculateCalibrationCells, calculateCumulativeNeed, calculateCumulativePlanned, calculateDropDates, calculateFeasibility, calculateMonthEventPositions, calculatePackagePositions, calculateProgress, canSubmitCalibration, cardVariants, completeSubtask, computeAllPackageStates, computePackageDerivedState, computeSubtaskState, createDefaultEvent, deliveryIndicatorVariants, derivePackageBucket, derivePackageStatus, extractPrefixes, findNextActionableSubtask, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatDisplayDate, formatProductionUnit, formatTime, getDateByMousePosition as ganttGetDateByMousePosition, getOffset as ganttGetOffset, getWidth as ganttGetWidth, generateColumns, generateEventId, generateLoadingWeek, generateLocationOptions, generateLockReason, generateNextActionLabel, generateWeekColumns, generateWeeks, getBlockingSubtasks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getDayLabel, getDeliveryVisualState, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getFeasibilityColor, getFeasibilityLabel, getHeaderLabel, getISOWeek, getLoadingDeliveryStatusLabel, getLoadingElementStatusLabel, getLoadingISOWeek, getLoadingWeekKey, getMonthCellEvents, getMonthDays, getPackageWeekRange, getPhaseColor, getShipmentStatusLabel, getShortDayLabel, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupDeliveriesByDay, groupDeliveriesByPrefixAndDay, groupEvents, groupPackagesByBucket, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, pillVariants, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, startSubtask, toggleVariants, toolBarCanvasButtonVariants, updateSubtaskStatus, useDrag, useDraggable3 as useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, useGanttContext, useGanttDragging, useGanttScrollX, useIsMobile, useSearchShortcut, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map