cortex-react-components 4.0.5 → 4.1.1

package/dist/components/Projects/index.js

@@ -36,6 +36,7 @@ var Projects_exports = {};
 __export(Projects_exports, {
   DCProjectCard: () => ProjectCard,
   EpicsView: () => EpicsView,
+  GanttView: () => GanttView,
   KanbanBoardView: () => KanbanBoardView,
   PlanningView: () => PlanningView,
   SprintBoardView: () => SprintBoardView,
@@ -4948,8 +4949,8 @@ function ToolbarPlugin() {
         blockNode = curr;
       }
       if (blockNode) {
-        const format2 = blockNode.getFormatType();
-        setAlignment(format2 || "left");
+        const format3 = blockNode.getFormatType();
+        setAlignment(format3 || "left");
       }
       const tag = anchorNode.getTopLevelElement()?.__tag;
       setBlockType(tag || "p");
@@ -5949,7 +5950,7 @@ var markdownToLexical = (markdown) => {
 var convertFileTypeToKnowledgeDocument = async (file) => {
   let content = "";
   let richTextContent = void 0;
-  let format2 = "text";
+  let format3 = "text";
   if (file.url) {
     try {
       let url = file.url;
@@ -5970,18 +5971,18 @@ var convertFileTypeToKnowledgeDocument = async (file) => {
     console.warn("No URL provided for file:", file.name);
   }
   if (file.mimeType === "text/markdown") {
-    format2 = "richText";
+    format3 = "richText";
     richTextContent = markdownToLexical(content);
   } else if (file.mimeType?.startsWith("text/")) {
-    format2 = "text";
+    format3 = "text";
   }
   return {
     id: file.id.toString(),
     title: file.name,
     description: void 0,
-    content: format2 === "richText" ? void 0 : content,
-    richTextContent: format2 === "richText" ? richTextContent : void 0,
-    format: format2,
+    content: format3 === "richText" ? void 0 : content,
+    richTextContent: format3 === "richText" ? richTextContent : void 0,
+    format: format3,
     metadata: {},
     createdAt: typeof file.createdAt === "string" ? new Date(file.createdAt) : file.createdAt,
     updatedAt: /* @__PURE__ */ new Date()
@@ -6031,8 +6032,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
       setRichTextContent(document2.richTextContent);
     }
   }, [document2]);
-  const formatIcon = (format2) => {
-    switch (format2) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.FileText, { className: "h-6 w-6 text-primary" });
@@ -6044,8 +6045,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
         return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format2) => {
-    switch (format2) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -10303,10 +10304,377 @@ var EpicsView = ({
     )
   ] });
 };
+
+// src/components/Projects/GanttView.tsx
+var import_react28 = require("react");
+var import_date_fns2 = require("date-fns");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var PHASE_LABELS = {
+  1: "Plan",
+  2: "Dev",
+  3: "Test",
+  4: "Deploy",
+  5: "Review",
+  6: "Maint.",
+  7: "Complete",
+  8: "Archive",
+  9: "Legacy"
+};
+var ZOOM_LEVELS = [
+  { label: "Quarter", dayWidth: 3 },
+  { label: "Month", dayWidth: 7 },
+  { label: "Week", dayWidth: 14 },
+  { label: "Day", dayWidth: 40 }
+];
+var ROW_HEIGHT = 48;
+var TIME_HEADER_HEIGHT = 60;
+var GanttView = ({
+  tasks,
+  epics,
+  sprints,
+  onTaskClick
+}) => {
+  const [dayWidth, setDayWidth] = (0, import_react28.useState)(7);
+  const [isFullscreen, setIsFullscreen] = (0, import_react28.useState)(false);
+  const scrollRef = (0, import_react28.useRef)(null);
+  const heroRef = (0, import_react28.useRef)(null);
+  const [heroHeight, setHeroHeight] = (0, import_react28.useState)(0);
+  (0, import_react28.useEffect)(() => {
+    const measure = () => {
+      if (heroRef.current) setHeroHeight(heroRef.current.offsetHeight);
+    };
+    const observer = new ResizeObserver(measure);
+    if (heroRef.current) observer.observe(heroRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const { timelineStart, timelineEnd, totalDays } = (0, import_react28.useMemo)(() => {
+    if (epics.length === 0) {
+      const today = /* @__PURE__ */ new Date();
+      const start = (0, import_date_fns2.addDays)(today, -14);
+      const end = (0, import_date_fns2.addDays)(today, 76);
+      return { timelineStart: start, timelineEnd: end, totalDays: 90 };
+    }
+    const allDates = epics.flatMap((e) => [new Date(e.startDate), new Date(e.endDate)]);
+    const minTime = Math.min(...allDates.map((d) => d.getTime()));
+    const maxTime = Math.max(...allDates.map((d) => d.getTime()));
+    const paddedStart = (0, import_date_fns2.addDays)(new Date(minTime), -14);
+    const paddedEnd = (0, import_date_fns2.addDays)(new Date(maxTime), 14);
+    return {
+      timelineStart: paddedStart,
+      timelineEnd: paddedEnd,
+      totalDays: (0, import_date_fns2.differenceInDays)(paddedEnd, paddedStart)
+    };
+  }, [epics]);
+  const { groups, sortedKeys } = (0, import_react28.useMemo)(() => {
+    const groups2 = {};
+    epics.forEach((epic) => {
+      if (!groups2[epic.name]) groups2[epic.name] = [];
+      groups2[epic.name].push(epic);
+    });
+    Object.values(groups2).forEach((list) => list.sort((a, b) => a.phase - b.phase));
+    const sortedKeys2 = Object.keys(groups2).sort((a, b) => {
+      const aMin = Math.min(...groups2[a].map((e) => new Date(e.startDate).getTime()));
+      const bMin = Math.min(...groups2[b].map((e) => new Date(e.startDate).getTime()));
+      return aMin - bMin;
+    });
+    return { groups: groups2, sortedKeys: sortedKeys2 };
+  }, [epics]);
+  const realSprints = (0, import_react28.useMemo)(
+    () => sprints.filter((s) => {
+      const name = s.name.toLowerCase();
+      return name !== "backlog" && name !== "all tasks";
+    }),
+    [sprints]
+  );
+  const monthHeaders = (0, import_react28.useMemo)(
+    () => (0, import_date_fns2.eachMonthOfInterval)({ start: timelineStart, end: timelineEnd }).map((month) => ({
+      month,
+      left: (0, import_date_fns2.differenceInDays)(month, timelineStart) * dayWidth
+    })),
+    [timelineStart, timelineEnd, dayWidth]
+  );
+  const totalWidth = Math.max(totalDays * dayWidth, 600);
+  const scrollToToday = (0, import_react28.useCallback)(() => {
+    if (scrollRef.current) {
+      const todayOffset = (0, import_date_fns2.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+      scrollRef.current.scrollLeft = Math.max(0, todayOffset - 200);
+    }
+  }, [timelineStart, dayWidth]);
+  const todayLeft = (0, import_date_fns2.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+  const getEpicStats = (epic) => {
+    const epicTasks = tasks.filter((t) => extractId(t.epic) === epic.id);
+    const done = epicTasks.filter((t) => t.status === "done").length;
+    const pct = epicTasks.length > 0 ? Math.round(done / epicTasks.length * 100) : 0;
+    return { total: epicTasks.length, done, pct };
+  };
+  const getGroupStats = (epicList) => {
+    const allTasks = epicList.flatMap(
+      (e) => tasks.filter((t) => extractId(t.epic) === e.id)
+    );
+    const done = allTasks.filter((t) => t.status === "done").length;
+    const pct = allTasks.length > 0 ? Math.round(done / allTasks.length * 100) : 0;
+    return { total: allTasks.length, done, pct };
+  };
+  const isSprintActive = (sprint) => {
+    const today = /* @__PURE__ */ new Date();
+    try {
+      return (0, import_date_fns2.isWithinInterval)(today, {
+        start: new Date(sprint.startDate),
+        end: new Date(sprint.endDate)
+      });
+    } catch {
+      return false;
+    }
+  };
+  const chartContent = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-52 flex-shrink-0 border-r bg-background z-10 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        "div",
+        {
+          className: "border-b flex items-end pb-2 px-3 flex-shrink-0 bg-muted/20",
+          style: { height: TIME_HEADER_HEIGHT },
+          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs font-semibold text-muted-foreground tracking-wider uppercase", children: "Epic" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "overflow-y-auto flex-1", children: [
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex items-center justify-center h-24 text-sm text-muted-foreground", children: "No epics" }),
+        sortedKeys.map((name) => {
+          const stats = getGroupStats(groups[name]);
+          return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+            "div",
+            {
+              className: "flex flex-col justify-center px-3 border-b",
+              style: { height: ROW_HEIGHT },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-sm font-medium truncate", title: name, children: name }),
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+                  stats.total,
+                  " task",
+                  stats.total !== 1 ? "s" : "",
+                  " \xB7 ",
+                  stats.pct,
+                  "%"
+                ] })
+              ]
+            },
+            name
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1 overflow-x-auto overflow-y-auto", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { width: totalWidth, position: "relative" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+        "div",
+        {
+          className: "sticky top-0 border-b bg-muted/20 z-20 flex-shrink-0",
+          style: { height: TIME_HEADER_HEIGHT, width: totalWidth },
+          children: [
+            monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              "div",
+              {
+                className: "absolute top-2 text-xs font-semibold text-muted-foreground select-none",
+                style: { left: left + 4 },
+                children: (0, import_date_fns2.format)(month, "MMM yyyy")
+              },
+              month.toISOString()
+            )),
+            realSprints.map((sprint) => {
+              const start = new Date(sprint.startDate);
+              const end = new Date(sprint.endDate);
+              if (start > timelineEnd || end < timelineStart) return null;
+              const left = Math.max(0, (0, import_date_fns2.differenceInDays)(start, timelineStart) * dayWidth);
+              const right = Math.min(
+                totalWidth,
+                (0, import_date_fns2.differenceInDays)(end, timelineStart) * dayWidth
+              );
+              const width = right - left;
+              if (width <= 0) return null;
+              const active = isSprintActive(sprint);
+              return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                "div",
+                {
+                  className: `absolute bottom-0 border-l border-t text-xs px-1 overflow-hidden whitespace-nowrap select-none flex items-center ${active ? "border-primary/50 bg-primary/10 text-primary font-medium" : "border-border bg-muted/40 text-muted-foreground"}`,
+                  style: { left, width, height: 22 },
+                  title: sprint.name,
+                  children: sprint.name
+                },
+                `header-sprint-${sprint.id}`
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { style: { position: "relative", width: totalWidth }, children: [
+        realSprints.map((sprint) => {
+          const start = new Date(sprint.startDate);
+          const end = new Date(sprint.endDate);
+          if (start > timelineEnd || end < timelineStart) return null;
+          const left = Math.max(0, (0, import_date_fns2.differenceInDays)(start, timelineStart) * dayWidth);
+          const right = Math.min(
+            totalWidth,
+            (0, import_date_fns2.differenceInDays)(end, timelineStart) * dayWidth
+          );
+          const width = right - left;
+          if (width <= 0 || !isSprintActive(sprint)) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            "div",
+            {
+              className: "absolute inset-y-0 bg-primary/5 pointer-events-none",
+              style: { left, width }
+            },
+            `bg-${sprint.id}`
+          );
+        }),
+        todayLeft >= 0 && todayLeft <= totalWidth && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+          "div",
+          {
+            className: "absolute inset-y-0 pointer-events-none z-10",
+            style: { left: todayLeft },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute inset-y-0 w-0.5 bg-destructive/50" }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute top-1 -translate-x-1/2 w-2 h-2 rounded-full bg-destructive" })
+            ]
+          }
+        ),
+        monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          "div",
+          {
+            className: "absolute inset-y-0 border-l border-border/30 pointer-events-none",
+            style: { left }
+          },
+          `grid-${month.toISOString()}`
+        )),
+        sortedKeys.map((name) => {
+          const epicList = groups[name];
+          return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            "div",
+            {
+              className: "border-b relative flex items-center",
+              style: { height: ROW_HEIGHT },
+              children: epicList.map((epic) => {
+                const start = new Date(epic.startDate);
+                const end = new Date(epic.endDate);
+                const left = (0, import_date_fns2.differenceInDays)(start, timelineStart) * dayWidth;
+                const width = Math.max(8, (0, import_date_fns2.differenceInDays)(end, start) * dayWidth);
+                const stats = getEpicStats(epic);
+                const phaseLabel = PHASE_LABELS[epic.phase] ?? `Phase ${epic.phase}`;
+                const showLabel = width >= 50;
+                const tooltip = [
+                  `${epic.name} \xB7 ${phaseLabel}`,
+                  epic.description ? epic.description : null,
+                  `${(0, import_date_fns2.format)(start, "dd MMM yyyy")} \u2192 ${(0, import_date_fns2.format)(end, "dd MMM yyyy")}`,
+                  `${stats.total} tasks \xB7 ${stats.pct}% complete`
+                ].filter(Boolean).join("\n");
+                return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+                  "div",
+                  {
+                    className: "absolute rounded overflow-hidden cursor-pointer ring-1 ring-inset ring-foreground/30 hover:ring-2 hover:ring-white/40 transition-all",
+                    style: { left, width, height: 32, top: 8 },
+                    title: tooltip,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-0 ${epic.color}`,
+                          style: { opacity: 0.2 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-y-0 left-0 ${epic.color} transition-all`,
+                          style: { width: `${stats.pct}%`, opacity: 0.85 }
+                        }
+                      ),
+                      showLabel && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "absolute inset-0 flex items-center px-2 gap-1.5 z-10", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-xs font-semibold text-white drop-shadow truncate", children: phaseLabel }),
+                        stats.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "text-xs text-white/80 drop-shadow shrink-0", children: [
+                          stats.pct,
+                          "%"
+                        ] })
+                      ] })
+                    ]
+                  },
+                  epic.id
+                );
+              })
+            },
+            name
+          );
+        }),
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          "div",
+          {
+            className: "flex items-center justify-center text-sm text-muted-foreground",
+            style: { height: 200 },
+            children: "No epics to display on the timeline"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `flex flex-col ${isFullscreen ? "h-screen" : "h-full"} overflow-hidden`, children: [
+    !isFullscreen && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      DashboardHero,
+      {
+        title: "Gantt Chart",
+        description: "Epic timeline with sprint alignment and phase-based grouping.",
+        gradient: "bg-gradient-to-r from-indigo-600 via-blue-600 to-cyan-600",
+        badge: `${sortedKeys.length} epic${sortedKeys.length !== 1 ? "s" : ""}`
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.BarChart2, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex items-center gap-1", children: ZOOM_LEVELS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        Button,
+        {
+          variant: dayWidth === z.dayWidth ? "default" : "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: () => setDayWidth(z.dayWidth),
+          children: z.label
+        },
+        z.label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: scrollToToday,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Calendar, { className: "h-3 w-3 mr-1" }),
+            "Today"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 w-7 p-0",
+          onClick: () => setIsFullscreen((v) => !v),
+          title: isFullscreen ? "Exit fullscreen" : "Fullscreen",
+          children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Maximize2, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    chartContent
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "fixed inset-0 z-50 bg-background overflow-hidden", children: inner });
+  }
+  return inner;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DCProjectCard,
   EpicsView,
