gantt-lib 0.91.0 → 0.100.0

package/dist/index.mjs

@@ -3,7 +3,7 @@
 "use client";
 
 // src/components/GanttChart/GanttChart.tsx
-import { useMemo as useMemo10, useCallback as useCallback8, useRef as useRef9, useState as useState9, useEffect as useEffect9, useImperativeHandle, forwardRef } from "react";
+import { useMemo as useMemo11, useCallback as useCallback8, useRef as useRef9, useState as useState9, useEffect as useEffect9, useImperativeHandle, forwardRef } from "react";
 
 // src/core/scheduling/dateMath.ts
 var DAY_MS = 24 * 60 * 60 * 1e3;
@@ -4729,11 +4729,15 @@ var TaskListRow = React9.memo(
     resolvedColumns,
     isTaskSelected = false,
     onTaskSelectionChange,
+    activeCustomCell,
+    onActiveCustomCellChange,
     taskListMenuCommands = [],
+    hideTaskListRowActions = false,
     taskDateChangeMode = "preserve-duration",
     onTaskDateChangeModeChange
   }) => {
     const [editingColumnId, setEditingColumnId] = useState4(null);
+    const [editingColumnStartValue, setEditingColumnStartValue] = useState4(void 0);
     const editingName = editingColumnId === "name";
     const editingDuration = editingColumnId === "duration";
     const editingProgress = editingColumnId === "progress";
@@ -4759,12 +4763,15 @@ var TaskListRow = React9.memo(
     const editTriggerRef = useRef4(
       "doubleclick"
     );
+    const rowRef = useRef4(null);
     const isSelected = selectedTaskId === task.id;
     const isParent = useMemo7(
       () => isTaskParent(task.id, allTasks),
       [task.id, allTasks]
     );
     const isChild = task.parentId !== void 0;
+    const rowFillLevel = Math.min(nestingDepth, 2);
+    const isTotalRow = Boolean(task.isTotal);
     const isMilestoneRow = normalizedTask.type === "milestone";
     const weekendPredicate = useMemo7(
       () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
@@ -5311,7 +5318,7 @@ var TaskListRow = React9.memo(
       ),
       [taskListMenuCommands, task, isParent, isMilestoneRow]
     );
-    const hasContextMenu = visibleCustomMenuCommands.length > 0 || !!onDuplicateTask || !!onDelete || !!onTasksChange || isParent && !!onUngroupTask;
+    const hasContextMenu = !hideTaskListRowActions && (visibleCustomMenuCommands.length > 0 || !!onDuplicateTask || !!onDelete || !!onTasksChange || isParent && !!onUngroupTask);
     const handleCustomMenuCommandClick = useCallback4(
       (command) => (e) => {
         e.stopPropagation();
@@ -5550,14 +5557,14 @@ var TaskListRow = React9.memo(
         className: "gantt-tl-cell gantt-tl-cell-number",
         onClick: handleNumberClick,
         children: [
-          /* @__PURE__ */ jsx12(
+          onDragStart && /* @__PURE__ */ jsx12(
             "span",
             {
               className: "gantt-tl-drag-handle",
               draggable: true,
               onDragStart: (e) => {
                 e.stopPropagation();
-                onDragStart?.(rowIndex, e);
+                onDragStart(rowIndex, e);
               },
               onDragEnd: (e) => onDragEnd?.(e),
               onClick: (e) => e.stopPropagation(),
@@ -5753,7 +5760,7 @@ var TaskListRow = React9.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs9("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
+      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs9("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
         onInsertAfter && /* @__PURE__ */ jsx12(
           "button",
           {
@@ -6272,9 +6279,52 @@ var TaskListRow = React9.memo(
       progress: progressCell,
       dependencies: dependenciesCell
     };
+    const focusCustomCell = useCallback4((taskId, columnId) => {
+      const overlay = rowRef.current?.closest(".gantt-tl-overlay");
+      if (!overlay) {
+        return;
+      }
+      const selector = `[data-gantt-task-row-id="${taskId}"] [data-custom-column-id="${columnId}"]`;
+      const nextCell = overlay.querySelector(selector);
+      nextCell?.focus();
+    }, []);
+    const moveActiveCustomCell = useCallback4((columnId, direction) => {
+      const overlay = rowRef.current?.closest(".gantt-tl-overlay");
+      if (!overlay || !resolvedColumns) {
+        return;
+      }
+      const customColumnIds = resolvedColumns.filter((column) => !["selection", "number", "name", "startDate", "endDate", "duration", "progress", "dependencies"].includes(column.id)).map((column) => column.id);
+      const columnIndex = customColumnIds.indexOf(columnId);
+      if (columnIndex === -1) {
+        return;
+      }
+      const rowElements = Array.from(
+        overlay.querySelectorAll(".gantt-tl-row[data-gantt-task-row-id]")
+      );
+      const rowIds = rowElements.map((element) => element.dataset.ganttTaskRowId).filter((value) => Boolean(value));
+      const rowIndex2 = rowIds.indexOf(task.id);
+      if (rowIndex2 === -1) {
+        return;
+      }
+      let nextRowIndex = rowIndex2;
+      let nextColumnIndex = columnIndex;
+      if (direction === "left") nextColumnIndex -= 1;
+      if (direction === "right") nextColumnIndex += 1;
+      if (direction === "up") nextRowIndex -= 1;
+      if (direction === "down") nextRowIndex += 1;
+      if (nextRowIndex < 0 || nextRowIndex >= rowIds.length || nextColumnIndex < 0 || nextColumnIndex >= customColumnIds.length) {
+        return;
+      }
+      const nextCell = { taskId: rowIds[nextRowIndex], columnId: customColumnIds[nextColumnIndex] };
+      onActiveCustomCellChange?.(nextCell);
+      window.requestAnimationFrame(() => {
+        focusCustomCell(nextCell.taskId, nextCell.columnId);
+      });
+    }, [focusCustomCell, onActiveCustomCellChange, resolvedColumns, task.id]);
     return /* @__PURE__ */ jsx12(
       "div",
       {
+        ref: rowRef,
         "data-filter-match": isFilterMatch ? "true" : "false",
         className: [
           "gantt-tl-row",
@@ -6287,9 +6337,11 @@ var TaskListRow = React9.memo(
           isDragging ? "gantt-tl-row-dragging" : "",
           isDragOver ? "gantt-tl-row-drag-over" : "",
           isChild ? "gantt-tl-row-child" : "",
-          isParent ? "gantt-tl-row-parent" : ""
+          isParent ? "gantt-tl-row-parent" : "",
+          `gantt-tl-row-level-${rowFillLevel}`,
+          isTotalRow ? "gantt-tl-row-total" : ""
         ].filter(Boolean).join(" "),
-        style: { minHeight: `${rowHeight}px`, position: "relative" },
+        style: { height: `${rowHeight}px`, position: "relative" },
         "data-gantt-task-row-id": task.id,
         onClick: handleRowClickInternal,
         onKeyDown: handleRowKeyDown,
@@ -6301,43 +6353,120 @@ var TaskListRow = React9.memo(
           if (builtIn) return /* @__PURE__ */ jsx12(React9.Fragment, { children: builtIn }, col.id);
           const isEditing = editingColumnId === col.id;
           const editorFn = col.renderEditor;
+          const isActiveCustomCell = activeCustomCell?.taskId === task.id && activeCustomCell?.columnId === col.id;
+          const startEditingCustomCell = (startValue) => {
+            if (!editorFn) return;
+            onActiveCustomCellChange?.({ taskId: task.id, columnId: col.id });
+            setEditingColumnStartValue(startValue);
+            setEditingColumnId(col.id);
+          };
           const columnContext = {
             task,
             rowIndex,
             isEditing,
+            editStartValue: isEditing ? editingColumnStartValue : void 0,
             openEditor: () => {
-              if (editorFn) setEditingColumnId(col.id);
+              startEditingCustomCell();
             },
             closeEditor: () => {
-              if (editingColumnId === col.id) setEditingColumnId(null);
+              if (editingColumnId === col.id) {
+                setEditingColumnId(null);
+                setEditingColumnStartValue(void 0);
+                onActiveCustomCellChange?.({ taskId: task.id, columnId: col.id });
+                window.requestAnimationFrame(() => {
+                  focusCustomCell(task.id, col.id);
+                });
+              }
             },
             updateTask: (patch) => {
               onTasksChange?.([{ ...task, ...patch }]);
+              onActiveCustomCellChange?.({ taskId: task.id, columnId: col.id });
+              setEditingColumnStartValue(void 0);
               setEditingColumnId(null);
+              window.requestAnimationFrame(() => {
+                focusCustomCell(task.id, col.id);
+              });
             }
           };
           return /* @__PURE__ */ jsx12(
             "div",
             {
-              className: "gantt-tl-cell gantt-tl-cell-custom",
+              className: `gantt-tl-cell gantt-tl-cell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
               "data-column-id": `custom:${col.id}`,
               "data-custom-column-id": col.id,
+              "data-custom-column-active": isActiveCustomCell ? "true" : "false",
               "data-custom-column-editing": isEditing ? "true" : "false",
               "data-testid": `custom-cell-${col.id}`,
-              onClick: editorFn && !isEditing ? (e) => {
+              tabIndex: editorFn ? 0 : -1,
+              onFocus: editorFn ? () => {
+                onActiveCustomCellChange?.({ taskId: task.id, columnId: col.id });
+              } : void 0,
+              onClick: editorFn ? (e) => {
                 e.stopPropagation();
-                setEditingColumnId(col.id);
+                onActiveCustomCellChange?.({ taskId: task.id, columnId: col.id });
+                if (isEditing) {
+                  return;
+                }
+                e.currentTarget.focus();
+              } : void 0,
+              onDoubleClick: editorFn && !isEditing ? (e) => {
+                e.stopPropagation();
+                startEditingCustomCell();
+              } : void 0,
+              onKeyDown: editorFn && !isEditing ? (e) => {
+                if (e.key === "ArrowLeft") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  moveActiveCustomCell(col.id, "left");
+                  return;
+                }
+                if (e.key === "ArrowRight") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  moveActiveCustomCell(col.id, "right");
+                  return;
+                }
+                if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  moveActiveCustomCell(col.id, "up");
+                  return;
+                }
+                if (e.key === "ArrowDown") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  moveActiveCustomCell(col.id, "down");
+                  return;
+                }
+                if (e.key === "Enter" || e.key === "F2") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  startEditingCustomCell();
+                  return;
+                }
+                if (e.key === "Backspace" || e.key === "Delete") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  startEditingCustomCell("");
+                  return;
+                }
+                if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  startEditingCustomCell(e.key);
+                }
               } : void 0,
               style: { width: col.width ?? 120, minWidth: col.width ?? 120, flexShrink: 0 },
               children: isEditing && editorFn ? /* @__PURE__ */ jsx12(
                 "div",
                 {
+                  className: "gantt-tl-cell-custom-editor",
                   "data-custom-column-editor": col.id,
                   onMouseDown: (e) => e.stopPropagation(),
                   onClick: (e) => e.stopPropagation(),
                   children: editorFn(columnContext)
                 }
-              ) : col.renderCell(columnContext)
+              ) : /* @__PURE__ */ jsx12("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
             },
             col.id
           );
@@ -6389,7 +6518,7 @@ var NewTaskRow = ({
       onCancel();
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-row gantt-tl-row-new", style: { minHeight: `${rowHeight}px` }, children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
     /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
     /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ jsx13(
       Input,
@@ -6623,6 +6752,7 @@ var TaskList = ({
   onDelete,
   onInsertAfter,
   onReorder,
+  disableTaskDrag = false,
   editingTaskId: propEditingTaskId,
   enableAddTask = true,
   defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
@@ -6644,10 +6774,13 @@ var TaskList = ({
   additionalColumns,
   hiddenTaskListColumns,
   taskListMenuCommands,
+  hideTaskListRowActions = false,
+  rowContentLines = 1,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange
 }) => {
   const [internalSelectedTaskIds, setInternalSelectedTaskIds] = useState6(/* @__PURE__ */ new Set());
+  const [activeCustomCell, setActiveCustomCell] = useState6(null);
   const effectiveSelectedTaskIds = selectedTaskIds ?? internalSelectedTaskIds;
   const emitSelectedTaskIdsChange = useCallback5((nextSelectedTaskIds) => {
     if (!selectedTaskIds) {
@@ -6819,21 +6952,28 @@ var TaskList = ({
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
   useEffect6(() => {
-    if (!selectingPredecessorFor && !selectedChip && !selectedTaskId) return;
+    if (!selectingPredecessorFor && !selectedChip && !selectedTaskId && !activeCustomCell) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         setSelectingPredecessorFor(null);
         setSelectedChip(null);
+        setActiveCustomCell(null);
         onSelectedChipChange?.(null);
         onTaskSelect?.(null);
       }
     };
     const handleMouseDown = (e) => {
       const target = e.target;
-      if (overlayRef.current?.contains(target)) return;
+      if (overlayRef.current?.contains(target)) {
+        if (activeCustomCell && !target.closest?.("[data-custom-column-id]")) {
+          setActiveCustomCell(null);
+        }
+        return;
+      }
       if (target.closest?.(".gantt-popover")) return;
       setSelectingPredecessorFor(null);
       setSelectedChip(null);
+      setActiveCustomCell(null);
       onSelectedChipChange?.(null);
       onTaskSelect?.(null);
     };
@@ -6843,7 +6983,7 @@ var TaskList = ({
       document.removeEventListener("keydown", handleKeyDown);
       document.removeEventListener("mousedown", handleMouseDown, true);
     };
-  }, [selectingPredecessorFor, selectedChip, selectedTaskId, onTaskSelect, onSelectedChipChange]);
+  }, [selectingPredecessorFor, selectedChip, selectedTaskId, activeCustomCell, onTaskSelect, onSelectedChipChange]);
   const handleAddDependency = useCallback5((successorTaskId, predecessorTaskId, linkType) => {
     if (successorTaskId === predecessorTaskId) return;
     if (areTasksHierarchicallyRelated(successorTaskId, predecessorTaskId, tasks)) {
@@ -7233,7 +7373,10 @@ var TaskList = ({
     {
       ref: overlayRef,
       className: `gantt-tl-overlay${show ? "" : " gantt-tl-hidden"}${hasRightShadow ? " gantt-tl-overlay-shadowed" : ""}`,
-      style: { "--tasklist-width": `${effectiveTaskListWidth}px` },
+      style: {
+        "--tasklist-width": `${effectiveTaskListWidth}px`,
+        "--gantt-row-content-lines": String(Math.max(2, Math.floor(rowContentLines)))
+      },
       children: /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-table", children: [
         /* @__PURE__ */ jsx14("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
@@ -7313,7 +7456,7 @@ var TaskList = ({
           return /* @__PURE__ */ jsx14(
             "div",
             {
-              className: "gantt-tl-headerCell gantt-tl-headerCell-custom",
+              className: `gantt-tl-headerCell gantt-tl-headerCell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
               "data-column-id": `custom:${col.id}`,
               "data-custom-column-id": col.id,
               style: { width: col.width, minWidth: col.width, flexShrink: 0 },
@@ -7355,12 +7498,12 @@ var TaskList = ({
                 onAdd,
                 onInsertAfter: handleStartInsertAfter,
                 editingTaskId: propEditingTaskId,
-                isDragging: draggingIndex === index,
-                isDragOver: dragOverIndex === index,
-                onDragStart: handleDragStart,
-                onDragOver: handleDragOver,
-                onDrop: handleDrop,
-                onDragEnd: handleDragEnd,
+                isDragging: !disableTaskDrag && draggingIndex === index,
+                isDragOver: !disableTaskDrag && dragOverIndex === index,
+                onDragStart: disableTaskDrag ? void 0 : handleDragStart,
+                onDragOver: disableTaskDrag ? void 0 : handleDragOver,
+                onDrop: disableTaskDrag ? void 0 : handleDrop,
+                onDragEnd: disableTaskDrag ? void 0 : handleDragEnd,
                 collapsedParentIds,
                 onToggleCollapse: handleToggleCollapse,
                 onPromoteTask,
@@ -7381,7 +7524,10 @@ var TaskList = ({
                 resolvedColumns,
                 isTaskSelected: effectiveSelectedTaskIds.has(task.id),
                 onTaskSelectionChange: handleToggleTaskSelection,
+                activeCustomCell,
+                onActiveCustomCellChange: setActiveCustomCell,
                 taskListMenuCommands,
+                hideTaskListRowActions,
                 taskDateChangeMode,
                 onTaskDateChangeModeChange
               }
@@ -7409,25 +7555,25 @@ var TaskList = ({
         enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ jsx14(
           "button",
           {
-            className: `gantt-tl-add-btn${dragOverIndex === visibleTasks.length ? " gantt-tl-add-btn-drag-over" : ""}`,
+            className: `gantt-tl-add-btn${!disableTaskDrag && dragOverIndex === visibleTasks.length ? " gantt-tl-add-btn-drag-over" : ""}`,
             onClick: () => {
               setPendingInsert(null);
               setIsCreating(true);
             },
-            onDragEnter: (e) => {
+            onDragEnter: disableTaskDrag ? void 0 : (e) => {
               e.preventDefault();
               setDragOverIndex(visibleTasks.length);
             },
-            onDragOver: (e) => {
+            onDragOver: disableTaskDrag ? void 0 : (e) => {
               e.preventDefault();
               e.dataTransfer.dropEffect = "move";
               setDragOverIndex(visibleTasks.length);
             },
-            onDragLeave: (e) => {
+            onDragLeave: disableTaskDrag ? void 0 : (e) => {
               e.preventDefault();
               setDragOverIndex(null);
             },
-            onDrop: (e) => {
+            onDrop: disableTaskDrag ? void 0 : (e) => {
               e.preventDefault();
               handleDrop(visibleTasks.length, e);
             },
@@ -9120,6 +9266,190 @@ function ResourceTimelineChart({
   ) });
 }
 
+// src/components/TableMatrix/TableMatrix.tsx
+import { useMemo as useMemo10 } from "react";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+function joinClasses(...values) {
+  return values.filter(Boolean).join(" ");
+}
+function TableMatrix({
+  tasks,
+  allTasks = tasks,
+  columns,
+  columnGroups,
+  rowHeight,
+  headerHeight,
+  selectedTaskId,
+  onTaskSelect,
+  onCellClick,
+  highlightedTaskIds,
+  filterMode = "highlight"
+}) {
+  const gridTemplateColumns = useMemo10(
+    () => columns.map((column) => `${column.width}px`).join(" "),
+    [columns]
+  );
+  const totalWidth = useMemo10(
+    () => columns.reduce((sum, column) => sum + column.width, 0),
+    [columns]
+  );
+  const hasGroupHeader = useMemo10(
+    () => columns.some((column) => !!column.groupId) || (columnGroups?.length ?? 0) > 0,
+    [columnGroups, columns]
+  );
+  const groupMap = useMemo10(
+    () => new Map((columnGroups ?? []).map((group) => [group.id, group])),
+    [columnGroups]
+  );
+  const headerSpans = useMemo10(() => {
+    if (!hasGroupHeader) return [];
+    if (columnGroups?.some((group) => typeof group.width === "number")) {
+      return columnGroups.map((group) => ({
+        id: group.id,
+        header: group.header,
+        width: group.width ?? 0,
+        className: group.className
+      }));
+    }
+    const spans = [];
+    for (const column of columns) {
+      const groupId = column.groupId ?? column.id;
+      const lastSpan = spans[spans.length - 1];
+      if (lastSpan?.id === groupId) {
+        lastSpan.width += column.width;
+        continue;
+      }
+      const group = groupMap.get(groupId);
+      spans.push({
+        id: groupId,
+        header: group?.header ?? column.header,
+        width: column.width,
+        className: group?.className
+      });
+    }
+    return spans;
+  }, [columns, groupMap, hasGroupHeader]);
+  const headerContentHeight = Math.max(0, headerHeight - 1);
+  const topRowHeight = hasGroupHeader ? Math.ceil(headerContentHeight / 2) : headerContentHeight;
+  const bottomRowHeight = hasGroupHeader ? Math.floor(headerContentHeight / 2) : 0;
+  const parentTaskIds = useMemo10(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const task of allTasks) {
+      if (task.parentId) {
+        ids.add(task.parentId);
+      }
+    }
+    return ids;
+  }, [allTasks]);
+  const nestingDepthMap = useMemo10(() => {
+    const depthMap = /* @__PURE__ */ new Map();
+    const taskById = new Map(allTasks.map((task) => [task.id, task]));
+    const getDepth = (taskId, seen = /* @__PURE__ */ new Set()) => {
+      if (depthMap.has(taskId)) return depthMap.get(taskId);
+      if (seen.has(taskId)) return 0;
+      const task = taskById.get(taskId);
+      if (!task?.parentId || !taskById.has(task.parentId)) {
+        depthMap.set(taskId, 0);
+        return 0;
+      }
+      seen.add(taskId);
+      const depth = getDepth(task.parentId, seen) + 1;
+      depthMap.set(taskId, depth);
+      return depth;
+    };
+    for (const task of allTasks) {
+      getDepth(task.id);
+    }
+    return depthMap;
+  }, [allTasks]);
+  return /* @__PURE__ */ jsxs13("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    /* @__PURE__ */ jsxs13("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
+      hasGroupHeader && /* @__PURE__ */ jsx16(
+        "div",
+        {
+          className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
+          style: { gridTemplateColumns: headerSpans.map((span) => `${span.width}px`).join(" "), height: `${topRowHeight}px` },
+          children: headerSpans.map((span) => /* @__PURE__ */ jsx16("div", { className: joinClasses("gantt-mx-groupCell", span.className), children: span.header }, span.id))
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        "div",
+        {
+          className: "gantt-mx-headerRow",
+          style: { gridTemplateColumns, height: `${hasGroupHeader ? bottomRowHeight : topRowHeight}px` },
+          children: columns.map((column) => /* @__PURE__ */ jsx16(
+            "div",
+            {
+              className: joinClasses(
+                "gantt-mx-headerCell",
+                column.headerClassName
+              ),
+              children: column.header
+            },
+            column.id
+          ))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx16(
+      "div",
+      {
+        className: "gantt-mx-body",
+        style: { height: `${tasks.length * rowHeight}px` },
+        children: tasks.map((task, index) => {
+          const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
+          const isParent = parentTaskIds.has(task.id);
+          const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
+          const rowFillLevel = Math.min(nestingDepth, 2);
+          const isTotal = Boolean(task.isTotal);
+          return /* @__PURE__ */ jsx16(
+            "div",
+            {
+              "data-gantt-task-row-id": task.id,
+              className: joinClasses(
+                "gantt-mx-row",
+                task.parentId && "gantt-mx-row-child",
+                isParent && "gantt-mx-row-parent",
+                `gantt-mx-row-level-${rowFillLevel}`,
+                isTotal && "gantt-mx-row-total",
+                selectedTaskId === task.id && "gantt-mx-row-selected",
+                isHighlighted && "gantt-mx-row-highlighted"
+              ),
+              style: {
+                gridTemplateColumns,
+                top: `${index * rowHeight}px`,
+                height: `${rowHeight}px`
+              },
+              onClick: () => onTaskSelect?.(task.id),
+              children: columns.map((column, columnIndex) => {
+                const resolvedCellClassName = typeof column.cellClassName === "function" ? column.cellClassName(task) : column.cellClassName;
+                return /* @__PURE__ */ jsx16(
+                  "div",
+                  {
+                    className: joinClasses(
+                      "gantt-mx-cell",
+                      onCellClick && "gantt-mx-cell-clickable",
+                      `gantt-mx-cellAlign-${column.align ?? "right"}`,
+                      column.className,
+                      resolvedCellClassName
+                    ),
+                    onClick: (event) => {
+                      onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
+                    },
+                    children: column.renderCell(task)
+                  },
+                  `${task.id}:${column.id}`
+                );
+              })
+            },
+            task.id
+          );
+        })
+      }
+    )
+  ] });
+}
+
 // src/components/GanttChart/print.ts
 function getPrintDocumentTitle({
   header,
@@ -9458,13 +9788,13 @@ async function printGanttChart({
 }
 
 // src/components/GanttChart/GanttChart.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ jsx16(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ jsx17(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     TaskGanttChart,
     {
       ...props,
@@ -9473,9 +9803,9 @@ function GanttChartInner(props, ref) {
   );
 }
 function TaskGanttChartInner(props, ref) {
+  const isTableMatrixMode = props.mode === "table-matrix";
   const {
     tasks,
-    dayWidth = 40,
     rowHeight = 40,
     headerHeight = 40,
     containerHeight,
@@ -9499,10 +9829,6 @@ function TaskGanttChartInner(props, ref) {
     onUngroupTask,
     enableAddTask = true,
     defaultTaskDurationDays,
-    viewMode = "day",
-    customDays,
-    isWeekend: isWeekend3,
-    businessDays = true,
     taskFilter,
     filterMode = "highlight",
     collapsedParentIds: externalCollapsedParentIds,
@@ -9516,9 +9842,19 @@ function TaskGanttChartInner(props, ref) {
     additionalColumns,
     hiddenTaskListColumns,
     taskListMenuCommands,
+    hideTaskListRowActions = false,
+    rowContentLines = 1,
     taskDateChangeMode: externalTaskDateChangeMode,
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange
   } = props;
+  const dayWidth = !isTableMatrixMode ? props.dayWidth ?? 40 : 40;
+  const viewMode = !isTableMatrixMode ? props.viewMode ?? "day" : "day";
+  const customDays = !isTableMatrixMode ? props.customDays : void 0;
+  const isWeekend3 = !isTableMatrixMode ? props.isWeekend : void 0;
+  const businessDays = !isTableMatrixMode ? props.businessDays ?? true : true;
+  const matrixColumns = isTableMatrixMode ? props.matrixColumns : [];
+  const matrixColumnGroups = isTableMatrixMode ? props.matrixColumnGroups : void 0;
+  const onMatrixCellClick = isTableMatrixMode ? props.onMatrixCellClick : void 0;
   const containerRef = useRef9(null);
   const scrollContainerRef = useRef9(null);
   const scrollContentRef = useRef9(null);
@@ -9532,12 +9868,17 @@ function TaskGanttChartInner(props, ref) {
   const [editingTaskId, setEditingTaskId] = useState9(null);
   const taskDateChangeMode = externalTaskDateChangeMode ?? internalTaskDateChangeMode;
   const handleTaskDateChangeMode = externalOnTaskDateChangeModeChange ?? setInternalTaskDateChangeMode;
-  const normalizedTasks = useMemo10(() => normalizeHierarchyTasks(tasks), [tasks]);
-  const isCustomWeekend = useMemo10(
+  const resolvedRowContentLines = Math.max(1, Math.floor(rowContentLines));
+  const effectiveRowHeight = useMemo11(
+    () => Math.max(rowHeight, 10 + resolvedRowContentLines * 18),
+    [resolvedRowContentLines, rowHeight]
+  );
+  const normalizedTasks = useMemo11(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const isCustomWeekend = useMemo11(
     () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
     [customDays, isWeekend3]
   );
-  const dateRangeTasks = useMemo10(() => {
+  const dateRangeTasks = useMemo11(() => {
     if (!showBaseline) {
       return normalizedTasks;
     }
@@ -9547,14 +9888,18 @@ function TaskGanttChartInner(props, ref) {
       endDate: task.baselineEndDate && parseUTCDate(task.baselineEndDate).getTime() > parseUTCDate(task.endDate).getTime() ? task.baselineEndDate : task.endDate
     }));
   }, [normalizedTasks, showBaseline]);
-  const dateRange = useMemo10(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
+  const dateRange = useMemo11(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
   const [validationResult, setValidationResult] = useState9(null);
   const [cascadeOverrides, setCascadeOverrides] = useState9(/* @__PURE__ */ new Map());
-  const gridWidth = useMemo10(
+  const gridWidth = useMemo11(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
-  const visibleTasks = useMemo10(() => {
+  const matrixWidth = useMemo11(
+    () => matrixColumns.reduce((sum, column) => sum + column.width, 0),
+    [matrixColumns]
+  );
+  const visibleTasks = useMemo11(() => {
     const parentMap = new Map(normalizedTasks.map((t) => [t.id, t.parentId]));
     function isAnyAncestorCollapsed(parentId) {
       let current = parentId;
@@ -9570,11 +9915,11 @@ function TaskGanttChartInner(props, ref) {
     }
     return tasks2;
   }, [normalizedTasks, collapsedParentIds, filterMode, taskFilter]);
-  const matchedTaskIds = useMemo10(() => {
+  const matchedTaskIds = useMemo11(() => {
     if (!taskFilter) return /* @__PURE__ */ new Set();
     return new Set(visibleTasks.filter(taskFilter).map((task) => task.id));
   }, [visibleTasks, taskFilter]);
-  const taskListHighlightedTaskIds = useMemo10(() => {
+  const taskListHighlightedTaskIds = useMemo11(() => {
     if (filterMode === "hide") {
       return /* @__PURE__ */ new Set();
     }
@@ -9585,24 +9930,25 @@ function TaskGanttChartInner(props, ref) {
     matchedTaskIds.forEach((taskId) => mergedHighlightedTaskIds.add(taskId));
     return mergedHighlightedTaskIds;
   }, [filterMode, highlightedTaskIds, matchedTaskIds]);
-  const totalGridHeight = useMemo10(
-    () => visibleTasks.length * rowHeight,
-    [visibleTasks.length, rowHeight]
+  const totalGridHeight = useMemo11(
+    () => visibleTasks.length * effectiveRowHeight,
+    [effectiveRowHeight, visibleTasks.length]
   );
   const timelineHeaderHeight = headerHeight + 1;
-  const monthStart = useMemo10(() => {
+  const monthStart = useMemo11(() => {
     if (dateRange.length === 0) {
       return new Date(Date.UTC((/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCMonth(), 1));
     }
     const firstDay = dateRange[0];
     return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));
   }, [dateRange]);
-  const todayInRange = useMemo10(() => {
+  const todayInRange = useMemo11(() => {
     const now = /* @__PURE__ */ new Date();
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
   useEffect9(() => {
+    if (isTableMatrixMode) return;
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -9613,7 +9959,7 @@ function TaskGanttChartInner(props, ref) {
     const containerWidth = container.clientWidth;
     const scrollLeft = Math.round(todayOffset + dayWidth / 2 - containerWidth * 0.3);
     container.scrollLeft = Math.max(0, scrollLeft);
-  }, []);
+  }, [dateRange, dayWidth, isTableMatrixMode]);
   useEffect9(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -9627,6 +9973,7 @@ function TaskGanttChartInner(props, ref) {
     };
   }, []);
   const scrollToToday = useCallback8(() => {
+    if (isTableMatrixMode) return;
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -9637,8 +9984,18 @@ function TaskGanttChartInner(props, ref) {
     const containerWidth = container.clientWidth;
     const scrollLeft = Math.round(todayOffset + dayWidth / 2 - containerWidth * 0.3);
     container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
-  }, [dateRange, dayWidth]);
+  }, [dateRange, dayWidth, isTableMatrixMode]);
   const scrollToTask = useCallback8((taskId) => {
+    if (isTableMatrixMode) {
+      const container2 = scrollContainerRef.current;
+      if (!container2) return;
+      const rowIndex = visibleTasks.findIndex((visibleTask) => visibleTask.id === taskId);
+      if (rowIndex === -1) return;
+      const paddedRowIndex = Math.max(0, rowIndex - SCROLL_TO_ROW_CONTEXT_ROWS);
+      container2.scrollTo({ top: Math.max(0, effectiveRowHeight * paddedRowIndex), behavior: "smooth" });
+      setSelectedTaskId(taskId);
+      return;
+    }
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const task = tasks.find((t) => t.id === taskId);
@@ -9654,7 +10011,7 @@ function TaskGanttChartInner(props, ref) {
     const taskOffset = taskIndex * dayWidth;
     const scrollLeft = Math.round(taskOffset - dayWidth * 2);
     container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
-  }, [tasks, dateRange, dayWidth]);
+  }, [dateRange, dayWidth, effectiveRowHeight, isTableMatrixMode, tasks, visibleTasks]);
   const scrollToRow = useCallback8((taskId, options = {}) => {
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -9663,7 +10020,7 @@ function TaskGanttChartInner(props, ref) {
     const rowIndex = visibleTasks.findIndex((visibleTask) => visibleTask.id === task.id);
     if (rowIndex === -1) return;
     const paddedRowIndex = Math.max(0, rowIndex - SCROLL_TO_ROW_CONTEXT_ROWS);
-    const scrollTop = Math.max(0, rowHeight * paddedRowIndex);
+    const scrollTop = Math.max(0, effectiveRowHeight * paddedRowIndex);
     const {
       select = true,
       behavior = "smooth",
@@ -9683,7 +10040,7 @@ function TaskGanttChartInner(props, ref) {
       }
     }
     container.scrollTo({ top: scrollTop, behavior });
-  }, [tasks, visibleTasks, rowHeight]);
+  }, [effectiveRowHeight, tasks, visibleTasks]);
   const [dragGuideLines, setDragGuideLines] = useState9(null);
   const [draggedTaskOverride, setDraggedTaskOverride] = useState9(null);
   const [previewTasksById, setPreviewTasksById] = useState9(/* @__PURE__ */ new Map());
@@ -9788,7 +10145,7 @@ function TaskGanttChartInner(props, ref) {
     }
     onTasksChange?.(normalized);
   }, [onTasksChange, onReorder]);
-  const dependencyOverrides = useMemo10(() => {
+  const dependencyOverrides = useMemo11(() => {
     const map = new Map(cascadeOverrides);
     if (draggedTaskOverride) {
       map.set(draggedTaskOverride.taskId, {
@@ -9802,11 +10159,11 @@ function TaskGanttChartInner(props, ref) {
     setCascadeOverrides(new Map(overrides));
     setPreviewTasksById(new Map(previewTasks.map((task) => [task.id, task])));
   }, []);
-  const previewNormalizedTasks = useMemo10(() => {
+  const previewNormalizedTasks = useMemo11(() => {
     if (previewTasksById.size === 0) return normalizedTasks;
     return normalizedTasks.map((task) => previewTasksById.get(task.id) ?? task);
   }, [normalizedTasks, previewTasksById]);
-  const previewVisibleTasks = useMemo10(() => {
+  const previewVisibleTasks = useMemo11(() => {
     if (previewTasksById.size === 0) return visibleTasks;
     return visibleTasks.map((task) => previewTasksById.get(task.id) ?? task);
   }, [visibleTasks, previewTasksById]);
@@ -9819,7 +10176,7 @@ function TaskGanttChartInner(props, ref) {
   const hoveredRowElementsRef = useRef9([]);
   const clearHoveredRows = useCallback8(() => {
     for (const element of hoveredRowElementsRef.current) {
-      element.classList.remove("gantt-tl-row-hovered", "gantt-tr-row-hovered");
+      element.classList.remove("gantt-tl-row-hovered", "gantt-tr-row-hovered", "gantt-mx-row-hovered");
     }
     hoveredRowElementsRef.current = [];
   }, []);
@@ -9837,6 +10194,9 @@ function TaskGanttChartInner(props, ref) {
       if (element.classList.contains("gantt-tr-row")) {
         element.classList.add("gantt-tr-row-hovered");
       }
+      if (element.classList.contains("gantt-mx-row")) {
+        element.classList.add("gantt-mx-row-hovered");
+      }
     }
     hoveredRowElementsRef.current = nextHoveredRows;
   }, [clearHoveredRows]);
@@ -9861,7 +10221,7 @@ function TaskGanttChartInner(props, ref) {
       return next;
     });
   }, []);
-  const allParentIds = useMemo10(() => {
+  const allParentIds = useMemo11(() => {
     return new Set(
       normalizedTasks.filter((t) => isTaskParent(t.id, normalizedTasks)).map((t) => t.id)
     );
@@ -10073,190 +10433,219 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ jsx16("div", { ref: containerRef, className: "gantt-container", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
-      ref: scrollContainerRef,
-      className: "gantt-scrollContainer",
-      style: { height: containerHeight ?? "auto", cursor: "grab" },
-      onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ jsxs13(
+      ref: containerRef,
+      className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : "gantt-container",
+      children: /* @__PURE__ */ jsx17(
         "div",
         {
-          ref: scrollContentRef,
-          className: "gantt-scrollContent",
-          onMouseOver: handleSharedRowHover,
-          onMouseLeave: clearHoveredRows,
-          children: [
-            /* @__PURE__ */ jsx16(
-              TaskList,
-              {
-                tasks: normalizedTasks,
-                rowHeight,
-                headerHeight,
-                taskListWidth,
-                onTasksChange: handleTaskChange,
-                selectedTaskId: selectedTaskId ?? void 0,
-                onTaskSelect: handleTaskSelect,
-                show: showTaskList,
-                hasRightShadow: taskListHasRightShadow,
-                disableTaskNameEditing,
-                disableDependencyEditing,
-                onScrollToTask: scrollToTask,
-                onSelectedChipChange: setSelectedChip,
-                onAdd,
-                onDelete: handleDelete,
-                onInsertAfter: handleInsertAfter,
-                onReorder: handleReorder,
-                editingTaskId,
-                enableAddTask,
-                defaultTaskDurationDays,
-                collapsedParentIds,
-                onToggleCollapse: handleToggleCollapse,
-                onPromoteTask: onPromoteTask ?? handlePromoteTask,
-                onDemoteTask: onDemoteTask ?? handleDemoteTask,
-                onUngroupTask: onUngroupTask ?? handleUngroupTask,
-                highlightedTaskIds: taskListHighlightedTaskIds,
-                enableTaskMultiSelect,
-                selectedTaskIds,
-                onSelectedTaskIdsChange,
-                customDays,
-                isWeekend: isWeekend3,
-                businessDays,
-                filterMode,
-                filteredTaskIds: matchedTaskIds,
-                isFilterActive: !!taskFilter,
-                additionalColumns,
-                hiddenTaskListColumns,
-                taskListMenuCommands,
-                taskDateChangeMode,
-                onTaskDateChangeModeChange: handleTaskDateChangeMode
-              }
-            ),
-            /* @__PURE__ */ jsxs13(
-              "div",
-              {
-                className: showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
-                style: { minWidth: `${gridWidth}px`, flex: 1, display: showChart ? void 0 : "none" },
-                children: [
-                  /* @__PURE__ */ jsx16(
-                    "div",
-                    {
-                      className: "gantt-stickyHeader",
-                      style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                      children: /* @__PURE__ */ jsx16(
-                        TimeScaleHeader_default,
+          ref: scrollContainerRef,
+          className: "gantt-scrollContainer",
+          style: { height: containerHeight ?? "auto", cursor: "grab" },
+          onMouseDown: handlePanStart,
+          children: /* @__PURE__ */ jsxs14(
+            "div",
+            {
+              ref: scrollContentRef,
+              className: "gantt-scrollContent",
+              onMouseOver: handleSharedRowHover,
+              onMouseLeave: clearHoveredRows,
+              children: [
+                /* @__PURE__ */ jsx17(
+                  TaskList,
+                  {
+                    tasks: normalizedTasks,
+                    rowHeight: effectiveRowHeight,
+                    headerHeight,
+                    taskListWidth,
+                    onTasksChange: handleTaskChange,
+                    selectedTaskId: selectedTaskId ?? void 0,
+                    onTaskSelect: handleTaskSelect,
+                    show: showTaskList,
+                    hasRightShadow: taskListHasRightShadow,
+                    disableTaskNameEditing,
+                    disableDependencyEditing,
+                    onScrollToTask: scrollToTask,
+                    onSelectedChipChange: setSelectedChip,
+                    onAdd,
+                    onDelete: handleDelete,
+                    onInsertAfter: handleInsertAfter,
+                    onReorder: handleReorder,
+                    disableTaskDrag,
+                    editingTaskId,
+                    enableAddTask,
+                    defaultTaskDurationDays,
+                    collapsedParentIds,
+                    onToggleCollapse: handleToggleCollapse,
+                    onPromoteTask: onPromoteTask ?? handlePromoteTask,
+                    onDemoteTask: onDemoteTask ?? handleDemoteTask,
+                    onUngroupTask: onUngroupTask ?? handleUngroupTask,
+                    highlightedTaskIds: taskListHighlightedTaskIds,
+                    enableTaskMultiSelect,
+                    selectedTaskIds,
+                    onSelectedTaskIdsChange,
+                    customDays,
+                    isWeekend: isWeekend3,
+                    businessDays,
+                    filterMode,
+                    filteredTaskIds: matchedTaskIds,
+                    isFilterActive: !!taskFilter,
+                    additionalColumns,
+                    hiddenTaskListColumns,
+                    taskListMenuCommands,
+                    hideTaskListRowActions,
+                    rowContentLines: resolvedRowContentLines,
+                    taskDateChangeMode,
+                    onTaskDateChangeModeChange: handleTaskDateChangeMode
+                  }
+                ),
+                /* @__PURE__ */ jsx17(
+                  "div",
+                  {
+                    className: isTableMatrixMode || showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
+                    style: {
+                      minWidth: `${isTableMatrixMode ? matrixWidth : gridWidth}px`,
+                      flex: 1,
+                      display: isTableMatrixMode || showChart ? void 0 : "none"
+                    },
+                    children: isTableMatrixMode ? /* @__PURE__ */ jsx17(
+                      TableMatrix,
+                      {
+                        tasks: visibleTasks,
+                        allTasks: normalizedTasks,
+                        columns: matrixColumns,
+                        columnGroups: matrixColumnGroups,
+                        rowHeight: effectiveRowHeight,
+                        headerHeight: timelineHeaderHeight,
+                        selectedTaskId,
+                        onTaskSelect: handleTaskSelect,
+                        onCellClick: onMatrixCellClick,
+                        highlightedTaskIds: taskListHighlightedTaskIds,
+                        filterMode
+                      }
+                    ) : /* @__PURE__ */ jsxs14(Fragment4, { children: [
+                      /* @__PURE__ */ jsx17(
+                        "div",
                         {
-                          days: dateRange,
-                          dayWidth,
-                          headerHeight,
-                          viewMode,
-                          isCustomWeekend
+                          className: "gantt-stickyHeader",
+                          style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
+                          children: /* @__PURE__ */ jsx17(
+                            TimeScaleHeader_default,
+                            {
+                              days: dateRange,
+                              dayWidth,
+                              headerHeight,
+                              viewMode,
+                              isCustomWeekend
+                            }
+                          )
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs13(
-                    "div",
-                    {
-                      className: "gantt-taskArea",
-                      style: {
-                        position: "relative",
-                        width: `${gridWidth}px`
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx16(
-                          GridBackground_default,
-                          {
-                            dateRange,
-                            dayWidth,
-                            totalHeight: totalGridHeight,
-                            viewMode,
-                            isCustomWeekend
-                          }
-                        ),
-                        todayInRange && /* @__PURE__ */ jsx16(TodayIndicator_default, { monthStart, dayWidth }),
-                        /* @__PURE__ */ jsx16(
-                          DependencyLines_default,
-                          {
-                            tasks: previewVisibleTasks,
-                            allTasks: previewNormalizedTasks,
-                            collapsedParentIds,
-                            monthStart,
-                            dayWidth,
-                            rowHeight,
-                            gridWidth,
-                            dragOverrides: dependencyOverrides,
-                            selectedDep: selectedChip,
-                            businessDays,
-                            weekendPredicate: isCustomWeekend
-                          }
-                        ),
-                        dragGuideLines && /* @__PURE__ */ jsx16(
-                          DragGuideLines_default,
-                          {
-                            isDragging: dragGuideLines.isDragging,
-                            dragMode: dragGuideLines.dragMode,
-                            left: dragGuideLines.left,
-                            width: dragGuideLines.width,
-                            totalHeight: totalGridHeight
-                          }
-                        ),
-                        visibleTasks.map((task, index) => /* @__PURE__ */ jsx16(
-                          TaskRow_default,
-                          {
-                            task,
-                            monthStart,
-                            dayWidth,
-                            rowHeight,
-                            onTasksChange: handleTaskChange,
-                            onDragStateChange: (state) => {
-                              if (state.isDragging) {
-                                setDragGuideLines(state);
-                                setDraggedTaskOverride({ taskId: task.id, left: state.left, width: state.width });
-                              } else {
-                                setDragGuideLines(null);
-                                setDraggedTaskOverride(null);
-                              }
-                            },
-                            rowIndex: index,
-                            allTasks: normalizedTasks,
-                            enableAutoSchedule: enableAutoSchedule ?? false,
-                            disableConstraints: disableConstraints ?? false,
-                            overridePosition: cascadeOverrides.get(task.id),
-                            onCascadeProgress: handleCascadeProgress,
-                            onCascade: handleCascade,
-                            highlightExpiredTasks,
-                            showBaseline,
-                            isFilterMatch: filterMode === "highlight" ? matchedTaskIds.has(task.id) : false,
-                            businessDays,
-                            customDays,
-                            isWeekend: isWeekend3,
-                            disableTaskDrag,
-                            viewMode
+                      ),
+                      /* @__PURE__ */ jsxs14(
+                        "div",
+                        {
+                          className: "gantt-taskArea",
+                          style: {
+                            position: "relative",
+                            width: `${gridWidth}px`
                           },
-                          task.id
-                        ))
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ]
+                          children: [
+                            /* @__PURE__ */ jsx17(
+                              GridBackground_default,
+                              {
+                                dateRange,
+                                dayWidth,
+                                totalHeight: totalGridHeight,
+                                viewMode,
+                                isCustomWeekend
+                              }
+                            ),
+                            todayInRange && /* @__PURE__ */ jsx17(TodayIndicator_default, { monthStart, dayWidth }),
+                            /* @__PURE__ */ jsx17(
+                              DependencyLines_default,
+                              {
+                                tasks: previewVisibleTasks,
+                                allTasks: previewNormalizedTasks,
+                                collapsedParentIds,
+                                monthStart,
+                                dayWidth,
+                                rowHeight: effectiveRowHeight,
+                                gridWidth,
+                                dragOverrides: dependencyOverrides,
+                                selectedDep: selectedChip,
+                                businessDays,
+                                weekendPredicate: isCustomWeekend
+                              }
+                            ),
+                            dragGuideLines && /* @__PURE__ */ jsx17(
+                              DragGuideLines_default,
+                              {
+                                isDragging: dragGuideLines.isDragging,
+                                dragMode: dragGuideLines.dragMode,
+                                left: dragGuideLines.left,
+                                width: dragGuideLines.width,
+                                totalHeight: totalGridHeight
+                              }
+                            ),
+                            visibleTasks.map((task, index) => /* @__PURE__ */ jsx17(
+                              TaskRow_default,
+                              {
+                                task,
+                                monthStart,
+                                dayWidth,
+                                rowHeight: effectiveRowHeight,
+                                onTasksChange: handleTaskChange,
+                                onDragStateChange: (state) => {
+                                  if (state.isDragging) {
+                                    setDragGuideLines(state);
+                                    setDraggedTaskOverride({ taskId: task.id, left: state.left, width: state.width });
+                                  } else {
+                                    setDragGuideLines(null);
+                                    setDraggedTaskOverride(null);
+                                  }
+                                },
+                                rowIndex: index,
+                                allTasks: normalizedTasks,
+                                enableAutoSchedule: enableAutoSchedule ?? false,
+                                disableConstraints: disableConstraints ?? false,
+                                overridePosition: cascadeOverrides.get(task.id),
+                                onCascadeProgress: handleCascadeProgress,
+                                onCascade: handleCascade,
+                                highlightExpiredTasks,
+                                showBaseline,
+                                isFilterMatch: filterMode === "highlight" ? matchedTaskIds.has(task.id) : false,
+                                businessDays,
+                                customDays,
+                                isWeekend: isWeekend3,
+                                disableTaskDrag,
+                                viewMode
+                              },
+                              task.id
+                            ))
+                          ]
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          )
         }
       )
     }
-  ) });
+  );
 }
 var TaskGanttChart = forwardRef(TaskGanttChartInner);
 var GanttChart = forwardRef(GanttChartInner);
 GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
-import React14 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Button = React14.forwardRef(
+import React15 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Button = React15.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
       "gantt-btn",
@@ -10264,7 +10653,7 @@ var Button = React14.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx17("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ jsx18("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";
@@ -10315,6 +10704,7 @@ export {
   PopoverContent,
   PopoverTrigger,
   ResourceTimelineChart,
+  TableMatrix,
   TaskList,
   TaskRow_default as TaskRow,
   TimeScaleHeader_default as TimeScaleHeader,