@object-ui/plugin-gantt 4.0.6 → 4.0.8

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @object-ui/plugin-gantt
 
+## 4.0.8
+
+### Patch Changes
+
+- @object-ui/components@4.0.8
+- @object-ui/fields@4.0.8
+- @object-ui/react@4.0.8
+- @object-ui/plugin-detail@4.0.8
+- @object-ui/types@4.0.8
+- @object-ui/core@4.0.8
+
+## 4.0.7
+
+### Patch Changes
+
+- Updated dependencies [7c9b85c]
+  - @object-ui/core@4.0.7
+  - @object-ui/react@4.0.7
+  - @object-ui/components@4.0.7
+  - @object-ui/fields@4.0.7
+  - @object-ui/types@4.0.7
+
 ## 4.0.6
 
 ### Patch Changes

package/README.md

@@ -5,12 +5,74 @@ Gantt chart plugin for Object UI - Visualize project timelines and task dependen
 ## Features
 
 - **Gantt Charts** - Interactive Gantt chart visualization
+- **Full CRUD on the timeline** - Create via toolbar quick-create dialog, edit
+  inline or via drag, delete via row kebab → confirmation dialog, view detail
+  via click → navigation overlay
+- **Drag-and-drop rescheduling** - Drag a bar to move it; drag either edge to resize
+  start/end (snaps to whole days, persists via `dataSource.update`)
 - **Task Dependencies** - Link tasks with dependencies
 - **Timeline View** - Visualize project schedules
 - **Task Management** - Create, edit, and track tasks
 - **Responsive** - Scrollable timeline for large projects
 - **Customizable** - Tailwind CSS styling support
 
