gantt-lib 0.91.0 → 0.100.0

package/dist/index.js

@@ -45,6 +45,7 @@ __export(index_exports, {
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
   ResourceTimelineChart: () => ResourceTimelineChart,
+  TableMatrix: () => TableMatrix,
   TaskList: () => TaskList,
   TaskRow: () => TaskRow_default,
   TimeScaleHeader: () => TimeScaleHeader_default,
@@ -142,7 +143,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/GanttChart/GanttChart.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/core/scheduling/dateMath.ts
 var DAY_MS = 24 * 60 * 60 * 1e3;
@@ -4844,11 +4845,15 @@ var TaskListRow = import_react10.default.memo(
     resolvedColumns,
     isTaskSelected = false,
     onTaskSelectionChange,
+    activeCustomCell,
+    onActiveCustomCellChange,
     taskListMenuCommands = [],
+    hideTaskListRowActions = false,
     taskDateChangeMode = "preserve-duration",
     onTaskDateChangeModeChange
   }) => {
     const [editingColumnId, setEditingColumnId] = (0, import_react10.useState)(null);
+    const [editingColumnStartValue, setEditingColumnStartValue] = (0, import_react10.useState)(void 0);
     const editingName = editingColumnId === "name";
     const editingDuration = editingColumnId === "duration";
     const editingProgress = editingColumnId === "progress";
@@ -4874,12 +4879,15 @@ var TaskListRow = import_react10.default.memo(
     const editTriggerRef = (0, import_react10.useRef)(
       "doubleclick"
     );
+    const rowRef = (0, import_react10.useRef)(null);
     const isSelected = selectedTaskId === task.id;
     const isParent = (0, import_react10.useMemo)(
       () => 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 = (0, import_react10.useMemo)(
       () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
@@ -5426,7 +5434,7 @@ var TaskListRow = import_react10.default.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 = (0, import_react10.useCallback)(
       (command) => (e) => {
         e.stopPropagation();
@@ -5665,14 +5673,14 @@ var TaskListRow = import_react10.default.memo(
         className: "gantt-tl-cell gantt-tl-cell-number",
         onClick: handleNumberClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          onDragStart && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "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(),
@@ -5868,7 +5876,7 @@ var TaskListRow = import_react10.default.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
+      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
         onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
@@ -6387,9 +6395,52 @@ var TaskListRow = import_react10.default.memo(
       progress: progressCell,
       dependencies: dependenciesCell
     };
+    const focusCustomCell = (0, import_react10.useCallback)((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 = (0, import_react10.useCallback)((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__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
+        ref: rowRef,
         "data-filter-match": isFilterMatch ? "true" : "false",
         className: [
           "gantt-tl-row",
@@ -6402,9 +6453,11 @@ var TaskListRow = import_react10.default.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,
@@ -6416,43 +6469,120 @@ var TaskListRow = import_react10.default.memo(
           if (builtIn) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react10.default.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__ */ (0, import_jsx_runtime12.jsx)(
             "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__ */ (0, import_jsx_runtime12.jsx)(
                 "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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
             },
             col.id
           );
@@ -6504,7 +6634,7 @@ var NewTaskRow = ({
       onCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-row gantt-tl-row-new", style: { minHeight: `${rowHeight}px` }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Input,
@@ -6738,6 +6868,7 @@ var TaskList = ({
   onDelete,
   onInsertAfter,
   onReorder,
+  disableTaskDrag = false,
   editingTaskId: propEditingTaskId,
   enableAddTask = true,
   defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
@@ -6759,10 +6890,13 @@ var TaskList = ({
   additionalColumns,
   hiddenTaskListColumns,
   taskListMenuCommands,
+  hideTaskListRowActions = false,
+  rowContentLines = 1,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange
 }) => {
   const [internalSelectedTaskIds, setInternalSelectedTaskIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const [activeCustomCell, setActiveCustomCell] = (0, import_react12.useState)(null);
   const effectiveSelectedTaskIds = selectedTaskIds ?? internalSelectedTaskIds;
   const emitSelectedTaskIdsChange = (0, import_react12.useCallback)((nextSelectedTaskIds) => {
     if (!selectedTaskIds) {
@@ -6934,21 +7068,28 @@ var TaskList = ({
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
   (0, import_react12.useEffect)(() => {
-    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);
     };
@@ -6958,7 +7099,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 = (0, import_react12.useCallback)((successorTaskId, predecessorTaskId, linkType) => {
     if (successorTaskId === predecessorTaskId) return;
     if (areTasksHierarchicallyRelated(successorTaskId, predecessorTaskId, tasks)) {
@@ -7348,7 +7489,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__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-table", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
@@ -7428,7 +7572,7 @@ var TaskList = ({
           return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "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 },
@@ -7470,12 +7614,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,
@@ -7496,7 +7640,10 @@ var TaskList = ({
                 resolvedColumns,
                 isTaskSelected: effectiveSelectedTaskIds.has(task.id),
                 onTaskSelectionChange: handleToggleTaskSelection,
+                activeCustomCell,
+                onActiveCustomCellChange: setActiveCustomCell,
                 taskListMenuCommands,
+                hideTaskListRowActions,
                 taskDateChangeMode,
                 onTaskDateChangeModeChange
               }
@@ -7524,25 +7671,25 @@ var TaskList = ({
         enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "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);
             },
@@ -9235,6 +9382,190 @@ function ResourceTimelineChart({
   ) });
 }
 
+// src/components/TableMatrix/TableMatrix.tsx
+var import_react15 = require("react");
+var import_jsx_runtime16 = require("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 = (0, import_react15.useMemo)(
+    () => columns.map((column) => `${column.width}px`).join(" "),
+    [columns]
+  );
+  const totalWidth = (0, import_react15.useMemo)(
+    () => columns.reduce((sum, column) => sum + column.width, 0),
+    [columns]
+  );
+  const hasGroupHeader = (0, import_react15.useMemo)(
+    () => columns.some((column) => !!column.groupId) || (columnGroups?.length ?? 0) > 0,
+    [columnGroups, columns]
+  );
+  const groupMap = (0, import_react15.useMemo)(
+    () => new Map((columnGroups ?? []).map((group) => [group.id, group])),
+    [columnGroups]
+  );
+  const headerSpans = (0, import_react15.useMemo)(() => {
+    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 = (0, import_react15.useMemo)(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const task of allTasks) {
+      if (task.parentId) {
+        ids.add(task.parentId);
+      }
+    }
+    return ids;
+  }, [allTasks]);
+  const nestingDepthMap = (0, import_react15.useMemo)(() => {
+    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__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
+      hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "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__ */ (0, import_jsx_runtime16.jsx)("div", { className: joinClasses("gantt-mx-groupCell", span.className), children: span.header }, span.id))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: "gantt-mx-headerRow",
+          style: { gridTemplateColumns, height: `${hasGroupHeader ? bottomRowHeight : topRowHeight}px` },
+          children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "div",
+            {
+              className: joinClasses(
+                "gantt-mx-headerCell",
+                column.headerClassName
+              ),
+              children: column.header
+            },
+            column.id
+          ))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "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__ */ (0, import_jsx_runtime16.jsx)(
+            "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__ */ (0, import_jsx_runtime16.jsx)(
+                  "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,
@@ -9573,13 +9904,13 @@ async function printGanttChart({
 }
 
 // src/components/GanttChart/GanttChart.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     TaskGanttChart,
     {
       ...props,
@@ -9588,9 +9919,9 @@ function GanttChartInner(props, ref) {
   );
 }
 function TaskGanttChartInner(props, ref) {
+  const isTableMatrixMode = props.mode === "table-matrix";
   const {
     tasks,
-    dayWidth = 40,
     rowHeight = 40,
     headerHeight = 40,
     containerHeight,
@@ -9614,10 +9945,6 @@ function TaskGanttChartInner(props, ref) {
     onUngroupTask,
     enableAddTask = true,
     defaultTaskDurationDays,
-    viewMode = "day",
-    customDays,
-    isWeekend: isWeekend3,
-    businessDays = true,
     taskFilter,
     filterMode = "highlight",
     collapsedParentIds: externalCollapsedParentIds,
@@ -9631,28 +9958,43 @@ function TaskGanttChartInner(props, ref) {
     additionalColumns,
     hiddenTaskListColumns,
     taskListMenuCommands,
+    hideTaskListRowActions = false,
+    rowContentLines = 1,
     taskDateChangeMode: externalTaskDateChangeMode,
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange
   } = props;
-  const containerRef = (0, import_react15.useRef)(null);
-  const scrollContainerRef = (0, import_react15.useRef)(null);
-  const scrollContentRef = (0, import_react15.useRef)(null);
-  const clearSelectedTaskTimeoutRef = (0, import_react15.useRef)(null);
-  const [selectedTaskId, setSelectedTaskId] = (0, import_react15.useState)(null);
-  const [taskListHasRightShadow, setTaskListHasRightShadow] = (0, import_react15.useState)(false);
-  const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = (0, import_react15.useState)("preserve-duration");
-  const [selectedChip, setSelectedChip] = (0, import_react15.useState)(null);
-  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react15.useState)(/* @__PURE__ */ new Set());
+  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 = (0, import_react16.useRef)(null);
+  const scrollContainerRef = (0, import_react16.useRef)(null);
+  const scrollContentRef = (0, import_react16.useRef)(null);
+  const clearSelectedTaskTimeoutRef = (0, import_react16.useRef)(null);
+  const [selectedTaskId, setSelectedTaskId] = (0, import_react16.useState)(null);
+  const [taskListHasRightShadow, setTaskListHasRightShadow] = (0, import_react16.useState)(false);
+  const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = (0, import_react16.useState)("preserve-duration");
+  const [selectedChip, setSelectedChip] = (0, import_react16.useState)(null);
+  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react16.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
-  const [editingTaskId, setEditingTaskId] = (0, import_react15.useState)(null);
+  const [editingTaskId, setEditingTaskId] = (0, import_react16.useState)(null);
   const taskDateChangeMode = externalTaskDateChangeMode ?? internalTaskDateChangeMode;
   const handleTaskDateChangeMode = externalOnTaskDateChangeModeChange ?? setInternalTaskDateChangeMode;
-  const normalizedTasks = (0, import_react15.useMemo)(() => normalizeHierarchyTasks(tasks), [tasks]);
-  const isCustomWeekend = (0, import_react15.useMemo)(
+  const resolvedRowContentLines = Math.max(1, Math.floor(rowContentLines));
+  const effectiveRowHeight = (0, import_react16.useMemo)(
+    () => Math.max(rowHeight, 10 + resolvedRowContentLines * 18),
+    [resolvedRowContentLines, rowHeight]
+  );
+  const normalizedTasks = (0, import_react16.useMemo)(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const isCustomWeekend = (0, import_react16.useMemo)(
     () => createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }),
     [customDays, isWeekend3]
   );
-  const dateRangeTasks = (0, import_react15.useMemo)(() => {
+  const dateRangeTasks = (0, import_react16.useMemo)(() => {
     if (!showBaseline) {
       return normalizedTasks;
     }
@@ -9662,14 +10004,18 @@ function TaskGanttChartInner(props, ref) {
       endDate: task.baselineEndDate && parseUTCDate(task.baselineEndDate).getTime() > parseUTCDate(task.endDate).getTime() ? task.baselineEndDate : task.endDate
     }));
   }, [normalizedTasks, showBaseline]);
-  const dateRange = (0, import_react15.useMemo)(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
-  const [validationResult, setValidationResult] = (0, import_react15.useState)(null);
-  const [cascadeOverrides, setCascadeOverrides] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
-  const gridWidth = (0, import_react15.useMemo)(
+  const dateRange = (0, import_react16.useMemo)(() => getMultiMonthDays(dateRangeTasks), [dateRangeTasks]);
+  const [validationResult, setValidationResult] = (0, import_react16.useState)(null);
+  const [cascadeOverrides, setCascadeOverrides] = (0, import_react16.useState)(/* @__PURE__ */ new Map());
+  const gridWidth = (0, import_react16.useMemo)(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
-  const visibleTasks = (0, import_react15.useMemo)(() => {
+  const matrixWidth = (0, import_react16.useMemo)(
+    () => matrixColumns.reduce((sum, column) => sum + column.width, 0),
+    [matrixColumns]
+  );
+  const visibleTasks = (0, import_react16.useMemo)(() => {
     const parentMap = new Map(normalizedTasks.map((t) => [t.id, t.parentId]));
     function isAnyAncestorCollapsed(parentId) {
       let current = parentId;
@@ -9685,11 +10031,11 @@ function TaskGanttChartInner(props, ref) {
     }
     return tasks2;
   }, [normalizedTasks, collapsedParentIds, filterMode, taskFilter]);
-  const matchedTaskIds = (0, import_react15.useMemo)(() => {
+  const matchedTaskIds = (0, import_react16.useMemo)(() => {
     if (!taskFilter) return /* @__PURE__ */ new Set();
     return new Set(visibleTasks.filter(taskFilter).map((task) => task.id));
   }, [visibleTasks, taskFilter]);
-  const taskListHighlightedTaskIds = (0, import_react15.useMemo)(() => {
+  const taskListHighlightedTaskIds = (0, import_react16.useMemo)(() => {
     if (filterMode === "hide") {
       return /* @__PURE__ */ new Set();
     }
@@ -9700,24 +10046,25 @@ function TaskGanttChartInner(props, ref) {
     matchedTaskIds.forEach((taskId) => mergedHighlightedTaskIds.add(taskId));
     return mergedHighlightedTaskIds;
   }, [filterMode, highlightedTaskIds, matchedTaskIds]);
-  const totalGridHeight = (0, import_react15.useMemo)(
-    () => visibleTasks.length * rowHeight,
-    [visibleTasks.length, rowHeight]
+  const totalGridHeight = (0, import_react16.useMemo)(
+    () => visibleTasks.length * effectiveRowHeight,
+    [effectiveRowHeight, visibleTasks.length]
   );
   const timelineHeaderHeight = headerHeight + 1;
-  const monthStart = (0, import_react15.useMemo)(() => {
+  const monthStart = (0, import_react16.useMemo)(() => {
     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 = (0, import_react15.useMemo)(() => {
+  const todayInRange = (0, import_react16.useMemo)(() => {
     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]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
+    if (isTableMatrixMode) return;
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -9728,8 +10075,8 @@ function TaskGanttChartInner(props, ref) {
     const containerWidth = container.clientWidth;
     const scrollLeft = Math.round(todayOffset + dayWidth / 2 - containerWidth * 0.3);
     container.scrollLeft = Math.max(0, scrollLeft);
-  }, []);
-  (0, import_react15.useEffect)(() => {
+  }, [dateRange, dayWidth, isTableMatrixMode]);
+  (0, import_react16.useEffect)(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const updateShadow = () => {
@@ -9741,7 +10088,8 @@ function TaskGanttChartInner(props, ref) {
       container.removeEventListener("scroll", updateShadow);
     };
   }, []);
-  const scrollToToday = (0, import_react15.useCallback)(() => {
+  const scrollToToday = (0, import_react16.useCallback)(() => {
+    if (isTableMatrixMode) return;
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -9752,8 +10100,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]);
-  const scrollToTask = (0, import_react15.useCallback)((taskId) => {
+  }, [dateRange, dayWidth, isTableMatrixMode]);
+  const scrollToTask = (0, import_react16.useCallback)((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);
@@ -9769,8 +10127,8 @@ 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]);
-  const scrollToRow = (0, import_react15.useCallback)((taskId, options = {}) => {
+  }, [dateRange, dayWidth, effectiveRowHeight, isTableMatrixMode, tasks, visibleTasks]);
+  const scrollToRow = (0, import_react16.useCallback)((taskId, options = {}) => {
     const container = scrollContainerRef.current;
     if (!container) return;
     const task = tasks.find((t) => t.id === taskId);
@@ -9778,7 +10136,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",
@@ -9798,21 +10156,21 @@ function TaskGanttChartInner(props, ref) {
       }
     }
     container.scrollTo({ top: scrollTop, behavior });
-  }, [tasks, visibleTasks, rowHeight]);
-  const [dragGuideLines, setDragGuideLines] = (0, import_react15.useState)(null);
-  const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react15.useState)(null);
-  const [previewTasksById, setPreviewTasksById] = (0, import_react15.useState)(/* @__PURE__ */ new Map());
-  (0, import_react15.useEffect)(() => {
+  }, [effectiveRowHeight, tasks, visibleTasks]);
+  const [dragGuideLines, setDragGuideLines] = (0, import_react16.useState)(null);
+  const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react16.useState)(null);
+  const [previewTasksById, setPreviewTasksById] = (0, import_react16.useState)(/* @__PURE__ */ new Map());
+  (0, import_react16.useEffect)(() => {
     const result = validateDependencies(tasks);
     setValidationResult(result);
     onValidateDependencies?.(result);
   }, [tasks, onValidateDependencies]);
-  (0, import_react15.useEffect)(() => () => {
+  (0, import_react16.useEffect)(() => () => {
     if (clearSelectedTaskTimeoutRef.current !== null) {
       window.clearTimeout(clearSelectedTaskTimeoutRef.current);
     }
   }, []);
-  const handleTaskChange = (0, import_react15.useCallback)((updatedTasks) => {
+  const handleTaskChange = (0, import_react16.useCallback)((updatedTasks) => {
     const updatedTask = updatedTasks[0];
     if (!updatedTask) return;
     const originalTask = tasks.find((t) => t.id === updatedTask.id);
@@ -9858,7 +10216,7 @@ function TaskGanttChartInner(props, ref) {
     const cascadedTasks = disableConstraints ? [updatedTask] : universalCascade(updatedTask, newStart, newEnd, sourceTasks, businessDays, isCustomWeekend);
     onTasksChange?.(cascadedTasks);
   }, [tasks, onTasksChange, disableConstraints, editingTaskId, businessDays, isCustomWeekend]);
-  const handleDelete = (0, import_react15.useCallback)((taskId) => {
+  const handleDelete = (0, import_react16.useCallback)((taskId) => {
     const toDelete = /* @__PURE__ */ new Set([taskId]);
     function collectDescendants(parentId) {
       const children = getChildren(parentId, tasks);
@@ -9883,10 +10241,10 @@ function TaskGanttChartInner(props, ref) {
     }
     toDelete.forEach((id) => onDelete?.(id));
   }, [tasks, onTasksChange, onDelete]);
-  const handleInsertAfter = (0, import_react15.useCallback)((taskId, newTask) => {
+  const handleInsertAfter = (0, import_react16.useCallback)((taskId, newTask) => {
     onInsertAfter?.(taskId, newTask);
   }, [onInsertAfter]);
-  const handleReorder = (0, import_react15.useCallback)((reorderedTasks, movedTaskId, inferredParentId) => {
+  const handleReorder = (0, import_react16.useCallback)((reorderedTasks, movedTaskId, inferredParentId) => {
     let updated = reorderedTasks;
     if (movedTaskId) {
       updated = updated.map((t) => {
@@ -9903,7 +10261,7 @@ function TaskGanttChartInner(props, ref) {
     }
     onTasksChange?.(normalized);
   }, [onTasksChange, onReorder]);
-  const dependencyOverrides = (0, import_react15.useMemo)(() => {
+  const dependencyOverrides = (0, import_react16.useMemo)(() => {
     const map = new Map(cascadeOverrides);
     if (draggedTaskOverride) {
       map.set(draggedTaskOverride.taskId, {
@@ -9913,32 +10271,32 @@ function TaskGanttChartInner(props, ref) {
     }
     return map;
   }, [cascadeOverrides, draggedTaskOverride]);
-  const handleCascadeProgress = (0, import_react15.useCallback)((overrides, previewTasks = []) => {
+  const handleCascadeProgress = (0, import_react16.useCallback)((overrides, previewTasks = []) => {
     setCascadeOverrides(new Map(overrides));
     setPreviewTasksById(new Map(previewTasks.map((task) => [task.id, task])));
   }, []);
-  const previewNormalizedTasks = (0, import_react15.useMemo)(() => {
+  const previewNormalizedTasks = (0, import_react16.useMemo)(() => {
     if (previewTasksById.size === 0) return normalizedTasks;
     return normalizedTasks.map((task) => previewTasksById.get(task.id) ?? task);
   }, [normalizedTasks, previewTasksById]);
-  const previewVisibleTasks = (0, import_react15.useMemo)(() => {
+  const previewVisibleTasks = (0, import_react16.useMemo)(() => {
     if (previewTasksById.size === 0) return visibleTasks;
     return visibleTasks.map((task) => previewTasksById.get(task.id) ?? task);
   }, [visibleTasks, previewTasksById]);
-  const handleCascade = (0, import_react15.useCallback)((cascadedTasks) => {
+  const handleCascade = (0, import_react16.useCallback)((cascadedTasks) => {
     onTasksChange?.(cascadedTasks);
   }, [tasks, onTasksChange]);
-  const handleTaskSelect = (0, import_react15.useCallback)((taskId) => {
+  const handleTaskSelect = (0, import_react16.useCallback)((taskId) => {
     setSelectedTaskId(taskId);
   }, []);
-  const hoveredRowElementsRef = (0, import_react15.useRef)([]);
-  const clearHoveredRows = (0, import_react15.useCallback)(() => {
+  const hoveredRowElementsRef = (0, import_react16.useRef)([]);
+  const clearHoveredRows = (0, import_react16.useCallback)(() => {
     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 = [];
   }, []);
-  const applyHoveredRows = (0, import_react15.useCallback)((taskId) => {
+  const applyHoveredRows = (0, import_react16.useCallback)((taskId) => {
     const root = scrollContentRef.current;
     if (!root) return;
     clearHoveredRows();
@@ -9952,10 +10310,13 @@ 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]);
-  const handleSharedRowHover = (0, import_react15.useCallback)((event) => {
+  const handleSharedRowHover = (0, import_react16.useCallback)((event) => {
     const target = event.target;
     const row = target.closest("[data-gantt-task-row-id]");
     const taskId = row?.dataset.ganttTaskRowId;
@@ -9965,7 +10326,7 @@ function TaskGanttChartInner(props, ref) {
     }
     applyHoveredRows(taskId);
   }, [applyHoveredRows]);
-  const handleToggleCollapse = externalOnToggleCollapse ?? (0, import_react15.useCallback)((parentId) => {
+  const handleToggleCollapse = externalOnToggleCollapse ?? (0, import_react16.useCallback)((parentId) => {
     setInternalCollapsedParentIds((prev) => {
       const next = new Set(prev);
       if (next.has(parentId)) {
@@ -9976,20 +10337,20 @@ function TaskGanttChartInner(props, ref) {
       return next;
     });
   }, []);
-  const allParentIds = (0, import_react15.useMemo)(() => {
+  const allParentIds = (0, import_react16.useMemo)(() => {
     return new Set(
       normalizedTasks.filter((t) => isTaskParent(t.id, normalizedTasks)).map((t) => t.id)
     );
   }, [normalizedTasks]);
-  const handleCollapseAll = (0, import_react15.useCallback)(() => {
+  const handleCollapseAll = (0, import_react16.useCallback)(() => {
     if (externalCollapsedParentIds) return;
     setInternalCollapsedParentIds(allParentIds);
   }, [allParentIds, externalCollapsedParentIds]);
-  const handleExpandAll = (0, import_react15.useCallback)(() => {
+  const handleExpandAll = (0, import_react16.useCallback)(() => {
     if (externalCollapsedParentIds) return;
     setInternalCollapsedParentIds(/* @__PURE__ */ new Set());
   }, [externalCollapsedParentIds]);
-  const exportToPdf = (0, import_react15.useCallback)(async (options) => {
+  const exportToPdf = (0, import_react16.useCallback)(async (options) => {
     const sourceContainer = containerRef.current;
     const sourceContent = scrollContentRef.current;
     if (!sourceContainer || !sourceContent || typeof window === "undefined" || typeof document === "undefined") {
@@ -10025,7 +10386,7 @@ function TaskGanttChartInner(props, ref) {
       orientation: options?.orientation
     });
   }, [showTaskList, showChart]);
-  (0, import_react15.useImperativeHandle)(
+  (0, import_react16.useImperativeHandle)(
     ref,
     () => ({
       scrollToToday,
@@ -10048,7 +10409,7 @@ function TaskGanttChartInner(props, ref) {
     }
     return depth;
   }
-  const handlePromoteTask = (0, import_react15.useCallback)((taskId) => {
+  const handlePromoteTask = (0, import_react16.useCallback)((taskId) => {
     if (onPromoteTask) {
       onPromoteTask(taskId);
       return;
@@ -10078,7 +10439,7 @@ function TaskGanttChartInner(props, ref) {
     ]);
     onTasksChange?.(reorderedTasks);
   }, [tasks, onTasksChange, onPromoteTask]);
-  const handleDemoteTask = (0, import_react15.useCallback)((taskId, newParentId) => {
+  const handleDemoteTask = (0, import_react16.useCallback)((taskId, newParentId) => {
     if (onDemoteTask) {
       onDemoteTask(taskId, newParentId);
       return;
@@ -10119,7 +10480,7 @@ function TaskGanttChartInner(props, ref) {
     };
     onTasksChange?.([updatedDemotedTask]);
   }, [tasks, onTasksChange, onDemoteTask]);
-  const handleUngroupTask = (0, import_react15.useCallback)((taskId) => {
+  const handleUngroupTask = (0, import_react16.useCallback)((taskId) => {
     if (onUngroupTask) {
       onUngroupTask(taskId);
       return;
@@ -10144,8 +10505,8 @@ function TaskGanttChartInner(props, ref) {
       onTasksChange?.(changedTasks);
     }
   }, [tasks, onTasksChange, onUngroupTask]);
-  const panStateRef = (0, import_react15.useRef)(null);
-  const handlePanStart = (0, import_react15.useCallback)((e) => {
+  const panStateRef = (0, import_react16.useRef)(null);
+  const handlePanStart = (0, import_react16.useCallback)((e) => {
     if (e.button !== 0) return;
     const target = e.target;
     if (target.closest("[data-taskbar]")) return;
@@ -10166,7 +10527,7 @@ function TaskGanttChartInner(props, ref) {
     container.style.cursor = "grabbing";
     e.preventDefault();
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const handlePanMove = (e) => {
       const pan = panStateRef.current;
       if (!pan?.active) return;
@@ -10188,190 +10549,219 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: containerRef, className: "gantt-container", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
-      ref: scrollContainerRef,
-      className: "gantt-scrollContainer",
-      style: { height: containerHeight ?? "auto", cursor: "grab" },
-      onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      ref: containerRef,
+      className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : "gantt-container",
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "div",
         {
-          ref: scrollContentRef,
-          className: "gantt-scrollContent",
-          onMouseOver: handleSharedRowHover,
-          onMouseLeave: clearHoveredRows,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              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__ */ (0, import_jsx_runtime16.jsxs)(
-              "div",
-              {
-                className: showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
-                style: { minWidth: `${gridWidth}px`, flex: 1, display: showChart ? void 0 : "none" },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                    "div",
-                    {
-                      className: "gantt-stickyHeader",
-                      style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                        TimeScaleHeader_default,
+          ref: scrollContainerRef,
+          className: "gantt-scrollContainer",
+          style: { height: containerHeight ?? "auto", cursor: "grab" },
+          onMouseDown: handlePanStart,
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            "div",
+            {
+              ref: scrollContentRef,
+              className: "gantt-scrollContent",
+              onMouseOver: handleSharedRowHover,
+              onMouseLeave: clearHoveredRows,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  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__ */ (0, import_jsx_runtime17.jsx)(
+                  "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__ */ (0, import_jsx_runtime17.jsx)(
+                      TableMatrix,
+                      {
+                        tasks: visibleTasks,
+                        allTasks: normalizedTasks,
+                        columns: matrixColumns,
+                        columnGroups: matrixColumnGroups,
+                        rowHeight: effectiveRowHeight,
+                        headerHeight: timelineHeaderHeight,
+                        selectedTaskId,
+                        onTaskSelect: handleTaskSelect,
+                        onCellClick: onMatrixCellClick,
+                        highlightedTaskIds: taskListHighlightedTaskIds,
+                        filterMode
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                        "div",
                         {
-                          days: dateRange,
-                          dayWidth,
-                          headerHeight,
-                          viewMode,
-                          isCustomWeekend
+                          className: "gantt-stickyHeader",
+                          style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                            TimeScaleHeader_default,
+                            {
+                              days: dateRange,
+                              dayWidth,
+                              headerHeight,
+                              viewMode,
+                              isCustomWeekend
+                            }
+                          )
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-                    "div",
-                    {
-                      className: "gantt-taskArea",
-                      style: {
-                        position: "relative",
-                        width: `${gridWidth}px`
-                      },
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          GridBackground_default,
-                          {
-                            dateRange,
-                            dayWidth,
-                            totalHeight: totalGridHeight,
-                            viewMode,
-                            isCustomWeekend
-                          }
-                        ),
-                        todayInRange && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          DependencyLines_default,
-                          {
-                            tasks: previewVisibleTasks,
-                            allTasks: previewNormalizedTasks,
-                            collapsedParentIds,
-                            monthStart,
-                            dayWidth,
-                            rowHeight,
-                            gridWidth,
-                            dragOverrides: dependencyOverrides,
-                            selectedDep: selectedChip,
-                            businessDays,
-                            weekendPredicate: isCustomWeekend
-                          }
-                        ),
-                        dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          DragGuideLines_default,
-                          {
-                            isDragging: dragGuideLines.isDragging,
-                            dragMode: dragGuideLines.dragMode,
-                            left: dragGuideLines.left,
-                            width: dragGuideLines.width,
-                            totalHeight: totalGridHeight
-                          }
-                        ),
-                        visibleTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          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__ */ (0, import_jsx_runtime17.jsxs)(
+                        "div",
+                        {
+                          className: "gantt-taskArea",
+                          style: {
+                            position: "relative",
+                            width: `${gridWidth}px`
                           },
-                          task.id
-                        ))
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ]
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              GridBackground_default,
+                              {
+                                dateRange,
+                                dayWidth,
+                                totalHeight: totalGridHeight,
+                                viewMode,
+                                isCustomWeekend
+                              }
+                            ),
+                            todayInRange && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
+                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              DependencyLines_default,
+                              {
+                                tasks: previewVisibleTasks,
+                                allTasks: previewNormalizedTasks,
+                                collapsedParentIds,
+                                monthStart,
+                                dayWidth,
+                                rowHeight: effectiveRowHeight,
+                                gridWidth,
+                                dragOverrides: dependencyOverrides,
+                                selectedDep: selectedChip,
+                                businessDays,
+                                weekendPredicate: isCustomWeekend
+                              }
+                            ),
+                            dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              DragGuideLines_default,
+                              {
+                                isDragging: dragGuideLines.isDragging,
+                                dragMode: dragGuideLines.dragMode,
+                                left: dragGuideLines.left,
+                                width: dragGuideLines.width,
+                                totalHeight: totalGridHeight
+                              }
+                            ),
+                            visibleTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              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 = (0, import_react15.forwardRef)(TaskGanttChartInner);
-var GanttChart = (0, import_react15.forwardRef)(GanttChartInner);
+var TaskGanttChart = (0, import_react16.forwardRef)(TaskGanttChartInner);
+var GanttChart = (0, import_react16.forwardRef)(GanttChartInner);
 GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
-var import_react16 = __toESM(require("react"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Button = import_react16.default.forwardRef(
+var import_react17 = __toESM(require("react"));
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Button = import_react17.default.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
       "gantt-btn",
@@ -10379,7 +10769,7 @@ var Button = import_react16.default.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";
@@ -10431,6 +10821,7 @@ var nameContains = (substring, caseSensitive = false) => (task) => {
   PopoverContent,
   PopoverTrigger,
   ResourceTimelineChart,
+  TableMatrix,
   TaskList,
   TaskRow,
   TimeScaleHeader,