+  GanttView,
   KanbanBoardView,
   PlanningView,
   SprintBoardView,

package/dist/components/Projects/index.mjs

@@ -1,34 +1,38 @@
 import {
   SprintBoardView
-} from "../../chunk-KT4SCDTO.mjs";
+} from "../../chunk-MKF47JMB.mjs";
 import {
   TasksView
 } from "../../chunk-PQW3UWE4.mjs";
+import {
+  PlanningView
+} from "../../chunk-ACB3ZV3C.mjs";
 import {
   ProjectCard
 } from "../../chunk-WHCZTD2K.mjs";
+import "../../chunk-4W45C7FI.mjs";
 import {
   EpicsView
 } from "../../chunk-5M3NV6AD.mjs";
+import "../../chunk-D2USXRZZ.mjs";
+import {
+  GanttView
+} from "../../chunk-AXO76PIN.mjs";
 import {
   KanbanBoardView
-} from "../../chunk-GSILRE6Z.mjs";
+} from "../../chunk-ELQ5OCVA.mjs";
+import "../../chunk-P7YLSTDO.mjs";
 import "../../chunk-WSU6ULOG.mjs";
 import "../../chunk-LGTDZ4MV.mjs";
 import "../../chunk-3G7VLQG5.mjs";
 import "../../chunk-YFNT546N.mjs";
 import "../../chunk-KQPJT5JI.mjs";
