@almadar/ui 6.26.0 → 6.28.0

package/dist/avl/index.js

@@ -34742,6 +34742,247 @@ var init_WizardNavigation = __esm({
     WizardNavigation.displayName = "WizardNavigation";
   }
 });
+function parseDay(value) {
+  if (value === void 0 || value === null || value === "") return null;
+  const d = value instanceof Date ? new Date(value.getTime()) : new Date(value);
+  if (Number.isNaN(d.getTime())) return null;
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+function Gantt({
+  tasks = [],
+  links = [],
+  titleField = "title",
+  startField = "start",
+  endField = "end",
+  durationField,
+  statusField = "status",
+  groupField = "",
+  rangeStart,
+  rangeEnd,
+  showToday = true,
+  dayWidth = 28,
+  barClickEvent,
+  className,
+  isLoading = false,
+  error = null
+}) {
+  const { t } = useTranslate();
+  const placed = useMemo(() => {
+    const rows = Array.isArray(tasks) ? tasks : tasks ? [tasks] : [];
+    const out = [];
+    rows.forEach((row, idx) => {
+      const start = parseDay(getNestedValue(row, startField));
+      if (!start) return;
+      let end = parseDay(getNestedValue(row, endField));
+      if (!end && durationField) {
+        const days2 = Number(getNestedValue(row, durationField));
+        if (Number.isFinite(days2) && days2 > 0) {
+          end = new Date(start.getTime() + days2 * DAY_MS);
+        }
+      }
+      if (!end || end.getTime() < start.getTime()) end = new Date(start.getTime() + DAY_MS);
+      out.push({
+        row,
+        id: String(row.id ?? idx),
+        label: String(getNestedValue(row, titleField) ?? ""),
+        status: String(getNestedValue(row, statusField) ?? "").toLowerCase(),
+        group: groupField ? String(getNestedValue(row, groupField) ?? "") : "",
+        start,
+        end
+      });
+    });
+    return out;
+  }, [tasks, titleField, startField, endField, durationField, statusField, groupField]);
+  const [axisStart, axisEnd] = useMemo(() => {
+    const lo = parseDay(rangeStart) ?? (placed.length ? new Date(Math.min(...placed.map((p) => p.start.getTime())) - 2 * DAY_MS) : new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    const hi = parseDay(rangeEnd) ?? (placed.length ? new Date(Math.max(...placed.map((p) => p.end.getTime())) + 2 * DAY_MS) : new Date(lo.getTime() + 30 * DAY_MS));
+    return hi.getTime() > lo.getTime() ? [lo, hi] : [lo, new Date(lo.getTime() + DAY_MS)];
+  }, [rangeStart, rangeEnd, placed]);
+  const totalDays = Math.round((axisEnd.getTime() - axisStart.getTime()) / DAY_MS);
+  const chartWidth = totalDays * dayWidth;
+  const dayOffset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  const displayItems = useMemo(() => {
+    if (!groupField) return placed.map((task) => ({ kind: "task", task }));
+    const items = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const task of placed) {
+      if (!seen.has(task.group)) {
+        seen.add(task.group);
+        items.push({ kind: "group", label: task.group || "\u2014" });
+      }
+      items.push({ kind: "task", task });
+    }
+    return items;
+  }, [placed, groupField]);
+  const barGeometry = useMemo(() => {
+    const offset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+    const map = /* @__PURE__ */ new Map();
+    displayItems.forEach((item, idx) => {
+      if (item.kind !== "task") return;
+      const x0 = offset(item.task.start);
+      const x1 = Math.max(offset(item.task.end), x0 + dayWidth / 2);
+      map.set(item.task.id, { x0, x1, y: HEADER_HEIGHT + idx * ROW_HEIGHT + ROW_HEIGHT / 2 });
+    });
+    return map;
+  }, [displayItems, axisStart, dayWidth]);
+  const days = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < totalDays; i++) out.push(new Date(axisStart.getTime() + i * DAY_MS));
+    return out;
+  }, [axisStart, totalDays]);
+  const todayOffset = useMemo(() => {
+    const today = parseDay(/* @__PURE__ */ new Date());
+    if (!today || today < axisStart || today > axisEnd) return null;
+    return (today.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  }, [axisStart, axisEnd, dayWidth]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(LoadingState, { message: t("common.loading"), className });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { className: cn("p-4", className), children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (placed.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: t("empty.noData"),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: cn("w-full overflow-auto rounded-md border border-border bg-card", className),
+      children: /* @__PURE__ */ jsxs(Box, { className: "relative", style: { width: LABEL_WIDTH + chartWidth, minWidth: "100%" }, children: [
+        /* @__PURE__ */ jsxs(HStack, { gap: "none", className: "sticky top-0 z-20 bg-card border-b border-border", style: { height: HEADER_HEIGHT }, children: [
+          /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card border-r border-border", style: { width: LABEL_WIDTH, height: HEADER_HEIGHT } }),
+          /* @__PURE__ */ jsx(Box, { className: "relative", style: { width: chartWidth, height: HEADER_HEIGHT }, children: days.map((day, i) => /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: cn(
+                "absolute top-0 bottom-0 border-l border-border/50 flex items-end justify-center pb-1",
+                day.getDay() === 0 || day.getDay() === 6 ? "bg-muted/40" : void 0
+              ),
+              style: { left: i * dayWidth, width: dayWidth },
+              children: dayWidth >= 20 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: day.getDate() })
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "relative", children: [
+          displayItems.map(
+            (item, idx) => item.kind === "group" ? /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border bg-muted/30",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-muted/30 px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "semibold", children: item.label }) }),
+                  /* @__PURE__ */ jsx(Box, { style: { width: chartWidth, height: ROW_HEIGHT } })
+                ]
+              },
+              `g-${idx}`
+            ) : /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border/50",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate", children: item.task.label }) }),
+                  /* @__PURE__ */ jsx(Box, { className: "relative", style: { width: chartWidth, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      className: cn(
+                        "absolute top-1/2 -translate-y-1/2 h-4 rounded-sm transition-colors",
+                        STATUS_BAR[item.task.status] ?? "bg-primary/80 hover:bg-primary",
+                        barClickEvent ? "cursor-pointer" : void 0
+                      ),
+                      style: {
+                        left: dayOffset(item.task.start),
+                        width: Math.max(dayOffset(item.task.end) - dayOffset(item.task.start), dayWidth / 2)
+                      },
+                      action: barClickEvent,
+                      actionPayload: { id: item.task.id }
+                    }
+                  ) })
+                ]
+              },
+              item.task.id
+            )
+          ),
+          links.length > 0 && /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "absolute pointer-events-none",
+              style: { left: LABEL_WIDTH, top: 0 },
+              width: chartWidth,
+              height: HEADER_HEIGHT + displayItems.length * ROW_HEIGHT,
+              children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("marker", { id: "gantt-arrow", markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", children: /* @__PURE__ */ jsx("path", { d: "M0,0 L8,4 L0,8 z", fill: "var(--muted-foreground, currentColor)" }) }) }),
+                links.map((link, i) => {
+                  const from = barGeometry.get(link.from);
+                  const to = barGeometry.get(link.to);
+                  if (!from || !to) return null;
+                  const midX = from.x1 + Math.max(8, (to.x0 - from.x1) / 2);
+                  return /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: `M ${from.x1} ${from.y} L ${midX} ${from.y} L ${midX} ${to.y} L ${to.x0} ${to.y}`,
+                      fill: "none",
+                      stroke: "var(--muted-foreground, currentColor)",
+                      strokeWidth: 1.5,
+                      markerEnd: "url(#gantt-arrow)"
+                    },
+                    i
+                  );
+                })
+              ]
+            }
+          ),
+          showToday && todayOffset !== null && /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: "absolute top-0 bottom-0 w-0.5 bg-error/70 pointer-events-none",
+              style: { left: LABEL_WIDTH + todayOffset }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var DAY_MS, ROW_HEIGHT, HEADER_HEIGHT, LABEL_WIDTH, STATUS_BAR;
+var init_Gantt = __esm({
+  "components/core/molecules/Gantt.tsx"() {
+    "use client";
+    init_cn();
+    init_getNestedValue();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_LoadingState();
+    init_EmptyState();
+    DAY_MS = 24 * 60 * 60 * 1e3;
+    ROW_HEIGHT = 36;
+    HEADER_HEIGHT = 44;
+    LABEL_WIDTH = 192;
+    STATUS_BAR = {
+      complete: "bg-success/80 hover:bg-success",
+      done: "bg-success/80 hover:bg-success",
+      active: "bg-primary/80 hover:bg-primary",
+      "in-progress": "bg-primary/80 hover:bg-primary",
+      blocked: "bg-error/80 hover:bg-error",
+      error: "bg-error/80 hover:bg-error",
+      "at-risk": "bg-warning/80 hover:bg-warning",
+      pending: "bg-muted-foreground/50 hover:bg-muted-foreground/70"
+    };
+    Gantt.displayName = "Gantt";
+  }
+});
 var RepeatableFormSection;
 var init_RepeatableFormSection = __esm({
   "components/core/molecules/RepeatableFormSection.tsx"() {
@@ -53899,6 +54140,7 @@ var init_component_registry_generated = __esm({
     init_GameIcon();
     init_GameMenu();
     init_GameShell();
+    init_Gantt();
     init_GenericAppTemplate();
     init_GeometricPattern();
     init_GradientDivider();
@@ -54178,6 +54420,7 @@ var init_component_registry_generated = __esm({
       "GameIcon": GameIcon,
       "GameMenu": GameMenu,
       "GameShell": GameShell,
+      "Gantt": Gantt,
       "GenericAppTemplate": GenericAppTemplate,
       "GeometricPattern": GeometricPattern,
       "GradientDivider": GradientDivider,
@@ -60516,7 +60759,7 @@ function NavStackRefBridge({ apiRef }) {
   }, [api, apiRef]);
   return null;
 }
-function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNavigate, onNavigateBack, onLocalFallback, localFallbackTimeoutMs, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, serverActiveTraits, children }) {
+function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNavigate, onNavigateBack, onLocalFallback, localFallbackTimeoutMs, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, serverActiveTraits, user, children }) {
   const bridge = useServerBridge();
   const activeTraitNames = useMemo(
     () => new Set(traits2.map((b) => b.trait.name).filter((n) => !!n)),
@@ -60548,12 +60791,12 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
         void bridge.sendEvent(name, event, withActiveTraits(payload), tick, sourceTrait);
         continue;
       }
-      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait).then(({ effects, meta }) => {
+      void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait, user ?? void 0).then(({ effects, meta }) => {
         recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNamesRef.current, onNavigateBack);
       });
     }
-  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits]);
+  }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits, user]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, navigateBack: onNavigateBack, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams } : { navigate: onNavigate, navigateBack: onNavigateBack, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams };
   const { sendEvent, entityBindingSource } = useTraitStateMachine(traits2, uiSlots, opts);
   const initSentRef = useRef(false);
