@j3m-quantum/ui 1.12.1 → 2.1.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import * as React29 from 'react';
+import * as React27 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, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Check, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, ChevronsLeft, ChevronLeft, ChevronsRight, Settings2, FolderIcon, ShareIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, X, Flag, Factory, Truck, MessageSquare, ChevronDown, Plus, Send, MessageSquarePlus, AlertTriangle, CheckCircle, Calendar as Calendar$1, MapPin, Package, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, PlusIcon, PencilIcon, CopyIcon, ArrowUpDown, CheckCircle2, XCircle, Search, FileText } from 'lucide-react';
+import { SearchIcon, TrashIcon, CheckIcon, CircleIcon, ChevronDownIcon, ChevronUpIcon, TrendingUp, AlertTriangle, Check, Truck, Factory, ChevronRightIcon, ChevronLeftIcon, ArrowLeft, ArrowRight, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon, ChevronRight, MoreHorizontal, MoreHorizontalIcon, XIcon, GripVerticalIcon, PanelLeftIcon, ArrowDown, ArrowUp, ChevronsUpDown, EyeOff, ChevronsLeft, ChevronLeft, ChevronsRight, Settings2, FolderIcon, ShareIcon, ChevronsUpDownIcon, SparklesIcon, BadgeCheckIcon, CreditCardIcon, BellIcon, LogOutIcon, X, Flag, MessageSquare, ChevronDown, Plus, Send, MessageSquarePlus, CheckCircle, Calendar as Calendar$1, MapPin, Package, User, Clock, CalendarX2, List, Columns, Grid2x2, Grid3x3, CalendarRange, Settings, Info, Moon, PlusIcon, PencilIcon, CopyIcon, ArrowUpDown, CheckCircle2, XCircle, Search, FileText } 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';
@@ -57,8 +57,8 @@ import tunnel from 'tunnel-rat';
 // src/hooks/use-mobile.ts
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React29.useState(void 0);
-  React29.useEffect(() => {
+  const [isMobile, setIsMobile] = React27.useState(void 0);
+  React27.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -72,6 +72,53 @@ function useIsMobile() {
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+var statusCellFillClasses = {
+  // Green - complete/valid/ready state
+  complete: {
+    bg: "bg-green-50/50 dark:bg-green-950/30"},
+  ready: {
+    combined: "border-l-[3px] border-l-green-500 bg-green-50/50 dark:bg-green-950/30"
+  },
+  // Amber - warning/attention state
+  warning: {
+    bg: "bg-amber-50/50 dark:bg-amber-950/30"},
+  // Red - critical/risk state
+  critical: {
+    bg: "bg-red-50/50 dark:bg-red-950/30"},
+  risk: {
+    combined: "border-l-[3px] border-l-red-500 bg-red-50/50 dark:bg-red-950/30"
+  },
+  // Grey - normal/pending/neutral state (on track but not complete)
+  normal: {
+    combined: "border-l-[3px] border-l-muted-foreground/40 bg-muted/30 dark:bg-muted/20"
+  },
+  // Shipped - distinct muted state with green accent (greyed out + check)
+  shipped: {
+    combined: "border-l-[3px] border-l-green-500/50 bg-muted/50 dark:bg-muted/30"
+  }
+};
+var statusCellTextClasses = {
+  ready: {
+    title: "text-foreground",
+    subtitle: "text-green-700/80 dark:text-green-300/80",
+    icon: "text-green-600 dark:text-green-400"
+  },
+  risk: {
+    title: "text-foreground",
+    subtitle: "text-red-700/80 dark:text-red-300/80",
+    icon: "text-red-600 dark:text-red-400"
+  },
+  normal: {
+    title: "text-foreground",
+    subtitle: "text-muted-foreground",
+    icon: "text-muted-foreground"
+  },
+  shipped: {
+    title: "text-muted-foreground",
+    subtitle: "text-muted-foreground/70",
+    icon: "text-green-600/70 dark:text-green-400/70"
+  }
+};
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -99,7 +146,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React29.forwardRef(
+var Button = React27.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -463,7 +510,7 @@ function Slider({
   max = 100,
   ...props
 }) {
-  const _values = React29.useMemo(
+  const _values = React27.useMemo(
     () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
     [value, defaultValue, min, max]
   );
@@ -749,7 +796,7 @@ function Toggle({
     }
   );
 }
-var ToggleGroupContext = React29.createContext({
+var ToggleGroupContext = React27.createContext({
   size: "default",
   variant: "default",
   spacing: 0
@@ -786,7 +833,7 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React29.useContext(ToggleGroupContext);
+  const context = React27.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
     {
@@ -816,7 +863,7 @@ function ThemeSwitch({
   className,
   size = "default"
 }) {
-  const [isChecked, setIsChecked] = React29.useState(defaultChecked);
+  const [isChecked, setIsChecked] = React27.useState(defaultChecked);
   const isControlled = checked !== void 0;
   const currentChecked = isControlled ? checked : isChecked;
   const handleClick = () => {
@@ -1236,7 +1283,7 @@ function Label2({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React29.createContext(
+var FormFieldContext = React27.createContext(
   {}
 );
 var FormField = ({
@@ -1245,8 +1292,8 @@ var FormField = ({
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React29.useContext(FormFieldContext);
-  const itemContext = React29.useContext(FormItemContext);
+  const fieldContext = React27.useContext(FormFieldContext);
+  const itemContext = React27.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({ name: fieldContext.name });
   const fieldState = getFieldState(fieldContext.name, formState);
@@ -1263,11 +1310,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React29.createContext(
+var FormItemContext = React27.createContext(
   {}
 );
 function FormItem({ className, ...props }) {
-  const id = React29.useId();
+  const id = React27.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -1546,6 +1593,166 @@ function FieldError({
     }
   );
 }
+var iconMap = {
+  factory: Factory,
+  truck: Truck,
+  check: Check,
+  alert: AlertTriangle,
+  trending: TrendingUp
+};
+var statusColorMap = {
+  normal: "text-muted-foreground",
+  success: "text-green-600 dark:text-green-400",
+  warning: "text-amber-600 dark:text-amber-400",
+  critical: "text-red-600 dark:text-red-400"
+};
+function InsightBar({ metrics, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "insight-bar",
+      className: cn(
+        "flex flex-wrap items-center gap-6 px-4 py-3",
+        "border-b border-border bg-muted/20",
+        className
+      ),
+      children: metrics.map((metric) => {
+        const Icon2 = metric.icon ? iconMap[metric.icon] : null;
+        const statusColor = metric.status ? statusColorMap[metric.status] : "text-foreground";
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-2",
+            children: [
+              Icon2 && /* @__PURE__ */ jsx(Icon2, { className: cn("h-4 w-4", statusColor) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "text-lg font-semibold tabular-nums",
+                  statusColor
+                ), children: metric.isPercentage ? `${Math.round(metric.value)}%` : metric.value.toLocaleString(void 0, { maximumFractionDigits: 1 }) }),
+                metric.unit && !metric.isPercentage && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: metric.unit }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: metric.label })
+              ] })
+            ]
+          },
+          metric.key
+        );
+      })
+    }
+  );
+}
+var iconMap2 = {
+  factory: Factory,
+  truck: Truck,
+  check: Check
+};
+var statusBgMap = {
+  normal: "bg-muted/30",
+  complete: statusCellFillClasses.complete.bg,
+  warning: statusCellFillClasses.warning.bg,
+  critical: statusCellFillClasses.critical.bg
+};
+var statusTextMap = {
+  normal: "text-muted-foreground",
+  complete: "text-green-700 dark:text-green-300",
+  warning: "text-amber-700 dark:text-amber-300",
+  critical: "text-red-700 dark:text-red-300"
+};
+function ColumnSummaryCell({
+  data,
+  widthClass = "min-w-[120px]",
+  className
+}) {
+  const status = data.status || "normal";
+  const bgClass = statusBgMap[status];
+  const textClass = statusTextMap[status];
+  const isClickable = !!data.onClick;
+  const PrimaryIcon = data.primary?.icon ? iconMap2[data.primary.icon] : null;
+  const SecondaryIcon = data.secondary?.icon ? iconMap2[data.secondary.icon] : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: isClickable ? "button" : void 0,
+      tabIndex: isClickable ? 0 : void 0,
+      onClick: data.onClick,
+      onKeyDown: (e) => {
+        if (isClickable && (e.key === "Enter" || e.key === " ")) {
+          e.preventDefault();
+          data.onClick?.();
+        }
+      },
+      className: cn(
+        // Base sizing
+        widthClass,
+        "flex flex-col gap-0.5 px-2 py-1.5",
+        // Background based on status
+        bgClass,
+        // Clickable styles
+        isClickable && "cursor-pointer hover:brightness-95 transition-all",
+        isClickable && "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+        className
+      ),
+      children: [
+        data.primary && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          PrimaryIcon && /* @__PURE__ */ jsx(PrimaryIcon, { className: cn("h-3 w-3", textClass) }),
+          /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium tabular-nums", textClass), children: data.primary.value.toLocaleString(void 0, { maximumFractionDigits: 1 }) }),
+          data.primary.unit && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: data.primary.unit })
+        ] }),
+        data.secondary && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          SecondaryIcon && /* @__PURE__ */ jsx(SecondaryIcon, { className: cn("h-3 w-3 text-muted-foreground") }),
+          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+            data.secondary.value.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+            data.secondary.unit && ` ${data.secondary.unit}`
+          ] })
+        ] }),
+        data.tertiary && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground/70 tabular-nums", children: [
+          data.tertiary.value.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+          data.tertiary.unit && ` ${data.tertiary.unit}`
+        ] }) })
+      ]
+    }
+  );
+}
+function ColumnSummaryStrip({
+  columns,
+  columnWidthClass = "min-w-[120px]",
+  rowHeaderLabel,
+  rowHeaderWidthClass = "min-w-[200px] w-[200px]",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "column-summary-strip",
+      className: cn(
+        "flex border-b border-border",
+        className
+      ),
+      children: [
+        rowHeaderLabel !== void 0 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex items-center px-3 py-1.5",
+              "bg-muted/30 border-r border-border",
+              "sticky left-0 z-10",
+              rowHeaderWidthClass
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: rowHeaderLabel })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex", children: columns.map((column) => /* @__PURE__ */ jsx(
+          ColumnSummaryCell,
+          {
+            data: column,
+            widthClass: columnWidthClass
+          },
+          column.columnKey
+        )) })
+      ]
+    }
+  );
+}
 var cardVariants = cva(
   "rounded-xl text-card-foreground",
   {
@@ -2369,8 +2576,8 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const ref = React29.useRef(null);
-  React29.useEffect(() => {
+  const ref = React27.useRef(null);
+  React27.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -2391,9 +2598,9 @@ function CalendarDayButton({
     }
   );
 }
-var CarouselContext = React29.createContext(null);
+var CarouselContext = React27.createContext(null);
 function useCarousel() {
-  const context = React29.useContext(CarouselContext);
+  const context = React27.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -2415,20 +2622,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React29.useState(false);
-  const [canScrollNext, setCanScrollNext] = React29.useState(false);
-  const onSelect = React29.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React27.useState(false);
+  const [canScrollNext, setCanScrollNext] = React27.useState(false);
+  const onSelect = React27.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React29.useCallback(() => {
+  const scrollPrev = React27.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React29.useCallback(() => {
+  const scrollNext = React27.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React29.useCallback(
+  const handleKeyDown = React27.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -2440,11 +2647,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -2577,9 +2784,9 @@ function CarouselNext({
   );
 }
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React29.createContext(null);
+var ChartContext = React27.createContext(null);
 function useChart() {
-  const context = React29.useContext(ChartContext);
+  const context = React27.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
@@ -2592,7 +2799,7 @@ function ChartContainer({
   config,
   ...props
 }) {
-  const uniqueId = React29.useId();
+  const uniqueId = React27.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -2653,7 +2860,7 @@ function ChartTooltipContent({
   labelKey
 }) {
   const { config } = useChart();
-  const tooltipLabel = React29.useMemo(() => {
+  const tooltipLabel = React27.useMemo(() => {
     if (hideLabel || !payload?.length) {
       return null;
     }
@@ -3488,7 +3695,7 @@ function StatusProgress({
   const resolvedVariant = variant ?? getVariantFromProgress(clampedValue);
   const colors = getStatusColors(resolvedVariant);
   const sizes = getSizeClasses(size);
-  const labelText = React29.useMemo(() => {
+  const labelText = React27.useMemo(() => {
     if (currentCount !== void 0 && totalCount !== void 0) {
       return `${currentCount} / ${totalCount} ${unitLabel}`;
     }
@@ -3593,8 +3800,8 @@ function TooltipContent({
   ) });
 }
 function useDetectTheme() {
-  const [theme, setTheme] = React29.useState("light");
-  React29.useEffect(() => {
+  const [theme, setTheme] = React27.useState("light");
+  React27.useEffect(() => {
     const isDark = document.documentElement.classList.contains("dark");
     setTheme(isDark ? "dark" : "light");
     const observer = new MutationObserver((mutations) => {
@@ -4243,7 +4450,7 @@ function CommandShortcut({
     }
   );
 }
-var SearchTrigger = React29.forwardRef(
+var SearchTrigger = React27.forwardRef(
   ({
     className,
     placeholder = "Search...",
@@ -4279,7 +4486,7 @@ var SearchTrigger = React29.forwardRef(
 );
 SearchTrigger.displayName = "SearchTrigger";
 function useSearchShortcut(onOpen, key = "k") {
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     const down = (e) => {
       if (e.key.toLowerCase() === key.toLowerCase() && (e.metaKey || e.ctrlKey)) {
         e.preventDefault();
@@ -5254,9 +5461,9 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React29.createContext(null);
+var SidebarContext = React27.createContext(null);
 function useSidebar() {
-  const context = React29.useContext(SidebarContext);
+  const context = React27.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -5272,10 +5479,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React29.useState(false);
-  const [_open, _setOpen] = React29.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React27.useState(false);
+  const [_open, _setOpen] = React27.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React29.useCallback(
+  const setOpen = React27.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -5287,10 +5494,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React29.useCallback(() => {
+  const toggleSidebar = React27.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -5301,7 +5508,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React29.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       state,
       open,
@@ -5759,7 +5966,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React29.useMemo(() => {
+  const width = React27.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -5902,7 +6109,7 @@ var sectionVariants = cva(
   }
 );
 var isGlassVariant = (variant) => variant?.startsWith("glass-") ?? false;
-var Section = React29.forwardRef(
+var Section = React27.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "section",
     {
@@ -5914,7 +6121,7 @@ var Section = React29.forwardRef(
   )
 );
 Section.displayName = "Section";
-var SectionHeader = React29.forwardRef(
+var SectionHeader = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5929,7 +6136,7 @@ var SectionHeader = React29.forwardRef(
   )
 );
 SectionHeader.displayName = "SectionHeader";
-var SectionTitle = React29.forwardRef(
+var SectionTitle = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h2",
     {
@@ -5943,7 +6150,7 @@ var SectionTitle = React29.forwardRef(
   )
 );
 SectionTitle.displayName = "SectionTitle";
-var SectionDescription = React29.forwardRef(
+var SectionDescription = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -5957,7 +6164,7 @@ var SectionDescription = React29.forwardRef(
   )
 );
 SectionDescription.displayName = "SectionDescription";
-var SectionContent = React29.forwardRef(
+var SectionContent = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -5971,7 +6178,7 @@ var SectionContent = React29.forwardRef(
   )
 );
 SectionContent.displayName = "SectionContent";
-var SectionFooter = React29.forwardRef(
+var SectionFooter = React27.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -6279,7 +6486,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(React29.Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb, { className: "hidden sm:block", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs(React27.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)) }) }),
@@ -6900,11 +7107,11 @@ function PlanningWeekCommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React29.useState("");
-  const [selectedLocationId, setSelectedLocationId] = React29.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React29.useState(true);
-  const [showAddForm, setShowAddForm] = React29.useState(false);
-  const selectedLocation = React29.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [selectedLocationId, setSelectedLocationId] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const selectedLocation = React27.useMemo(() => {
     return locationOptions.find((opt) => opt.id === selectedLocationId);
   }, [locationOptions, selectedLocationId]);
   const handleSubmit = () => {
@@ -6948,8 +7155,8 @@ function PlanningWeekCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React29.useRef(open);
-  React29.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7303,22 +7510,22 @@ function PlanningTable({
     stickySupplierColumn = true,
     maxHeight = "600px"
   } = config;
-  const weeks = React29.useMemo(
+  const weeks = React27.useMemo(
     () => generateWeeks(startDate, weekCount),
     [startDate, weekCount]
   );
-  const currentWeekKey = React29.useMemo(() => {
+  const currentWeekKey = React27.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const columns = React29.useMemo(
+  const columns = React27.useMemo(
     () => generateColumns(weeks, config, suppliers),
     [weeks, config, suppliers]
   );
-  const [sorting, setSorting] = React29.useState([]);
-  const [columnFilters, setColumnFilters] = React29.useState([]);
-  const [columnVisibility, setColumnVisibility] = React29.useState({});
-  const [rowSelection, setRowSelection] = React29.useState({});
+  const [sorting, setSorting] = React27.useState([]);
+  const [columnFilters, setColumnFilters] = React27.useState([]);
+  const [columnVisibility, setColumnVisibility] = React27.useState({});
+  const [rowSelection, setRowSelection] = React27.useState({});
   const table = useReactTable({
     data: suppliers,
     columns,
@@ -7342,12 +7549,95 @@ function PlanningTable({
       }
     }
   });
+  const insightMetrics = React27.useMemo(() => {
+    let totalProduced = 0;
+    let totalRequired = 0;
+    let totalDeliveries = 0;
+    for (const supplier of suppliers) {
+      for (const weekKey in supplier.weeks) {
+        const weekData = supplier.weeks[weekKey];
+        if (weekData.production) {
+          totalProduced += weekData.production.produced;
+          totalRequired += weekData.production.target;
+        }
+        totalDeliveries += weekData.deliveries?.length ?? 0;
+      }
+    }
+    const productionPercent = totalRequired > 0 ? totalProduced / totalRequired * 100 : 0;
+    return [
+      {
+        key: "produced",
+        label: "produced",
+        value: totalProduced,
+        unit: "tons",
+        icon: "factory",
+        status: productionPercent >= 100 ? "success" : "normal"
+      },
+      {
+        key: "deliveries",
+        label: "planned deliveries",
+        value: totalDeliveries,
+        icon: "truck",
+        status: "normal"
+      },
+      {
+        key: "progress",
+        label: "produced vs required",
+        value: productionPercent,
+        isPercentage: true,
+        icon: "trending",
+        status: productionPercent >= 100 ? "success" : productionPercent >= 50 ? "normal" : "warning"
+      }
+    ];
+  }, [suppliers]);
+  const columnSummaryData = React27.useMemo(() => {
+    return weeks.map((week) => {
+      const weekKey = getWeekKey(week.startDate);
+      let producedTons = 0;
+      let plannedDeliveries = 0;
+      let sentDeliveries = 0;
+      let hasWarning = false;
+      let hasCritical = false;
+      let allComplete = true;
+      for (const supplier of suppliers) {
+        const weekData = supplier.weeks[weekKey];
+        if (weekData) {
+          if (weekData.production) {
+            producedTons += weekData.production.produced;
+            if (weekData.production.progress !== void 0 && weekData.production.progress < 100) {
+              allComplete = false;
+            }
+          }
+          if (weekData.deliveries) {
+            plannedDeliveries += weekData.deliveries.length;
+            sentDeliveries += weekData.deliveries.filter(
+              (d) => d.status === "on-time" && (d.progress ?? 0) >= 100
+            ).length;
+          }
+          if (weekData.hasWarning) hasWarning = true;
+          if (weekData.deliveries?.some((d) => d.status === "critical")) hasCritical = true;
+        }
+      }
+      let status = "normal";
+      if (hasCritical) status = "critical";
+      else if (hasWarning) status = "warning";
+      else if (allComplete && producedTons > 0) status = "complete";
+      return {
+        weekKey,
+        producedTons,
+        plannedDeliveries,
+        sentDeliveries,
+        status
+      };
+    });
+  }, [weeks, suppliers]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-slot": "planning-table",
       className: cn("flex flex-col gap-4", className),
       children: [
+        /* @__PURE__ */ jsx(InsightBar, { metrics: insightMetrics }),
         showToolbar && /* @__PURE__ */ jsx(PlanningTableToolbar, { table }),
         /* @__PURE__ */ jsx("div", { className: "rounded-xl border bg-background shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxs(
           ScrollArea,
@@ -7356,37 +7646,80 @@ function PlanningTable({
             style: { maxHeight },
             children: [
               /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse", children: [
-                /* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-20", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
-                  "tr",
-                  {
-                    children: headerGroup.headers.map((header, index) => {
-                      const isCurrentWeekColumn = header.id === currentWeekKey;
+                /* @__PURE__ */ jsxs("thead", { className: "sticky top-0 z-20", children: [
+                  table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(
+                    "tr",
+                    {
+                      children: headerGroup.headers.map((header, index) => {
+                        const isCurrentWeekColumn = header.id === currentWeekKey;
+                        return /* @__PURE__ */ jsx(
+                          "th",
+                          {
+                            className: cn(
+                              "h-14 px-3 text-left align-middle font-semibold text-xs text-muted-foreground uppercase tracking-wide",
+                              "border-r border-b border-border last:border-r-0 bg-sidebar",
+                              // First column: sticky with right-edge shadow (Quantum token)
+                              index === 0 && stickySupplierColumn && [
+                                "sticky left-0 z-30 min-w-[200px]",
+                                "shadow-[var(--j3m-shadow-sticky-edge)]"
+                              ],
+                              index > 0 && "min-w-[140px]",
+                              // Current week: only highlight text/dot, not full background
+                              isCurrentWeekColumn && highlightCurrentWeek && "text-primary"
+                            ),
+                            children: header.isPlaceholder ? null : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext()
+                            )
+                          },
+                          header.id
+                        );
+                      })
+                    },
+                    headerGroup.id
+                  )),
+                  /* @__PURE__ */ jsxs("tr", { children: [
+                    /* @__PURE__ */ jsx("th", { className: cn(
+                      "h-auto px-3 py-1.5 text-left align-middle",
+                      "border-r border-b border-border bg-muted/30",
+                      stickySupplierColumn && "sticky left-0 z-30 min-w-[200px]",
+                      stickySupplierColumn && "shadow-[var(--j3m-shadow-sticky-edge)]"
+                    ), children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: "Summary" }) }),
+                    columnSummaryData.map((summary) => {
+                      const statusBg = summary.status === "complete" ? "bg-green-50/50 dark:bg-green-950/30" : summary.status === "critical" ? "bg-red-50/50 dark:bg-red-950/30" : summary.status === "warning" ? "bg-amber-50/50 dark:bg-amber-950/30" : "bg-muted/30";
+                      const statusText = summary.status === "complete" ? "text-green-700 dark:text-green-300" : summary.status === "critical" ? "text-red-700 dark:text-red-300" : summary.status === "warning" ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground";
                       return /* @__PURE__ */ jsx(
                         "th",
                         {
                           className: cn(
-                            "h-14 px-3 text-left align-middle font-semibold text-xs text-muted-foreground uppercase tracking-wide",
-                            "border-r border-b border-border last:border-r-0 bg-sidebar",
-                            // First column: sticky with right-edge shadow (Quantum token)
-                            index === 0 && stickySupplierColumn && [
-                              "sticky left-0 z-30 min-w-[200px]",
-                              "shadow-[var(--j3m-shadow-sticky-edge)]"
-                            ],
-                            index > 0 && "min-w-[140px]",
-                            // Current week: only highlight text/dot, not full background
-                            isCurrentWeekColumn && highlightCurrentWeek && "text-primary"
+                            "h-auto px-2 py-1.5 text-left align-middle",
+                            "border-r border-b border-border last:border-r-0 min-w-[140px]",
+                            statusBg
                           ),
-                          children: header.isPlaceholder ? null : flexRender(
-                            header.column.columnDef.header,
-                            header.getContext()
-                          )
+                          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ jsx(Factory, { className: cn("h-3 w-3", statusText) }),
+                              /* @__PURE__ */ jsxs("span", { className: cn("text-xs font-medium tabular-nums", statusText), children: [
+                                summary.producedTons.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+                                " t"
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ jsx(Truck, { className: "h-3 w-3 text-muted-foreground" }),
+                              /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                                summary.sentDeliveries,
+                                "/",
+                                summary.plannedDeliveries,
+                                " sent"
+                              ] })
+                            ] })
+                          ] })
                         },
-                        header.id
+                        summary.weekKey
                       );
                     })
-                  },
-                  headerGroup.id
-                )) }),
+                  ] })
+                ] }),
                 /* @__PURE__ */ jsx("tbody", { className: "bg-background", children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
                   "tr",
                   {
@@ -7534,10 +7867,10 @@ function DeliveryCommentPopover({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React29.useState(false);
-  const [newCommentText, setNewCommentText] = React29.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React29.useState(true);
-  const [showAddForm, setShowAddForm] = React29.useState(false);
+  const [open, setOpen] = React27.useState(false);
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -7564,8 +7897,8 @@ function DeliveryCommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React29.useRef(open);
-  React29.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -7677,8 +8010,8 @@ function ProductionCommentSection({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React29.useState(false);
-  const [newComment, setNewComment] = React29.useState("");
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const [newComment, setNewComment] = React27.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -7777,43 +8110,65 @@ function DeliveryListItem({
 }) {
   const hasComments = (delivery.comments?.length ?? 0) > 0;
   const isComplete = (delivery.progress ?? 0) >= 100;
-  const getIconStyles = () => {
+  const getCardStyles3 = () => {
     if (delivery.status === "critical") {
-      return { bg: "bg-red-100 dark:bg-red-950/50", icon: "text-red-600 dark:text-red-400" };
+      return {
+        card: "border-l-[3px] border-l-red-500 bg-red-50/50 dark:bg-red-950/30",
+        icon: "text-red-600 dark:text-red-400",
+        title: "text-foreground",
+        subtitle: "text-red-700/70 dark:text-red-300/70",
+        chevron: "text-red-600/60 dark:text-red-400/60"
+      };
     }
     if (delivery.status === "delayed") {
-      return { bg: "bg-amber-100 dark:bg-amber-950/50", icon: "text-amber-600 dark:text-amber-400" };
+      return {
+        card: "border-l-[3px] border-l-amber-500 bg-amber-50/50 dark:bg-amber-950/30",
+        icon: "text-amber-600 dark:text-amber-400",
+        title: "text-foreground",
+        subtitle: "text-amber-700/70 dark:text-amber-300/70",
+        chevron: "text-amber-600/60 dark:text-amber-400/60"
+      };
     }
     if (isComplete) {
-      return { bg: "bg-green-100 dark:bg-green-950/50", icon: "text-green-600 dark:text-green-400" };
+      return {
+        card: "border-l-[3px] border-l-green-500 bg-green-50/50 dark:bg-green-950/30",
+        icon: "text-green-600 dark:text-green-400",
+        title: "text-foreground",
+        subtitle: "text-green-700/70 dark:text-green-300/70",
+        chevron: "text-green-600/60 dark:text-green-400/60"
+      };
     }
-    return { bg: "bg-muted", icon: "text-muted-foreground" };
+    return {
+      card: "border-l-[3px] border-l-muted-foreground/40 bg-muted/30 dark:bg-muted/20",
+      icon: "text-muted-foreground",
+      title: "text-foreground",
+      subtitle: "text-muted-foreground",
+      chevron: "text-muted-foreground/60"
+    };
   };
-  const iconStyles = getIconStyles();
+  const styles = getCardStyles3();
   return /* @__PURE__ */ jsxs(
     "button",
     {
       onClick,
       className: cn(
         "w-full flex items-center justify-between p-3 rounded-lg",
-        "bg-card border hover:bg-muted/50 transition-colors cursor-pointer",
-        "text-left"
+        "transition-all duration-200 ease-out cursor-pointer text-left",
+        "hover:-translate-y-0.5 hover:shadow-[var(--j3m-shadow-md)]",
+        styles.card
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "flex items-center justify-center h-8 w-8 rounded-lg",
-            iconStyles.bg
-          ), children: /* @__PURE__ */ jsx(Truck, { className: cn("h-4 w-4", iconStyles.icon) }) }),
+          /* @__PURE__ */ jsx(Truck, { className: cn("h-5 w-5 shrink-0", styles.icon) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: delivery.label || `Delivery ${index + 1}` }),
+              /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", styles.title), children: delivery.label || `Delivery ${index + 1}` }),
               hasComments && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx(MessageSquare, { className: "h-3 w-3 text-muted-foreground" }),
                 /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-primary" })
               ] })
             ] }),
-            delivery.destination && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            delivery.destination && /* @__PURE__ */ jsxs("div", { className: cn("text-xs", styles.subtitle), children: [
               "\u2192 ",
               delivery.destination
             ] })
@@ -7828,7 +8183,7 @@ function DeliveryListItem({
               children: getStatusLabel(delivery.status, isComplete)
             }
           ),
-          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+          /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-4 w-4", styles.chevron) })
         ] })
       ]
     }
@@ -7841,7 +8196,7 @@ function DeliveryDetailsView({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React29.useMemo(() => {
+  const categorizedElements = React27.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -8209,15 +8564,15 @@ function WeekDetailDialog({
 }) {
   const production = data?.production;
   const initialProduced = production?.produced ?? 0;
-  const [producedValue, setProducedValue] = React29.useState(initialProduced.toString());
-  const [hasChanges, setHasChanges] = React29.useState(false);
-  const [selectedDelivery, setSelectedDelivery] = React29.useState(null);
-  React29.useEffect(() => {
+  const [producedValue, setProducedValue] = React27.useState(initialProduced.toString());
+  const [hasChanges, setHasChanges] = React27.useState(false);
+  const [selectedDelivery, setSelectedDelivery] = React27.useState(null);
+  React27.useEffect(() => {
     const newProduced = data?.production?.produced ?? 0;
     setProducedValue(newProduced.toString());
     setHasChanges(false);
   }, [data]);
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
     }
@@ -8348,24 +8703,24 @@ function ElementProductionDialog({
   elements,
   onSave
 }) {
-  const [searchQuery, setSearchQuery] = React29.useState("");
-  const [selectedIds, setSelectedIds] = React29.useState(
+  const [searchQuery, setSearchQuery] = React27.useState("");
+  const [selectedIds, setSelectedIds] = React27.useState(
     new Set(elements.filter((e) => e.isProduced).map((e) => e.id))
   );
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (open) {
       setSelectedIds(new Set(elements.filter((e) => e.isProduced).map((e) => e.id)));
       setSearchQuery("");
     }
   }, [open, elements]);
-  const filteredElements = React29.useMemo(() => {
+  const filteredElements = React27.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]);
-  React29.useMemo(() => {
+  React27.useMemo(() => {
     const prefixes = /* @__PURE__ */ new Set();
     elements.forEach((e) => {
       if (e.prefix) prefixes.add(e.prefix);
@@ -8551,10 +8906,10 @@ function DeliveryCommentPopover2({
   onAddComment,
   deliveryLabel
 }) {
-  const [open, setOpen] = React29.useState(false);
-  const [newCommentText, setNewCommentText] = React29.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React29.useState(true);
-  const [showAddForm, setShowAddForm] = React29.useState(false);
+  const [open, setOpen] = React27.useState(false);
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
   const handleSubmit = () => {
     if (newCommentText.trim() && onAddComment) {
       onAddComment(newCommentText.trim());
@@ -8581,7 +8936,7 @@ function DeliveryCommentPopover2({
       minute: "2-digit"
     }).format(date);
   };
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setShowAddForm(false);
       setNewCommentText("");
@@ -8691,8 +9046,8 @@ function ProductionCommentSection2({
   comments = [],
   onAddComment
 }) {
-  const [showAddForm, setShowAddForm] = React29.useState(false);
-  const [newComment, setNewComment] = React29.useState("");
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const [newComment, setNewComment] = React27.useState("");
   const handleSubmit = () => {
     if (newComment.trim() && onAddComment) {
       onAddComment(newComment.trim());
@@ -8791,43 +9146,65 @@ function DeliveryListItem2({
 }) {
   const hasComments = (delivery.comments?.length ?? 0) > 0;
   const isComplete = (delivery.progress ?? 0) >= 100;
-  const getIconStyles = () => {
+  const getCardStyles3 = () => {
     if (delivery.status === "critical") {
-      return { bg: "bg-red-100 dark:bg-red-950/50", icon: "text-red-600 dark:text-red-400" };
+      return {
+        card: "border-l-[3px] border-l-red-500 bg-red-50/50 dark:bg-red-950/30",
+        icon: "text-red-600 dark:text-red-400",
+        title: "text-foreground",
+        subtitle: "text-red-700/70 dark:text-red-300/70",
+        chevron: "text-red-600/60 dark:text-red-400/60"
+      };
     }
     if (delivery.status === "delayed") {
-      return { bg: "bg-amber-100 dark:bg-amber-950/50", icon: "text-amber-600 dark:text-amber-400" };
+      return {
+        card: "border-l-[3px] border-l-amber-500 bg-amber-50/50 dark:bg-amber-950/30",
+        icon: "text-amber-600 dark:text-amber-400",
+        title: "text-foreground",
+        subtitle: "text-amber-700/70 dark:text-amber-300/70",
+        chevron: "text-amber-600/60 dark:text-amber-400/60"
+      };
     }
     if (isComplete) {
-      return { bg: "bg-green-100 dark:bg-green-950/50", icon: "text-green-600 dark:text-green-400" };
+      return {
+        card: "border-l-[3px] border-l-green-500 bg-green-50/50 dark:bg-green-950/30",
+        icon: "text-green-600 dark:text-green-400",
+        title: "text-foreground",
+        subtitle: "text-green-700/70 dark:text-green-300/70",
+        chevron: "text-green-600/60 dark:text-green-400/60"
+      };
     }
-    return { bg: "bg-muted", icon: "text-muted-foreground" };
+    return {
+      card: "border-l-[3px] border-l-muted-foreground/40 bg-muted/30 dark:bg-muted/20",
+      icon: "text-muted-foreground",
+      title: "text-foreground",
+      subtitle: "text-muted-foreground",
+      chevron: "text-muted-foreground/60"
+    };
   };
-  const iconStyles = getIconStyles();
+  const styles = getCardStyles3();
   return /* @__PURE__ */ jsxs(
     "button",
     {
       onClick,
       className: cn(
         "w-full flex items-center justify-between p-3 rounded-lg",
-        "bg-card border hover:bg-muted/50 transition-colors cursor-pointer",
-        "text-left"
+        "transition-all duration-200 ease-out cursor-pointer text-left",
+        "hover:-translate-y-0.5 hover:shadow-[var(--j3m-shadow-md)]",
+        styles.card
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("div", { className: cn(
-            "flex items-center justify-center h-8 w-8 rounded-lg",
-            iconStyles.bg
-          ), children: /* @__PURE__ */ jsx(Truck, { className: cn("h-4 w-4", iconStyles.icon) }) }),
+          /* @__PURE__ */ jsx(Truck, { className: cn("h-5 w-5 shrink-0", styles.icon) }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: delivery.label || `Delivery ${index + 1}` }),
+              /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", styles.title), children: delivery.label || `Delivery ${index + 1}` }),
               hasComments && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx(MessageSquare, { className: "h-3 w-3 text-muted-foreground" }),
                 /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-primary" })
               ] })
             ] }),
-            delivery.destination && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            delivery.destination && /* @__PURE__ */ jsxs("div", { className: cn("text-xs", styles.subtitle), children: [
               "\u2192 ",
               delivery.destination
             ] })
@@ -8842,7 +9219,7 @@ function DeliveryListItem2({
               children: getStatusLabel2(delivery.status, isComplete)
             }
           ),
-          /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+          /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-4 w-4", styles.chevron) })
         ] })
       ]
     }
@@ -8855,7 +9232,7 @@ function DeliveryDetailsView2({
   onAddComment
 }) {
   const elements = delivery.elements ?? [];
-  const categorizedElements = React29.useMemo(() => {
+  const categorizedElements = React27.useMemo(() => {
     const sent = [];
     const notSent = [];
     const moved = [];
@@ -9189,10 +9566,10 @@ function WeekDetailSheet({
   onAddProductionComment,
   onAddDeliveryComment
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React29.useState(null);
-  const [productionDialogOpen, setProductionDialogOpen] = React29.useState(false);
-  const [previousProducedCount, setPreviousProducedCount] = React29.useState(void 0);
-  const productionElements = React29.useMemo(() => {
+  const [selectedDelivery, setSelectedDelivery] = React27.useState(null);
+  const [productionDialogOpen, setProductionDialogOpen] = React27.useState(false);
+  const [previousProducedCount, setPreviousProducedCount] = React27.useState(void 0);
+  const productionElements = React27.useMemo(() => {
     if (!data?.deliveries) return [];
     const elements = [];
     const seenIds = /* @__PURE__ */ new Set();
@@ -9216,12 +9593,12 @@ function WeekDetailSheet({
     return elements;
   }, [data?.deliveries]);
   const currentProducedCount = productionElements.filter((e) => e.isProduced).length;
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (open && data?.deliveries) {
       setPreviousProducedCount(currentProducedCount);
     }
   }, [open]);
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setSelectedDelivery(null);
       setProductionDialogOpen(false);
@@ -9454,13 +9831,13 @@ function CalibrationWeekCell({
   onAddClick,
   ...props
 }) {
-  const inputRef = React29.useRef(null);
-  const [localValue, setLocalValue] = React29.useState(
+  const inputRef = React27.useRef(null);
+  const [localValue, setLocalValue] = React27.useState(
     data.entered !== null ? String(data.entered) : ""
   );
-  const [isHovered, setIsHovered] = React29.useState(false);
-  const [isEditing, setIsEditing] = React29.useState(false);
-  React29.useEffect(() => {
+  const [isHovered, setIsHovered] = React27.useState(false);
+  const [isEditing, setIsEditing] = React27.useState(false);
+  React27.useEffect(() => {
     setLocalValue(data.entered !== null ? String(data.entered) : "");
   }, [data.entered]);
   const unitLabel = formatCalibrationUnit(unit);
@@ -9646,11 +10023,11 @@ function CommentPopover({
   open,
   onOpenChange
 }) {
-  const [newCommentText, setNewCommentText] = React29.useState("");
-  const [selectedPrefixId, setSelectedPrefixId] = React29.useState("");
-  const [viewCommentsOpen, setViewCommentsOpen] = React29.useState(true);
-  const [showAddForm, setShowAddForm] = React29.useState(false);
-  const selectedPrefixName = React29.useMemo(() => {
+  const [newCommentText, setNewCommentText] = React27.useState("");
+  const [selectedPrefixId, setSelectedPrefixId] = React27.useState("");
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [showAddForm, setShowAddForm] = React27.useState(false);
+  const selectedPrefixName = React27.useMemo(() => {
     const prefix = availablePrefixes.find((p) => p.id === selectedPrefixId);
     return prefix?.name ?? "";
   }, [availablePrefixes, selectedPrefixId]);
@@ -9682,8 +10059,8 @@ function CommentPopover({
       minute: "2-digit"
     }).format(date);
   };
-  const prevOpenRef = React29.useRef(open);
-  React29.useEffect(() => {
+  const prevOpenRef = React27.useRef(open);
+  React27.useEffect(() => {
     const wasOpen = prevOpenRef.current;
     prevOpenRef.current = open;
     if (wasOpen && !open) {
@@ -9912,7 +10289,7 @@ function CalibrationTable({
     onAddComment,
     onAddEarlierWeek
   } = config;
-  const calculatedStartDate = React29.useMemo(() => {
+  const calculatedStartDate = React27.useMemo(() => {
     if (startDate) return startDate;
     let earliest = null;
     for (const prefix of prefixes) {
@@ -9933,31 +10310,31 @@ function CalibrationTable({
     }
     return earliest ?? /* @__PURE__ */ new Date();
   }, [startDate, prefixes]);
-  const [additionalWeeks, setAdditionalWeeks] = React29.useState(0);
-  const weeks = React29.useMemo(() => {
+  const [additionalWeeks, setAdditionalWeeks] = React27.useState(0);
+  const weeks = React27.useMemo(() => {
     const start = new Date(calculatedStartDate);
     start.setDate(start.getDate() - additionalWeeks * 7);
     return generateWeeks(start, weekCount + additionalWeeks);
   }, [calculatedStartDate, weekCount, additionalWeeks]);
-  React29.useMemo(() => {
+  React27.useMemo(() => {
     const currentWeek = weeks.find((w) => w.isCurrentWeek);
     return currentWeek ? getWeekKey(currentWeek.startDate) : null;
   }, [weeks]);
-  const [currentPage, setCurrentPage] = React29.useState(0);
-  const [pageSize, setPageSize] = React29.useState(defaultPageSize);
-  const [searchQuery, setSearchQuery] = React29.useState("");
-  const filteredPrefixes = React29.useMemo(() => {
+  const [currentPage, setCurrentPage] = React27.useState(0);
+  const [pageSize, setPageSize] = React27.useState(defaultPageSize);
+  const [searchQuery, setSearchQuery] = React27.useState("");
+  const filteredPrefixes = React27.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 = React29.useMemo(() => {
+  const paginatedPrefixes = React27.useMemo(() => {
     const start = currentPage * pageSize;
     return filteredPrefixes.slice(start, start + pageSize);
   }, [filteredPrefixes, currentPage, pageSize]);
-  React29.useMemo(
+  React27.useMemo(
     () => canSubmitCalibration(prefixes),
     [prefixes]
   );
@@ -9981,10 +10358,88 @@ function CalibrationTable({
     }
     return allComments;
   };
-  const availablePrefixes = React29.useMemo(
+  const availablePrefixes = React27.useMemo(
     () => prefixes.map((p) => ({ id: p.id, name: p.name })),
     [prefixes]
   );
+  const insightMetrics = React27.useMemo(() => {
+    let totalCalibrated = 0;
+    let totalRequired = 0;
+    for (const prefix of prefixes) {
+      for (const weekKey in prefix.weeks) {
+        const cell = prefix.weeks[weekKey];
+        if (cell.planned > 0) {
+          totalRequired += cell.planned;
+          totalCalibrated += cell.entered ?? 0;
+        }
+      }
+    }
+    const completeness = totalRequired > 0 ? totalCalibrated / totalRequired * 100 : 0;
+    const remaining = Math.max(0, totalRequired - totalCalibrated);
+    return [
+      {
+        key: "calibrated",
+        label: "calibrated",
+        value: totalCalibrated,
+        unit: "tons",
+        icon: "factory",
+        status: completeness >= 100 ? "success" : "normal"
+      },
+      {
+        key: "remaining",
+        label: "remaining",
+        value: remaining,
+        unit: "tons",
+        icon: "factory",
+        status: remaining > 0 ? "warning" : "success"
+      },
+      {
+        key: "completeness",
+        label: "complete",
+        value: completeness,
+        isPercentage: true,
+        icon: "trending",
+        status: completeness >= 100 ? "success" : completeness >= 50 ? "normal" : "warning"
+      }
+    ];
+  }, [prefixes]);
+  const columnSummaryData = React27.useMemo(() => {
+    return weeks.map((week) => {
+      const weekKey = getWeekKey(week.startDate);
+      let calibratedTons = 0;
+      let requiredTons = 0;
+      let hasShortfall = false;
+      let allValid = true;
+      for (const prefix of prefixes) {
+        const cell = prefix.weeks[weekKey];
+        if (cell) {
+          requiredTons += cell.planned;
+          calibratedTons += cell.entered ?? 0;
+          if (cell.status === "shortfall") hasShortfall = true;
+          if (cell.status !== "valid" && cell.planned > 0) allValid = false;
+        }
+      }
+      let status2 = "normal";
+      if (hasShortfall) {
+        status2 = "critical";
+      } else if (allValid && requiredTons > 0) {
+        status2 = "complete";
+      }
+      return {
+        columnKey: weekKey,
+        primary: {
+          value: calibratedTons,
+          unit: "t",
+          icon: "factory"
+        },
+        secondary: {
+          value: requiredTons,
+          unit: "t req"
+        },
+        status: status2
+      };
+    });
+  }, [weeks, prefixes]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9995,6 +10450,7 @@ function CalibrationTable({
           /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: "Weekly Production Calibration" }),
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Review required weekly production and confirm achievable output at the selected checkpoint." })
         ] }) }),
+        /* @__PURE__ */ jsx(InsightBar, { metrics: insightMetrics }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
           showToolbar && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
@@ -10027,36 +10483,74 @@ function CalibrationTable({
               style: { maxHeight },
               children: [
                 /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse", children: [
-                  /* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-20", children: /* @__PURE__ */ jsxs("tr", { children: [
-                    /* @__PURE__ */ jsx("th", { className: cn(
-                      "h-14 px-3 text-left align-middle font-semibold text-xs text-muted-foreground uppercase tracking-wide",
-                      "border-r border-b border-border bg-sidebar",
-                      stickyRowHeader && "sticky left-0 z-30 min-w-[200px]",
-                      // Right shadow using Quantum token
-                      stickyRowHeader && "shadow-[var(--j3m-shadow-sticky-edge)]"
-                    ), children: "Supplier / Scope" }),
-                    weeks.map((week) => {
-                      const weekKey = getWeekKey(week.startDate);
-                      const weekComments = getWeekComments(weekKey);
-                      return /* @__PURE__ */ jsx(
-                        "th",
-                        {
-                          className: "h-14 px-2 text-left align-middle border-r border-b border-border last:border-r-0 min-w-[220px] bg-sidebar",
-                          children: /* @__PURE__ */ jsx(
-                            CalibrationWeekHeader,
-                            {
-                              week,
-                              comments: weekComments,
-                              showCommentButton: true,
-                              availablePrefixes,
-                              onAddComment: (text, prefixId, prefixName) => handleAddWeekComment(weekKey, text, prefixId)
-                            }
-                          )
-                        },
-                        weekKey
-                      );
-                    })
-                  ] }) }),
+                  /* @__PURE__ */ jsxs("thead", { className: "sticky top-0 z-20", children: [
+                    /* @__PURE__ */ jsxs("tr", { children: [
+                      /* @__PURE__ */ jsx("th", { className: cn(
+                        "h-14 px-3 text-left align-middle font-semibold text-xs text-muted-foreground uppercase tracking-wide",
+                        "border-r border-b border-border bg-sidebar",
+                        stickyRowHeader && "sticky left-0 z-30 min-w-[200px]",
+                        // Right shadow using Quantum token
+                        stickyRowHeader && "shadow-[var(--j3m-shadow-sticky-edge)]"
+                      ), children: "Supplier / Scope" }),
+                      weeks.map((week) => {
+                        const weekKey = getWeekKey(week.startDate);
+                        const weekComments = getWeekComments(weekKey);
+                        return /* @__PURE__ */ jsx(
+                          "th",
+                          {
+                            className: "h-14 px-2 text-left align-middle border-r border-b border-border last:border-r-0 min-w-[220px] bg-sidebar",
+                            children: /* @__PURE__ */ jsx(
+                              CalibrationWeekHeader,
+                              {
+                                week,
+                                comments: weekComments,
+                                showCommentButton: true,
+                                availablePrefixes,
+                                onAddComment: (text, prefixId, prefixName) => handleAddWeekComment(weekKey, text, prefixId)
+                              }
+                            )
+                          },
+                          weekKey
+                        );
+                      })
+                    ] }),
+                    /* @__PURE__ */ jsxs("tr", { children: [
+                      /* @__PURE__ */ jsx("th", { className: cn(
+                        "h-auto px-3 py-1.5 text-left align-middle",
+                        "border-r border-b border-border bg-muted/30",
+                        stickyRowHeader && "sticky left-0 z-30 min-w-[200px]",
+                        stickyRowHeader && "shadow-[var(--j3m-shadow-sticky-edge)]"
+                      ), children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: "Summary" }) }),
+                      columnSummaryData.map((summary) => {
+                        const statusBg = summary.status === "complete" ? "bg-green-50/50 dark:bg-green-950/30" : summary.status === "critical" ? "bg-red-50/50 dark:bg-red-950/30" : "bg-muted/30";
+                        const statusText = summary.status === "complete" ? "text-green-700 dark:text-green-300" : summary.status === "critical" ? "text-red-700 dark:text-red-300" : "text-muted-foreground";
+                        return /* @__PURE__ */ jsx(
+                          "th",
+                          {
+                            className: cn(
+                              "h-auto px-2 py-1.5 text-left align-middle",
+                              "border-r border-b border-border last:border-r-0 min-w-[220px]",
+                              statusBg
+                            ),
+                            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                                /* @__PURE__ */ jsx(Factory, { className: cn("h-3 w-3", statusText) }),
+                                /* @__PURE__ */ jsxs("span", { className: cn("text-xs font-medium tabular-nums", statusText), children: [
+                                  summary.primary?.value.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+                                  " t"
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground tabular-nums", children: [
+                                summary.secondary?.value.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+                                " t req"
+                              ] })
+                            ] })
+                          },
+                          summary.columnKey
+                        );
+                      })
+                    ] })
+                  ] }),
                   /* @__PURE__ */ jsx("tbody", { className: "bg-background", children: paginatedPrefixes.length > 0 ? paginatedPrefixes.map((prefix) => {
                     const sortedWeekKeys = weeks.map((w) => getWeekKey(w.startDate));
                     let hasDeficit = false;
@@ -10218,14 +10712,14 @@ function CommentDialog({
   open,
   onOpenChange
 }) {
-  const [selectedPrefixId, setSelectedPrefixId] = React29.useState("");
-  const [selectedWeekKey, setSelectedWeekKey] = React29.useState("");
-  const [commentText, setCommentText] = React29.useState("");
-  const currentWeek = React29.useMemo(
+  const [selectedPrefixId, setSelectedPrefixId] = React27.useState("");
+  const [selectedWeekKey, setSelectedWeekKey] = React27.useState("");
+  const [commentText, setCommentText] = React27.useState("");
+  const currentWeek = React27.useMemo(
     () => weeks.find((w) => w.isCurrentWeek),
     [weeks]
   );
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (open) {
       setSelectedPrefixId(prefixes[0]?.id ?? "");
       setSelectedWeekKey(currentWeek ? getWeekKey(currentWeek.startDate) : weeks[0] ? getWeekKey(weeks[0].startDate) : "");
@@ -10555,35 +11049,39 @@ function groupDeliveriesByPrefixAndDay(deliveries) {
   }
   return grouped;
 }
-function getCardStyles(state, hasRisk, isHovered) {
+function getCardStyles(state, hasRisk) {
   if (hasRisk) {
     return {
-      stroke: "border-l-[3px] border-l-red-500",
-      cardBg: "bg-background",
-      titleColor: "text-foreground",
+      fill: statusCellFillClasses.risk.combined,
+      titleColor: statusCellTextClasses.risk.title,
+      subtitleColor: statusCellTextClasses.risk.subtitle,
+      iconColor: statusCellTextClasses.risk.icon,
       opacity: ""
     };
   }
   switch (state) {
     case "sent":
       return {
-        stroke: "border-l-[3px] border-l-green-500/40",
-        cardBg: "bg-muted/40",
-        titleColor: "text-muted-foreground",
-        opacity: "opacity-60"
+        fill: statusCellFillClasses.shipped.combined,
+        titleColor: statusCellTextClasses.shipped.title,
+        subtitleColor: statusCellTextClasses.shipped.subtitle,
+        iconColor: statusCellTextClasses.shipped.icon,
+        opacity: "opacity-75"
       };
     case "ready":
       return {
-        stroke: "border-l-[4px] border-l-green-500",
-        cardBg: "bg-background",
-        titleColor: "text-foreground",
+        fill: statusCellFillClasses.ready.combined,
+        titleColor: statusCellTextClasses.ready.title,
+        subtitleColor: statusCellTextClasses.ready.subtitle,
+        iconColor: statusCellTextClasses.ready.icon,
         opacity: ""
       };
     default:
       return {
-        stroke: isHovered ? "border-l-[3px] border-l-primary/50" : "border-l-[3px] border-l-border",
-        cardBg: "bg-background",
-        titleColor: "text-foreground",
+        fill: statusCellFillClasses.normal.combined,
+        titleColor: statusCellTextClasses.normal.title,
+        subtitleColor: statusCellTextClasses.normal.subtitle,
+        iconColor: statusCellTextClasses.normal.icon,
         opacity: ""
       };
   }
@@ -10594,10 +11092,9 @@ function DeliveryBadge({
   onCommentClick,
   className
 }) {
-  const [isHovered, setIsHovered] = React29.useState(false);
   const hasComments = delivery.comments.length > 0;
   const visualState = getDeliveryVisualState(delivery);
-  const styles = getCardStyles(visualState, delivery.hasProductionRisk ?? false, isHovered);
+  const styles = getCardStyles(visualState, delivery.hasProductionRisk ?? false);
   const projectName = delivery.destination || delivery.label;
   const handleClick = (e) => {
     e.stopPropagation();
@@ -10620,16 +11117,14 @@ function DeliveryBadge({
       className: cn(
         // Position relative for comment button
         "relative",
-        // Full-width in cell, 90° corners (j3m.radius.none)
-        "w-full rounded-none",
+        // Full-width in cell, small radius (matching planning cards)
+        "w-full rounded-lg",
         // Compact sizing - min-h-[72px], p-4 (j3m.spacing.m)
         "min-h-[72px] p-4",
-        // Card base: dynamic background based on state
-        styles.cardBg,
-        "border border-border",
-        // Left stroke for status
-        styles.stroke,
-        // Opacity for shipped state only
+        // FULL-CARD STATUS FILL - uses shared calibration/planning tokens
+        // This is the key change: status fill on outermost container
+        styles.fill,
+        // Opacity for shipped state
         styles.opacity,
         // Interactive states (disabled hover lift for shipped)
         "transition-all duration-200 ease-out",
@@ -10648,6 +11143,8 @@ function DeliveryBadge({
               // 44px touch target for accessibility
               "h-11 w-11",
               "rounded-full",
+              // Subtle background for visibility on colored fills
+              "bg-background/50 hover:bg-background/80",
               hasComments && "text-primary"
             ),
             onClick: handleCommentClick,
@@ -10670,8 +11167,6 @@ function DeliveryBadge({
             type: "button",
             onClick: handleClick,
             onKeyDown: handleKeyDown,
-            onMouseEnter: () => setIsHovered(true),
-            onMouseLeave: () => setIsHovered(false),
             className: cn(
               // Full width, no background (inherits from parent)
               "w-full bg-transparent text-left",
@@ -10689,14 +11184,15 @@ function DeliveryBadge({
                   "text-sm font-semibold leading-tight line-clamp-2",
                   styles.titleColor
                 ), children: projectName }),
-                delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500 shrink-0 mt-0.5" })
+                delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: cn("h-4 w-4 shrink-0 mt-0.5", styles.iconColor) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mt-2", children: [
                 visualState === "sent" && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-600 dark:text-green-400 shrink-0" }),
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: "Shipped" })
+                  /* @__PURE__ */ jsx(Check, { className: cn("h-3.5 w-3.5 shrink-0", styles.iconColor) }),
+                  /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-medium uppercase tracking-wide", styles.subtitleColor), children: "Shipped" })
                 ] }),
-                visualState === "ready" && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-green-600 dark:text-green-400 uppercase tracking-wide", children: "Ready" })
+                visualState === "ready" && /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-semibold uppercase tracking-wide", styles.subtitleColor), children: "Ready" }),
+                delivery.hasProductionRisk && visualState !== "sent" && /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-semibold uppercase tracking-wide", styles.subtitleColor), children: "At Risk" })
               ] })
             ]
           }
@@ -10770,7 +11266,7 @@ function WeeklyLoadingView({
   showNavigation = true,
   className
 }) {
-  const [shippedOpenState, setShippedOpenState] = React29.useState({
+  const [shippedOpenState, setShippedOpenState] = React27.useState({
     1: false,
     // Monday
     2: false,
@@ -10788,7 +11284,7 @@ function WeeklyLoadingView({
       [dayOfWeek]: !prev[dayOfWeek]
     }));
   };
-  const weekDays = React29.useMemo(() => {
+  const weekDays = React27.useMemo(() => {
     const days = [];
     for (let i = 0; i < 5; i++) {
       const date = addDays(week.startDate, i);
@@ -10800,7 +11296,7 @@ function WeeklyLoadingView({
     }
     return days;
   }, [week.startDate]);
-  const deliveriesByDay = React29.useMemo(() => {
+  const deliveriesByDay = React27.useMemo(() => {
     const grouped = /* @__PURE__ */ new Map();
     for (let i = 1; i <= 5; i++) {
       grouped.set(i, { pending: [], shipped: [] });
@@ -10820,6 +11316,19 @@ function WeeklyLoadingView({
   }, [deliveries]);
   const totalPendingDeliveries = deliveries.filter((d) => !isShippedDelivery(d)).length;
   const totalShippedDeliveries = deliveries.filter((d) => isShippedDelivery(d)).length;
+  const daySummaryData = React27.useMemo(() => {
+    const summaries = /* @__PURE__ */ new Map();
+    for (let i = 1; i <= 5; i++) {
+      const dayData = deliveriesByDay.get(i) ?? { pending: [], shipped: [] };
+      const allDayDeliveries = [...dayData.pending, ...dayData.shipped];
+      summaries.set(i, {
+        deliveries: allDayDeliveries.length,
+        tonsRequired: allDayDeliveries.reduce((sum, d) => sum + (d.totalTons ?? 0), 0),
+        tonsProduced: allDayDeliveries.reduce((sum, d) => sum + (d.producedTons ?? 0), 0)
+      });
+    }
+    return summaries;
+  }, [deliveriesByDay]);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b border-border p-4 lg:flex-row lg:items-center lg:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -10904,6 +11413,42 @@ function WeeklyLoadingView({
           },
           dayOfWeek
         )) }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 border-b border-border", children: weekDays.map(({ dayOfWeek, isToday: dayIsToday }) => {
+          const summary = daySummaryData.get(dayOfWeek) ?? { deliveries: 0, tonsRequired: 0, tonsProduced: 0 };
+          const productionComplete = summary.tonsRequired > 0 && summary.tonsProduced >= summary.tonsRequired;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col gap-0.5 py-1.5 px-2",
+                productionComplete ? "bg-green-50/50 dark:bg-green-950/30" : "bg-muted/20",
+                dayIsToday && "bg-primary/5"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(Truck, { className: "h-3 w-3 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium tabular-nums text-muted-foreground", children: summary.deliveries })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(Factory, { className: cn(
+                    "h-3 w-3",
+                    productionComplete ? "text-green-600 dark:text-green-400" : "text-muted-foreground"
+                  ) }),
+                  /* @__PURE__ */ jsxs("span", { className: cn(
+                    "text-[10px] tabular-nums",
+                    productionComplete ? "text-green-700 dark:text-green-300" : "text-muted-foreground"
+                  ), children: [
+                    summary.tonsProduced.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+                    "/",
+                    summary.tonsRequired.toLocaleString(void 0, { maximumFractionDigits: 1 }),
+                    " t"
+                  ] })
+                ] })
+              ]
+            },
+            dayOfWeek
+          );
+        }) }),
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5", children: weekDays.map(({ dayOfWeek, isToday: dayIsToday }) => {
           const dayData = deliveriesByDay.get(dayOfWeek) ?? { pending: [], shipped: [] };
           const hasPending = dayData.pending.length > 0;
@@ -11125,7 +11670,7 @@ function DeliveryTimeline({ timelineState }) {
     const state = getStateForStep(step.id);
     const styles = getStepStyles(state);
     const isLast = index === TIMELINE_STEPS.length - 1;
-    return /* @__PURE__ */ jsxs(React29.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React27.Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
         /* @__PURE__ */ jsx(
           "div",
@@ -11260,7 +11805,7 @@ function AddCommentDialog({
   weekId,
   onAddComment
 }) {
-  const [commentText, setCommentText] = React29.useState("");
+  const [commentText, setCommentText] = React27.useState("");
   const handleSubmit = () => {
     if (commentText.trim() && onAddComment) {
       onAddComment({
@@ -11285,7 +11830,7 @@ function AddCommentDialog({
       handleSubmit();
     }
   };
-  React29.useEffect(() => {
+  React27.useEffect(() => {
     if (!open) {
       setCommentText("");
     }
@@ -11348,8 +11893,8 @@ function CommentsSection({
   weekId,
   onAddComment
 }) {
-  const [viewCommentsOpen, setViewCommentsOpen] = React29.useState(true);
-  const [addDialogOpen, setAddDialogOpen] = React29.useState(false);
+  const [viewCommentsOpen, setViewCommentsOpen] = React27.useState(true);
+  const [addDialogOpen, setAddDialogOpen] = React27.useState(false);
   const formatDate3 = (date) => {
     return new Intl.DateTimeFormat("en-US", {
       month: "short",
@@ -11423,7 +11968,7 @@ function DeliveryDetailPage({
   onConfirmLoad
 }) {
   const timelineState = getTimelineState(delivery);
-  const elementsByStatus = React29.useMemo(() => {
+  const elementsByStatus = React27.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");
@@ -11610,11 +12155,11 @@ function SupplierWeeklyLoading({
   bordered = true,
   className
 }) {
-  const [selectedDelivery, setSelectedDelivery] = React29.useState(null);
-  const [sheetOpen, setSheetOpen] = React29.useState(false);
-  const [commentDelivery, setCommentDelivery] = React29.useState(null);
-  const [commentDialogOpen, setCommentDialogOpen] = React29.useState(false);
-  const [commentText, setCommentText] = React29.useState("");
+  const [selectedDelivery, setSelectedDelivery] = React27.useState(null);
+  const [sheetOpen, setSheetOpen] = React27.useState(false);
+  const [commentDelivery, setCommentDelivery] = React27.useState(null);
+  const [commentDialogOpen, setCommentDialogOpen] = React27.useState(false);
+  const [commentText, setCommentText] = React27.useState("");
   const handleDeliveryClick = (delivery) => {
     setSelectedDelivery(delivery);
     setSheetOpen(true);
@@ -11657,31 +12202,74 @@ function SupplierWeeklyLoading({
       handleCommentSubmit();
     }
   };
+  const insightMetrics = React27.useMemo(() => {
+    const totalDeliveries = deliveries.length;
+    const readyDeliveries = deliveries.filter((d) => d.isReadyToUnload).length;
+    deliveries.filter(
+      (d) => d.status === "shipped" || d.status === "delivered"
+    ).length;
+    const totalTonsRequired = deliveries.reduce((sum, d) => sum + (d.totalTons ?? 0), 0);
+    const producedTons = deliveries.reduce((sum, d) => sum + (d.producedTons ?? 0), 0);
+    return [
+      {
+        key: "deliveries",
+        label: "deliveries",
+        value: totalDeliveries,
+        icon: "truck",
+        status: "normal"
+      },
+      {
+        key: "ready",
+        label: "ready",
+        value: readyDeliveries,
+        icon: "check",
+        status: readyDeliveries > 0 ? "success" : "normal"
+      },
+      {
+        key: "required",
+        label: "tons required",
+        value: totalTonsRequired,
+        unit: "t",
+        icon: "factory",
+        status: "normal"
+      },
+      {
+        key: "produced",
+        label: "tons produced",
+        value: producedTons,
+        unit: "t",
+        icon: "factory",
+        status: producedTons >= totalTonsRequired ? "success" : producedTons >= totalTonsRequired * 0.5 ? "normal" : "warning"
+      }
+    ];
+  }, [deliveries]);
   const Wrapper = bordered ? Card : "div";
   const Content14 = bordered ? CardContent : "div";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Wrapper,
-      {
-        className: cn(
-          "flex flex-col overflow-hidden",
-          // Removed fixed min-height - content-driven sizing
-          !bordered && "border border-border bg-card rounded-lg",
-          className
-        ),
-        children: /* @__PURE__ */ jsx(Content14, { className: cn("flex-1 overflow-hidden p-0", !bordered && ""), children: /* @__PURE__ */ jsx(
-          WeeklyLoadingView,
-          {
-            week,
-            deliveries,
-            onDeliveryClick: handleDeliveryClick,
-            onDeliveryCommentClick: handleDeliveryCommentClick,
-            onWeekChange,
-            showNavigation
-          }
-        ) })
-      }
-    ),
+    /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-0", className), children: [
+      /* @__PURE__ */ jsx(InsightBar, { metrics: insightMetrics, className: "rounded-t-lg border border-b-0" }),
+      /* @__PURE__ */ jsx(
+        Wrapper,
+        {
+          className: cn(
+            "flex flex-col overflow-hidden rounded-t-none",
+            // Removed fixed min-height - content-driven sizing
+            !bordered && "border border-border bg-card rounded-lg rounded-t-none"
+          ),
+          children: /* @__PURE__ */ jsx(Content14, { className: cn("flex-1 overflow-hidden p-0", !bordered && ""), children: /* @__PURE__ */ jsx(
+            WeeklyLoadingView,
+            {
+              week,
+              deliveries,
+              onDeliveryClick: handleDeliveryClick,
+              onDeliveryCommentClick: handleDeliveryCommentClick,
+              onWeekChange,
+              showNavigation
+            }
+          ) })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(Sheet, { open: sheetOpen, onOpenChange: (open) => !open && handleSheetClose(), children: /* @__PURE__ */ jsxs(
       SheetContent,
       {
@@ -11758,35 +12346,39 @@ function SupplierWeeklyLoading({
     ] }) })
   ] });
 }
-function getCardStyles2(state, hasRisk, isHovered) {
+function getCardStyles2(state, hasRisk) {
   if (hasRisk) {
     return {
-      stroke: "border-l-[3px] border-l-red-500",
-      cardBg: "bg-background",
-      titleColor: "text-foreground",
+      fill: statusCellFillClasses.risk.combined,
+      titleColor: statusCellTextClasses.risk.title,
+      subtitleColor: statusCellTextClasses.risk.subtitle,
+      iconColor: statusCellTextClasses.risk.icon,
       opacity: ""
     };
   }
   switch (state) {
     case "sent":
       return {
-        stroke: "border-l-[3px] border-l-green-500/40",
-        cardBg: "bg-muted/40",
-        titleColor: "text-muted-foreground",
-        opacity: "opacity-60"
+        fill: statusCellFillClasses.shipped.combined,
+        titleColor: statusCellTextClasses.shipped.title,
+        subtitleColor: statusCellTextClasses.shipped.subtitle,
+        iconColor: statusCellTextClasses.shipped.icon,
+        opacity: "opacity-75"
       };
     case "ready":
       return {
-        stroke: "border-l-[4px] border-l-green-500",
-        cardBg: "bg-background",
-        titleColor: "text-foreground",
+        fill: statusCellFillClasses.ready.combined,
+        titleColor: statusCellTextClasses.ready.title,
+        subtitleColor: statusCellTextClasses.ready.subtitle,
+        iconColor: statusCellTextClasses.ready.icon,
         opacity: ""
       };
     default:
       return {
-        stroke: isHovered ? "border-l-[3px] border-l-primary/50" : "border-l-[3px] border-l-border",
-        cardBg: "bg-background",
-        titleColor: "text-foreground",
+        fill: statusCellFillClasses.normal.combined,
+        titleColor: statusCellTextClasses.normal.title,
+        subtitleColor: statusCellTextClasses.normal.subtitle,
+        iconColor: statusCellTextClasses.normal.icon,
         opacity: ""
       };
   }
@@ -11796,10 +12388,9 @@ function DeliveryCard({
   onTap,
   className
 }) {
-  const [isHovered, setIsHovered] = React29.useState(false);
   const hasComments = delivery.comments.length > 0;
   const visualState = getDeliveryVisualState(delivery);
-  const styles = getCardStyles2(visualState, delivery.hasProductionRisk ?? false, isHovered);
+  const styles = getCardStyles2(visualState, delivery.hasProductionRisk ?? false);
   const projectName = delivery.destination || delivery.label;
   const handleClick = () => {
     onTap?.();
@@ -11817,19 +12408,15 @@ function DeliveryCard({
       tabIndex: 0,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
       className: cn(
-        // Full-width, 90° corners (j3m.radius.none)
-        "w-full rounded-none",
+        // Full-width, small radius (matching planning table cards)
+        "w-full rounded-lg",
         // Touch-friendly sizing - 56px min-height for iPad
         "min-h-[56px] p-4",
-        // Card styling: dynamic background based on state
-        styles.cardBg,
-        "border border-border",
-        // Left stroke for status
-        styles.stroke,
-        // Opacity for shipped state only
+        // FULL-CARD STATUS FILL - uses shared calibration/planning tokens
+        // This is the key change: status fill on outermost container
+        styles.fill,
+        // Opacity for shipped state
         styles.opacity,
         // Hover/tap state - lift effect (disabled for shipped)
         "cursor-pointer transition-all duration-200 ease-out",
@@ -11846,21 +12433,22 @@ function DeliveryCard({
               "text-sm font-semibold truncate",
               styles.titleColor
             ), children: projectName }),
-            delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4 text-red-500 shrink-0" }),
-            hasComments && /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+            delivery.hasProductionRisk && /* @__PURE__ */ jsx(AlertTriangle, { className: cn("h-4 w-4 shrink-0", styles.iconColor) }),
+            hasComments && /* @__PURE__ */ jsxs("div", { className: "relative shrink-0 p-0.5 rounded bg-background/50", children: [
               /* @__PURE__ */ jsx(MessageSquare, { className: "h-3.5 w-3.5 text-muted-foreground" }),
               /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 h-2 w-2 rounded-full bg-primary" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
             visualState === "sent" && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-600 dark:text-green-400 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide", children: "Shipped" })
+              /* @__PURE__ */ jsx(Check, { className: cn("h-3.5 w-3.5 shrink-0", styles.iconColor) }),
+              /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-medium uppercase tracking-wide", styles.subtitleColor), children: "Shipped" })
             ] }),
-            visualState === "ready" && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-semibold text-green-600 dark:text-green-400 uppercase tracking-wide", children: "Ready" })
+            visualState === "ready" && /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-semibold uppercase tracking-wide", styles.subtitleColor), children: "Ready" }),
+            delivery.hasProductionRisk && visualState !== "sent" && /* @__PURE__ */ jsx("span", { className: cn("text-[10px] font-semibold uppercase tracking-wide", styles.subtitleColor), children: "At Risk" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground shrink-0" })
+        /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-4 w-4 shrink-0", styles.iconColor) })
       ] })
     }
   );
@@ -11928,7 +12516,7 @@ var BADGE_VARIANT_LABELS = {
   colored: "Colored",
   mixed: "Mixed"
 };
-var CalendarContext = React29.createContext(null);
+var CalendarContext = React27.createContext(null);
 function EventCalendarProvider({
   children,
   events: initialEvents = [],
@@ -11943,38 +12531,38 @@ function EventCalendarProvider({
   onEventUpdate,
   onEventDelete
 }) {
-  const [selectedDate, setSelectedDate] = React29.useState(defaultDate);
-  const [selectedUserId, setSelectedUserId] = React29.useState(defaultUserId);
-  const [events, setEventsState] = React29.useState(initialEvents);
-  const [users] = React29.useState(initialUsers);
-  const [badgeVariant, setBadgeVariant] = React29.useState(defaultBadgeVariant);
-  const [view, setView] = React29.useState(defaultView);
-  const [workingHours, setWorkingHours] = React29.useState(defaultWorkingHours);
-  const [visibleHours, setVisibleHours] = React29.useState(defaultVisibleHours);
-  React29.useEffect(() => {
+  const [selectedDate, setSelectedDate] = React27.useState(defaultDate);
+  const [selectedUserId, setSelectedUserId] = React27.useState(defaultUserId);
+  const [events, setEventsState] = React27.useState(initialEvents);
+  const [users] = React27.useState(initialUsers);
+  const [badgeVariant, setBadgeVariant] = React27.useState(defaultBadgeVariant);
+  const [view, setView] = React27.useState(defaultView);
+  const [workingHours, setWorkingHours] = React27.useState(defaultWorkingHours);
+  const [visibleHours, setVisibleHours] = React27.useState(defaultVisibleHours);
+  React27.useEffect(() => {
     setEventsState(initialEvents);
   }, [initialEvents]);
-  const setEvents = React29.useCallback((newEvents) => {
+  const setEvents = React27.useCallback((newEvents) => {
     setEventsState(newEvents);
   }, []);
-  const addEvent = React29.useCallback((event) => {
+  const addEvent = React27.useCallback((event) => {
     setEventsState((prev) => [...prev, event]);
     onEventAdd?.(event);
   }, [onEventAdd]);
-  const updateEvent = React29.useCallback((event) => {
+  const updateEvent = React27.useCallback((event) => {
     setEventsState(
       (prev) => prev.map((e) => e.id === event.id ? event : e)
     );
     onEventUpdate?.(event);
   }, [onEventUpdate]);
-  const deleteEvent = React29.useCallback((eventId) => {
+  const deleteEvent = React27.useCallback((eventId) => {
     setEventsState((prev) => prev.filter((e) => e.id !== eventId));
     onEventDelete?.(eventId);
   }, [onEventDelete]);
-  const goToToday = React29.useCallback(() => {
+  const goToToday = React27.useCallback(() => {
     setSelectedDate(/* @__PURE__ */ new Date());
   }, []);
-  const goToPrevious = React29.useCallback(() => {
+  const goToPrevious = React27.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -11992,7 +12580,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const goToNext = React29.useCallback(() => {
+  const goToNext = React27.useCallback(() => {
     setSelectedDate((current) => {
       switch (view) {
         case "day":
@@ -12010,7 +12598,7 @@ function EventCalendarProvider({
       }
     });
   }, [view]);
-  const contextValue = React29.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       // State
       selectedDate,
@@ -12057,7 +12645,7 @@ function EventCalendarProvider({
   return /* @__PURE__ */ jsx(CalendarContext.Provider, { value: contextValue, children });
 }
 function useEventCalendar() {
-  const context = React29.useContext(CalendarContext);
+  const context = React27.useContext(CalendarContext);
   if (!context) {
     throw new Error("useEventCalendar must be used within an EventCalendarProvider");
   }
@@ -12065,14 +12653,14 @@ function useEventCalendar() {
 }
 function useFilteredEvents() {
   const { events, selectedUserId } = useEventCalendar();
-  return React29.useMemo(() => {
+  return React27.useMemo(() => {
     if (!selectedUserId) return events;
     return events.filter((event) => event.user.id === selectedUserId);
   }, [events, selectedUserId]);
 }
 function useEventsInRange(startDate, endDate) {
   const filteredEvents = useFilteredEvents();
-  return React29.useMemo(() => {
+  return React27.useMemo(() => {
     return filteredEvents.filter((event) => {
       const eventStart = new Date(event.startDate);
       const eventEnd = new Date(event.endDate);
@@ -12630,8 +13218,8 @@ function MoreEvents({ count, onClick, className }) {
   );
 }
 function TimeIndicator({ className }) {
-  const [now, setNow] = React29.useState(/* @__PURE__ */ new Date());
-  React29.useEffect(() => {
+  const [now, setNow] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => setNow(/* @__PURE__ */ new Date()), 6e4);
     return () => clearInterval(interval);
   }, []);
@@ -12668,24 +13256,24 @@ function DateBadge({ date, className }) {
     }
   );
 }
-var DragContext = React29.createContext(null);
+var DragContext = React27.createContext(null);
 function DragProvider({
   children,
   snapMinutes = 15,
   onDragStart,
   onDragEnd
 }) {
-  const [draggedEvent, setDraggedEventState] = React29.useState(null);
-  const [isDragging, setIsDragging] = React29.useState(false);
+  const [draggedEvent, setDraggedEventState] = React27.useState(null);
+  const [isDragging, setIsDragging] = React27.useState(false);
   const { updateEvent } = useEventCalendar();
-  const setDraggedEvent = React29.useCallback((event) => {
+  const setDraggedEvent = React27.useCallback((event) => {
     setDraggedEventState(event);
     setIsDragging(!!event);
     if (event) {
       onDragStart?.(event);
     }
   }, [onDragStart]);
-  const handleDrop = React29.useCallback((newStartDate) => {
+  const handleDrop = React27.useCallback((newStartDate) => {
     if (!draggedEvent) return;
     const snappedDate = snapToInterval(newStartDate, snapMinutes);
     const { startDate, endDate } = calculateDropDates(draggedEvent, snappedDate);
@@ -12698,7 +13286,7 @@ function DragProvider({
     onDragEnd?.(updatedEvent, new Date(startDate), new Date(endDate));
     setDraggedEvent(null);
   }, [draggedEvent, snapMinutes, updateEvent, onDragEnd, setDraggedEvent]);
-  const contextValue = React29.useMemo(
+  const contextValue = React27.useMemo(
     () => ({
       draggedEvent,
       setDraggedEvent,
@@ -12709,7 +13297,7 @@ function DragProvider({
   return /* @__PURE__ */ jsx(DragContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(DragDropHandler, { onDrop: handleDrop, children }) });
 }
 function useDrag() {
-  const context = React29.useContext(DragContext);
+  const context = React27.useContext(DragContext);
   if (!context) {
     throw new Error("useDrag must be used within a DragProvider");
   }
@@ -12754,7 +13342,7 @@ function DroppableZone({
 }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React29.useState(false);
+  const [isOver, setIsOver] = React27.useState(false);
   const handleDragOver = (e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
@@ -12792,23 +13380,23 @@ function DroppableZone({
 function useDroppable({ date, hour, minute = 0, onDrop }) {
   const { draggedEvent, setDraggedEvent } = useDrag();
   const { updateEvent } = useEventCalendar();
-  const [isOver, setIsOver] = React29.useState(false);
-  const dropTargetDate = React29.useMemo(() => {
+  const [isOver, setIsOver] = React27.useState(false);
+  const dropTargetDate = React27.useMemo(() => {
     const targetDate = new Date(date);
     if (hour !== void 0) {
       targetDate.setHours(hour, minute, 0, 0);
     }
     return targetDate;
   }, [date, hour, minute]);
-  const handleDragOver = React29.useCallback((e) => {
+  const handleDragOver = React27.useCallback((e) => {
     e.preventDefault();
     e.dataTransfer.dropEffect = "move";
     if (!isOver) setIsOver(true);
   }, [isOver]);
-  const handleDragLeave = React29.useCallback(() => {
+  const handleDragLeave = React27.useCallback(() => {
     setIsOver(false);
   }, []);
-  const handleDrop = React29.useCallback((e) => {
+  const handleDrop = React27.useCallback((e) => {
     e.preventDefault();
     setIsOver(false);
     if (!draggedEvent) return;
@@ -12835,13 +13423,13 @@ function useDroppable({ date, hour, minute = 0, onDrop }) {
 function useDraggable(event, disabled = false) {
   const { setDraggedEvent, draggedEvent } = useDrag();
   const isDragged = draggedEvent?.id === event.id;
-  const handleDragStart = React29.useCallback((e) => {
+  const handleDragStart = React27.useCallback((e) => {
     if (disabled) return;
     e.dataTransfer.effectAllowed = "move";
     e.dataTransfer.setData("text/plain", event.id);
     setDraggedEvent(event);
   }, [disabled, event, setDraggedEvent]);
-  const handleDragEnd = React29.useCallback(() => {
+  const handleDragEnd = React27.useCallback(() => {
     setDraggedEvent(null);
   }, [setDraggedEvent]);
   return {
@@ -12882,15 +13470,15 @@ function MonthView({
 }) {
   const { selectedDate, badgeVariant, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React29.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const cells = React29.useMemo(
+  const cells = React27.useMemo(
     () => getCalendarCells(selectedDate),
     [selectedDate]
   );
-  const eventPositions = React29.useMemo(
+  const eventPositions = React27.useMemo(
     () => calculateMonthEventPositions(multiDayEvents, singleDayEvents, selectedDate),
     [multiDayEvents, singleDayEvents, selectedDate]
   );
@@ -13072,7 +13660,7 @@ function WeekView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React29.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -13278,8 +13866,8 @@ function CalendarTimeline({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React29.useState(/* @__PURE__ */ new Date());
-  React29.useEffect(() => {
+  const [currentTime, setCurrentTime] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -13362,7 +13950,7 @@ function DayView({
     visibleHours
   } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React29.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
@@ -13370,7 +13958,7 @@ function DayView({
     visibleHours,
     singleDayEvents
   );
-  const currentEvents = React29.useMemo(() => {
+  const currentEvents = React27.useMemo(() => {
     if (!isToday(selectedDate)) return [];
     return getCurrentEvents(singleDayEvents);
   }, [singleDayEvents, selectedDate]);
@@ -13594,8 +14182,8 @@ function CalendarTimeline2({
   firstVisibleHour,
   lastVisibleHour
 }) {
-  const [currentTime, setCurrentTime] = React29.useState(/* @__PURE__ */ new Date());
-  React29.useEffect(() => {
+  const [currentTime, setCurrentTime] = React27.useState(/* @__PURE__ */ new Date());
+  React27.useEffect(() => {
     const interval = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
@@ -13629,7 +14217,7 @@ function YearView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const months = React29.useMemo(() => {
+  const months = React27.useMemo(() => {
     const yearStart = startOfYear(selectedDate);
     return Array.from({ length: 12 }, (_, i) => addMonths(yearStart, i));
   }, [selectedDate]);
@@ -13752,11 +14340,11 @@ function AgendaView({
 }) {
   const { selectedDate, setSelectedDate, setView } = useEventCalendar();
   const filteredEvents = useFilteredEvents();
-  const { singleDayEvents, multiDayEvents } = React29.useMemo(
+  const { singleDayEvents, multiDayEvents } = React27.useMemo(
     () => splitEventsByDuration(filteredEvents),
     [filteredEvents]
   );
-  const eventsByDay = React29.useMemo(() => {
+  const eventsByDay = React27.useMemo(() => {
     const allDates = /* @__PURE__ */ new Map();
     singleDayEvents.forEach((event) => {
       const eventDate = parseISO(event.startDate);
@@ -14221,16 +14809,16 @@ function EventDialog({
   defaultUserId
 }) {
   const { addEvent, updateEvent, deleteEvent, users } = useEventCalendar();
-  const [title, setTitle] = React29.useState("");
-  const [description, setDescription] = React29.useState("");
-  const [startDate, setStartDate] = React29.useState("");
-  const [startTime, setStartTime] = React29.useState("");
-  const [endDate, setEndDate] = React29.useState("");
-  const [endTime, setEndTime] = React29.useState("");
-  const [color, setColor] = React29.useState("blue");
-  const [userId, setUserId] = React29.useState("");
-  const [isSubmitting, setIsSubmitting] = React29.useState(false);
-  React29.useEffect(() => {
+  const [title, setTitle] = React27.useState("");
+  const [description, setDescription] = React27.useState("");
+  const [startDate, setStartDate] = React27.useState("");
+  const [startTime, setStartTime] = React27.useState("");
+  const [endDate, setEndDate] = React27.useState("");
+  const [endTime, setEndTime] = React27.useState("");
+  const [color, setColor] = React27.useState("blue");
+  const [userId, setUserId] = React27.useState("");
+  const [isSubmitting, setIsSubmitting] = React27.useState(false);
+  React27.useEffect(() => {
     if (open) {
       if (mode === "edit" && event) {
         const start = parseISO(event.startDate);
@@ -14453,7 +15041,7 @@ function QuickAddEvent({
   onOpenDialog,
   onClose
 }) {
-  const [title, setTitle] = React29.useState("");
+  const [title, setTitle] = React27.useState("");
   const { users } = useEventCalendar();
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -14520,8 +15108,8 @@ var HOUR_OPTIONS = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeVisibleHoursInput() {
   const { visibleHours, setVisibleHours } = useEventCalendar();
-  const [from, setFrom] = React29.useState(visibleHours.from);
-  const [to, setTo] = React29.useState(visibleHours.to);
+  const [from, setFrom] = React27.useState(visibleHours.from);
+  const [to, setTo] = React27.useState(visibleHours.to);
   const handleApply = () => {
     const toHour = to === 0 ? 24 : to;
     setVisibleHours({ from, to: toHour });
@@ -14567,7 +15155,7 @@ var HOUR_OPTIONS2 = Array.from({ length: 25 }, (_, i) => {
 });
 function ChangeWorkingHoursInput() {
   const { workingHours, setWorkingHours } = useEventCalendar();
-  const [localWorkingHours, setLocalWorkingHours] = React29.useState({
+  const [localWorkingHours, setLocalWorkingHours] = React27.useState({
     ...workingHours
   });
   const handleToggleDay = (dayId) => {
@@ -14716,8 +15304,8 @@ function CalendarSettingsButton({
   );
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React29.useState(false);
-  React29.useEffect(() => {
+  const [matches, setMatches] = React27.useState(false);
+  React27.useEffect(() => {
     const media = window.matchMedia(query);
     setMatches(media.matches);
     const listener = (event) => {
@@ -14769,11 +15357,11 @@ function BigCalendarInner({
   maxEventsPerDay
 }) {
   const { view, setView } = useEventCalendar();
-  const [dialogOpen, setDialogOpen] = React29.useState(false);
-  const [settingsDialogOpen, setSettingsDialogOpen] = React29.useState(false);
-  const [selectedEvent, setSelectedEvent] = React29.useState(null);
-  const [dialogMode, setDialogMode] = React29.useState("add");
-  const [defaultDate, setDefaultDate] = React29.useState(/* @__PURE__ */ new Date());
+  const [dialogOpen, setDialogOpen] = React27.useState(false);
+  const [settingsDialogOpen, setSettingsDialogOpen] = React27.useState(false);
+  const [selectedEvent, setSelectedEvent] = React27.useState(null);
+  const [dialogMode, setDialogMode] = React27.useState("add");
+  const [defaultDate, setDefaultDate] = React27.useState(/* @__PURE__ */ new Date());
   const isMobile = useMediaQuery("(max-width: 768px)");
   const isCompact = compact === "auto" ? isMobile : compact;
   const handleAddClick = () => {
@@ -16496,6 +17084,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, 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, 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, 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, Item6 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, KanbanBoard, KanbanCard, KanbanCards, KanbanHeader, KanbanProvider, Kbd, KbdGroup, Label2 as Label, Map2 as Map, MapMarker, MapPopup, MapTileLayer, MapTooltip, MapZoomControl, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, 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, calculateDropDates, calculateMonthEventPositions, canSubmitCalibration, cardVariants, createDefaultEvent, deliveryIndicatorVariants, extractPrefixes, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatProductionUnit, formatTime, generateColumns, generateEventId, generateLoadingWeek, generateLocationOptions, generateWeekColumns, generateWeeks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getDayLabel, getDeliveryVisualState, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getISOWeek, getLoadingDeliveryStatusLabel, getLoadingElementStatusLabel, getLoadingISOWeek, getLoadingWeekKey, getMonthCellEvents, getMonthDays, getShipmentStatusLabel, getShortDayLabel, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupDeliveriesByDay, groupDeliveriesByPrefixAndDay, groupEvents, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, toggleVariants, toolBarCanvasButtonVariants, useDrag, useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, 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, 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, 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, Map2 as Map, MapMarker, MapPopup, MapTileLayer, MapTooltip, MapZoomControl, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PlanningTable, PlanningTableToolbar, PlanningWeekCommentPopover, PlayerCanvas, PlayerCanvasActionButton, PlayerCanvasControls, PlayerCanvasDivider, PlayerCanvasInfo, PlayerCanvasLabel, PlayerCanvasPlayButton, PlayerCanvasProgress, PlayerCanvasSkipButton, PlayerCanvasTitle, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, 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, calculateDropDates, calculateMonthEventPositions, canSubmitCalibration, cardVariants, createDefaultEvent, deliveryIndicatorVariants, extractPrefixes, formatCalibrationUnit, formatDateRange2 as formatDateRange, formatProductionUnit, formatTime, generateColumns, generateEventId, generateLoadingWeek, generateLocationOptions, generateWeekColumns, generateWeeks, getCalendarCells, getCommentLocationLabel, getCurrentEvents, getDayHours, getDayLabel, getDeliveryVisualState, getElementShipmentStatus, getEventBlockStyle, getEventDuration, getEventDurationMinutes, getEventsCount, getEventsForDate, getEventsInRange, getHeaderLabel, getISOWeek, getLoadingDeliveryStatusLabel, getLoadingElementStatusLabel, getLoadingISOWeek, getLoadingWeekKey, getMonthCellEvents, getMonthDays, getShipmentStatusLabel, getShortDayLabel, getSupplierColumn, getTimeHeight, getTimePosition, getViewDateRange, getVisibleHours, getWeekDayNames, getWeekDays, getWeekKey, getYearMonths, groupDeliveriesByDay, groupDeliveriesByPrefixAndDay, groupEvents, isMultiDayEvent, isWorkingHour, navigateDate, navigationMenuTriggerStyle, playerCanvasPlayButtonVariants, playerCanvasSkipButtonVariants, rangeText, sectionVariants, snapToInterval, sortEvents, splitEventsByDuration, toggleVariants, toolBarCanvasButtonVariants, useDrag, useDraggable, useDroppable, useEventCalendar, useEventsInRange, useFilteredEvents, useFormField, useGanttDragging, useGanttScrollX, useIsMobile, useSearchShortcut, useSidebar };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map