-import "../../chunk-P7YLSTDO.mjs";
-import {
-  PlanningView
-} from "../../chunk-ACB3ZV3C.mjs";
-import "../../chunk-D2USXRZZ.mjs";
 import "../../chunk-XNPFUKDL.mjs";
-import "../../chunk-PVYGACRN.mjs";
 import "../../chunk-TVIXARUN.mjs";
-import "../../chunk-4W45C7FI.mjs";
+import "../../chunk-PVYGACRN.mjs";
 import "../../chunk-I2MVZVXE.mjs";
 import "../../chunk-CUPIRVMN.mjs";
+import "../../chunk-RFMER577.mjs";
 import "../../chunk-UQI2O3WS.mjs";
 import "../../chunk-VUM6I2QV.mjs";
 import "../../chunk-LBC2U436.mjs";
@@ -42,13 +46,12 @@ import "../../chunk-ZJB7AFL5.mjs";
 import "../../chunk-KHFPDDTO.mjs";
 import "../../chunk-AVNBD2X5.mjs";
 import "../../chunk-SNUES6JA.mjs";
-import "../../chunk-RFMER577.mjs";
 import "../../chunk-ZFUPXIGR.mjs";
 import "../../chunk-CR4DEGH3.mjs";
 import "../../chunk-XTI4RMGG.mjs";
 import "../../chunk-Y6HQV3VB.mjs";