@@ -60595,7 +60838,17 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     initSentRef.current = true;
     (async () => {
       for (const name of orbitalNames) {
-        const { effects, meta } = await bridge.sendEvent(name, "INIT", withActiveTraits({ ...routeParams ?? {} }));
+        const { effects, meta } = await bridge.sendEvent(
+          name,
+          "INIT",
+          withActiveTraits({ ...routeParams ?? {} }),
+          void 0,
+          void 0,
+          void 0,
+          void 0,
+          void 0,
+          user ?? void 0
+        );
         recordServerResponse(name, "INIT", { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         const effectTraces = [
           { type: "fetch", args: [], status: "executed" },
@@ -60616,7 +60869,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNamesRef.current, onNavigateBack);
       }
     })();
-  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits, routeParams]);
+  }, [bridge.connected, orbitalNames, bridge.sendEvent, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits, routeParams, user]);
   return /* @__PURE__ */ jsx(EntityBindingContext.Provider, { value: entityBindingSource, children });
 }
 function FitToBox({ children }) {
@@ -60643,7 +60896,7 @@ function FitToBox({ children }) {
   }, []);
   return /* @__PURE__ */ jsx("div", { ref: outerRef, className: "relative h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { ref: innerRef, style: { transform: `scale(${scale})`, transformOrigin: "top left", width: "fit-content" }, children }) });
 }
-function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData, pageName, routeParams, onNavigate, onNavigateBack, onLocalFallback, localFallbackTimeoutMs, persistence }) {
+function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData, pageName, routeParams, onNavigate, onNavigateBack, onLocalFallback, localFallbackTimeoutMs, persistence, user }) {
   const { traits: traits2, allEntities, allTraits, ir } = useResolvedSchema(schema, pageName);
   const allPageTraits = useMemo(() => {
     let base;
@@ -60808,6 +61061,7 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
           onLocalFallback,
           localFallbackTimeoutMs,
           persistence,
+          user,
           children: /* @__PURE__ */ jsx(OrbitalThemeProvider, { theme: activeOrbitalTheme, children: /* @__PURE__ */ jsx(Box, { className: "h-full min-h-full overflow-auto p-4", children: /* @__PURE__ */ jsx(UISlotRenderer, { includeHud: true, hudMode: "inline", includeFloating: true }) }) })
         }
       )
@@ -61014,7 +61268,8 @@ function OrbPreview({
                   onNavigateBack: handleNavigateBack,
                   onLocalFallback: handleLocalFallback,
                   localFallbackTimeoutMs,
-                  persistence
+                  persistence,
+                  user
                 }
               ) }) : /* @__PURE__ */ jsx(
                 SchemaRunner,
@@ -61030,7 +61285,8 @@ function OrbPreview({
                   onNavigateBack: handleNavigateBack,
                   onLocalFallback: handleLocalFallback,
                   localFallbackTimeoutMs,
-                  persistence
+                  persistence,
+                  user
                 }
               ) }) })
             ]