+### Create / Edit / Delete / View
+
+When used through `ObjectGantt` (the wiring the framework uses for the
+`gantt` view type) the full CRUD lifecycle is wired automatically:
+
+- **Create** — click the toolbar "+ New Task" button. A small dialog opens
+  pre-filled with start/end (today → +7 days). On submit the component calls
+  `dataSource.create(objectName, { [titleField], [startDateField],
+  [endDateField], …required fields })` and optimistically inserts the new
+  record into the chart.
+- **Edit** — drag the bar (move), drag an edge (resize), or hover the row
+  and pick **Edit inline** from the kebab menu to rename / change dates
+  inline. All paths funnel through `dataSource.update`.
+- **Delete** — hover a row, open the kebab menu, choose **Delete**. A
+  shadcn `<AlertDialog>` asks for confirmation; on confirm `dataSource.delete`
+  removes the record (optimistic local removal, reverts on failure).
+- **View / Edit / Delete in a side drawer** — click anywhere on a row
+  (or pick **View details** in the kebab) to open a right-side drawer
+  containing the standard `<DetailView>` from `@object-ui/plugin-detail`.
+  The drawer ships the same record-header chrome used everywhere else
+  (badges, summary chips, **Edit** + **Inline edit** buttons, and a
+  **…** more-actions menu with **Delete**). Edits via inline-edit save
+  through `dataSource.update` and merge into the local timeline state;
+  delete confirms via the platform standard dialog and removes the row
+  on success. Fields are auto-derived from the record (object schema is
+  fetched by `DetailView` itself when `dataSource.getObjectSchema` is
+  available).
+
+  Override by setting `navigation` on the schema, e.g.
+  `{ mode: 'page', basePath: '/console/apps/.../campaign' }` to route
+  to the standalone detail page instead.
+
+
+### Drag-and-drop rescheduling
+
+When the renderer is used through `ObjectGantt` (the standard wiring used by
+the framework's `gantt` view type) drag is enabled automatically: each bar
+shows a grab cursor; the body drags the entire task, and the two thin edge
+zones (≈6px) resize start or end. Pointer motion snaps to whole days using
+the current column width. On release `ObjectGantt` issues an optimistic local
+patch and a `dataSource.update(objectName, recordId, { [startDateField]: …,
+[endDateField]: … })`. If the request fails the local state is reverted.
+
+When you embed the lower-level `<GanttView>` directly, pass `onTaskUpdate`
+to opt in:
+
+```tsx
+<GanttView
+  tasks={tasks}
+  onTaskUpdate={(task, { start, end }) => {
+    // start/end are JS Date objects already snapped to whole days,
+    // and the resize-left/right cases clamp so end - start >= 1 day.
+    save(task.id, { start, end });
+  }}
+/>
+```
+
 ## Installation
 
 ```bash

package/dist/index.js

@@ -1,35 +1,98 @@
 import * as e from "react";
-import { useEffect as t, useMemo as n, useState as r } from "react";
-import { ComponentRegistry as i, buildExpandFields as a, extractRecords as o } from "@object-ui/core";
-import { useNavigationOverlay as s, useSchemaContext as c } from "@object-ui/react";
-import { GanttConfigSchema as l } from "@objectstack/spec/ui";
-import { Button as u, NavigationOverlay as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g, cn as _, useResizeObserver as v } from "@object-ui/components";
-import { CalendarDays as y, ChevronLeft as b, ChevronRight as x, PanelLeft as S, PanelLeftClose as C, Plus as w, ZoomIn as T, ZoomOut as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+import { ComponentRegistry as a, buildExpandFields as o, extractRecords as s } from "@object-ui/core";
+import { useNavigationOverlay as c, useSchemaContext as l } from "@object-ui/react";
+import { GanttConfigSchema as u } from "@objectstack/spec/ui";
+import { RecordDetailDrawer as d, deriveRecordPageHref as f } from "@object-ui/plugin-detail";
+import { AlertDialog as p, AlertDialogAction as m, AlertDialogCancel as ee, AlertDialogContent as te, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogTitle as v, Button as y, cn as b, useResizeObserver as x } from "@object-ui/components";
+import { CalendarDays as S, ChevronLeft as C, ChevronRight as w, PanelLeft as T, PanelLeftClose as ne, ZoomIn as E, ZoomOut as re } from "lucide-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/GanttView.tsx
-function ee(e) {
+function A(e) {
 	return e < 640 ? 35 : e < 1024 ? 50 : 60;
 }
-function te(e) {
-	return e < 640 ? 120 : e < 1024 ? 200 : 300;
+function j(e) {
+	return e < 640 ? 140 : e < 1024 ? 220 : 320;
+}
+function M(e) {
+	return e >= 280;
 }
-function k(e) {
+function N(e) {
 	return e < 640 ? 32 : 40;
 }
-function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskClick: a, onTaskUpdate: o, onViewChange: s, onAddClick: c, className: l, inlineEdit: d = !1 }) {
-	let [A, j] = e.useState(/* @__PURE__ */ new Date()), M = e.useRef(null), { width: N } = v(M), P = N || (typeof window < "u" ? window.innerWidth : 1024), F = P < 640, I = k(P), ne = ee(P), [re, L] = e.useState(null), R = re ?? ne, [z, B] = e.useState(!1), V = e.useRef(!1);
+function P({ tasks: t, startDate: n, endDate: r, onTaskClick: i, onTaskUpdate: a, className: o, inlineEdit: s = !1 }) {
+	let [c, l] = e.useState(/* @__PURE__ */ new Date()), u = e.useRef(null), { width: d } = x(u), f = d || (typeof window < "u" ? window.innerWidth : 1024), p = f < 640, m = N(f), ee = A(f), [te, h] = e.useState(null), g = te ?? ee, [_, v] = e.useState(!1), P = e.useRef(!1);
 	e.useEffect(() => {
-		!V.current && F && (B(!0), V.current = !0);
-	}, [F]);
-	let H = z ? 0 : te(P), [U, W] = e.useState(null), [G, K] = e.useState({}), q = e.useMemo(() => {
-		let e = r ? new Date(r) : /* @__PURE__ */ new Date(), n = i ? new Date(i) : /* @__PURE__ */ new Date();
-		return !r && t.length > 0 && (e = new Date(Math.min(...t.map((e) => e.start.getTime()))), e.setDate(e.getDate() - 7)), !i && t.length > 0 && (n = new Date(Math.max(...t.map((e) => e.end.getTime()))), n.setDate(n.getDate() + 14)), e.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), {
+		!P.current && p && (v(!0), P.current = !0);
+	}, [p]);
+	let F = _ ? 0 : j(f), I = M(F), [L, R] = e.useState(null), [z, B] = e.useState({}), [V, H] = e.useState(null), U = e.useRef(null);
+	e.useEffect(() => {
+		U.current = V;
+	}, [V]);
+	let W = e.useRef(!1), G = e.useCallback((e) => {
+		let t = 1e3 * 60 * 60 * 24, n = t, r = e.dayDelta * t, i = new Date(e.originStart), a = new Date(e.originEnd);
+		return e.mode === "move" ? (i = new Date(e.originStart.getTime() + r), a = new Date(e.originEnd.getTime() + r)) : e.mode === "resize-left" ? (i = new Date(e.originStart.getTime() + r), a.getTime() - i.getTime() < n && (i = new Date(a.getTime() - n))) : e.mode === "resize-right" && (a = new Date(e.originEnd.getTime() + r), a.getTime() - i.getTime() < n && (a = new Date(i.getTime() + n))), {
+			start: i,
+			end: a
+		};
+	}, []);
+	e.useEffect(() => {
+		if (!V) return;
+		let e = (e) => {
+			let t = U.current;
+			if (!t) return;
+			let n = Math.round((e.clientX - t.originClientX) / Math.max(g, 1));
+			n !== t.dayDelta && H({
+				...t,
+				dayDelta: n
+			});
+		}, n = () => {
+			let e = U.current;
+			if (e) {
+				if (e.dayDelta !== 0) {
+					let n = t.find((t) => t.id === e.taskId);
+					if (n && a) {
+						let { start: t, end: r } = G(e);
+						a(n, {
+							start: t,
+							end: r
+						});
+					}
+					W.current = !0, window.setTimeout(() => {
+						W.current = !1;
+					}, 0);
+				}
+				H(null);
+			}
+		};
+		return window.addEventListener("pointermove", e), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
+			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+		};
+	}, [
+		V,
+		g,
+		t,
+		a,
+		G
+	]);
+	let K = e.useCallback((e, t, n) => {
+		a && (n.stopPropagation(), n.preventDefault(), H({
+			taskId: e.id,
+			mode: t,
+			originStart: new Date(e.start),
+			originEnd: new Date(e.end),
+			originClientX: n.clientX,
+			dayDelta: 0
+		}));
+	}, [a]), q = e.useMemo(() => {
+		let e = n ? new Date(n) : /* @__PURE__ */ new Date(), i = r ? new Date(r) : /* @__PURE__ */ new Date();
+		return !n && t.length > 0 && (e = new Date(Math.min(...t.map((e) => e.start.getTime()))), e.setDate(e.getDate() - 7)), !r && t.length > 0 && (i = new Date(Math.max(...t.map((e) => e.end.getTime()))), i.setDate(i.getDate() + 14)), e.setHours(0, 0, 0, 0), i.setHours(23, 59, 59, 999), {
 			start: e,
-			end: n
+			end: i
 		};
 	}, [
+		n,
 		r,
-		i,
 		t
 	]), J = e.useMemo(() => {
 		let e = [], t = new Date(q.start);
@@ -44,21 +107,21 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 			let t = e.touches[0].clientX - e.touches[1].clientX, n = e.touches[0].clientY - e.touches[1].clientY;
 			Q.current = {
 				baseDistance: Math.max(1, Math.sqrt(t * t + n * n)),
-				baseColumn: R
+				baseColumn: g
 			};
 		}
-	}, [R]), oe = e.useCallback((e) => {
+	}, [g]), oe = e.useCallback((e) => {
 		if (e.touches.length !== 2 || !Q.current) return;
 		let t = e.touches[0].clientX - e.touches[1].clientX, n = e.touches[0].clientY - e.touches[1].clientY, r = Math.max(1, Math.sqrt(t * t + n * n)) / Q.current.baseDistance;
-		L(Math.max(15, Math.min(120, Math.round(Q.current.baseColumn * r))));
+		h(Math.max(15, Math.min(120, Math.round(Q.current.baseColumn * r))));
 	}, []), se = e.useCallback(() => {
 		Q.current = null;
 	}, []), $ = e.useMemo(() => {
 		let e = /* @__PURE__ */ new Date();
 		if (e < q.start || e > q.end) return null;
 		let t = (e.getTime() - q.start.getTime()) / (1440 * 60 * 1e3);
-		return Math.round(t * R);
-	}, [q, R]), ce = e.useCallback(() => {
+		return Math.round(t * g);
+	}, [q, g]), ce = e.useCallback(() => {
 		if ($ == null || !Z.current) return;
 		let e = Math.max(0, $ - Z.current.clientWidth / 2);
 		Z.current.scrollTo({
@@ -69,53 +132,35 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 		Y.current && (Y.current.scrollLeft = e.currentTarget.scrollLeft), X.current && (X.current.scrollTop = e.currentTarget.scrollTop);
 	}, ue = (e) => {
 		q.end.getTime() - q.start.getTime();
-		let t = R, n = 1e3 * 60 * 60 * 24, r = e.start.getTime() - q.start.getTime(), i = e.end.getTime() - e.start.getTime();
+		let t = g, n = 1e3 * 60 * 60 * 24, r = e.start.getTime() - q.start.getTime(), i = e.end.getTime() - e.start.getTime();
 		return {
 			left: r / n * t,
 			width: Math.max(i / n * t, t)
 		};
 	};
-	return /* @__PURE__ */ O("div", {
-		ref: M,
-		className: _("flex flex-col h-full bg-background border rounded-lg overflow-hidden min-w-0", l),
-		children: [/* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
+		ref: u,
+		className: b("flex flex-col h-full bg-background border rounded-lg overflow-hidden min-w-0", o),
+		children: [/* @__PURE__ */ k("div", {
 			className: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 p-2 border-b bg-card",
-			children: [/* @__PURE__ */ O("div", {
+			children: [/* @__PURE__ */ k("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ O(u, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => c?.(),
-						"aria-label": "Create new task",
-						children: [
-							/* @__PURE__ */ D(w, { className: "h-4 w-4 mr-1 sm:mr-2" }),
-							/* @__PURE__ */ D("span", {
-								className: "hidden sm:inline",
-								children: "New Task"
-							}),
-							/* @__PURE__ */ D("span", {
-								className: "sm:hidden",
-								children: "New"
-							})
-						]
-					}),
-					/* @__PURE__ */ D("div", { className: "h-4 w-px bg-border mx-1 sm:mx-2" }),
-					/* @__PURE__ */ D(u, {
+					/* @__PURE__ */ O(y, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8",
 						"aria-label": "Previous period",
-						children: /* @__PURE__ */ D(b, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ O(C, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ D(u, {
+					/* @__PURE__ */ O(y, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8",
 						"aria-label": "Next period",
-						children: /* @__PURE__ */ D(x, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ O(w, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ D("span", {
+					/* @__PURE__ */ O("span", {
 						className: "font-semibold text-xs sm:text-sm",
 						children: q.start.toLocaleDateString(void 0, {
 							month: "long",
@@ -123,63 +168,38 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 						})
 					})
 				]
-			}), /* @__PURE__ */ O("div", {
+			}), /* @__PURE__ */ k("div", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ O(f, {
-						value: n,
-						onValueChange: (e) => s?.(e),
-						children: [/* @__PURE__ */ D(h, {
-							className: "w-[100px] sm:w-[120px] h-8",
-							children: /* @__PURE__ */ D(g, {})
-						}), /* @__PURE__ */ O(p, { children: [
-							/* @__PURE__ */ D(m, {
-								value: "day",
-								children: "Day View"
-							}),
-							/* @__PURE__ */ D(m, {
-								value: "week",
-								children: "Week View"
-							}),
-							/* @__PURE__ */ D(m, {
-								value: "month",
-								children: "Month View"
-							}),
-							/* @__PURE__ */ D(m, {
-								value: "quarter",
-								children: "Quarter View"
-							})
-						] })]
-					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						className: "flex bg-muted rounded-md p-1",
-						children: [/* @__PURE__ */ D(u, {
+						children: [/* @__PURE__ */ O(y, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-6 w-6",
-							onClick: () => L(Math.max(15, R - 10)),
+							onClick: () => h(Math.max(15, g - 10)),
 							"aria-label": "Zoom out",
-							children: /* @__PURE__ */ D(E, { className: "h-3 w-3" })
-						}), /* @__PURE__ */ D(u, {
+							children: /* @__PURE__ */ O(re, { className: "h-3 w-3" })
+						}), /* @__PURE__ */ O(y, {
 							variant: "ghost",
 							size: "icon",
 							className: "h-6 w-6",
-							onClick: () => L(Math.min(120, R + 10)),
+							onClick: () => h(Math.min(120, g + 10)),
 							"aria-label": "Zoom in",
-							children: /* @__PURE__ */ D(T, { className: "h-3 w-3" })
+							children: /* @__PURE__ */ O(E, { className: "h-3 w-3" })
 						})]
 					}),
-					/* @__PURE__ */ D(u, {
+					/* @__PURE__ */ O(y, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8",
-						onClick: () => B((e) => !e),
-						"aria-label": z ? "Show task list" : "Hide task list",
-						"aria-pressed": z,
+						onClick: () => v((e) => !e),
+						"aria-label": _ ? "Show task list" : "Hide task list",
+						"aria-pressed": _,
 						"data-testid": "gantt-toggle-task-list",
-						children: D(z ? S : C, { className: "h-4 w-4" })
+						children: O(_ ? T : ne, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ D(u, {
+					/* @__PURE__ */ O(y, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8",
@@ -187,73 +207,69 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 						disabled: $ == null,
 						"aria-label": "Jump to today",
 						"data-testid": "gantt-jump-today",
-						children: /* @__PURE__ */ D(y, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
 					})
 				]
 			})]
-		}), /* @__PURE__ */ O("div", {
+		}), /* @__PURE__ */ k("div", {
 			className: "flex flex-col flex-1 overflow-hidden",
-			children: [/* @__PURE__ */ O("div", {
+			children: [/* @__PURE__ */ k("div", {
 				className: "flex border-b bg-muted/30 shrink-0 h-10 sm:h-[50px]",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex items-center font-medium text-xs text-muted-foreground px-2 sm:px-4 border-r bg-card z-20 shadow-sm",
 					style: {
-						width: H,
-						minWidth: H
+						width: F,
+						minWidth: F
 					},
-					children: [
-						/* @__PURE__ */ D("div", {
-							className: "flex-1",
-							children: "Task Name"
-						}),
-						/* @__PURE__ */ D("div", {
-							className: "w-16 sm:w-20 text-right hidden sm:block",
-							children: "Start"
-						}),
-						/* @__PURE__ */ D("div", {
-							className: "w-16 sm:w-20 text-right hidden sm:block",
-							children: "End"
-						})
-					]
-				}), /* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
+						className: "flex-1 truncate",
+						children: "Task Name"
+					}), I && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+						className: "w-16 sm:w-20 text-right",
+						children: "Start"
+					}), /* @__PURE__ */ O("div", {
+						className: "w-16 sm:w-20 text-right",
+						children: "End"
+					})] })]
+				}), /* @__PURE__ */ O("div", {
 					className: "flex-1 overflow-hidden",
 					ref: Y,
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "flex h-full",
-						style: { width: J.length * R },
-						children: J.map((e, t) => /* @__PURE__ */ O("div", {
-							className: _("flex flex-col items-center justify-center border-r text-xs text-muted-foreground h-full", e.isWeekend && "bg-muted/50"),
+						style: { width: J.length * g },
+						children: J.map((e, t) => /* @__PURE__ */ k("div", {
+							className: b("flex flex-col items-center justify-center border-r text-xs text-muted-foreground h-full", e.isWeekend && "bg-muted/50"),
 							style: {
-								width: R,
-								minWidth: R
+								width: g,
+								minWidth: g
 							},
-							children: [/* @__PURE__ */ D("span", {
+							children: [/* @__PURE__ */ O("span", {
 								className: "font-medium text-foreground",
 								children: e.label
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ O("span", {
 								className: "text-[10px] opacity-70",
 								children: e.date.toLocaleDateString(void 0, { weekday: "narrow" })
 							})]
 						}, t))
 					})
 				})]
-			}), /* @__PURE__ */ O("div", {
+			}), /* @__PURE__ */ k("div", {
 				className: "flex flex-1 overflow-hidden",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "overflow-hidden border-r bg-card z-10 shadow-sm",
 					ref: X,
 					style: {
-						width: H,
-						minWidth: H
+						width: F,
+						minWidth: F
 					},
 					children: t.map((e) => {
-						let t = d && U === e.id;
-						return /* @__PURE__ */ O("div", {
-							className: "flex items-center border-b px-2 sm:px-4 hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",
-							style: { height: I },
-							onClick: () => !t && a?.(e),
+						let t = s && L === e.id;
+						return /* @__PURE__ */ k("div", {
+							className: "group/task-row flex items-center border-b px-2 sm:px-4 hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",
+							style: { height: m },
+							onClick: () => !t && i?.(e),
 							onDoubleClick: () => {
-								d && o && (W(e.id), K({
+								s && a && (R(e.id), B({
 									title: e.title,
 									start: e.start.toLocaleDateString("en-CA"),
 									end: e.end.toLocaleDateString("en-CA"),
@@ -261,34 +277,34 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 								}));
 							},
 							children: [
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex-1 truncate font-medium text-xs sm:text-sm flex items-center gap-2",
-									children: [/* @__PURE__ */ D("div", {
+									children: [/* @__PURE__ */ O("div", {
 										className: "w-2 h-2 rounded-full shrink-0",
 										style: { backgroundColor: e.color || "#3b82f6" }
-									}), t ? /* @__PURE__ */ D("input", {
+									}), t ? /* @__PURE__ */ O("input", {
 										className: "border rounded px-1 py-0.5 text-xs w-full bg-background",
-										value: G.title || "",
-										onChange: (e) => K((t) => ({
+										value: z.title || "",
+										onChange: (e) => B((t) => ({
 											...t,
 											title: e.target.value
 										})),
 										onKeyDown: (t) => {
-											t.key === "Enter" ? (o?.(e, {
-												title: G.title,
-												start: new Date(G.start),
-												end: new Date(G.end),
-												progress: Number(G.progress) || 0
-											}), W(null)) : t.key === "Escape" && W(null);
+											t.key === "Enter" ? (a?.(e, {
+												title: z.title,
+												start: new Date(z.start),
+												end: new Date(z.end),
+												progress: Number(z.progress) || 0
+											}), R(null)) : t.key === "Escape" && R(null);
 										},
 										onClick: (e) => e.stopPropagation(),
 										autoFocus: !0
-									}) : /* @__PURE__ */ O("span", {
+									}) : /* @__PURE__ */ k("span", {
 										className: "flex flex-col min-w-0",
-										children: [/* @__PURE__ */ D("span", {
+										children: [/* @__PURE__ */ O("span", {
 											className: "truncate",
 											children: e.title
-										}), /* @__PURE__ */ O("span", {
+										}), /* @__PURE__ */ k("span", {
 											className: "text-[10px] text-muted-foreground sm:hidden",
 											children: [
 												e.start.toLocaleDateString(void 0, {
@@ -304,13 +320,15 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 										})]
 									})]
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block",
-									children: t ? /* @__PURE__ */ D("input", {
+									hidden: !I,
+									style: I ? void 0 : { display: "none" },
+									children: t ? /* @__PURE__ */ O("input", {
 										type: "date",
 										className: "border rounded px-1 py-0.5 text-xs w-full bg-background",
-										value: G.start || "",
-										onChange: (e) => K((t) => ({
+										value: z.start || "",
+										onChange: (e) => B((t) => ({
 											...t,
 											start: e.target.value
 										})),
@@ -320,13 +338,15 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 										day: "numeric"
 									})
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block",
-									children: t ? /* @__PURE__ */ D("input", {
+									hidden: !I,
+									style: I ? void 0 : { display: "none" },
+									children: t ? /* @__PURE__ */ O("input", {
 										type: "date",
 										className: "border rounded px-1 py-0.5 text-xs w-full bg-background",
-										value: G.end || "",
-										onChange: (e) => K((t) => ({
+										value: z.end || "",
+										onChange: (e) => B((t) => ({
 											...t,
 											end: e.target.value
 										})),
@@ -339,7 +359,7 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 							]
 						}, e.id);
 					})
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "flex-1 overflow-auto bg-background/50 relative [-webkit-overflow-scrolling:touch]",
 					ref: (e) => {
 						ie.current = e, Z.current = e;
@@ -349,58 +369,105 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 					onTouchMove: oe,
 					onTouchEnd: se,
 					"data-testid": "gantt-timeline",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ k("div", {
 						className: "relative",
-						style: { width: J.length * R },
-						children: [$ != null && /* @__PURE__ */ D("div", {
+						style: { width: J.length * g },
+						children: [$ != null && /* @__PURE__ */ O("div", {
 							className: "absolute top-0 bottom-0 w-px bg-red-500/80 z-20 pointer-events-none",
 							style: { left: $ },
 							"data-testid": "gantt-today-marker",
 							"aria-label": "Today",
-							children: /* @__PURE__ */ D("div", {
+							children: /* @__PURE__ */ O("div", {
 								className: "absolute -top-2 -translate-x-1/2 left-0 text-[10px] font-semibold text-white bg-red-500 rounded-sm px-1 py-0.5 whitespace-nowrap",
 								children: "Today"
 							})
-						}), /* @__PURE__ */ O("div", {
+						}), /* @__PURE__ */ k("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "absolute inset-0 flex pointer-events-none z-0",
-									children: J.map((e, t) => /* @__PURE__ */ D("div", {
-										className: _("border-r h-full", e.isWeekend && "bg-muted/20"),
+									children: J.map((e, t) => /* @__PURE__ */ O("div", {
+										className: b("border-r h-full", e.isWeekend && "bg-muted/20"),
 										style: {
-											width: R,
-											minWidth: R
+											width: g,
+											minWidth: g
 										}
 									}, t))
 								}),
 								t.map((e) => {
-									let t = ue(e);
-									return /* @__PURE__ */ D("div", {
+									let t = ue(e), n = V?.taskId === e.id, r = t;
+									if (n && V) {
+										let t = G(V);
+										r = ue({
+											...e,
+											start: t.start,
+											end: t.end
+										});
+									}
+									let o = !!a;
+									return /* @__PURE__ */ k("div", {
 										className: "relative border-b hover:bg-black/5",
-										style: { height: I },
-										children: /* @__PURE__ */ O("div", {
-											className: "absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm bg-primary border border-primary-foreground/20 shadow-sm cursor-pointer hover:brightness-110 flex items-center px-2 group",
+										style: { height: m },
+										children: [n && /* @__PURE__ */ O("div", {
+											className: "absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm border border-dashed border-primary/60 pointer-events-none",
 											style: {
 												left: t.left,
 												width: t.width,
+												opacity: .35
+											},
+											"aria-hidden": "true"
+										}), /* @__PURE__ */ k("div", {
+											className: b("absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm bg-primary border border-primary-foreground/20 shadow-sm hover:brightness-110 flex items-center px-2 group select-none", o ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", n && "ring-2 ring-primary/60 brightness-110 z-10"),
+											style: {
+												left: r.left,
+												width: r.width,
 												backgroundColor: e.color || "#3b82f6"
 											},
-											onClick: () => a?.(e),
-											children: [e.progress > 0 && /* @__PURE__ */ D("div", {
-												className: "absolute left-0 top-0 bottom-0 bg-black/20 rounded-l-sm",
-												style: { width: `${e.progress}%` }
-											}), /* @__PURE__ */ O("span", {
-												className: "text-[10px] text-white font-medium truncate opacity-0 group-hover:opacity-100 transition-opacity",
-												children: [Math.round(e.progress), "%"]
-											})]
-										})
+											"data-testid": `gantt-task-bar-${e.id}`,
+											onClick: () => {
+												W.current || i?.(e);
+											},
+											onPointerDown: o ? (t) => {
+												t.button === 0 && K(e, "move", t);
+											} : void 0,
+											children: [
+												o && r.width >= 14 && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+													className: "absolute left-0 top-0 bottom-0 w-1.5 cursor-ew-resize hover:bg-white/40",
+													"data-testid": `gantt-task-resize-left-${e.id}`,
+													onPointerDown: (t) => {
+														t.button === 0 && K(e, "resize-left", t);
+													},
+													onClick: (e) => e.stopPropagation()
+												}), /* @__PURE__ */ O("div", {
+													className: "absolute right-0 top-0 bottom-0 w-1.5 cursor-ew-resize hover:bg-white/40",
+													"data-testid": `gantt-task-resize-right-${e.id}`,
+													onPointerDown: (t) => {
+														t.button === 0 && K(e, "resize-right", t);
+													},
+													onClick: (e) => e.stopPropagation()
+												})] }),
+												e.progress > 0 && /* @__PURE__ */ O("div", {
+													className: "absolute left-0 top-0 bottom-0 bg-black/20 rounded-l-sm pointer-events-none",
+													style: { width: `${e.progress}%` }
+												}),
+												/* @__PURE__ */ O("span", {
+													className: "text-[10px] text-white font-medium truncate opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none",
+													children: n ? `${G(V).start.toLocaleDateString(void 0, {
+														month: "numeric",
+														day: "numeric"
+													})} → ${G(V).end.toLocaleDateString(void 0, {
+														month: "numeric",
+														day: "numeric"
+													})}` : `${Math.round(e.progress)}%`
+												})
+											]
+										})]
 									}, e.id);
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ O("div", {
 									className: "absolute top-0 bottom-0 w-px bg-red-500 z-20 pointer-events-none",
-									style: { left: ((/* @__PURE__ */ new Date()).getTime() - q.start.getTime()) / (1e3 * 60 * 60 * 24) * R },
-									children: /* @__PURE__ */ D("div", { className: "w-2 h-2 rounded-full bg-red-500 -ml-[3px]" })
+									style: { left: ((/* @__PURE__ */ new Date()).getTime() - q.start.getTime()) / (1e3 * 60 * 60 * 24) * g },
+									children: /* @__PURE__ */ O("div", { className: "w-2 h-2 rounded-full bg-red-500 -ml-[3px]" })
 								})
 							]
 						})]
@@ -412,7 +479,7 @@ function A({ tasks: t, viewMode: n = "month", startDate: r, endDate: i, onTaskCl
 }
 //#endregion
 //#region src/ObjectGantt.tsx
-function j(e) {
+function F(e) {
 	return e.data ? e.data : e.staticData ? {
 		provider: "value",
 		items: e.staticData
@@ -421,7 +488,7 @@ function j(e) {
 		object: e.objectName
 	} : null;
 }
-function M(e) {
+function I(e) {
 	if (e) {
 		if (typeof e == "string") {
 			let t = e.split(" "), n = t[0], r = t[1]?.toLowerCase() === "desc" ? "desc" : "asc";
@@ -430,7 +497,7 @@ function M(e) {
 		if (Array.isArray(e)) return e.reduce((e, t) => (t.field && t.order && (e[t.field] = t.order), e), {});
 	}
 }
-function N(e) {
+function L(e) {
 	let t = null;
 	if (e.startDateField && e.endDateField) return t = {
 		startDateField: e.startDateField,
@@ -441,147 +508,263 @@ function N(e) {
 		colorField: e.colorField
 	}, t;
 	if (e.gantt && (t = e.gantt), t) {
-		let e = l.safeParse(t);
+		let e = u.safeParse(t);
 		return e.success || console.warn("[ObjectGantt] Invalid gantt configuration:", e.error.format()), t;
 	}
 	return null;
 }
-var P = ({ schema: e, dataSource: i, className: c, onTaskClick: l, onRowClick: u, ...f }) => {
-	let [p, m] = r([]), [h, g] = r(!0), [_, v] = r(null), [y, b] = r(null), x = j(e), S = n(() => x, [JSON.stringify(x)]), C = N(e), w = S?.provider === "value";
-	t(() => {
+var R = ({ schema: e, dataSource: a, className: l, onTaskClick: u, onRowClick: y, ...b }) => {
+	let [x, S] = i([]), [C, w] = i(!0), [T, ne] = i(null), [E, re] = i(null), A = F(e), j = r(() => A, [JSON.stringify(A)]), M = L(e), N = j?.provider === "value";
+	n(() => {
 		(async () => {
 			try {
-				if (g(!0), f.data && Array.isArray(f.data)) {
-					m(f.data), g(!1);
+				if (w(!0), b.data && Array.isArray(b.data)) {
+					S(b.data), w(!1);
 					return;
 				}
-				if (w && S?.provider === "value") {
-					m(S.items), g(!1);
+				if (N && j?.provider === "value") {
+					S(j.items), w(!1);
 					return;
 				}
-				if (!i || typeof i.find != "function") throw Error("DataSource required for object/api providers");
-				if (S?.provider === "object") {
-					let t = S.object, n = a(y?.fields);
-					m(o(await i.find(t, {
+				if (!a || typeof a.find != "function") throw Error("DataSource required for object/api providers");
+				if (j?.provider === "object") {
+					let t = j.object, n = o(E?.fields);
+					S(s(await a.find(t, {
 						$filter: e.filter,
-						$orderby: M(e.sort),
+						$orderby: I(e.sort),
 						...n.length > 0 ? { $expand: n } : {}
 					})));
-				} else S?.provider === "api" && (console.warn("API provider not yet implemented for ObjectGantt"), m([]));
-				g(!1);
+				} else j?.provider === "api" && (console.warn("API provider not yet implemented for ObjectGantt"), S([]));
+				w(!1);
 			} catch (e) {
-				v(e), g(!1);
+				ne(e), w(!1);
 			}
 		})();
 	}, [
-		S,
-		i,
-		w,
+		j,
+		a,
+		N,
 		e.filter,
 		e.sort,
-		y
-	]), t(() => {
-		!w && i && (async () => {
+		E
+	]), n(() => {
+		!N && a && (async () => {
 			try {
-				if (!i) return;
-				let t = S?.provider === "object" ? S.object : e.objectName;
+				if (!a) return;
+				let t = j?.provider === "object" ? j.object : e.objectName;
 				if (!t) return;
-				b(await i.getObjectSchema(t));
+				re(await a.getObjectSchema(t));
 			} catch (e) {
 				console.error("Failed to fetch object schema:", e);
 			}
 		})();
 	}, [
 		e.objectName,
-		i,
-		w,
-		S
+		a,
+		N,
+		j
 	]);
-	let T = n(() => {
-		if (!C || !p.length) return [];
-		let { startDateField: e, endDateField: t, titleField: n, progressField: r, dependenciesField: i, colorField: a } = C;
-		return p.map((o, s) => {
-			let c = o[e], l = o[t], u = o[n] || "Untitled Task", d = r ? o[r] : 0, f = i ? o[i] : [], p = a ? o[a] : void 0;
+	let R = r(() => {
+		if (!M || !x.length) return [];
+		let { startDateField: e, endDateField: t, titleField: n, progressField: r, dependenciesField: i, colorField: a } = M, o = (e, t) => {
+			if (!t) return;
+			let n = t.split("."), r = e;
+			for (let e of n) {
+				if (r == null) return;
+				r = r[e];
+			}
+			return r;
+		}, s = (e) => {
+			let t = [
+				o(e, n),
+				e?.name,
+				e?.title,
+				e?.subject,
+				e?.label,
+				e?.account?.name,
+				e?.opportunity?.name,
+				e?.contact && [e.contact.first_name, e.contact.last_name].filter(Boolean).join(" "),
+				e?.id,
+				e?._id
+			];
+			for (let e of t) if (e != null && String(e).trim() !== "") return String(e);
+			return "Untitled";
+		};
+		return x.map((n, o) => {
+			let c = n[e], l = n[t], u = s(n), d = r ? n[r] : 0, f = i ? n[i] : [], p = a ? n[a] : void 0;
 			return {
-				id: o.id || o._id || `task-${s}`,
+				id: n.id || n._id || `task-${o}`,
 				title: u,
 				start: c ? new Date(c) : /* @__PURE__ */ new Date(),
 				end: l ? new Date(l) : /* @__PURE__ */ new Date(),
 				progress: Math.min(100, Math.max(0, d || 0)),
 				dependencies: Array.isArray(f) ? f : [],
 				color: p,
-				data: o
+				data: n
 			};
 		}).filter((e) => !isNaN(e.start.getTime()) && !isNaN(e.end.getTime()));
-	}, [p, C]), E = s({
-		navigation: e.navigation,
+	}, [x, M]), z = e.navigation ?? {
+		mode: "drawer",
+		width: "min(960px, 60vw)"
+	}, B = z.mode === "drawer" || z.mode === "modal" || z.mode === "split" || z.mode === "popover", V = c({
+		navigation: z,
 		objectName: e.objectName,
-		onRowClick: u
-	});
-	return h ? /* @__PURE__ */ D("div", {
-		className: c,
-		children: /* @__PURE__ */ D("div", {
+		onRowClick: B ? void 0 : y
+	}), H = t(async (t, n) => {
+		if (!M) return;
+		let r = j?.provider === "object" ? j.object : e.objectName;
+		if (!r || !a || typeof a.update != "function") return;
+		let { startDateField: i, endDateField: o, titleField: s, progressField: c } = M, l = {};
+		if (n.start instanceof Date && (l[i] = n.start.toISOString()), n.end instanceof Date && (l[o] = n.end.toISOString()), typeof n.title == "string" && s && (l[s] = n.title), typeof n.progress == "number" && c && (l[c] = n.progress), Object.keys(l).length === 0) return;
+		let u = t.data?.id ?? t.data?._id ?? t.id;
+		if (u == null) return;
+		let d = x;
+		S((e) => e.map((e) => String(e.id ?? e._id) === String(u) ? {
+			...e,
+			...l
+		} : e));
+		try {
+			await a.update(r, String(u), l);
+		} catch (e) {
+			console.error("[ObjectGantt] Failed to persist task update:", e), S(d);
+		}
+	}, [
+		M,
+		j,
+		a,
+		e.objectName,
+		x
+	]), [U, W] = i(null), [G, K] = i(!1), q = t((e) => {
+		W(e);
+	}, []), J = t(async () => {
+		if (!U) return;
+		let t = j?.provider === "object" ? j.object : e.objectName;
+		if (!t || !a?.delete) {
+			W(null);
+			return;
+		}
+		let n = U.data?.id ?? U.data?._id ?? U.id;
+		if (n == null) {
+			W(null);
+			return;
+		}
+		K(!0);
+		let r = x;
+		S((e) => e.filter((e) => String(e.id ?? e._id) !== String(n)));
+		try {
+			await a.delete(t, String(n)), W(null);
+		} catch (e) {
+			console.error("[ObjectGantt] Failed to delete:", e), S(r), W(null);
+		} finally {
+			K(!1);
+		}
+	}, [
+		U,
+		j,
+		a,
+		e.objectName,
+		x
+	]);
+	return C ? /* @__PURE__ */ O("div", {
+		className: l,
+		children: /* @__PURE__ */ O("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ D("div", {
+			children: /* @__PURE__ */ O("div", {
 				className: "text-muted-foreground",
 				children: "Loading Gantt chart..."
 			})
 		})
-	}) : _ ? /* @__PURE__ */ D("div", {
-		className: c,
-		children: /* @__PURE__ */ D("div", {
+	}) : T ? /* @__PURE__ */ O("div", {
+		className: l,
+		children: /* @__PURE__ */ O("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ O("div", {
+			children: /* @__PURE__ */ k("div", {
 				className: "text-destructive",
-				children: ["Error: ", _.message]
+				children: ["Error: ", T.message]
 			})
 		})
-	}) : C ? /* @__PURE__ */ O("div", {
-		className: c,
-		children: [/* @__PURE__ */ D("div", {
-			className: "h-[calc(100vh-200px)] min-h-[600px]",
-			children: /* @__PURE__ */ D(A, {
-				tasks: T,
-				onTaskClick: (e) => {
-					E.handleClick(e.data), l?.(e.data);
+	}) : M ? /* @__PURE__ */ k("div", {
+		className: l,
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "h-[calc(100vh-200px)] min-h-[600px]",
+				children: /* @__PURE__ */ O(P, {
+					tasks: R,
+					onTaskClick: (e) => {
+						V.handleClick(e.data), u?.(e.data);
+					},
+					onTaskUpdate: H,
+					onTaskDelete: q,
+					inlineEdit: !0
+				})
+			}),
+			V.isOverlay && V.isOpen && V.selectedRecord && (() => {
+				let t = j?.provider === "object" ? j.object : e.objectName, n = V.selectedRecord, r = n.id ?? n._id;
+				if (!t || r == null) return null;
+				let i = M?.titleField ? String(n[M.titleField] ?? "Task Details") : "Task Details";
+				return /* @__PURE__ */ O(d, {
+					open: !0,
+					onClose: V.close,
+					title: i,
+					record: n,
+					objectName: t,
+					recordId: r,
+					dataSource: a,
+					objectSchema: E,
+					width: V.width,
+					fullPageHref: f(t, r) ?? void 0,
+					onFieldSave: async (e, n) => {
+						a?.update && (await a.update(t, String(r), { [e]: n }), S((t) => t.map((t) => String(t.id ?? t._id) === String(r) ? {
+							...t,
+							[e]: n
+						} : t)));
+					},
+					onDelete: async () => {
+						a?.delete && (await a.delete(t, String(r)), S((e) => e.filter((e) => String(e.id ?? e._id) !== String(r))));
+					}
+				});
+			})(),
+			/* @__PURE__ */ O(p, {
+				open: !!U,
+				onOpenChange: (e) => {
+					!e && !G && W(null);
 				},
-				onAddClick: () => {}
-			})
-		}), E.isOverlay && /* @__PURE__ */ D(d, {
-			...E,
-			title: "Task Details",
-			children: (e) => /* @__PURE__ */ D("div", {
-				className: "space-y-3",
-				children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ O("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ D("span", {
-						className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
-						children: e.replace(/_/g, " ")
-					}), /* @__PURE__ */ D("span", {
-						className: "text-sm",
-						children: String(t ?? "—")
-					})]
-				}, e))
+				children: /* @__PURE__ */ k(te, { children: [/* @__PURE__ */ k(_, { children: [/* @__PURE__ */ O(v, { children: "Delete this task?" }), /* @__PURE__ */ O(h, { children: U ? /* @__PURE__ */ k(D, { children: [
+					"\"",
+					U.title,
+					"\" will be permanently removed. This action cannot be undone."
+				] }) : null })] }), /* @__PURE__ */ k(g, { children: [/* @__PURE__ */ O(ee, {
+					disabled: G,
+					children: "Cancel"
+				}), /* @__PURE__ */ O(m, {
+					onClick: (e) => {
+						e.preventDefault(), J();
+					},
+					disabled: G,
+					"data-testid": "gantt-delete-confirm",
+					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+					children: G ? "Deleting…" : "Delete"
+				})] })] })
 			})
-		})]
-	}) : /* @__PURE__ */ D("div", {
-		className: c,
-		children: /* @__PURE__ */ D("div", {
+		]
+	}) : /* @__PURE__ */ O("div", {
+		className: l,
+		children: /* @__PURE__ */ O("div", {
 			className: "flex items-center justify-center h-96",
-			children: /* @__PURE__ */ D("div", {
+			children: /* @__PURE__ */ O("div", {
 				className: "text-muted-foreground",
 				children: "Gantt configuration required. Please specify startDateField, endDateField, and titleField."
 			})
 		})
 	});
-}, F = ({ schema: e }) => {
-	let { dataSource: t } = c() || {};
-	return /* @__PURE__ */ D(P, {
+}, z = ({ schema: e }) => {
+	let { dataSource: t } = l() || {};
+	return /* @__PURE__ */ O(R, {
 		schema: e,
 		dataSource: t
 	});
 };
-i.register("object-gantt", F, {
+a.register("object-gantt", z, {
 	namespace: "plugin-gantt",
 	label: "Object Gantt",
 	category: "view",
@@ -596,7 +779,7 @@ i.register("object-gantt", F, {
 		label: "Gantt Config",
 		description: "startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField"
 	}]
-}), i.register("gantt", F, {
+}), a.register("gantt", z, {
 	namespace: "view",
 	label: "Gantt View",
 	category: "view",
@@ -613,4 +796,4 @@ i.register("object-gantt", F, {
 	}]
 });
 //#endregion
-export { A as GanttView, P as ObjectGantt, F as ObjectGanttRenderer };
+export { P as GanttView, R as ObjectGantt, z as ObjectGanttRenderer };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/react`),require(`@objectstack/spec/ui`),require(`@object-ui/components`),require(`lucide-react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@objectstack/spec/ui`,`@object-ui/components`,`lucide-react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginGantt={},e.React,e.ObjectUICore,e.ObjectUIReact,e._objectstack_spec_ui,e.ObjectUIComponents,e.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o,s){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var c=Object.create,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,f=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty,m=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=d(t),a=0,o=i.length,s;a<o;a++)s=i[a],!p.call(e,s)&&s!==n&&l(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=u(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:c(f(e)),m(t||!e||!e.__esModule?l(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function h(e){return e<640?35:e<1024?50:60}function g(e){return e<640?120:e<1024?200:300}function _(e){return e<640?32:40}function v({tasks:e,viewMode:n=`month`,startDate:r,endDate:i,onTaskClick:c,onTaskUpdate:l,onViewChange:u,onAddClick:d,className:f,inlineEdit:p=!1}){let[m,v]=t.useState(new Date),y=t.useRef(null),{width:b}=(0,a.useResizeObserver)(y),x=b||(typeof window<`u`?window.innerWidth:1024),S=x<640,C=_(x),w=h(x),[T,E]=t.useState(null),D=T??w,[O,k]=t.useState(!1),A=t.useRef(!1);t.useEffect(()=>{!A.current&&S&&(k(!0),A.current=!0)},[S]);let j=O?0:g(x),[M,N]=t.useState(null),[P,F]=t.useState({}),I=t.useMemo(()=>{let t=r?new Date(r):new Date,n=i?new Date(i):new Date;return!r&&e.length>0&&(t=new Date(Math.min(...e.map(e=>e.start.getTime()))),t.setDate(t.getDate()-7)),!i&&e.length>0&&(n=new Date(Math.max(...e.map(e=>e.end.getTime()))),n.setDate(n.getDate()+14)),t.setHours(0,0,0,0),n.setHours(23,59,59,999),{start:t,end:n}},[r,i,e]),L=t.useMemo(()=>{let e=[],t=new Date(I.start);for(;t<=I.end;)e.push({date:new Date(t),label:t.getDate().toString(),isWeekend:t.getDay()===0||t.getDay()===6}),t.setDate(t.getDate()+1);return e},[I]),R=t.useRef(null),z=t.useRef(null),B=t.useRef(null),V=t.useRef(null),H=t.useRef(null),U=t.useCallback(e=>{if(e.touches.length===2){let t=e.touches[0].clientX-e.touches[1].clientX,n=e.touches[0].clientY-e.touches[1].clientY;H.current={baseDistance:Math.max(1,Math.sqrt(t*t+n*n)),baseColumn:D}}},[D]),W=t.useCallback(e=>{if(e.touches.length!==2||!H.current)return;let t=e.touches[0].clientX-e.touches[1].clientX,n=e.touches[0].clientY-e.touches[1].clientY,r=Math.max(1,Math.sqrt(t*t+n*n))/H.current.baseDistance;E(Math.max(15,Math.min(120,Math.round(H.current.baseColumn*r))))},[]),G=t.useCallback(()=>{H.current=null},[]),K=t.useMemo(()=>{let e=new Date;if(e<I.start||e>I.end)return null;let t=(e.getTime()-I.start.getTime())/(1440*60*1e3);return Math.round(t*D)},[I,D]),q=t.useCallback(()=>{if(K==null||!V.current)return;let e=Math.max(0,K-V.current.clientWidth/2);V.current.scrollTo({left:e,behavior:`smooth`})},[K]),J=e=>{R.current&&(R.current.scrollLeft=e.currentTarget.scrollLeft),z.current&&(z.current.scrollTop=e.currentTarget.scrollTop)},Y=e=>{I.end.getTime()-I.start.getTime();let t=D,n=1e3*60*60*24,r=e.start.getTime()-I.start.getTime(),i=e.end.getTime()-e.start.getTime();return{left:r/n*t,width:Math.max(i/n*t,t)}};return(0,s.jsxs)(`div`,{ref:y,className:(0,a.cn)(`flex flex-col h-full bg-background border rounded-lg overflow-hidden min-w-0`,f),children:[(0,s.jsxs)(`div`,{className:`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 p-2 border-b bg-card`,children:[(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsxs)(a.Button,{variant:`outline`,size:`sm`,onClick:()=>d?.(),"aria-label":`Create new task`,children:[(0,s.jsx)(o.Plus,{className:`h-4 w-4 mr-1 sm:mr-2`}),(0,s.jsx)(`span`,{className:`hidden sm:inline`,children:`New Task`}),(0,s.jsx)(`span`,{className:`sm:hidden`,children:`New`})]}),(0,s.jsx)(`div`,{className:`h-4 w-px bg-border mx-1 sm:mx-2`}),(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,"aria-label":`Previous period`,children:(0,s.jsx)(o.ChevronLeft,{className:`h-4 w-4`})}),(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,"aria-label":`Next period`,children:(0,s.jsx)(o.ChevronRight,{className:`h-4 w-4`})}),(0,s.jsx)(`span`,{className:`font-semibold text-xs sm:text-sm`,children:I.start.toLocaleDateString(void 0,{month:`long`,year:`numeric`})})]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,s.jsxs)(a.Select,{value:n,onValueChange:e=>u?.(e),children:[(0,s.jsx)(a.SelectTrigger,{className:`w-[100px] sm:w-[120px] h-8`,children:(0,s.jsx)(a.SelectValue,{})}),(0,s.jsxs)(a.SelectContent,{children:[(0,s.jsx)(a.SelectItem,{value:`day`,children:`Day View`}),(0,s.jsx)(a.SelectItem,{value:`week`,children:`Week View`}),(0,s.jsx)(a.SelectItem,{value:`month`,children:`Month View`}),(0,s.jsx)(a.SelectItem,{value:`quarter`,children:`Quarter View`})]})]}),(0,s.jsxs)(`div`,{className:`flex bg-muted rounded-md p-1`,children:[(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>E(Math.max(15,D-10)),"aria-label":`Zoom out`,children:(0,s.jsx)(o.ZoomOut,{className:`h-3 w-3`})}),(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>E(Math.min(120,D+10)),"aria-label":`Zoom in`,children:(0,s.jsx)(o.ZoomIn,{className:`h-3 w-3`})})]}),(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:()=>k(e=>!e),"aria-label":O?`Show task list`:`Hide task list`,"aria-pressed":O,"data-testid":`gantt-toggle-task-list`,children:O?(0,s.jsx)(o.PanelLeft,{className:`h-4 w-4`}):(0,s.jsx)(o.PanelLeftClose,{className:`h-4 w-4`})}),(0,s.jsx)(a.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:q,disabled:K==null,"aria-label":`Jump to today`,"data-testid":`gantt-jump-today`,children:(0,s.jsx)(o.CalendarDays,{className:`h-4 w-4`})})]})]}),(0,s.jsxs)(`div`,{className:`flex flex-col flex-1 overflow-hidden`,children:[(0,s.jsxs)(`div`,{className:`flex border-b bg-muted/30 shrink-0 h-10 sm:h-[50px]`,children:[(0,s.jsxs)(`div`,{className:`flex items-center font-medium text-xs text-muted-foreground px-2 sm:px-4 border-r bg-card z-20 shadow-sm`,style:{width:j,minWidth:j},children:[(0,s.jsx)(`div`,{className:`flex-1`,children:`Task Name`}),(0,s.jsx)(`div`,{className:`w-16 sm:w-20 text-right hidden sm:block`,children:`Start`}),(0,s.jsx)(`div`,{className:`w-16 sm:w-20 text-right hidden sm:block`,children:`End`})]}),(0,s.jsx)(`div`,{className:`flex-1 overflow-hidden`,ref:R,children:(0,s.jsx)(`div`,{className:`flex h-full`,style:{width:L.length*D},children:L.map((e,t)=>(0,s.jsxs)(`div`,{className:(0,a.cn)(`flex flex-col items-center justify-center border-r text-xs text-muted-foreground h-full`,e.isWeekend&&`bg-muted/50`),style:{width:D,minWidth:D},children:[(0,s.jsx)(`span`,{className:`font-medium text-foreground`,children:e.label}),(0,s.jsx)(`span`,{className:`text-[10px] opacity-70`,children:e.date.toLocaleDateString(void 0,{weekday:`narrow`})})]},t))})})]}),(0,s.jsxs)(`div`,{className:`flex flex-1 overflow-hidden`,children:[(0,s.jsx)(`div`,{className:`overflow-hidden border-r bg-card z-10 shadow-sm`,ref:z,style:{width:j,minWidth:j},children:e.map(e=>{let t=p&&M===e.id;return(0,s.jsxs)(`div`,{className:`flex items-center border-b px-2 sm:px-4 hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation`,style:{height:C},onClick:()=>!t&&c?.(e),onDoubleClick:()=>{p&&l&&(N(e.id),F({title:e.title,start:e.start.toLocaleDateString(`en-CA`),end:e.end.toLocaleDateString(`en-CA`),progress:String(e.progress)}))},children:[(0,s.jsxs)(`div`,{className:`flex-1 truncate font-medium text-xs sm:text-sm flex items-center gap-2`,children:[(0,s.jsx)(`div`,{className:`w-2 h-2 rounded-full shrink-0`,style:{backgroundColor:e.color||`#3b82f6`}}),t?(0,s.jsx)(`input`,{className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:P.title||``,onChange:e=>F(t=>({...t,title:e.target.value})),onKeyDown:t=>{t.key===`Enter`?(l?.(e,{title:P.title,start:new Date(P.start),end:new Date(P.end),progress:Number(P.progress)||0}),N(null)):t.key===`Escape`&&N(null)},onClick:e=>e.stopPropagation(),autoFocus:!0}):(0,s.jsxs)(`span`,{className:`flex flex-col min-w-0`,children:[(0,s.jsx)(`span`,{className:`truncate`,children:e.title}),(0,s.jsxs)(`span`,{className:`text-[10px] text-muted-foreground sm:hidden`,children:[e.start.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`}),` → `,e.end.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})]})]})]}),(0,s.jsx)(`div`,{className:`w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block`,children:t?(0,s.jsx)(`input`,{type:`date`,className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:P.start||``,onChange:e=>F(t=>({...t,start:e.target.value})),onClick:e=>e.stopPropagation()}):e.start.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})}),(0,s.jsx)(`div`,{className:`w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block`,children:t?(0,s.jsx)(`input`,{type:`date`,className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:P.end||``,onChange:e=>F(t=>({...t,end:e.target.value})),onClick:e=>e.stopPropagation()}):e.end.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})})]},e.id)})}),(0,s.jsx)(`div`,{className:`flex-1 overflow-auto bg-background/50 relative [-webkit-overflow-scrolling:touch]`,ref:e=>{B.current=e,V.current=e},onScroll:J,onTouchStart:U,onTouchMove:W,onTouchEnd:G,"data-testid":`gantt-timeline`,children:(0,s.jsxs)(`div`,{className:`relative`,style:{width:L.length*D},children:[K!=null&&(0,s.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-red-500/80 z-20 pointer-events-none`,style:{left:K},"data-testid":`gantt-today-marker`,"aria-label":`Today`,children:(0,s.jsx)(`div`,{className:`absolute -top-2 -translate-x-1/2 left-0 text-[10px] font-semibold text-white bg-red-500 rounded-sm px-1 py-0.5 whitespace-nowrap`,children:`Today`})}),(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(`div`,{className:`absolute inset-0 flex pointer-events-none z-0`,children:L.map((e,t)=>(0,s.jsx)(`div`,{className:(0,a.cn)(`border-r h-full`,e.isWeekend&&`bg-muted/20`),style:{width:D,minWidth:D}},t))}),e.map(e=>{let t=Y(e);return(0,s.jsx)(`div`,{className:`relative border-b hover:bg-black/5`,style:{height:C},children:(0,s.jsxs)(`div`,{className:`absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm bg-primary border border-primary-foreground/20 shadow-sm cursor-pointer hover:brightness-110 flex items-center px-2 group`,style:{left:t.left,width:t.width,backgroundColor:e.color||`#3b82f6`},onClick:()=>c?.(e),children:[e.progress>0&&(0,s.jsx)(`div`,{className:`absolute left-0 top-0 bottom-0 bg-black/20 rounded-l-sm`,style:{width:`${e.progress}%`}}),(0,s.jsxs)(`span`,{className:`text-[10px] text-white font-medium truncate opacity-0 group-hover:opacity-100 transition-opacity`,children:[Math.round(e.progress),`%`]})]})},e.id)}),(0,s.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-red-500 z-20 pointer-events-none`,style:{left:(new Date().getTime()-I.start.getTime())/(1e3*60*60*24)*D},children:(0,s.jsx)(`div`,{className:`w-2 h-2 rounded-full bg-red-500 -ml-[3px]`})})]})]})})]})]})]})}function y(e){return e.data?e.data:e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function b(e){if(e){if(typeof e==`string`){let t=e.split(` `),n=t[0],r=t[1]?.toLowerCase()===`desc`?`desc`:`asc`;return{[n]:r}}if(Array.isArray(e))return e.reduce((e,t)=>(t.field&&t.order&&(e[t.field]=t.order),e),{})}}function x(e){let t=null;if(e.startDateField&&e.endDateField)return t={startDateField:e.startDateField,endDateField:e.endDateField,titleField:e.titleField||`name`,progressField:e.progressField,dependenciesField:e.dependenciesField||e.dependencyField,colorField:e.colorField},t;if(e.gantt&&(t=e.gantt),t){let e=i.GanttConfigSchema.safeParse(t);return e.success||console.warn(`[ObjectGantt] Invalid gantt configuration:`,e.error.format()),t}return null}var S=({schema:e,dataSource:i,className:o,onTaskClick:c,onRowClick:l,...u})=>{let[d,f]=(0,t.useState)([]),[p,m]=(0,t.useState)(!0),[h,g]=(0,t.useState)(null),[_,S]=(0,t.useState)(null),C=y(e),w=(0,t.useMemo)(()=>C,[JSON.stringify(C)]),T=x(e),E=w?.provider===`value`;(0,t.useEffect)(()=>{(async()=>{try{if(m(!0),u.data&&Array.isArray(u.data)){f(u.data),m(!1);return}if(E&&w?.provider===`value`){f(w.items),m(!1);return}if(!i||typeof i.find!=`function`)throw Error(`DataSource required for object/api providers`);if(w?.provider===`object`){let t=w.object,r=(0,n.buildExpandFields)(_?.fields);f((0,n.extractRecords)(await i.find(t,{$filter:e.filter,$orderby:b(e.sort),...r.length>0?{$expand:r}:{}})))}else w?.provider===`api`&&(console.warn(`API provider not yet implemented for ObjectGantt`),f([]));m(!1)}catch(e){g(e),m(!1)}})()},[w,i,E,e.filter,e.sort,_]),(0,t.useEffect)(()=>{!E&&i&&(async()=>{try{if(!i)return;let t=w?.provider===`object`?w.object:e.objectName;if(!t)return;S(await i.getObjectSchema(t))}catch(e){console.error(`Failed to fetch object schema:`,e)}})()},[e.objectName,i,E,w]);let D=(0,t.useMemo)(()=>{if(!T||!d.length)return[];let{startDateField:e,endDateField:t,titleField:n,progressField:r,dependenciesField:i,colorField:a}=T;return d.map((o,s)=>{let c=o[e],l=o[t],u=o[n]||`Untitled Task`,d=r?o[r]:0,f=i?o[i]:[],p=a?o[a]:void 0;return{id:o.id||o._id||`task-${s}`,title:u,start:c?new Date(c):new Date,end:l?new Date(l):new Date,progress:Math.min(100,Math.max(0,d||0)),dependencies:Array.isArray(f)?f:[],color:p,data:o}}).filter(e=>!isNaN(e.start.getTime())&&!isNaN(e.end.getTime()))},[d,T]),O=(0,r.useNavigationOverlay)({navigation:e.navigation,objectName:e.objectName,onRowClick:l});return p?(0,s.jsx)(`div`,{className:o,children:(0,s.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,s.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading Gantt chart...`})})}):h?(0,s.jsx)(`div`,{className:o,children:(0,s.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,s.jsxs)(`div`,{className:`text-destructive`,children:[`Error: `,h.message]})})}):T?(0,s.jsxs)(`div`,{className:o,children:[(0,s.jsx)(`div`,{className:`h-[calc(100vh-200px)] min-h-[600px]`,children:(0,s.jsx)(v,{tasks:D,onTaskClick:e=>{O.handleClick(e.data),c?.(e.data)},onAddClick:()=>{}})}),O.isOverlay&&(0,s.jsx)(a.NavigationOverlay,{...O,title:`Task Details`,children:e=>(0,s.jsx)(`div`,{className:`space-y-3`,children:Object.entries(e).map(([e,t])=>(0,s.jsxs)(`div`,{className:`flex flex-col`,children:[(0,s.jsx)(`span`,{className:`text-xs font-medium text-muted-foreground uppercase tracking-wide`,children:e.replace(/_/g,` `)}),(0,s.jsx)(`span`,{className:`text-sm`,children:String(t??`—`)})]},e))})})]}):(0,s.jsx)(`div`,{className:o,children:(0,s.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,s.jsx)(`div`,{className:`text-muted-foreground`,children:`Gantt configuration required. Please specify startDateField, endDateField, and titleField.`})})})},C=({schema:e})=>{let{dataSource:t}=(0,r.useSchemaContext)()||{};return(0,s.jsx)(S,{schema:e,dataSource:t})};n.ComponentRegistry.register(`object-gantt`,C,{namespace:`plugin-gantt`,label:`Object Gantt`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`gantt`,type:`object`,label:`Gantt Config`,description:`startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField`}]}),n.ComponentRegistry.register(`gantt`,C,{namespace:`view`,label:`Gantt View`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`gantt`,type:`object`,label:`Gantt Config`,description:`startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField`}]}),e.GanttView=v,e.ObjectGantt=S,e.ObjectGanttRenderer=C});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`@object-ui/core`),require(`@object-ui/react`),require(`@objectstack/spec/ui`),require(`@object-ui/plugin-detail`),require(`@object-ui/components`),require(`lucide-react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`@object-ui/core`,`@object-ui/react`,`@objectstack/spec/ui`,`@object-ui/plugin-detail`,`@object-ui/components`,`lucide-react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.ObjectUIPluginGantt={},e.React,e.ObjectUICore,e.ObjectUIReact,e._objectstack_spec_ui,e._object_ui_plugin_detail,e.ObjectUIComponents,e.LucideReact,e.react_jsx_runtime))})(this,function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var l=Object.create,u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=Object.getOwnPropertyNames,p=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty,h=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=f(t),a=0,o=i.length,s;a<o;a++)s=i[a],!m.call(e,s)&&s!==n&&u(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=d(t,s))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:l(p(e)),h(t||!e||!e.__esModule?u(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function g(e){return e<640?35:e<1024?50:60}function _(e){return e<640?140:e<1024?220:320}function v(e){return e>=280}function y(e){return e<640?32:40}function b({tasks:e,startDate:n,endDate:r,onTaskClick:i,onTaskUpdate:a,className:l,inlineEdit:u=!1}){let[d,f]=t.useState(new Date),p=t.useRef(null),{width:m}=(0,o.useResizeObserver)(p),h=m||(typeof window<`u`?window.innerWidth:1024),b=h<640,x=y(h),S=g(h),[C,w]=t.useState(null),T=C??S,[E,D]=t.useState(!1),O=t.useRef(!1);t.useEffect(()=>{!O.current&&b&&(D(!0),O.current=!0)},[b]);let k=E?0:_(h),A=v(k),[j,M]=t.useState(null),[N,P]=t.useState({}),[F,I]=t.useState(null),L=t.useRef(null);t.useEffect(()=>{L.current=F},[F]);let R=t.useRef(!1),z=t.useCallback(e=>{let t=1e3*60*60*24,n=t,r=e.dayDelta*t,i=new Date(e.originStart),a=new Date(e.originEnd);return e.mode===`move`?(i=new Date(e.originStart.getTime()+r),a=new Date(e.originEnd.getTime()+r)):e.mode===`resize-left`?(i=new Date(e.originStart.getTime()+r),a.getTime()-i.getTime()<n&&(i=new Date(a.getTime()-n))):e.mode===`resize-right`&&(a=new Date(e.originEnd.getTime()+r),a.getTime()-i.getTime()<n&&(a=new Date(i.getTime()+n))),{start:i,end:a}},[]);t.useEffect(()=>{if(!F)return;let t=e=>{let t=L.current;if(!t)return;let n=Math.round((e.clientX-t.originClientX)/Math.max(T,1));n!==t.dayDelta&&I({...t,dayDelta:n})},n=()=>{let t=L.current;if(t){if(t.dayDelta!==0){let n=e.find(e=>e.id===t.taskId);if(n&&a){let{start:e,end:r}=z(t);a(n,{start:e,end:r})}R.current=!0,window.setTimeout(()=>{R.current=!1},0)}I(null)}};return window.addEventListener(`pointermove`,t),window.addEventListener(`pointerup`,n),window.addEventListener(`pointercancel`,n),()=>{window.removeEventListener(`pointermove`,t),window.removeEventListener(`pointerup`,n),window.removeEventListener(`pointercancel`,n)}},[F,T,e,a,z]);let B=t.useCallback((e,t,n)=>{a&&(n.stopPropagation(),n.preventDefault(),I({taskId:e.id,mode:t,originStart:new Date(e.start),originEnd:new Date(e.end),originClientX:n.clientX,dayDelta:0}))},[a]),V=t.useMemo(()=>{let t=n?new Date(n):new Date,i=r?new Date(r):new Date;return!n&&e.length>0&&(t=new Date(Math.min(...e.map(e=>e.start.getTime()))),t.setDate(t.getDate()-7)),!r&&e.length>0&&(i=new Date(Math.max(...e.map(e=>e.end.getTime()))),i.setDate(i.getDate()+14)),t.setHours(0,0,0,0),i.setHours(23,59,59,999),{start:t,end:i}},[n,r,e]),H=t.useMemo(()=>{let e=[],t=new Date(V.start);for(;t<=V.end;)e.push({date:new Date(t),label:t.getDate().toString(),isWeekend:t.getDay()===0||t.getDay()===6}),t.setDate(t.getDate()+1);return e},[V]),U=t.useRef(null),W=t.useRef(null),G=t.useRef(null),K=t.useRef(null),q=t.useRef(null),J=t.useCallback(e=>{if(e.touches.length===2){let t=e.touches[0].clientX-e.touches[1].clientX,n=e.touches[0].clientY-e.touches[1].clientY;q.current={baseDistance:Math.max(1,Math.sqrt(t*t+n*n)),baseColumn:T}}},[T]),Y=t.useCallback(e=>{if(e.touches.length!==2||!q.current)return;let t=e.touches[0].clientX-e.touches[1].clientX,n=e.touches[0].clientY-e.touches[1].clientY,r=Math.max(1,Math.sqrt(t*t+n*n))/q.current.baseDistance;w(Math.max(15,Math.min(120,Math.round(q.current.baseColumn*r))))},[]),X=t.useCallback(()=>{q.current=null},[]),Z=t.useMemo(()=>{let e=new Date;if(e<V.start||e>V.end)return null;let t=(e.getTime()-V.start.getTime())/(1440*60*1e3);return Math.round(t*T)},[V,T]),Q=t.useCallback(()=>{if(Z==null||!K.current)return;let e=Math.max(0,Z-K.current.clientWidth/2);K.current.scrollTo({left:e,behavior:`smooth`})},[Z]),ee=e=>{U.current&&(U.current.scrollLeft=e.currentTarget.scrollLeft),W.current&&(W.current.scrollTop=e.currentTarget.scrollTop)},$=e=>{V.end.getTime()-V.start.getTime();let t=T,n=1e3*60*60*24,r=e.start.getTime()-V.start.getTime(),i=e.end.getTime()-e.start.getTime();return{left:r/n*t,width:Math.max(i/n*t,t)}};return(0,c.jsxs)(`div`,{ref:p,className:(0,o.cn)(`flex flex-col h-full bg-background border rounded-lg overflow-hidden min-w-0`,l),children:[(0,c.jsxs)(`div`,{className:`flex flex-col sm:flex-row items-start sm:items-center justify-between gap-2 p-2 border-b bg-card`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,"aria-label":`Previous period`,children:(0,c.jsx)(s.ChevronLeft,{className:`h-4 w-4`})}),(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,"aria-label":`Next period`,children:(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`})}),(0,c.jsx)(`span`,{className:`font-semibold text-xs sm:text-sm`,children:V.start.toLocaleDateString(void 0,{month:`long`,year:`numeric`})})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsxs)(`div`,{className:`flex bg-muted rounded-md p-1`,children:[(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>w(Math.max(15,T-10)),"aria-label":`Zoom out`,children:(0,c.jsx)(s.ZoomOut,{className:`h-3 w-3`})}),(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:()=>w(Math.min(120,T+10)),"aria-label":`Zoom in`,children:(0,c.jsx)(s.ZoomIn,{className:`h-3 w-3`})})]}),(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:()=>D(e=>!e),"aria-label":E?`Show task list`:`Hide task list`,"aria-pressed":E,"data-testid":`gantt-toggle-task-list`,children:E?(0,c.jsx)(s.PanelLeft,{className:`h-4 w-4`}):(0,c.jsx)(s.PanelLeftClose,{className:`h-4 w-4`})}),(0,c.jsx)(o.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8`,onClick:Q,disabled:Z==null,"aria-label":`Jump to today`,"data-testid":`gantt-jump-today`,children:(0,c.jsx)(s.CalendarDays,{className:`h-4 w-4`})})]})]}),(0,c.jsxs)(`div`,{className:`flex flex-col flex-1 overflow-hidden`,children:[(0,c.jsxs)(`div`,{className:`flex border-b bg-muted/30 shrink-0 h-10 sm:h-[50px]`,children:[(0,c.jsxs)(`div`,{className:`flex items-center font-medium text-xs text-muted-foreground px-2 sm:px-4 border-r bg-card z-20 shadow-sm`,style:{width:k,minWidth:k},children:[(0,c.jsx)(`div`,{className:`flex-1 truncate`,children:`Task Name`}),A&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:`w-16 sm:w-20 text-right`,children:`Start`}),(0,c.jsx)(`div`,{className:`w-16 sm:w-20 text-right`,children:`End`})]})]}),(0,c.jsx)(`div`,{className:`flex-1 overflow-hidden`,ref:U,children:(0,c.jsx)(`div`,{className:`flex h-full`,style:{width:H.length*T},children:H.map((e,t)=>(0,c.jsxs)(`div`,{className:(0,o.cn)(`flex flex-col items-center justify-center border-r text-xs text-muted-foreground h-full`,e.isWeekend&&`bg-muted/50`),style:{width:T,minWidth:T},children:[(0,c.jsx)(`span`,{className:`font-medium text-foreground`,children:e.label}),(0,c.jsx)(`span`,{className:`text-[10px] opacity-70`,children:e.date.toLocaleDateString(void 0,{weekday:`narrow`})})]},t))})})]}),(0,c.jsxs)(`div`,{className:`flex flex-1 overflow-hidden`,children:[(0,c.jsx)(`div`,{className:`overflow-hidden border-r bg-card z-10 shadow-sm`,ref:W,style:{width:k,minWidth:k},children:e.map(e=>{let t=u&&j===e.id;return(0,c.jsxs)(`div`,{className:`group/task-row flex items-center border-b px-2 sm:px-4 hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation`,style:{height:x},onClick:()=>!t&&i?.(e),onDoubleClick:()=>{u&&a&&(M(e.id),P({title:e.title,start:e.start.toLocaleDateString(`en-CA`),end:e.end.toLocaleDateString(`en-CA`),progress:String(e.progress)}))},children:[(0,c.jsxs)(`div`,{className:`flex-1 truncate font-medium text-xs sm:text-sm flex items-center gap-2`,children:[(0,c.jsx)(`div`,{className:`w-2 h-2 rounded-full shrink-0`,style:{backgroundColor:e.color||`#3b82f6`}}),t?(0,c.jsx)(`input`,{className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:N.title||``,onChange:e=>P(t=>({...t,title:e.target.value})),onKeyDown:t=>{t.key===`Enter`?(a?.(e,{title:N.title,start:new Date(N.start),end:new Date(N.end),progress:Number(N.progress)||0}),M(null)):t.key===`Escape`&&M(null)},onClick:e=>e.stopPropagation(),autoFocus:!0}):(0,c.jsxs)(`span`,{className:`flex flex-col min-w-0`,children:[(0,c.jsx)(`span`,{className:`truncate`,children:e.title}),(0,c.jsxs)(`span`,{className:`text-[10px] text-muted-foreground sm:hidden`,children:[e.start.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`}),` → `,e.end.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})]})]})]}),(0,c.jsx)(`div`,{className:`w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block`,hidden:!A,style:A?void 0:{display:`none`},children:t?(0,c.jsx)(`input`,{type:`date`,className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:N.start||``,onChange:e=>P(t=>({...t,start:e.target.value})),onClick:e=>e.stopPropagation()}):e.start.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})}),(0,c.jsx)(`div`,{className:`w-16 sm:w-20 text-right text-xs text-muted-foreground hidden sm:block`,hidden:!A,style:A?void 0:{display:`none`},children:t?(0,c.jsx)(`input`,{type:`date`,className:`border rounded px-1 py-0.5 text-xs w-full bg-background`,value:N.end||``,onChange:e=>P(t=>({...t,end:e.target.value})),onClick:e=>e.stopPropagation()}):e.end.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})})]},e.id)})}),(0,c.jsx)(`div`,{className:`flex-1 overflow-auto bg-background/50 relative [-webkit-overflow-scrolling:touch]`,ref:e=>{G.current=e,K.current=e},onScroll:ee,onTouchStart:J,onTouchMove:Y,onTouchEnd:X,"data-testid":`gantt-timeline`,children:(0,c.jsxs)(`div`,{className:`relative`,style:{width:H.length*T},children:[Z!=null&&(0,c.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-red-500/80 z-20 pointer-events-none`,style:{left:Z},"data-testid":`gantt-today-marker`,"aria-label":`Today`,children:(0,c.jsx)(`div`,{className:`absolute -top-2 -translate-x-1/2 left-0 text-[10px] font-semibold text-white bg-red-500 rounded-sm px-1 py-0.5 whitespace-nowrap`,children:`Today`})}),(0,c.jsxs)(`div`,{className:`relative`,children:[(0,c.jsx)(`div`,{className:`absolute inset-0 flex pointer-events-none z-0`,children:H.map((e,t)=>(0,c.jsx)(`div`,{className:(0,o.cn)(`border-r h-full`,e.isWeekend&&`bg-muted/20`),style:{width:T,minWidth:T}},t))}),e.map(e=>{let t=$(e),n=F?.taskId===e.id,r=t;if(n&&F){let t=z(F);r=$({...e,start:t.start,end:t.end})}let s=!!a;return(0,c.jsxs)(`div`,{className:`relative border-b hover:bg-black/5`,style:{height:x},children:[n&&(0,c.jsx)(`div`,{className:`absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm border border-dashed border-primary/60 pointer-events-none`,style:{left:t.left,width:t.width,opacity:.35},"aria-hidden":`true`}),(0,c.jsxs)(`div`,{className:(0,o.cn)(`absolute top-1 sm:top-2 h-[calc(100%-8px)] sm:h-[calc(100%-16px)] rounded-sm bg-primary border border-primary-foreground/20 shadow-sm hover:brightness-110 flex items-center px-2 group select-none`,s?`cursor-grab active:cursor-grabbing`:`cursor-pointer`,n&&`ring-2 ring-primary/60 brightness-110 z-10`),style:{left:r.left,width:r.width,backgroundColor:e.color||`#3b82f6`},"data-testid":`gantt-task-bar-${e.id}`,onClick:()=>{R.current||i?.(e)},onPointerDown:s?t=>{t.button===0&&B(e,`move`,t)}:void 0,children:[s&&r.width>=14&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:`absolute left-0 top-0 bottom-0 w-1.5 cursor-ew-resize hover:bg-white/40`,"data-testid":`gantt-task-resize-left-${e.id}`,onPointerDown:t=>{t.button===0&&B(e,`resize-left`,t)},onClick:e=>e.stopPropagation()}),(0,c.jsx)(`div`,{className:`absolute right-0 top-0 bottom-0 w-1.5 cursor-ew-resize hover:bg-white/40`,"data-testid":`gantt-task-resize-right-${e.id}`,onPointerDown:t=>{t.button===0&&B(e,`resize-right`,t)},onClick:e=>e.stopPropagation()})]}),e.progress>0&&(0,c.jsx)(`div`,{className:`absolute left-0 top-0 bottom-0 bg-black/20 rounded-l-sm pointer-events-none`,style:{width:`${e.progress}%`}}),(0,c.jsx)(`span`,{className:`text-[10px] text-white font-medium truncate opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none`,children:n?`${z(F).start.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})} → ${z(F).end.toLocaleDateString(void 0,{month:`numeric`,day:`numeric`})}`:`${Math.round(e.progress)}%`})]})]},e.id)}),(0,c.jsx)(`div`,{className:`absolute top-0 bottom-0 w-px bg-red-500 z-20 pointer-events-none`,style:{left:(new Date().getTime()-V.start.getTime())/(1e3*60*60*24)*T},children:(0,c.jsx)(`div`,{className:`w-2 h-2 rounded-full bg-red-500 -ml-[3px]`})})]})]})})]})]})]})}function x(e){return e.data?e.data:e.staticData?{provider:`value`,items:e.staticData}:e.objectName?{provider:`object`,object:e.objectName}:null}function S(e){if(e){if(typeof e==`string`){let t=e.split(` `),n=t[0],r=t[1]?.toLowerCase()===`desc`?`desc`:`asc`;return{[n]:r}}if(Array.isArray(e))return e.reduce((e,t)=>(t.field&&t.order&&(e[t.field]=t.order),e),{})}}function C(e){let t=null;if(e.startDateField&&e.endDateField)return t={startDateField:e.startDateField,endDateField:e.endDateField,titleField:e.titleField||`name`,progressField:e.progressField,dependenciesField:e.dependenciesField||e.dependencyField,colorField:e.colorField},t;if(e.gantt&&(t=e.gantt),t){let e=i.GanttConfigSchema.safeParse(t);return e.success||console.warn(`[ObjectGantt] Invalid gantt configuration:`,e.error.format()),t}return null}var w=({schema:e,dataSource:i,className:s,onTaskClick:l,onRowClick:u,...d})=>{let[f,p]=(0,t.useState)([]),[m,h]=(0,t.useState)(!0),[g,_]=(0,t.useState)(null),[v,y]=(0,t.useState)(null),w=x(e),T=(0,t.useMemo)(()=>w,[JSON.stringify(w)]),E=C(e),D=T?.provider===`value`;(0,t.useEffect)(()=>{(async()=>{try{if(h(!0),d.data&&Array.isArray(d.data)){p(d.data),h(!1);return}if(D&&T?.provider===`value`){p(T.items),h(!1);return}if(!i||typeof i.find!=`function`)throw Error(`DataSource required for object/api providers`);if(T?.provider===`object`){let t=T.object,r=(0,n.buildExpandFields)(v?.fields);p((0,n.extractRecords)(await i.find(t,{$filter:e.filter,$orderby:S(e.sort),...r.length>0?{$expand:r}:{}})))}else T?.provider===`api`&&(console.warn(`API provider not yet implemented for ObjectGantt`),p([]));h(!1)}catch(e){_(e),h(!1)}})()},[T,i,D,e.filter,e.sort,v]),(0,t.useEffect)(()=>{!D&&i&&(async()=>{try{if(!i)return;let t=T?.provider===`object`?T.object:e.objectName;if(!t)return;y(await i.getObjectSchema(t))}catch(e){console.error(`Failed to fetch object schema:`,e)}})()},[e.objectName,i,D,T]);let O=(0,t.useMemo)(()=>{if(!E||!f.length)return[];let{startDateField:e,endDateField:t,titleField:n,progressField:r,dependenciesField:i,colorField:a}=E,o=(e,t)=>{if(!t)return;let n=t.split(`.`),r=e;for(let e of n){if(r==null)return;r=r[e]}return r},s=e=>{let t=[o(e,n),e?.name,e?.title,e?.subject,e?.label,e?.account?.name,e?.opportunity?.name,e?.contact&&[e.contact.first_name,e.contact.last_name].filter(Boolean).join(` `),e?.id,e?._id];for(let e of t)if(e!=null&&String(e).trim()!==``)return String(e);return`Untitled`};return f.map((n,o)=>{let c=n[e],l=n[t],u=s(n),d=r?n[r]:0,f=i?n[i]:[],p=a?n[a]:void 0;return{id:n.id||n._id||`task-${o}`,title:u,start:c?new Date(c):new Date,end:l?new Date(l):new Date,progress:Math.min(100,Math.max(0,d||0)),dependencies:Array.isArray(f)?f:[],color:p,data:n}}).filter(e=>!isNaN(e.start.getTime())&&!isNaN(e.end.getTime()))},[f,E]),k=e.navigation??{mode:`drawer`,width:`min(960px, 60vw)`},A=k.mode===`drawer`||k.mode===`modal`||k.mode===`split`||k.mode===`popover`,j=(0,r.useNavigationOverlay)({navigation:k,objectName:e.objectName,onRowClick:A?void 0:u}),M=(0,t.useCallback)(async(t,n)=>{if(!E)return;let r=T?.provider===`object`?T.object:e.objectName;if(!r||!i||typeof i.update!=`function`)return;let{startDateField:a,endDateField:o,titleField:s,progressField:c}=E,l={};if(n.start instanceof Date&&(l[a]=n.start.toISOString()),n.end instanceof Date&&(l[o]=n.end.toISOString()),typeof n.title==`string`&&s&&(l[s]=n.title),typeof n.progress==`number`&&c&&(l[c]=n.progress),Object.keys(l).length===0)return;let u=t.data?.id??t.data?._id??t.id;if(u==null)return;let d=f;p(e=>e.map(e=>String(e.id??e._id)===String(u)?{...e,...l}:e));try{await i.update(r,String(u),l)}catch(e){console.error(`[ObjectGantt] Failed to persist task update:`,e),p(d)}},[E,T,i,e.objectName,f]),[N,P]=(0,t.useState)(null),[F,I]=(0,t.useState)(!1),L=(0,t.useCallback)(e=>{P(e)},[]),R=(0,t.useCallback)(async()=>{if(!N)return;let t=T?.provider===`object`?T.object:e.objectName;if(!t||!i?.delete){P(null);return}let n=N.data?.id??N.data?._id??N.id;if(n==null){P(null);return}I(!0);let r=f;p(e=>e.filter(e=>String(e.id??e._id)!==String(n)));try{await i.delete(t,String(n)),P(null)}catch(e){console.error(`[ObjectGantt] Failed to delete:`,e),p(r),P(null)}finally{I(!1)}},[N,T,i,e.objectName,f]);return m?(0,c.jsx)(`div`,{className:s,children:(0,c.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,c.jsx)(`div`,{className:`text-muted-foreground`,children:`Loading Gantt chart...`})})}):g?(0,c.jsx)(`div`,{className:s,children:(0,c.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,c.jsxs)(`div`,{className:`text-destructive`,children:[`Error: `,g.message]})})}):E?(0,c.jsxs)(`div`,{className:s,children:[(0,c.jsx)(`div`,{className:`h-[calc(100vh-200px)] min-h-[600px]`,children:(0,c.jsx)(b,{tasks:O,onTaskClick:e=>{j.handleClick(e.data),l?.(e.data)},onTaskUpdate:M,onTaskDelete:L,inlineEdit:!0})}),j.isOverlay&&j.isOpen&&j.selectedRecord&&(()=>{let t=T?.provider===`object`?T.object:e.objectName,n=j.selectedRecord,r=n.id??n._id;if(!t||r==null)return null;let o=E?.titleField?String(n[E.titleField]??`Task Details`):`Task Details`;return(0,c.jsx)(a.RecordDetailDrawer,{open:!0,onClose:j.close,title:o,record:n,objectName:t,recordId:r,dataSource:i,objectSchema:v,width:j.width,fullPageHref:(0,a.deriveRecordPageHref)(t,r)??void 0,onFieldSave:async(e,n)=>{i?.update&&(await i.update(t,String(r),{[e]:n}),p(t=>t.map(t=>String(t.id??t._id)===String(r)?{...t,[e]:n}:t)))},onDelete:async()=>{i?.delete&&(await i.delete(t,String(r)),p(e=>e.filter(e=>String(e.id??e._id)!==String(r))))}})})(),(0,c.jsx)(o.AlertDialog,{open:!!N,onOpenChange:e=>{!e&&!F&&P(null)},children:(0,c.jsxs)(o.AlertDialogContent,{children:[(0,c.jsxs)(o.AlertDialogHeader,{children:[(0,c.jsx)(o.AlertDialogTitle,{children:`Delete this task?`}),(0,c.jsx)(o.AlertDialogDescription,{children:N?(0,c.jsxs)(c.Fragment,{children:[`"`,N.title,`" will be permanently removed. This action cannot be undone.`]}):null})]}),(0,c.jsxs)(o.AlertDialogFooter,{children:[(0,c.jsx)(o.AlertDialogCancel,{disabled:F,children:`Cancel`}),(0,c.jsx)(o.AlertDialogAction,{onClick:e=>{e.preventDefault(),R()},disabled:F,"data-testid":`gantt-delete-confirm`,className:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,children:F?`Deleting…`:`Delete`})]})]})})]}):(0,c.jsx)(`div`,{className:s,children:(0,c.jsx)(`div`,{className:`flex items-center justify-center h-96`,children:(0,c.jsx)(`div`,{className:`text-muted-foreground`,children:`Gantt configuration required. Please specify startDateField, endDateField, and titleField.`})})})},T=({schema:e})=>{let{dataSource:t}=(0,r.useSchemaContext)()||{};return(0,c.jsx)(w,{schema:e,dataSource:t})};n.ComponentRegistry.register(`object-gantt`,T,{namespace:`plugin-gantt`,label:`Object Gantt`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`gantt`,type:`object`,label:`Gantt Config`,description:`startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField`}]}),n.ComponentRegistry.register(`gantt`,T,{namespace:`view`,label:`Gantt View`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`gantt`,type:`object`,label:`Gantt Config`,description:`startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField`}]}),e.GanttView=b,e.ObjectGantt=w,e.ObjectGanttRenderer=T});

package/dist/packages/plugin-gantt/src/GanttView.d.ts

@@ -15,19 +15,29 @@ export interface GanttTask {
     data?: any;
     dependencies?: (string | number)[];
 }
+/**
+ * @deprecated The day/week/month/quarter view-mode dropdown was removed
+ * because all four values rendered the same daily-column timeline.
+ * Kept exported only to avoid breaking downstream type imports; the
+ * `viewMode` / `onViewChange` props on `GanttViewProps` are no-ops.
+ * Re-introduce real semantics here when timeline granularity is
+ * implemented.
+ */
 export type GanttViewMode = 'day' | 'week' | 'month' | 'quarter';
 export interface GanttViewProps {
     tasks: GanttTask[];
+    /** @deprecated no-op — see {@link GanttViewMode} */
     viewMode?: GanttViewMode;
     startDate?: Date;
     endDate?: Date;
     onTaskClick?: (task: GanttTask) => void;
     onTaskUpdate?: (task: GanttTask, changes: Partial<Pick<GanttTask, 'title' | 'start' | 'end' | 'progress'>>) => void;
+    onTaskDelete?: (task: GanttTask) => void;
+    /** @deprecated no-op — see {@link GanttViewMode} */
     onViewChange?: (view: GanttViewMode) => void;
-    onAddClick?: () => void;
     className?: string;
     /** Enable inline editing of task fields */
     inlineEdit?: boolean;
 }
-export declare function GanttView({ tasks, viewMode, startDate, endDate, onTaskClick, onTaskUpdate, onViewChange, onAddClick, className, inlineEdit, }: GanttViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function GanttView({ tasks, startDate, endDate, onTaskClick, onTaskUpdate, className, inlineEdit, }: GanttViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GanttView.d.ts.map

package/dist/packages/plugin-gantt/src/GanttView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GanttView.d.ts","sourceRoot":"","sources":["../../../../src/GanttView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoDH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACnC;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAA;IACnH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAkB,EAClB,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAkB,GACnB,EAAE,cAAc,2CAybhB"}
+{"version":3,"file":"GanttView.d.ts","sourceRoot":"","sources":["../../../../src/GanttView.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAoDH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACnC;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,IAAI,CAAA;IACnH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAkB,GACnB,EAAE,cAAc,2CA6kBhB"}

package/dist/packages/plugin-gantt/src/ObjectGantt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectGantt.d.ts","sourceRoot":"","sources":["../../../../src/ObjectGantt.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,kBAAkB,CAAC;AAO5F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAyFD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkMlD,CAAC"}
+{"version":3,"file":"ObjectGantt.d.ts","sourceRoot":"","sources":["../../../../src/ObjectGantt.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAyB,MAAM,kBAAkB,CAAC;AAiB5F,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAyFD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0XlD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-gantt",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "type": "module",
   "license": "MIT",
   "description": "Gantt chart plugin for Object UI",
@@ -24,13 +24,14 @@
     }
   },
   "dependencies": {
-    "@objectstack/spec": "^4.0.4",
+    "@objectstack/spec": "^4.0.5",
     "lucide-react": "^1.14.0",
-    "@object-ui/components": "4.0.6",
-    "@object-ui/core": "4.0.6",
-    "@object-ui/fields": "4.0.6",
-    "@object-ui/react": "4.0.6",
-    "@object-ui/types": "4.0.6"
+    "@object-ui/components": "4.0.8",
+    "@object-ui/core": "4.0.8",
+    "@object-ui/fields": "4.0.8",
+    "@object-ui/plugin-detail": "4.0.8",
+    "@object-ui/react": "4.0.8",
+    "@object-ui/types": "4.0.8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -41,7 +42,7 @@
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10",
+    "vite": "^8.0.12",
     "vite-plugin-dts": "^5.0.0"
   },
   "keywords": [