-import "../../chunk-H72ENAAN.mjs";
 import "../../chunk-JCFLPLDK.mjs";
+import "../../chunk-H72ENAAN.mjs";
 import "../../chunk-3VKPPG4Z.mjs";
 import "../../chunk-T2CLUB2R.mjs";
 import "../../chunk-6V75REDA.mjs";
@@ -69,10 +72,10 @@ import "../../chunk-EQHAE4MP.mjs";
 import "../../chunk-SG5TVUD2.mjs";
 import "../../chunk-23N4BX45.mjs";
 import "../../chunk-6MKCSIL2.mjs";
-import "../../chunk-D5KV6INF.mjs";
-import "../../chunk-EPR27OQG.mjs";
+import "../../chunk-AEFGMCK3.mjs";
 import "../../chunk-7GPVQAMX.mjs";
 import "../../chunk-HJCCUR2K.mjs";
+import "../../chunk-EPR27OQG.mjs";
 import "../../chunk-R7D7RJIE.mjs";
 import "../../chunk-YMZ2OUK6.mjs";
 import "../../chunk-EN2UUKLU.mjs";
@@ -89,6 +92,7 @@ import "../../chunk-6DZX6EAA.mjs";
 export {
   ProjectCard as DCProjectCard,
   EpicsView,
+  GanttView,
   KanbanBoardView,
   PlanningView,
   SprintBoardView,

package/dist/components/dc-temp/index.mjs

@@ -3,6 +3,12 @@ import {
 } from "../../chunk-M4WVLZDE.mjs";
 import "../../chunk-EH7IHRQI.mjs";
 import "../../chunk-AXKAHFPN.mjs";
+import {
+  TeamsIndexView
+} from "../../chunk-W3Z3KTSU.mjs";
+import {
+  TeamCard
+} from "../../chunk-R5LKUQ37.mjs";
 import {
   FileView
 } from "../../chunk-D2USXRZZ.mjs";
@@ -10,19 +16,13 @@ import {
   FileList
 } from "../../chunk-XNPFUKDL.mjs";
 import "../../chunk-TVIXARUN.mjs";
-import {
-  TeamsIndexView
-} from "../../chunk-W3Z3KTSU.mjs";
-import {
-  TeamCard
-} from "../../chunk-R5LKUQ37.mjs";
 import "../../chunk-I2MVZVXE.mjs";
+import "../../chunk-WEIPDZOJ.mjs";
+import "../../chunk-RQVP4AS3.mjs";
 import "../../chunk-CUPIRVMN.mjs";
 import {
   KnowledgeBrowser
 } from "../../chunk-B7RMMSJW.mjs";
-import "../../chunk-WEIPDZOJ.mjs";
-import "../../chunk-RQVP4AS3.mjs";
 import "../../chunk-2IXWZ33N.mjs";
 import "../../chunk-TU4T4ZXN.mjs";
 import "../../chunk-VUM6I2QV.mjs";
@@ -39,8 +39,8 @@ import "../../chunk-AVNBD2X5.mjs";
 import "../../chunk-SNUES6JA.mjs";
 import "../../chunk-ZFUPXIGR.mjs";
 import "../../chunk-CR4DEGH3.mjs";
-import "../../chunk-H72ENAAN.mjs";
 import "../../chunk-JCFLPLDK.mjs";
+import "../../chunk-H72ENAAN.mjs";
 import "../../chunk-3VKPPG4Z.mjs";
 import "../../chunk-T2CLUB2R.mjs";
 import "../../chunk-6V75REDA.mjs";
@@ -61,10 +61,10 @@ import "../../chunk-EQHAE4MP.mjs";
 import "../../chunk-SG5TVUD2.mjs";
 import "../../chunk-23N4BX45.mjs";
 import "../../chunk-6MKCSIL2.mjs";
-import "../../chunk-D5KV6INF.mjs";
-import "../../chunk-EPR27OQG.mjs";
+import "../../chunk-AEFGMCK3.mjs";
 import "../../chunk-7GPVQAMX.mjs";
 import "../../chunk-HJCCUR2K.mjs";
+import "../../chunk-EPR27OQG.mjs";
 import "../../chunk-R7D7RJIE.mjs";
 import "../../chunk-YMZ2OUK6.mjs";
 import "../../chunk-EN2UUKLU.mjs";

package/dist/components/index.js

@@ -165,6 +165,7 @@ __export(components_exports, {
   FlowPrintable: () => FlowPrintable,
   Footer: () => Footer2,
   FoundryLayout: () => FoundryLayout,
+  GanttView: () => GanttView,
   Header: () => Header,
   HeaderDesktop: () => HeaderDesktop,
   HeaderMobile: () => HeaderMobile,
@@ -27347,19 +27348,6 @@ var GanttView = ({
             `bg-${sprint.id}`
           );
         }),
-        realSprints.map((sprint) => {
-          const left = (0, import_date_fns4.differenceInDays)(new Date(sprint.startDate), timelineStart) * dayWidth;
-          if (left < 0 || left > totalWidth) return null;
-          const active = isSprintActive(sprint);
-          return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
-            "div",
-            {
-              className: `absolute inset-y-0 pointer-events-none ${active ? "border-l border-primary/40" : "border-l border-dashed border-border/60"}`,
-              style: { left }
-            },
-            `line-${sprint.id}`
-          );
-        }),
         todayLeft >= 0 && todayLeft <= totalWidth && /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
           "div",
           {
@@ -27403,7 +27391,7 @@ var GanttView = ({
                 return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
                   "div",
                   {
-                    className: "absolute rounded overflow-hidden cursor-pointer hover:ring-2 hover:ring-white/40 transition-all",
+                    className: "absolute rounded overflow-hidden cursor-pointer ring-1 ring-inset ring-foreground/30 hover:ring-2 hover:ring-white/40 transition-all",
                     style: { left, width, height: 32, top: 8 },
                     title: tooltip,
                     children: [
@@ -27449,7 +27437,7 @@ var GanttView = ({
     ] }) })
   ] });
   const inner = /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)("div", { className: `flex flex-col ${isFullscreen ? "h-screen" : "h-full"} overflow-hidden`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
+    !isFullscreen && /* @__PURE__ */ (0, import_jsx_runtime211.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(
       DashboardHero,
       {
         title: "Gantt Chart",
@@ -30846,6 +30834,7 @@ var SprintBoardView = ({
   FlowPrintable,
   Footer,
   FoundryLayout,
+  GanttView,
   Header,
   HeaderDesktop,
   HeaderMobile,