package/dist/components/index.cjs

@@ -30823,6 +30823,247 @@ var init_WizardNavigation = __esm({
     exports.WizardNavigation.displayName = "WizardNavigation";
   }
 });
+function parseDay(value) {
+  if (value === void 0 || value === null || value === "") return null;
+  const d = value instanceof Date ? new Date(value.getTime()) : new Date(value);
+  if (Number.isNaN(d.getTime())) return null;
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+function Gantt({
+  tasks = [],
+  links = [],
+  titleField = "title",
+  startField = "start",
+  endField = "end",
+  durationField,
+  statusField = "status",
+  groupField = "",
+  rangeStart,
+  rangeEnd,
+  showToday = true,
+  dayWidth = 28,
+  barClickEvent,
+  className,
+  isLoading = false,
+  error = null
+}) {
+  const { t } = hooks.useTranslate();
+  const placed = React79.useMemo(() => {
+    const rows2 = Array.isArray(tasks) ? tasks : tasks ? [tasks] : [];
+    const out = [];
+    rows2.forEach((row, idx) => {
+      const start = parseDay(core.getNestedValue(row, startField));
+      if (!start) return;
+      let end = parseDay(core.getNestedValue(row, endField));
+      if (!end && durationField) {
+        const days2 = Number(core.getNestedValue(row, durationField));
+        if (Number.isFinite(days2) && days2 > 0) {
+          end = new Date(start.getTime() + days2 * DAY_MS);
+        }
+      }
+      if (!end || end.getTime() < start.getTime()) end = new Date(start.getTime() + DAY_MS);
+      out.push({
+        row,
+        id: String(row.id ?? idx),
+        label: String(core.getNestedValue(row, titleField) ?? ""),
+        status: String(core.getNestedValue(row, statusField) ?? "").toLowerCase(),
+        group: groupField ? String(core.getNestedValue(row, groupField) ?? "") : "",
+        start,
+        end
+      });
+    });
+    return out;
+  }, [tasks, titleField, startField, endField, durationField, statusField, groupField]);
+  const [axisStart, axisEnd] = React79.useMemo(() => {
+    const lo = parseDay(rangeStart) ?? (placed.length ? new Date(Math.min(...placed.map((p) => p.start.getTime())) - 2 * DAY_MS) : new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    const hi = parseDay(rangeEnd) ?? (placed.length ? new Date(Math.max(...placed.map((p) => p.end.getTime())) + 2 * DAY_MS) : new Date(lo.getTime() + 30 * DAY_MS));
+    return hi.getTime() > lo.getTime() ? [lo, hi] : [lo, new Date(lo.getTime() + DAY_MS)];
+  }, [rangeStart, rangeEnd, placed]);
+  const totalDays = Math.round((axisEnd.getTime() - axisStart.getTime()) / DAY_MS);
+  const chartWidth = totalDays * dayWidth;
+  const dayOffset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  const displayItems = React79.useMemo(() => {
+    if (!groupField) return placed.map((task) => ({ kind: "task", task }));
+    const items = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const task of placed) {
+      if (!seen.has(task.group)) {
+        seen.add(task.group);
+        items.push({ kind: "group", label: task.group || "\u2014" });
+      }
+      items.push({ kind: "task", task });
+    }
+    return items;
+  }, [placed, groupField]);
+  const barGeometry = React79.useMemo(() => {
+    const offset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+    const map = /* @__PURE__ */ new Map();
+    displayItems.forEach((item, idx) => {
+      if (item.kind !== "task") return;
+      const x0 = offset(item.task.start);
+      const x1 = Math.max(offset(item.task.end), x0 + dayWidth / 2);
+      map.set(item.task.id, { x0, x1, y: HEADER_HEIGHT + idx * ROW_HEIGHT + ROW_HEIGHT / 2 });
+    });
+    return map;
+  }, [displayItems, axisStart, dayWidth]);
+  const days = React79.useMemo(() => {
+    const out = [];
+    for (let i = 0; i < totalDays; i++) out.push(new Date(axisStart.getTime() + i * DAY_MS));
+    return out;
+  }, [axisStart, totalDays]);
+  const todayOffset = React79.useMemo(() => {
+    const today = parseDay(/* @__PURE__ */ new Date());
+    if (!today || today < axisStart || today > axisEnd) return null;
+    return (today.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  }, [axisStart, axisEnd, dayWidth]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.LoadingState, { message: t("common.loading"), className });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: cn("p-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (placed.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      exports.EmptyState,
+      {
+        title: t("empty.noData"),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    exports.Box,
+    {
+      className: cn("w-full overflow-auto rounded-md border border-border bg-card", className),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "relative", style: { width: LABEL_WIDTH + chartWidth, minWidth: "100%" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "none", className: "sticky top-0 z-20 bg-card border-b border-border", style: { height: HEADER_HEIGHT }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "sticky left-0 z-10 shrink-0 bg-card border-r border-border", style: { width: LABEL_WIDTH, height: HEADER_HEIGHT } }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "relative", style: { width: chartWidth, height: HEADER_HEIGHT }, children: days.map((day, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            exports.Box,
+            {
+              className: cn(
+                "absolute top-0 bottom-0 border-l border-border/50 flex items-end justify-center pb-1",
+                day.getDay() === 0 || day.getDay() === 6 ? "bg-muted/40" : void 0
+              ),
+              style: { left: i * dayWidth, width: dayWidth },
+              children: dayWidth >= 20 && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", color: "secondary", children: day.getDate() })
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "none", className: "relative", children: [
+          displayItems.map(
+            (item, idx) => item.kind === "group" ? /* @__PURE__ */ jsxRuntime.jsxs(
+              exports.HStack,
+              {
+                gap: "none",
+                className: "border-b border-border bg-muted/30",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "sticky left-0 z-10 shrink-0 bg-muted/30 px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", weight: "semibold", children: item.label }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { style: { width: chartWidth, height: ROW_HEIGHT } })
+                ]
+              },
+              `g-${idx}`
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(
+              exports.HStack,
+              {
+                gap: "none",
+                className: "border-b border-border/50",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "sticky left-0 z-10 shrink-0 bg-card px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", className: "truncate", children: item.task.label }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "relative", style: { width: chartWidth, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    exports.Box,
+                    {
+                      className: cn(
+                        "absolute top-1/2 -translate-y-1/2 h-4 rounded-sm transition-colors",
+                        STATUS_BAR[item.task.status] ?? "bg-primary/80 hover:bg-primary",
+                        barClickEvent ? "cursor-pointer" : void 0
+                      ),
+                      style: {
+                        left: dayOffset(item.task.start),
+                        width: Math.max(dayOffset(item.task.end) - dayOffset(item.task.start), dayWidth / 2)
+                      },
+                      action: barClickEvent,
+                      actionPayload: { id: item.task.id }
+                    }
+                  ) })
+                ]
+              },
+              item.task.id
+            )
+          ),
+          links.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: "absolute pointer-events-none",
+              style: { left: LABEL_WIDTH, top: 0 },
+              width: chartWidth,
+              height: HEADER_HEIGHT + displayItems.length * ROW_HEIGHT,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("marker", { id: "gantt-arrow", markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,0 L8,4 L0,8 z", fill: "var(--muted-foreground, currentColor)" }) }) }),
+                links.map((link, i) => {
+                  const from = barGeometry.get(link.from);
+                  const to = barGeometry.get(link.to);
+                  if (!from || !to) return null;
+                  const midX = from.x1 + Math.max(8, (to.x0 - from.x1) / 2);
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      d: `M ${from.x1} ${from.y} L ${midX} ${from.y} L ${midX} ${to.y} L ${to.x0} ${to.y}`,
+                      fill: "none",
+                      stroke: "var(--muted-foreground, currentColor)",
+                      strokeWidth: 1.5,
+                      markerEnd: "url(#gantt-arrow)"
+                    },
+                    i
+                  );
+                })
+              ]
+            }
+          ),
+          showToday && todayOffset !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            exports.Box,
+            {
+              className: "absolute top-0 bottom-0 w-0.5 bg-error/70 pointer-events-none",
+              style: { left: LABEL_WIDTH + todayOffset }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var DAY_MS, ROW_HEIGHT, HEADER_HEIGHT, LABEL_WIDTH, STATUS_BAR;
+var init_Gantt = __esm({
+  "components/core/molecules/Gantt.tsx"() {
+    "use client";
+    init_cn();
+    init_getNestedValue();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_LoadingState();
+    init_EmptyState();
+    DAY_MS = 24 * 60 * 60 * 1e3;
+    ROW_HEIGHT = 36;
+    HEADER_HEIGHT = 44;
+    LABEL_WIDTH = 192;
+    STATUS_BAR = {
+      complete: "bg-success/80 hover:bg-success",
+      done: "bg-success/80 hover:bg-success",
+      active: "bg-primary/80 hover:bg-primary",
+      "in-progress": "bg-primary/80 hover:bg-primary",
+      blocked: "bg-error/80 hover:bg-error",
+      error: "bg-error/80 hover:bg-error",
+      "at-risk": "bg-warning/80 hover:bg-warning",
+      pending: "bg-muted-foreground/50 hover:bg-muted-foreground/70"
+    };
+    Gantt.displayName = "Gantt";
+  }
+});
 exports.RepeatableFormSection = void 0;
 var init_RepeatableFormSection = __esm({
   "components/core/molecules/RepeatableFormSection.tsx"() {
@@ -45825,6 +46066,7 @@ var init_molecules2 = __esm({
     init_QuizBlock();
     init_ScaledDiagram();
     init_CalendarGrid();
+    init_Gantt();
     init_RepeatableFormSection();
     init_ViolationAlert();
     init_FormSectionHeader();
@@ -53096,6 +53338,7 @@ var init_component_registry_generated = __esm({
     init_GameIcon();
     init_GameMenu();
     init_GameShell();
+    init_Gantt();
     init_GenericAppTemplate();
     init_GeometricPattern();
     init_GradientDivider();
@@ -53375,6 +53618,7 @@ var init_component_registry_generated = __esm({
       "GameIcon": GameIcon,
       "GameMenu": GameMenu,
       "GameShell": exports.GameShell,
+      "Gantt": Gantt,
       "GenericAppTemplate": exports.GenericAppTemplate,
       "GeometricPattern": exports.GeometricPattern,
       "GradientDivider": exports.GradientDivider,
@@ -56930,7 +57174,7 @@ var I18nContext = React79.createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate117() {
+function useTranslate118() {
   return React79.useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -57180,6 +57424,7 @@ exports.GameAudioToggle = GameAudioToggle;
 exports.GameHud = GameHud;
 exports.GameIcon = GameIcon;
 exports.GameMenu = GameMenu;
+exports.Gantt = Gantt;
 exports.HealthBar = HealthBar;
 exports.I18nProvider = I18nProvider;
 exports.LearningScene3D = LearningScene3D;
@@ -57303,7 +57548,7 @@ exports.useSharedEntityStoreContext = useSharedEntityStoreContext;
 exports.useSwipeGesture = useSwipeGesture;
 exports.useTapReveal = useTapReveal;
 exports.useTraitListens = useTraitListens;
-exports.useTranslate = useTranslate117;
+exports.useTranslate = useTranslate118;
 exports.useUIEvents = useUIEvents;
 exports.useUISlotManager = useUISlotManager;
 exports.useUnitSpriteAtlas = useUnitSpriteAtlas;