npm - @alneas/appkit-react - Versions diffs - 0.1.0 → 0.3.0 - Mend

@alneas/appkit-react 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1983) hide show

package/dist/tools/components/gantt/GanttChart.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GanttChart.cjs","names":["memo","GanttTaskBar","enUS","useState","useRef","useMemo","dependencyError","workingDayPredicate","planGanttTasks","parseISO","useGanttState","useGanttRowWindow","useCallback","scheduleGanttTasks","planningDate","addDays","differenceInCalendarDays","getGanttWorkingDuration","cn","GanttToolbar","Button","Plus","ChevronDown","ChevronRight","Avatar","AvatarFallback","format","isWeekend","isToday","isSameDay","GanttDependencyLayer","TaskEditDialog","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_avatar","require_tools_components_gantt_hooks_useGanttState","require_tools_components_gantt_components_GanttToolbar","require_tools_components_gantt_components_GanttTaskBar","require_tools_components_gantt_dialogs_TaskEditDialog","require_tools_components_gantt_components_GanttDependencyLayer","require_tools_components_gantt_hooks_use_gantt_row_window","react_jsx_runtime","react","lucide_react","date_fns_locale","date_fns","_alneas_appkit_core_graph_planning","MemoTaskBar","EMPTY_DEPENDENCIES","GanttChart","locale","optimisticTasks","setOptimisticTasks","prevTasks","setPrevTasks","tasks","currentTasks","disableOptimisticUpdates","saving","setSaving","saveError","setSaveError","saveLock","sourceTasks","requestId","graphError","dependencies","planningView","schedulingOptions","showCriticalPath","autoSchedule","error","criticalTasks","task","schedulingError","onTasksChange","displayTasks","localDate","value","state","editDialogOpen","setEditDialogOpen","editingTask","setEditingTask","showTaskList","displayConfig","showChart","taskListWidth","showHorizontalBorders","gridConfig","showVerticalBorders","showWeekendHighlight","showTodayHighlight","rowIds","visibleTasks","virtualized","scrollContainerRef","windowStart","windowEnd","rowIndices","rowHeight","rowEvents","mountedTasks","index","todayX","getXPosition","containerWidth","viewMode","handleTaskClick","selectTask","onTaskClick","editMode","item","publishTask","token","source","previousOptimistic","schedule","next","updatedTask","onTaskUpdate","handleTaskSave","datesChanged","saved","handleDateChange","original","taskId","updated","start","end","oldStart","oldEnd","moving","handleProgressChange","handleTaskDelete","nextOptimistic","onTaskDelete","handleAddTask","onAddTask","parentId","handleZoomIn","maxWidth","scaleConfig","setCellWidth","cellWidth","handleZoomOut","minWidth","t","key","className","delay","setViewMode","goToPrevious","goToNext","goToToday","showAddButton","listRef","bottomInset","selectedTaskId","hierarchyConfig","toggleTaskExpand","event","progressConfig","showRowAddButton","milestones","onMilestoneClick","ms","totalDays","allDays","isMonthStart","day","isFirstMonday","isYearStart","isMonday","showUpperLabel","upperLabelText","showLowerLabel","lowerLabelText","borderClass","startDate","markers","renderMarker","marker","left","width","getWidth","baselineLeft","baselineWidth","baselineConfig","date","color"],"sources":["../../../../src/tools/components/gantt/GanttChart.tsx"],"sourcesContent":["/*\n Enhanced Gantt Chart Component\n \n タスクとマイルストーンをタイムライン形式で表示する高機能ガントチャート。\n \n ## Features\n * - 階層タスク（サブタスク）表示\n * - 進捗率の可視化\n * - ベースライン比較\n * - ダイアログによるタスク編集\n * - 日単位のバー移動・両端リサイズ（明示的に有効化、キーボード対応）\n * - FS/SS/FF/SF依存線、稼働日・クリティカルパス・容量制約付き前方自動調整\n * - 100件を超えるタスクの行仮想化（全行描画へ切替可能）\n * - フィルタリング機能\n * - カスタムマーカー\n * - 日次/週次/月次ビュー切替\n * - 楽観的UIアップデート\n \n ## AI/Automation Attributes\n * - `data-testid`: Container element\n * - `data-task-count`: Number of visible tasks\n \n @example\n * ```tsx\n * import { GanttChart } from '@alneas/appkit-react/tools/gantt';\n \n const tasks = [\n * {\n * id: '1',\n * title: 'Phase 1',\n * start_date: '2024-01-01',\n * due_date: '2024-01-31',\n * status: 'doing',\n * progress: 50,\n * created_at: '2024-01-01',\n * },\n * ];\n \n <GanttChart\n * tasks={tasks}\n * initialViewMode=\"Week\"\n * onTaskClick={(task) => console.log(task)}\n * onTaskUpdate={(task) => updateTask(task)}\n * />\n * ```\n \n @param props - {@link GanttChartProps}\n * @returns ガントチャートコンポーネント\n /\n\nimport { useState, useRef, useEffect, useMemo, useCallback, memo } from 'react';\nimport {\n format,\n isSameDay,\n isToday,\n isWeekend,\n differenceInCalendarDays,\n addDays,\n parseISO,\n} from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport { ChevronDown, ChevronRight, Plus } from 'lucide-react';\n\nimport { Avatar, AvatarFallback } from '../ui/avatar';\nimport { Button } from '../ui/button';\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n GanttChartProps,\n GanttTask,\n ComputedTask,\n GanttMarker,\n GanttDependency,\n} from './types';\nimport { useGanttState } from './hooks/useGanttState';\nimport { GanttToolbar } from './components/GanttToolbar';\nimport { GanttTaskBar } from './components/GanttTaskBar';\nimport { TaskEditDialog } from './dialogs/TaskEditDialog';\nimport { dependencyError, scheduleGanttTasks } from './hooks/gantt-scheduling';\nimport { GanttDependencyLayer } from './components/GanttDependencyLayer';\nimport { planGanttTasks } from './hooks/gantt-planning';\nimport { useGanttRowWindow } from './hooks/use-gantt-row-window';\nimport {\n getGanttWorkingDuration,\n planningDate,\n workingDayPredicate,\n} from './hooks/gantt-working-calendar';\n\nconst MemoTaskBar = memo(GanttTaskBar);\nconst EMPTY_DEPENDENCIES: GanttDependency[] = [];\n\n/\n タスクとマイルストーンを階層構造およびタイムライン形式で表示する、高機能なガントチャートコンポーネント。\n /\nexport function GanttChart({\n tasks,\n milestones = [],\n markers = [],\n onTaskClick,\n onTaskUpdate,\n onTasksChange,\n dependencies = EMPTY_DEPENDENCIES,\n autoSchedule = false,\n schedulingOptions,\n showCriticalPath = false,\n dateEditing,\n onTaskDelete,\n onAddTask,\n onMilestoneClick,\n className,\n initialViewMode = 'Week',\n taskBarDisplay = 'none',\n displayConfig,\n scaleConfig,\n gridConfig,\n baselineConfig,\n progressConfig,\n hierarchyConfig,\n filterConfig,\n editMode = 'dialog',\n editableFields,\n showAddButton,\n showRowAddButton,\n disableOptimisticUpdates = false,\n}: GanttChartProps) {\n const locale = enUS;\n\n // -------------------------------------------------------------------------\n // State Management\n // -------------------------------------------------------------------------\n\n const [optimisticTasks, setOptimisticTasks] = useState<GanttTask[] \| null>(null);\n\n // Reset optimistic state during render when original tasks prop changes\n const [prevTasks, setPrevTasks] = useState<GanttTask[]>(tasks);\n if (tasks !== prevTasks) {\n setPrevTasks(tasks);\n setOptimisticTasks(null);\n }\n\n const currentTasks = disableOptimisticUpdates \|\| !optimisticTasks ? tasks : optimisticTasks;\n const [saving, setSaving] = useState(false);\n const [saveError, setSaveError] = useState<string \| null>(null);\n const saveLock = useRef(false);\n const sourceTasks = useRef(tasks);\n const requestId = useRef(0);\n useEffect(() => {\n sourceTasks.current = tasks;\n }, [tasks]);\n useEffect(\n () => () => {\n requestId.current++;\n },\n [],\n );\n const graphError = useMemo(\n () => (dependencies.length ? dependencyError(currentTasks, dependencies) : null),\n [currentTasks, dependencies],\n );\n const planningView = useMemo(() => {\n try {\n const isWorking = schedulingOptions?.calendar\n ? workingDayPredicate(schedulingOptions.calendar)\n : undefined;\n const plan =\n showCriticalPath \|\| (autoSchedule && schedulingOptions)\n ? planGanttTasks(currentTasks, dependencies, {\n ...schedulingOptions,\n resourceLeveling: autoSchedule ? schedulingOptions?.resourceLeveling : undefined,\n })\n : undefined;\n return { isWorking, plan, error: null };\n } catch (error) {\n return { error: error instanceof Error ? error.message : 'Invalid schedule.' };\n }\n }, [currentTasks, dependencies, schedulingOptions, showCriticalPath, autoSchedule]);\n const criticalTasks = useMemo(\n () =>\n new Map(\n showCriticalPath\n ? planningView.plan?.criticalPath.tasks.map((task) => [task.taskId, task])\n : [],\n ),\n [showCriticalPath, planningView.plan],\n );\n const schedulingError =\n autoSchedule && !onTasksChange\n ? 'Automatic scheduling requires onTasksChange for atomic updates.'\n : (graphError ?? planningView.error);\n const displayTasks = useMemo(() => {\n if (!schedulingOptions && !showCriticalPath) return currentTasks;\n const localDate = (value: GanttTask['start_date']) =>\n typeof value === 'string' && /^\\d{4}-\\d{2}-\\d{2}$/.test(value) ? parseISO(value) : value;\n // Match day-planner date-only parsing without applying the computed schedule during render.\n return currentTasks.map((task) => ({\n ...task,\n start_date: localDate(task.start_date),\n due_date: localDate(task.due_date),\n created_at: localDate(task.created_at)!,\n }));\n }, [currentTasks, schedulingOptions, showCriticalPath]);\n\n const {\n state,\n visibleTasks,\n allDays,\n startDate,\n totalDays,\n setViewMode,\n selectTask,\n toggleTaskExpand,\n setCellWidth,\n goToToday,\n goToPrevious,\n goToNext,\n getXPosition,\n getWidth,\n } = useGanttState({\n tasks: displayTasks,\n initialViewMode,\n hierarchyConfig,\n scaleConfig,\n });\n\n const { viewMode, currentDate, cellWidth, rowHeight, selectedTaskId } = state;\n\n // Dialog state\n const [editDialogOpen, setEditDialogOpen] = useState(false);\n const [editingTask, setEditingTask] = useState<GanttTask \| null>(null);\n\n // -------------------------------------------------------------------------\n // Display Config Defaults\n // -------------------------------------------------------------------------\n\n const showTaskList = displayConfig?.showTaskList ?? true;\n const showChart = displayConfig?.showChart ?? true;\n const taskListWidth = displayConfig?.taskListWidth ?? 256;\n const showHorizontalBorders = gridConfig?.showHorizontalBorders ?? true;\n const showVerticalBorders = gridConfig?.showVerticalBorders ?? true;\n const showWeekendHighlight = gridConfig?.showWeekendHighlight ?? true;\n const showTodayHighlight = gridConfig?.showTodayHighlight ?? true;\n\n // -------------------------------------------------------------------------\n // Scroll Management\n // -------------------------------------------------------------------------\n\n const rowIds = useMemo(() => visibleTasks.map((task) => task.id), [visibleTasks]);\n const virtualized = displayConfig?.virtualizeRows !== false && visibleTasks.length > 100;\n const {\n chartRef: scrollContainerRef,\n listRef,\n start: windowStart,\n end: windowEnd,\n indices: rowIndices,\n bottomInset,\n onScroll,\n onFocusCapture,\n onBlurCapture,\n onKeyDownCapture,\n onPointerDownCapture,\n onPointerUpCapture,\n onPointerCancelCapture,\n onLostPointerCapture,\n } = useGanttRowWindow(\n rowIds,\n rowHeight,\n virtualized,\n editDialogOpen ? editingTask?.id : undefined,\n `${showTaskList}:${showChart}`,\n );\n const rowEvents = {\n onScroll,\n onFocusCapture,\n onBlurCapture,\n onKeyDownCapture,\n onPointerDownCapture,\n onPointerUpCapture,\n onPointerCancelCapture,\n onLostPointerCapture,\n };\n const mountedTasks = rowIndices.map((index) => ({ task: visibleTasks[index], index }));\n\n useEffect(() => {\n if (scrollContainerRef.current) {\n const todayX = getXPosition(new Date());\n const containerWidth = scrollContainerRef.current.clientWidth;\n scrollContainerRef.current.scrollLeft = todayX - containerWidth / 2;\n }\n }, [viewMode, getXPosition, scrollContainerRef]);\n\n // -------------------------------------------------------------------------\n // Handlers\n // -------------------------------------------------------------------------\n\n const handleTaskClick = useCallback(\n (task: ComputedTask) => {\n if (saveLock.current) return;\n selectTask(task.id);\n onTaskClick?.(task);\n\n if (editMode === 'dialog') {\n setEditingTask(currentTasks.find((item) => item.id === task.id) ?? task);\n setEditDialogOpen(true);\n }\n },\n [selectTask, onTaskClick, editMode, currentTasks],\n );\n\n const publishTask = useCallback(\n async (updatedTask: GanttTask, schedule: boolean) => {\n if (saveLock.current) return false;\n const token = ++requestId.current;\n const source = tasks;\n const previousOptimistic = optimisticTasks;\n saveLock.current = true;\n setSaving(true);\n setSaveError(null);\n try {\n // Validate the proposed schedule, so a dialog can repair invalid input dates.\n if (schedule && autoSchedule && !onTasksChange)\n throw new Error('Automatic scheduling requires onTasksChange for atomic updates.');\n let next = currentTasks.map((task) => (task.id === updatedTask.id ? updatedTask : task));\n if (schedule && autoSchedule)\n next = scheduleGanttTasks(next, dependencies, schedulingOptions);\n if (!disableOptimisticUpdates) setOptimisticTasks(next);\n if (onTasksChange) await onTasksChange(next);\n else await onTaskUpdate?.(updatedTask);\n return token === requestId.current;\n } catch (error) {\n if (token === requestId.current) {\n if (sourceTasks.current === source) setOptimisticTasks(previousOptimistic);\n setSaveError(error instanceof Error ? error.message : 'Unable to save task changes.');\n }\n return false;\n } finally {\n if (token === requestId.current) {\n saveLock.current = false;\n setSaving(false);\n }\n }\n },\n [\n tasks,\n optimisticTasks,\n autoSchedule,\n onTasksChange,\n currentTasks,\n dependencies,\n schedulingOptions,\n disableOptimisticUpdates,\n onTaskUpdate,\n ],\n );\n const handleTaskSave = async (updatedTask: GanttTask) => {\n // The date fields in the dialog edit duration; do not retain an earlier drag's override.\n const datesChanged =\n editingTask &&\n (String(updatedTask.start_date) !== String(editingTask.start_date) \|\|\n String(updatedTask.due_date) !== String(editingTask.due_date));\n const saved = await publishTask(\n autoSchedule && schedulingOptions && datesChanged\n ? { ...updatedTask, durationDays: undefined }\n : updatedTask,\n true,\n );\n if (saved) {\n setEditDialogOpen(false);\n setEditingTask(null);\n }\n return saved;\n };\n const handleDateChange = useCallback(\n (taskId: string, start: Date, end: Date) => {\n const original = currentTasks.find((task) => task.id === taskId);\n if (!original) return;\n let updated = { ...original, start_date: start, due_date: end };\n if (autoSchedule && schedulingOptions) {\n try {\n const oldStart = planningDate(original.start_date ?? original.created_at);\n const oldEnd =\n original.due_date == null ? addDays(oldStart, 1) : planningDate(original.due_date);\n const moving =\n differenceInCalendarDays(start, oldStart) === differenceInCalendarDays(end, oldEnd);\n // Moving preserves effort across weekends; resizing deliberately recalculates effort.\n updated = {\n ...updated,\n durationDays: getGanttWorkingDuration(\n moving ? original : { ...updated, durationDays: undefined },\n schedulingOptions.calendar,\n ),\n };\n } catch (error) {\n setSaveError(error instanceof Error ? error.message : 'Invalid task dates.');\n return;\n }\n }\n void publishTask(updated, true);\n },\n [currentTasks, autoSchedule, schedulingOptions, publishTask],\n );\n const handleProgressChange = useCallback(\n (taskId: string, progress: number) => {\n const original = currentTasks.find((item) => item.id === taskId);\n if (original) void publishTask({ ...original, progress }, false);\n },\n [currentTasks, publishTask],\n );\n\n const handleTaskDelete = (taskId: string) => {\n if (saveLock.current) return;\n if (!disableOptimisticUpdates) {\n const nextOptimistic = currentTasks.filter((t) => t.id !== taskId);\n setOptimisticTasks(nextOptimistic);\n }\n\n onTaskDelete?.(taskId);\n setEditDialogOpen(false);\n setEditingTask(null);\n };\n\n const handleAddTask = (parentId?: string) => {\n onAddTask?.(parentId);\n };\n\n const handleZoomIn = () => {\n const maxWidth = scaleConfig?.maxCellWidth ?? 100;\n setCellWidth(Math.min(cellWidth 1.5, maxWidth));\n };\n\n const handleZoomOut = () => {\n const minWidth = scaleConfig?.minCellWidth ?? 5;\n setCellWidth(Math.max(cellWidth / 1.5, minWidth));\n };\n\n // -------------------------------------------------------------------------\n // Helper for translation\n // -------------------------------------------------------------------------\n\n const t = (key: string) => {\n const map: Record<string, string> = {\n today: 'Today',\n day: 'Day',\n week: 'Week',\n month: 'Month',\n tasks: 'Tasks',\n milestones: 'Milestones',\n };\n return map[key.toLowerCase()] \|\| key;\n };\n\n // -------------------------------------------------------------------------\n // Render\n // -------------------------------------------------------------------------\n\n return (\n <div\n aria-busy={saving}\n data-task-count={visibleTasks.length}\n data-virtualized={virtualized \|\| undefined}\n className={cn(\n 'flex flex-col h-full bg-background border overflow-hidden [border-radius:var(--radius-lg)] [box-shadow:var(--shadow-sm)]',\n className,\n )}\n >\n {/* Toolbar /}\n {showCriticalPath && planningView.plan && (\n <div className='px-2 py-1 text-xs text-muted-foreground' role='status'>\n Critical path (dependencies only): {planningView.plan.criticalPath.taskIds.length} tasks;\n resource contention is excluded from float.\n </div>\n )}\n {autoSchedule && schedulingOptions?.resourceLeveling?.enabled && planningView.plan && (\n <details className='px-2 py-1 text-xs text-muted-foreground' data-resource-leveling>\n <summary>\n Resource leveling preview: {planningView.plan.resourceDelays.length} delayed tasks (not\n applied until save)\n </summary>\n <ul>\n {planningView.plan.resourceDelays.map((delay) => (\n <li key={delay.taskId}>\n {currentTasks.find((task) => task.id === delay.taskId)?.title ?? delay.taskId}:\n capacity +{delay.directDays}d, predecessors +{delay.propagatedDays}d\n </li>\n ))}\n </ul>\n </details>\n )}\n {(saveError \|\| schedulingError) && (\n <div role='alert' className='p-2 text-sm text-destructive'>\n {saveError \|\| schedulingError}\n </div>\n )}\n <GanttToolbar\n currentDate={currentDate}\n viewMode={viewMode}\n scaleConfig={scaleConfig}\n filterConfig={filterConfig}\n onViewModeChange={setViewMode}\n onPrevious={goToPrevious}\n onNext={goToNext}\n onToday={goToToday}\n onZoomIn={scaleConfig?.zoomControls ? handleZoomIn : undefined}\n onZoomOut={scaleConfig?.zoomControls ? handleZoomOut : undefined}\n />\n\n <div className='flex flex-1 min-h-0 overflow-hidden'>\n {/ Sidebar (Task Names) /}\n {showTaskList && (\n <div\n className='flex-shrink-0 border-r bg-background flex flex-col z-20 [box-shadow:var(--shadow-sm)]'\n style={{ width: taskListWidth }}\n >\n <div\n className='border-b bg-muted/10 flex items-center justify-between text-muted-foreground [padding-left:var(--spacing-4)] [padding-right:var(--spacing-4)] [font-weight:var(--font-weight-semibold)] [font-size:var(--text-sm)]'\n style={{ height: rowHeight, flexShrink: 0 }}\n >\n <span>{t('tasks')}</span>\n {showAddButton && onAddTask && (\n <Button\n variant='ghost'\n size='icon'\n className='h-6 w-6'\n onClick={() => handleAddTask()}\n >\n <Plus className='h-4 w-4' />\n </Button>\n )}\n </div>\n <div\n ref={listRef}\n {...rowEvents}\n data-gantt-list-viewport\n className='flex-1 min-h-0 overflow-auto'\n >\n <div style={{ paddingBottom: bottomInset }}>\n <div style={{ height: visibleTasks.length rowHeight, position: 'relative' }}>\n {mountedTasks.map(({ task, index }) => (\n <div\n key={task.id}\n data-gantt-row-id={task.id}\n className={cn(\n 'border-b flex items-center px-2 text-sm font-medium hover:bg-muted/50 cursor-pointer transition-colors group',\n selectedTaskId === task.id && 'bg-muted',\n )}\n style={{\n height: rowHeight,\n position: 'absolute',\n top: index * rowHeight,\n left: 0,\n right: 0,\n paddingLeft: task.computedLevel * (hierarchyConfig?.indentWidth ?? 16) + 8,\n }}\n onClick={() => handleTaskClick(task)}\n >\n {/* Expand/Collapse /}\n {task.hasChildren ? (\n <Button\n aria-label={`${task.title}: expand/collapse`}\n aria-expanded={state.expandedTaskIds.has(task.id)}\n variant='ghost'\n size='icon'\n className='h-4 w-4 p-0 mr-1 hover:bg-muted rounded-sm'\n onClick={(e) => {\n e.stopPropagation();\n toggleTaskExpand(task.id);\n }}\n >\n {state.expandedTaskIds.has(task.id) ? (\n <ChevronDown className='h-3 w-3' />\n ) : (\n <ChevronRight className='h-3 w-3' />\n )}\n </Button>\n ) : (\n <div className='w-4' />\n )}\n\n {/ Status dot /}\n <div\n className={cn(\n 'w-2 h-2 rounded-full mr-2 flex-shrink-0',\n task.status === 'done'\n ? 'bg-green-500'\n : task.status === 'review'\n ? 'bg-primary'\n : task.status === 'doing'\n ? 'bg-blue-500'\n : task.status === 'blocked'\n ? 'bg-red-500'\n : 'bg-muted',\n )}\n />\n\n {/ Title /}\n <button\n type='button'\n className='truncate flex-1 text-left'\n onClick={(event) => {\n event.stopPropagation();\n handleTaskClick(task);\n }}\n >\n {task.title}\n </button>\n\n {/ Progress /}\n {progressConfig?.showProgress && task.computedProgress > 0 && (\n <span className='text-xs text-muted-foreground mr-2'>\n {Math.round(task.computedProgress)}%\n </span>\n )}\n\n {/ Assignee /}\n {task.assignee_id && (\n <Avatar className='h-5 w-5 ml-1 border opacity-70 group-hover:opacity-100'>\n <AvatarFallback className='text-[9px]'>\n {task.assignee_name?.[0]?.toUpperCase() ??\n task.priority?.[0]?.toUpperCase() ??\n '?'}\n </AvatarFallback>\n </Avatar>\n )}\n\n {/ Add child button /}\n {showRowAddButton && onAddTask && (\n <Button\n variant='ghost'\n size='icon'\n className='h-5 w-5 opacity-0 group-hover:opacity-100'\n onClick={(e) => {\n e.stopPropagation();\n handleAddTask(task.id);\n }}\n >\n <Plus className='h-3 w-3' />\n </Button>\n )}\n </div>\n ))}\n </div>\n\n {/ Milestones header /}\n {milestones.length > 0 && (\n <div\n className='border-b bg-muted/5 flex items-center px-4 text-xs font-semibold text-muted-foreground uppercase'\n style={{ height: rowHeight }}\n >\n {t('milestones')}\n </div>\n )}\n\n {/ Milestones /}\n {milestones.map((ms) => (\n <div\n key={ms.id}\n className='border-b flex items-center px-4 text-sm hover:bg-muted/50 cursor-pointer'\n style={{ height: rowHeight }}\n onClick={() => onMilestoneClick?.(ms)}\n >\n <div className='w-2 h-2 rotate-45 bg-amber-500 mr-2 flex-shrink-0' />\n <span className='truncate'>{ms.name}</span>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n\n {/ Main Chart Area /}\n {showChart && (\n <div\n ref={scrollContainerRef}\n {...rowEvents}\n data-gantt-chart-viewport\n className='flex-1 min-w-0 overflow-auto bg-muted/5 relative'\n >\n <div style={{ width: `${totalDays cellWidth}px`, minWidth: '100%' }}>\n {/* Timeline Header /}\n <div\n className='sticky top-0 z-10 bg-background border-b flex relative'\n style={{ height: rowHeight }}\n >\n {allDays.map((day) => {\n const isMonthStart = day.getDate() === 1;\n const isFirstMonday = day.getDate() <= 7 && day.getDay() === 1;\n const isYearStart = day.getMonth() === 0 && day.getDate() === 1;\n const isMonday = day.getDay() === 1;\n\n let showUpperLabel = false;\n let upperLabelText = '';\n let showLowerLabel = false;\n let lowerLabelText = '';\n let borderClass = showVerticalBorders ? 'border-r' : '';\n\n if (viewMode === 'Day') {\n showUpperLabel = isMonthStart;\n upperLabelText = format(day, 'yyyy MMMM', { locale });\n showLowerLabel = true;\n lowerLabelText = format(day, 'd', { locale });\n } else if (viewMode === 'Week') {\n showUpperLabel = isFirstMonday \|\| (isMonthStart && day.getDay() === 1);\n upperLabelText = format(day, 'yyyy MMM', { locale });\n showLowerLabel = isMonday;\n lowerLabelText = format(day, 'd', { locale });\n borderClass = isMonday && showVerticalBorders ? 'border-l border-border' : '';\n } else if (viewMode === 'Month') {\n showUpperLabel = isYearStart;\n upperLabelText = format(day, 'yyyy', { locale });\n showLowerLabel = isMonthStart;\n borderClass =\n isMonthStart && showVerticalBorders ? 'border-l border-border' : '';\n if (showLowerLabel) lowerLabelText = format(day, 'MMM', { locale });\n }\n\n return (\n <div\n key={day.toISOString()}\n className={cn(\n 'flex-shrink-0 flex flex-col justify-end pb-1 text-[10px] text-muted-foreground select-none text-center relative',\n borderClass,\n (planningView.isWorking\n ? !planningView.isWorking(day)\n : showWeekendHighlight && isWeekend(day)) &&\n viewMode === 'Day' &&\n 'bg-muted/10',\n showTodayHighlight &&\n isToday(day) &&\n 'bg-primary/10 font-semibold text-primary',\n )}\n style={{ width: cellWidth }}\n >\n {showUpperLabel && (\n <span className='absolute top-1 left-1 text-xs font-bold text-foreground pl-1 whitespace-nowrap z-10'>\n {upperLabelText}\n </span>\n )}\n {showLowerLabel && (\n <span\n className={cn(\n viewMode !== 'Day' && 'absolute bottom-1 left-1',\n 'whitespace-nowrap tracking-tighter',\n )}\n >\n {lowerLabelText}\n </span>\n )}\n </div>\n );\n })}\n </div>\n\n {/ Grid & Task Bars /}\n <div className='relative'>\n {/ Background Grid /}\n <div className='absolute inset-0 flex pointer-events-none'>\n {allDays.map((day) => {\n let borderClass = '';\n if (showVerticalBorders) {\n if (viewMode === 'Day') {\n borderClass = 'border-r';\n } else if (viewMode === 'Week' && day.getDay() === 1) {\n borderClass = 'border-l';\n } else if (viewMode === 'Month' && day.getDate() === 1) {\n borderClass = 'border-l';\n }\n }\n\n return (\n <div\n key={`grid-${day.toISOString()}`}\n className={cn(\n 'flex-shrink-0 h-full',\n borderClass,\n (planningView.isWorking\n ? !planningView.isWorking(day)\n : showWeekendHighlight && isWeekend(day)) && viewMode === 'Day'\n ? 'bg-muted/20'\n : 'bg-transparent',\n showTodayHighlight && isToday(day) && 'bg-primary/5',\n )}\n style={{ width: cellWidth }}\n />\n );\n })}\n\n {/ Current Time Indicator /}\n {(isSameDay(new Date(), startDate) \|\| new Date() > startDate) &&\n viewMode !== 'Month' && (\n <div\n className='absolute top-0 bottom-0 border-l-2 border-red-500/50 z-30 pointer-events-none'\n style={{ left: getXPosition(new Date()) + cellWidth / 2 }}\n >\n <div className='w-2 h-2 bg-red-500 rounded-full -ml-[5px] mt-[-4px]' />\n </div>\n )}\n\n {/ Custom Markers /}\n {markers.map((marker) => renderMarker(marker, getXPosition))}\n </div>\n\n {/ Task Rows /}\n {!graphError && dependencies.length > 0 && (\n <GanttDependencyLayer\n tasks={visibleTasks}\n dependencies={dependencies}\n criticalDependencyIds={\n showCriticalPath\n ? new Set(planningView.plan?.criticalPath.dependencyIds)\n : undefined\n }\n rowHeight={rowHeight}\n width={totalDays cellWidth}\n getXPosition={getXPosition}\n getWidth={getWidth}\n rowWindow={virtualized ? { start: windowStart, end: windowEnd } : undefined}\n />\n )}\n <div>\n <div style={{ height: visibleTasks.length * rowHeight, position: 'relative' }}>\n {mountedTasks.map(({ task, index }) => {\n const left = getXPosition(task.computedStart);\n const width = getWidth(task.computedStart, task.computedEnd);\n\n // Baseline positions\n let baselineLeft: number \| undefined;\n let baselineWidth: number \| undefined;\n if (\n baselineConfig?.showBaseline &&\n task.baseline_start &&\n task.baseline_end\n ) {\n baselineLeft = getXPosition(new Date(task.baseline_start));\n baselineWidth = getWidth(\n new Date(task.baseline_start),\n new Date(task.baseline_end),\n );\n }\n\n return (\n <div\n key={task.id}\n data-gantt-row-id={task.id}\n className={cn('relative', showHorizontalBorders && 'border-b')}\n style={{\n height: rowHeight,\n position: 'absolute',\n top: index * rowHeight,\n left: 0,\n right: 0,\n }}\n >\n <MemoTaskBar\n task={task}\n critical={criticalTasks.get(task.id)?.critical}\n totalFloatDays={criticalTasks.get(task.id)?.totalFloatDays}\n left={left}\n width={width}\n rowHeight={rowHeight}\n taskBarDisplay={taskBarDisplay}\n progressConfig={progressConfig}\n baselineConfig={baselineConfig}\n baselineLeft={baselineLeft}\n baselineWidth={baselineWidth}\n onClick={handleTaskClick}\n dateEditing={dateEditing}\n cellWidth={cellWidth}\n editingDisabled={saving}\n onDateChange={\n editMode !== 'none' &&\n (onTasksChange \|\| onTaskUpdate) &&\n !task.hasChildren &&\n !(autoSchedule && schedulingError)\n ? handleDateChange\n : undefined\n }\n onProgressChange={\n editMode !== 'none' &&\n (onTasksChange \|\| onTaskUpdate) &&\n !(task.hasChildren && hierarchyConfig?.autoRollupProgress)\n ? handleProgressChange\n : undefined\n }\n />\n </div>\n );\n })}\n </div>\n {milestones.length > 0 && <div aria-hidden style={{ height: rowHeight }} />}\n\n {/* Milestone Rows /}\n {milestones.map((ms) => {\n const date = ms.due_date ? new Date(ms.due_date) : new Date();\n const left = getXPosition(date);\n\n return (\n <div\n key={ms.id}\n className={cn('relative', showHorizontalBorders && 'border-b')}\n style={{ height: rowHeight }}\n >\n <div\n className='absolute top-3 w-6 h-6 rotate-45 bg-amber-400 border-2 border-background shadow-md hover:scale-110 transition-transform cursor-help z-10'\n style={{ left: left - 10 }}\n title={`${ms.name} - ${format(date, 'MMM d')}`}\n />\n <span\n className='absolute top-3 text-xs text-muted-foreground whitespace-nowrap ml-2 pointer-events-none font-medium'\n style={{ left: left + 14 }}\n >\n {ms.name}\n </span>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n\n {/ Edit Dialog */}\n {editMode === 'dialog' && (\n <TaskEditDialog\n task={editingTask}\n open={editDialogOpen}\n onOpenChange={setEditDialogOpen}\n onSave={handleTaskSave}\n error={saveError}\n onDelete={onTaskDelete ? handleTaskDelete : undefined}\n editableFields={editableFields}\n />\n )}\n </div>\n );\n}\n\n// ============================================================================\n// Helper: Render Marker\n// ============================================================================\n\nfunction renderMarker(marker: GanttMarker, getXPosition: (date: Date) => number) {\n const date = new Date(marker.date);\n const left = getXPosition(date);\n const color = marker.color \|\| 'var(--primary)';\n\n if (marker.type === 'range' && marker.endDate) {\n const endDate = new Date(marker.endDate);\n const endLeft = getXPosition(endDate);\n const width = endLeft - left;\n\n return (\n <div\n key={marker.id}\n className='absolute top-0 bottom-0 opacity-20 pointer-events-none z-5'\n style={{\n left,\n width,\n backgroundColor: color,\n }}\n title={marker.label}\n />\n );\n }\n\n return (\n <div\n key={marker.id}\n className='absolute top-0 bottom-0 border-l-2 border-dashed z-20 pointer-events-none'\n style={{\n left,\n borderColor: color,\n }}\n title={marker.label}\n >\n {marker.label && (\n <span\n className='absolute top-0 left-1 text-[10px] font-semibold whitespace-nowrap px-1 rounded'\n style={{ color, backgroundColor: `color-mix(in srgb, ${color} 20%, transparent)` }}\n >\n {marker.label}\n </span>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"GanttChart.cjs","names":["memo","GanttTaskBar","enUS","useState","useRef","useMemo","dependencyError","workingDayPredicate","planGanttTasks","parseISO","useGanttState","useGanttRowWindow","useCallback","scheduleGanttTasks","planningDate","addDays","differenceInCalendarDays","getGanttWorkingDuration","cn","GanttToolbar","Button","Plus","ChevronDown","ChevronRight","Avatar","AvatarFallback","format","isWeekend","isToday","isSameDay","GanttDependencyLayer","TaskEditDialog","require_ui_lib_utils","require_ui_components_ui_button_components","require_ui_components_ui_avatar","require_tools_components_gantt_hooks_useGanttState","require_tools_components_gantt_components_GanttToolbar","require_tools_components_gantt_components_GanttTaskBar","require_tools_components_gantt_dialogs_TaskEditDialog","require_tools_components_gantt_components_GanttDependencyLayer","require_tools_components_gantt_hooks_use_gantt_row_window","react_jsx_runtime","react","lucide_react","date_fns_locale","date_fns","_alneas_appkit_core_graph_planning","MemoTaskBar","EMPTY_DEPENDENCIES","GanttChart","locale","optimisticTasks","setOptimisticTasks","prevTasks","setPrevTasks","tasks","currentTasks","disableOptimisticUpdates","saving","setSaving","saveError","setSaveError","saveLock","sourceTasks","requestId","graphError","dependencies","planningView","schedulingOptions","showCriticalPath","autoSchedule","error","criticalTasks","task","schedulingError","onTasksChange","displayTasks","localDate","value","state","editDialogOpen","setEditDialogOpen","editingTask","setEditingTask","showTaskList","displayConfig","showChart","taskListWidth","showHorizontalBorders","gridConfig","showVerticalBorders","showWeekendHighlight","showTodayHighlight","rowIds","visibleTasks","virtualized","scrollContainerRef","windowStart","windowEnd","rowIndices","rowHeight","rowEvents","mountedTasks","index","todayX","getXPosition","containerWidth","viewMode","handleTaskClick","selectTask","onTaskClick","editMode","item","publishTask","token","source","previousOptimistic","schedule","next","updatedTask","onTaskUpdate","handleTaskSave","datesChanged","saved","handleDateChange","original","taskId","updated","start","end","oldStart","oldEnd","moving","handleProgressChange","handleTaskDelete","nextOptimistic","onTaskDelete","handleAddTask","onAddTask","parentId","handleZoomIn","maxWidth","scaleConfig","setCellWidth","cellWidth","handleZoomOut","minWidth","t","key","className","delay","setViewMode","goToPrevious","goToNext","goToToday","showAddButton","listRef","bottomInset","selectedTaskId","hierarchyConfig","toggleTaskExpand","event","progressConfig","showRowAddButton","milestones","onMilestoneClick","ms","totalDays","allDays","isMonthStart","day","isFirstMonday","isYearStart","isMonday","showUpperLabel","upperLabelText","showLowerLabel","lowerLabelText","borderClass","startDate","markers","renderMarker","marker","left","width","getWidth","baselineLeft","baselineWidth","baselineConfig","date","color"],"sources":["../../../../src/tools/components/gantt/GanttChart.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo, useCallback, memo } from 'react';\nimport {\n format,\n isSameDay,\n isToday,\n isWeekend,\n differenceInCalendarDays,\n addDays,\n parseISO,\n} from 'date-fns';\nimport { enUS } from 'date-fns/locale';\nimport { ChevronDown, ChevronRight, Plus } from 'lucide-react';\n\nimport { Avatar, AvatarFallback } from '../ui/avatar';\nimport { Button } from '../ui/button';\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n GanttChartProps,\n GanttTask,\n ComputedTask,\n GanttMarker,\n GanttDependency,\n} from './types';\nimport { useGanttState } from './hooks/useGanttState';\nimport { GanttToolbar } from './components/GanttToolbar';\nimport { GanttTaskBar } from './components/GanttTaskBar';\nimport { TaskEditDialog } from './dialogs/TaskEditDialog';\nimport { dependencyError, scheduleGanttTasks } from './hooks/gantt-scheduling';\nimport { GanttDependencyLayer } from './components/GanttDependencyLayer';\nimport { planGanttTasks } from './hooks/gantt-planning';\nimport { useGanttRowWindow } from './hooks/use-gantt-row-window';\nimport {\n getGanttWorkingDuration,\n planningDate,\n workingDayPredicate,\n} from './hooks/gantt-working-calendar';\n\nconst MemoTaskBar = memo(GanttTaskBar);\nconst EMPTY_DEPENDENCIES: GanttDependency[] = [];\n\n/*\n Renders hierarchical tasks, milestones and dependency planning on an editable timeline.\n * @param props - Task data, display/planning settings and host callbacks; see {@link GanttChartProps}.\n * @returns The chart with its toolbar, task list, timeline and optional edit dialog.\n * @remarks Import Appkit CSS. initialViewMode defaults to Week, editMode to dialog and\n * optimistic updates are enabled unless disableOptimisticUpdates is true. The host owns\n * persistence and must replace tasks after updates; optimistic state resets when tasks changes.\n * Date dragging/resizing and auto-scheduling require their explicit options. Calendar formatting\n * uses enUS. The root exposes data-task-count for the filtered visible task count and\n * data-virtualized=\"true\" while virtualized; no data-testid prop/attribute is implemented.\n * @example\n * ```tsx\n * import { GanttChart, type GanttTask } from '@alneas/appkit-react/tools/gantt';\n * import '@alneas/appkit-react/styles';\n \n const tasks: GanttTask[] = [{ id: 'phase-1', title: 'Phase 1', status: 'doing',\n * start_date: '2026-01-01', due_date: '2026-01-31', progress: 50, created_at: '2026-01-01' }];\n * export function ProjectTimeline() {\n * return <GanttChart tasks={tasks} initialViewMode=\"Week\" editMode=\"none\" />;\n * }\n * ```\n /\nexport function GanttChart({\n tasks,\n milestones = [],\n markers = [],\n onTaskClick,\n onTaskUpdate,\n onTasksChange,\n dependencies = EMPTY_DEPENDENCIES,\n autoSchedule = false,\n schedulingOptions,\n showCriticalPath = false,\n dateEditing,\n onTaskDelete,\n onAddTask,\n onMilestoneClick,\n className,\n initialViewMode = 'Week',\n taskBarDisplay = 'none',\n displayConfig,\n scaleConfig,\n gridConfig,\n baselineConfig,\n progressConfig,\n hierarchyConfig,\n filterConfig,\n editMode = 'dialog',\n editableFields,\n showAddButton,\n showRowAddButton,\n disableOptimisticUpdates = false,\n}: GanttChartProps) {\n const locale = enUS;\n\n // -------------------------------------------------------------------------\n // State Management\n // -------------------------------------------------------------------------\n\n const [optimisticTasks, setOptimisticTasks] = useState<GanttTask[] \| null>(null);\n\n // Reset optimistic state during render when original tasks prop changes\n const [prevTasks, setPrevTasks] = useState<GanttTask[]>(tasks);\n if (tasks !== prevTasks) {\n setPrevTasks(tasks);\n setOptimisticTasks(null);\n }\n\n const currentTasks = disableOptimisticUpdates \|\| !optimisticTasks ? tasks : optimisticTasks;\n const [saving, setSaving] = useState(false);\n const [saveError, setSaveError] = useState<string \| null>(null);\n const saveLock = useRef(false);\n const sourceTasks = useRef(tasks);\n const requestId = useRef(0);\n useEffect(() => {\n sourceTasks.current = tasks;\n }, [tasks]);\n useEffect(\n () => () => {\n requestId.current++;\n },\n [],\n );\n const graphError = useMemo(\n () => (dependencies.length ? dependencyError(currentTasks, dependencies) : null),\n [currentTasks, dependencies],\n );\n const planningView = useMemo(() => {\n try {\n const isWorking = schedulingOptions?.calendar\n ? workingDayPredicate(schedulingOptions.calendar)\n : undefined;\n const plan =\n showCriticalPath \|\| (autoSchedule && schedulingOptions)\n ? planGanttTasks(currentTasks, dependencies, {\n ...schedulingOptions,\n resourceLeveling: autoSchedule ? schedulingOptions?.resourceLeveling : undefined,\n })\n : undefined;\n return { isWorking, plan, error: null };\n } catch (error) {\n return { error: error instanceof Error ? error.message : 'Invalid schedule.' };\n }\n }, [currentTasks, dependencies, schedulingOptions, showCriticalPath, autoSchedule]);\n const criticalTasks = useMemo(\n () =>\n new Map(\n showCriticalPath\n ? planningView.plan?.criticalPath.tasks.map((task) => [task.taskId, task])\n : [],\n ),\n [showCriticalPath, planningView.plan],\n );\n const schedulingError =\n autoSchedule && !onTasksChange\n ? 'Automatic scheduling requires onTasksChange for atomic updates.'\n : (graphError ?? planningView.error);\n const displayTasks = useMemo(() => {\n if (!schedulingOptions && !showCriticalPath) return currentTasks;\n const localDate = (value: GanttTask['start_date']) =>\n typeof value === 'string' && /^\\d{4}-\\d{2}-\\d{2}$/.test(value) ? parseISO(value) : value;\n // Match day-planner date-only parsing without applying the computed schedule during render.\n return currentTasks.map((task) => ({\n ...task,\n start_date: localDate(task.start_date),\n due_date: localDate(task.due_date),\n created_at: localDate(task.created_at)!,\n }));\n }, [currentTasks, schedulingOptions, showCriticalPath]);\n\n const {\n state,\n visibleTasks,\n allDays,\n startDate,\n totalDays,\n setViewMode,\n selectTask,\n toggleTaskExpand,\n setCellWidth,\n goToToday,\n goToPrevious,\n goToNext,\n getXPosition,\n getWidth,\n } = useGanttState({\n tasks: displayTasks,\n initialViewMode,\n hierarchyConfig,\n scaleConfig,\n });\n\n const { viewMode, currentDate, cellWidth, rowHeight, selectedTaskId } = state;\n\n // Dialog state\n const [editDialogOpen, setEditDialogOpen] = useState(false);\n const [editingTask, setEditingTask] = useState<GanttTask \| null>(null);\n\n // -------------------------------------------------------------------------\n // Display Config Defaults\n // -------------------------------------------------------------------------\n\n const showTaskList = displayConfig?.showTaskList ?? true;\n const showChart = displayConfig?.showChart ?? true;\n const taskListWidth = displayConfig?.taskListWidth ?? 256;\n const showHorizontalBorders = gridConfig?.showHorizontalBorders ?? true;\n const showVerticalBorders = gridConfig?.showVerticalBorders ?? true;\n const showWeekendHighlight = gridConfig?.showWeekendHighlight ?? true;\n const showTodayHighlight = gridConfig?.showTodayHighlight ?? true;\n\n // -------------------------------------------------------------------------\n // Scroll Management\n // -------------------------------------------------------------------------\n\n const rowIds = useMemo(() => visibleTasks.map((task) => task.id), [visibleTasks]);\n const virtualized = displayConfig?.virtualizeRows !== false && visibleTasks.length > 100;\n const {\n chartRef: scrollContainerRef,\n listRef,\n start: windowStart,\n end: windowEnd,\n indices: rowIndices,\n bottomInset,\n onScroll,\n onFocusCapture,\n onBlurCapture,\n onKeyDownCapture,\n onPointerDownCapture,\n onPointerUpCapture,\n onPointerCancelCapture,\n onLostPointerCapture,\n } = useGanttRowWindow(\n rowIds,\n rowHeight,\n virtualized,\n editDialogOpen ? editingTask?.id : undefined,\n `${showTaskList}:${showChart}`,\n );\n const rowEvents = {\n onScroll,\n onFocusCapture,\n onBlurCapture,\n onKeyDownCapture,\n onPointerDownCapture,\n onPointerUpCapture,\n onPointerCancelCapture,\n onLostPointerCapture,\n };\n const mountedTasks = rowIndices.map((index) => ({ task: visibleTasks[index], index }));\n\n useEffect(() => {\n if (scrollContainerRef.current) {\n const todayX = getXPosition(new Date());\n const containerWidth = scrollContainerRef.current.clientWidth;\n scrollContainerRef.current.scrollLeft = todayX - containerWidth / 2;\n }\n }, [viewMode, getXPosition, scrollContainerRef]);\n\n // -------------------------------------------------------------------------\n // Handlers\n // -------------------------------------------------------------------------\n\n const handleTaskClick = useCallback(\n (task: ComputedTask) => {\n if (saveLock.current) return;\n selectTask(task.id);\n onTaskClick?.(task);\n\n if (editMode === 'dialog') {\n setEditingTask(currentTasks.find((item) => item.id === task.id) ?? task);\n setEditDialogOpen(true);\n }\n },\n [selectTask, onTaskClick, editMode, currentTasks],\n );\n\n const publishTask = useCallback(\n async (updatedTask: GanttTask, schedule: boolean) => {\n if (saveLock.current) return false;\n const token = ++requestId.current;\n const source = tasks;\n const previousOptimistic = optimisticTasks;\n saveLock.current = true;\n setSaving(true);\n setSaveError(null);\n try {\n // Validate the proposed schedule, so a dialog can repair invalid input dates.\n if (schedule && autoSchedule && !onTasksChange)\n throw new Error('Automatic scheduling requires onTasksChange for atomic updates.');\n let next = currentTasks.map((task) => (task.id === updatedTask.id ? updatedTask : task));\n if (schedule && autoSchedule)\n next = scheduleGanttTasks(next, dependencies, schedulingOptions);\n if (!disableOptimisticUpdates) setOptimisticTasks(next);\n if (onTasksChange) await onTasksChange(next);\n else await onTaskUpdate?.(updatedTask);\n return token === requestId.current;\n } catch (error) {\n if (token === requestId.current) {\n if (sourceTasks.current === source) setOptimisticTasks(previousOptimistic);\n setSaveError(error instanceof Error ? error.message : 'Unable to save task changes.');\n }\n return false;\n } finally {\n if (token === requestId.current) {\n saveLock.current = false;\n setSaving(false);\n }\n }\n },\n [\n tasks,\n optimisticTasks,\n autoSchedule,\n onTasksChange,\n currentTasks,\n dependencies,\n schedulingOptions,\n disableOptimisticUpdates,\n onTaskUpdate,\n ],\n );\n const handleTaskSave = async (updatedTask: GanttTask) => {\n // The date fields in the dialog edit duration; do not retain an earlier drag's override.\n const datesChanged =\n editingTask &&\n (String(updatedTask.start_date) !== String(editingTask.start_date) \|\|\n String(updatedTask.due_date) !== String(editingTask.due_date));\n const saved = await publishTask(\n autoSchedule && schedulingOptions && datesChanged\n ? { ...updatedTask, durationDays: undefined }\n : updatedTask,\n true,\n );\n if (saved) {\n setEditDialogOpen(false);\n setEditingTask(null);\n }\n return saved;\n };\n const handleDateChange = useCallback(\n (taskId: string, start: Date, end: Date) => {\n const original = currentTasks.find((task) => task.id === taskId);\n if (!original) return;\n let updated = { ...original, start_date: start, due_date: end };\n if (autoSchedule && schedulingOptions) {\n try {\n const oldStart = planningDate(original.start_date ?? original.created_at);\n const oldEnd =\n original.due_date == null ? addDays(oldStart, 1) : planningDate(original.due_date);\n const moving =\n differenceInCalendarDays(start, oldStart) === differenceInCalendarDays(end, oldEnd);\n // Moving preserves effort across weekends; resizing deliberately recalculates effort.\n updated = {\n ...updated,\n durationDays: getGanttWorkingDuration(\n moving ? original : { ...updated, durationDays: undefined },\n schedulingOptions.calendar,\n ),\n };\n } catch (error) {\n setSaveError(error instanceof Error ? error.message : 'Invalid task dates.');\n return;\n }\n }\n void publishTask(updated, true);\n },\n [currentTasks, autoSchedule, schedulingOptions, publishTask],\n );\n const handleProgressChange = useCallback(\n (taskId: string, progress: number) => {\n const original = currentTasks.find((item) => item.id === taskId);\n if (original) void publishTask({ ...original, progress }, false);\n },\n [currentTasks, publishTask],\n );\n\n const handleTaskDelete = (taskId: string) => {\n if (saveLock.current) return;\n if (!disableOptimisticUpdates) {\n const nextOptimistic = currentTasks.filter((t) => t.id !== taskId);\n setOptimisticTasks(nextOptimistic);\n }\n\n onTaskDelete?.(taskId);\n setEditDialogOpen(false);\n setEditingTask(null);\n };\n\n const handleAddTask = (parentId?: string) => {\n onAddTask?.(parentId);\n };\n\n const handleZoomIn = () => {\n const maxWidth = scaleConfig?.maxCellWidth ?? 100;\n setCellWidth(Math.min(cellWidth 1.5, maxWidth));\n };\n\n const handleZoomOut = () => {\n const minWidth = scaleConfig?.minCellWidth ?? 5;\n setCellWidth(Math.max(cellWidth / 1.5, minWidth));\n };\n\n // -------------------------------------------------------------------------\n // Helper for translation\n // -------------------------------------------------------------------------\n\n const t = (key: string) => {\n const map: Record<string, string> = {\n today: 'Today',\n day: 'Day',\n week: 'Week',\n month: 'Month',\n tasks: 'Tasks',\n milestones: 'Milestones',\n };\n return map[key.toLowerCase()] \|\| key;\n };\n\n // -------------------------------------------------------------------------\n // Render\n // -------------------------------------------------------------------------\n\n return (\n <div\n aria-busy={saving}\n data-task-count={visibleTasks.length}\n data-virtualized={virtualized \|\| undefined}\n className={cn(\n 'flex flex-col h-full bg-background border overflow-hidden [border-radius:var(--radius-lg)] [box-shadow:var(--shadow-sm)]',\n className,\n )}\n >\n {/* Toolbar /}\n {showCriticalPath && planningView.plan && (\n <div className='px-2 py-1 text-xs text-muted-foreground' role='status'>\n Critical path (dependencies only): {planningView.plan.criticalPath.taskIds.length} tasks;\n resource contention is excluded from float.\n </div>\n )}\n {autoSchedule && schedulingOptions?.resourceLeveling?.enabled && planningView.plan && (\n <details className='px-2 py-1 text-xs text-muted-foreground' data-resource-leveling>\n <summary>\n Resource leveling preview: {planningView.plan.resourceDelays.length} delayed tasks (not\n applied until save)\n </summary>\n <ul>\n {planningView.plan.resourceDelays.map((delay) => (\n <li key={delay.taskId}>\n {currentTasks.find((task) => task.id === delay.taskId)?.title ?? delay.taskId}:\n capacity +{delay.directDays}d, predecessors +{delay.propagatedDays}d\n </li>\n ))}\n </ul>\n </details>\n )}\n {(saveError \|\| schedulingError) && (\n <div role='alert' className='p-2 text-sm text-destructive'>\n {saveError \|\| schedulingError}\n </div>\n )}\n <GanttToolbar\n currentDate={currentDate}\n viewMode={viewMode}\n scaleConfig={scaleConfig}\n filterConfig={filterConfig}\n onViewModeChange={setViewMode}\n onPrevious={goToPrevious}\n onNext={goToNext}\n onToday={goToToday}\n onZoomIn={scaleConfig?.zoomControls ? handleZoomIn : undefined}\n onZoomOut={scaleConfig?.zoomControls ? handleZoomOut : undefined}\n />\n\n <div className='flex flex-1 min-h-0 overflow-hidden'>\n {/ Sidebar (Task Names) /}\n {showTaskList && (\n <div\n className='flex-shrink-0 border-r bg-background flex flex-col z-20 [box-shadow:var(--shadow-sm)]'\n style={{ width: taskListWidth }}\n >\n <div\n className='border-b bg-muted/10 flex items-center justify-between text-muted-foreground [padding-left:var(--spacing-4)] [padding-right:var(--spacing-4)] [font-weight:var(--font-weight-semibold)] [font-size:var(--text-sm)]'\n style={{ height: rowHeight, flexShrink: 0 }}\n >\n <span>{t('tasks')}</span>\n {showAddButton && onAddTask && (\n <Button\n variant='ghost'\n size='icon'\n className='h-6 w-6'\n onClick={() => handleAddTask()}\n >\n <Plus className='h-4 w-4' />\n </Button>\n )}\n </div>\n <div\n ref={listRef}\n {...rowEvents}\n data-gantt-list-viewport\n className='flex-1 min-h-0 overflow-auto'\n >\n <div style={{ paddingBottom: bottomInset }}>\n <div style={{ height: visibleTasks.length rowHeight, position: 'relative' }}>\n {mountedTasks.map(({ task, index }) => (\n <div\n key={task.id}\n data-gantt-row-id={task.id}\n className={cn(\n 'border-b flex items-center px-2 text-sm font-medium hover:bg-muted/50 cursor-pointer transition-colors group',\n selectedTaskId === task.id && 'bg-muted',\n )}\n style={{\n height: rowHeight,\n position: 'absolute',\n top: index * rowHeight,\n left: 0,\n right: 0,\n paddingLeft: task.computedLevel * (hierarchyConfig?.indentWidth ?? 16) + 8,\n }}\n onClick={() => handleTaskClick(task)}\n >\n {/* Expand/Collapse /}\n {task.hasChildren ? (\n <Button\n aria-label={`${task.title}: expand/collapse`}\n aria-expanded={state.expandedTaskIds.has(task.id)}\n variant='ghost'\n size='icon'\n className='h-4 w-4 p-0 mr-1 hover:bg-muted rounded-sm'\n onClick={(e) => {\n e.stopPropagation();\n toggleTaskExpand(task.id);\n }}\n >\n {state.expandedTaskIds.has(task.id) ? (\n <ChevronDown className='h-3 w-3' />\n ) : (\n <ChevronRight className='h-3 w-3' />\n )}\n </Button>\n ) : (\n <div className='w-4' />\n )}\n\n {/ Status dot /}\n <div\n className={cn(\n 'w-2 h-2 rounded-full mr-2 flex-shrink-0',\n task.status === 'done'\n ? 'bg-green-500'\n : task.status === 'review'\n ? 'bg-primary'\n : task.status === 'doing'\n ? 'bg-blue-500'\n : task.status === 'blocked'\n ? 'bg-red-500'\n : 'bg-muted',\n )}\n />\n\n {/ Title /}\n <button\n type='button'\n className='truncate flex-1 text-left'\n onClick={(event) => {\n event.stopPropagation();\n handleTaskClick(task);\n }}\n >\n {task.title}\n </button>\n\n {/ Progress /}\n {progressConfig?.showProgress && task.computedProgress > 0 && (\n <span className='text-xs text-muted-foreground mr-2'>\n {Math.round(task.computedProgress)}%\n </span>\n )}\n\n {/ Assignee /}\n {task.assignee_id && (\n <Avatar className='h-5 w-5 ml-1 border opacity-70 group-hover:opacity-100'>\n <AvatarFallback className='text-[9px]'>\n {task.assignee_name?.[0]?.toUpperCase() ??\n task.priority?.[0]?.toUpperCase() ??\n '?'}\n </AvatarFallback>\n </Avatar>\n )}\n\n {/ Add child button /}\n {showRowAddButton && onAddTask && (\n <Button\n variant='ghost'\n size='icon'\n className='h-5 w-5 opacity-0 group-hover:opacity-100'\n onClick={(e) => {\n e.stopPropagation();\n handleAddTask(task.id);\n }}\n >\n <Plus className='h-3 w-3' />\n </Button>\n )}\n </div>\n ))}\n </div>\n\n {/ Milestones header /}\n {milestones.length > 0 && (\n <div\n className='border-b bg-muted/5 flex items-center px-4 text-xs font-semibold text-muted-foreground uppercase'\n style={{ height: rowHeight }}\n >\n {t('milestones')}\n </div>\n )}\n\n {/ Milestones /}\n {milestones.map((ms) => (\n <div\n key={ms.id}\n className='border-b flex items-center px-4 text-sm hover:bg-muted/50 cursor-pointer'\n style={{ height: rowHeight }}\n onClick={() => onMilestoneClick?.(ms)}\n >\n <div className='w-2 h-2 rotate-45 bg-amber-500 mr-2 flex-shrink-0' />\n <span className='truncate'>{ms.name}</span>\n </div>\n ))}\n </div>\n </div>\n </div>\n )}\n\n {/ Main Chart Area /}\n {showChart && (\n <div\n ref={scrollContainerRef}\n {...rowEvents}\n data-gantt-chart-viewport\n role='region'\n aria-label='Gantt timeline'\n tabIndex={0}\n className='flex-1 min-w-0 overflow-auto bg-muted/5 relative'\n >\n <div style={{ width: `${totalDays cellWidth}px`, minWidth: '100%' }}>\n {/* Timeline Header /}\n <div\n className='sticky top-0 z-10 bg-background border-b flex relative'\n style={{ height: rowHeight }}\n >\n {allDays.map((day) => {\n const isMonthStart = day.getDate() === 1;\n const isFirstMonday = day.getDate() <= 7 && day.getDay() === 1;\n const isYearStart = day.getMonth() === 0 && day.getDate() === 1;\n const isMonday = day.getDay() === 1;\n\n let showUpperLabel = false;\n let upperLabelText = '';\n let showLowerLabel = false;\n let lowerLabelText = '';\n let borderClass = showVerticalBorders ? 'border-r' : '';\n\n if (viewMode === 'Day') {\n showUpperLabel = isMonthStart;\n upperLabelText = format(day, 'yyyy MMMM', { locale });\n showLowerLabel = true;\n lowerLabelText = format(day, 'd', { locale });\n } else if (viewMode === 'Week') {\n showUpperLabel = isFirstMonday \|\| (isMonthStart && day.getDay() === 1);\n upperLabelText = format(day, 'yyyy MMM', { locale });\n showLowerLabel = isMonday;\n lowerLabelText = format(day, 'd', { locale });\n borderClass = isMonday && showVerticalBorders ? 'border-l border-border' : '';\n } else if (viewMode === 'Month') {\n showUpperLabel = isYearStart;\n upperLabelText = format(day, 'yyyy', { locale });\n showLowerLabel = isMonthStart;\n borderClass =\n isMonthStart && showVerticalBorders ? 'border-l border-border' : '';\n if (showLowerLabel) lowerLabelText = format(day, 'MMM', { locale });\n }\n\n return (\n <div\n key={day.toISOString()}\n className={cn(\n 'flex-shrink-0 flex flex-col justify-end pb-1 text-[10px] text-muted-foreground select-none text-center relative',\n borderClass,\n (planningView.isWorking\n ? !planningView.isWorking(day)\n : showWeekendHighlight && isWeekend(day)) &&\n viewMode === 'Day' &&\n 'bg-muted/10',\n showTodayHighlight &&\n isToday(day) &&\n 'bg-primary/10 font-semibold text-primary',\n )}\n style={{ width: cellWidth }}\n >\n {showUpperLabel && (\n <span className='absolute top-1 left-1 text-xs font-bold text-foreground pl-1 whitespace-nowrap z-10'>\n {upperLabelText}\n </span>\n )}\n {showLowerLabel && (\n <span\n className={cn(\n viewMode !== 'Day' && 'absolute bottom-1 left-1',\n 'whitespace-nowrap tracking-tighter',\n )}\n >\n {lowerLabelText}\n </span>\n )}\n </div>\n );\n })}\n </div>\n\n {/ Grid & Task Bars /}\n <div className='relative'>\n {/ Background Grid /}\n <div className='absolute inset-0 flex pointer-events-none'>\n {allDays.map((day) => {\n let borderClass = '';\n if (showVerticalBorders) {\n if (viewMode === 'Day') {\n borderClass = 'border-r';\n } else if (viewMode === 'Week' && day.getDay() === 1) {\n borderClass = 'border-l';\n } else if (viewMode === 'Month' && day.getDate() === 1) {\n borderClass = 'border-l';\n }\n }\n\n return (\n <div\n key={`grid-${day.toISOString()}`}\n className={cn(\n 'flex-shrink-0 h-full',\n borderClass,\n (planningView.isWorking\n ? !planningView.isWorking(day)\n : showWeekendHighlight && isWeekend(day)) && viewMode === 'Day'\n ? 'bg-muted/20'\n : 'bg-transparent',\n showTodayHighlight && isToday(day) && 'bg-primary/5',\n )}\n style={{ width: cellWidth }}\n />\n );\n })}\n\n {/ Current Time Indicator /}\n {(isSameDay(new Date(), startDate) \|\| new Date() > startDate) &&\n viewMode !== 'Month' && (\n <div\n className='absolute top-0 bottom-0 border-l-2 border-red-500/50 z-30 pointer-events-none'\n style={{ left: getXPosition(new Date()) + cellWidth / 2 }}\n >\n <div className='w-2 h-2 bg-red-500 rounded-full -ml-[5px] mt-[-4px]' />\n </div>\n )}\n\n {/ Custom Markers /}\n {markers.map((marker) => renderMarker(marker, getXPosition))}\n </div>\n\n {/ Task Rows /}\n {!graphError && dependencies.length > 0 && (\n <GanttDependencyLayer\n tasks={visibleTasks}\n dependencies={dependencies}\n criticalDependencyIds={\n showCriticalPath\n ? new Set(planningView.plan?.criticalPath.dependencyIds)\n : undefined\n }\n rowHeight={rowHeight}\n width={totalDays cellWidth}\n getXPosition={getXPosition}\n getWidth={getWidth}\n rowWindow={virtualized ? { start: windowStart, end: windowEnd } : undefined}\n />\n )}\n <div>\n <div style={{ height: visibleTasks.length * rowHeight, position: 'relative' }}>\n {mountedTasks.map(({ task, index }) => {\n const left = getXPosition(task.computedStart);\n const width = getWidth(task.computedStart, task.computedEnd);\n\n // Baseline positions\n let baselineLeft: number \| undefined;\n let baselineWidth: number \| undefined;\n if (\n baselineConfig?.showBaseline &&\n task.baseline_start &&\n task.baseline_end\n ) {\n baselineLeft = getXPosition(new Date(task.baseline_start));\n baselineWidth = getWidth(\n new Date(task.baseline_start),\n new Date(task.baseline_end),\n );\n }\n\n return (\n <div\n key={task.id}\n data-gantt-row-id={task.id}\n className={cn('relative', showHorizontalBorders && 'border-b')}\n style={{\n height: rowHeight,\n position: 'absolute',\n top: index * rowHeight,\n left: 0,\n right: 0,\n }}\n >\n <MemoTaskBar\n task={task}\n critical={criticalTasks.get(task.id)?.critical}\n totalFloatDays={criticalTasks.get(task.id)?.totalFloatDays}\n left={left}\n width={width}\n rowHeight={rowHeight}\n taskBarDisplay={taskBarDisplay}\n progressConfig={progressConfig}\n baselineConfig={baselineConfig}\n baselineLeft={baselineLeft}\n baselineWidth={baselineWidth}\n onClick={handleTaskClick}\n dateEditing={dateEditing}\n cellWidth={cellWidth}\n editingDisabled={saving}\n onDateChange={\n editMode !== 'none' &&\n (onTasksChange \|\| onTaskUpdate) &&\n !task.hasChildren &&\n !(autoSchedule && schedulingError)\n ? handleDateChange\n : undefined\n }\n onProgressChange={\n editMode !== 'none' &&\n (onTasksChange \|\| onTaskUpdate) &&\n !(task.hasChildren && hierarchyConfig?.autoRollupProgress)\n ? handleProgressChange\n : undefined\n }\n />\n </div>\n );\n })}\n </div>\n {milestones.length > 0 && <div aria-hidden style={{ height: rowHeight }} />}\n\n {/* Milestone Rows /}\n {milestones.map((ms) => {\n const date = ms.due_date ? new Date(ms.due_date) : new Date();\n const left = getXPosition(date);\n\n return (\n <div\n key={ms.id}\n className={cn('relative', showHorizontalBorders && 'border-b')}\n style={{ height: rowHeight }}\n >\n <div\n className='absolute top-3 w-6 h-6 rotate-45 bg-amber-400 border-2 border-background shadow-md hover:scale-110 transition-transform cursor-help z-10'\n style={{ left: left - 10 }}\n title={`${ms.name} - ${format(date, 'MMM d')}`}\n />\n <span\n className='absolute top-3 text-xs text-muted-foreground whitespace-nowrap ml-2 pointer-events-none font-medium'\n style={{ left: left + 14 }}\n >\n {ms.name}\n </span>\n </div>\n );\n })}\n </div>\n </div>\n </div>\n </div>\n )}\n </div>\n\n {/ Edit Dialog */}\n {editMode === 'dialog' && (\n <TaskEditDialog\n task={editingTask}\n open={editDialogOpen}\n onOpenChange={setEditDialogOpen}\n onSave={handleTaskSave}\n error={saveError}\n onDelete={onTaskDelete ? handleTaskDelete : undefined}\n editableFields={editableFields}\n />\n )}\n </div>\n );\n}\n\n// ============================================================================\n// Helper: Render Marker\n// ============================================================================\n\nfunction renderMarker(marker: GanttMarker, getXPosition: (date: Date) => number) {\n const date = new Date(marker.date);\n const left = getXPosition(date);\n const color = marker.color \|\| 'var(--primary)';\n\n if (marker.type === 'range' && marker.endDate) {\n const endDate = new Date(marker.endDate);\n const endLeft = getXPosition(endDate);\n const width = endLeft - left;\n\n return (\n <div\n key={marker.id}\n className='absolute top-0 bottom-0 opacity-20 pointer-events-none z-5'\n style={{\n left,\n width,\n backgroundColor: color,\n }}\n title={marker.label}\n />\n );\n }\n\n return (\n <div\n key={marker.id}\n className='absolute top-0 bottom-0 border-l-2 border-dashed z-20 pointer-events-none'\n style={{\n left,\n borderColor: color,\n }}\n title={marker.label}\n >\n {marker.label && (\n <span\n className='absolute top-0 left-1 text-[10px] font-semibold whitespace-nowrap px-1 rounded'\n style={{ color, backgroundColor: `color-mix(in srgb, ${color} 20%, transparent)` }}\n >\n {marker.label}\n </span>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/tools/components/gantt/GanttChart.d.cts CHANGED Viewed

@@ -1,5 +1,24 @@
 import { GanttChartProps } from './types.cjs';
 /**
- * タスクとマイルストーンを階層構造およびタイムライン形式で表示する、高機能なガントチャートコンポーネント。
+ * Renders hierarchical tasks, milestones and dependency planning on an editable timeline.
+ * @param props - Task data, display/planning settings and host callbacks; see {@link GanttChartProps}.
+ * @returns The chart with its toolbar, task list, timeline and optional edit dialog.
+ * @remarks Import Appkit CSS. initialViewMode defaults to Week, editMode to dialog and
+ * optimistic updates are enabled unless disableOptimisticUpdates is true. The host owns
+ * persistence and must replace tasks after updates; optimistic state resets when tasks changes.
+ * Date dragging/resizing and auto-scheduling require their explicit options. Calendar formatting
+ * uses enUS. The root exposes data-task-count for the filtered visible task count and
+ *  data-virtualized="true" while virtualized; no data-testid prop/attribute is implemented.
+ * @example
+ * ```tsx
+ * import { GanttChart, type GanttTask } from '@alneas/appkit-react/tools/gantt';
+ * import '@alneas/appkit-react/styles';
+ *
+ * const tasks: GanttTask[] = [{ id: 'phase-1', title: 'Phase 1', status: 'doing',
+ *   start_date: '2026-01-01', due_date: '2026-01-31', progress: 50, created_at: '2026-01-01' }];
+ * export function ProjectTimeline() {
+ *   return <GanttChart tasks={tasks} initialViewMode="Week" editMode="none" />;
+ * }
+ * ```
  */
 export declare function GanttChart({ tasks, milestones, markers, onTaskClick, onTaskUpdate, onTasksChange, dependencies, autoSchedule, schedulingOptions, showCriticalPath, dateEditing, onTaskDelete, onAddTask, onMilestoneClick, className, initialViewMode, taskBarDisplay, displayConfig, scaleConfig, gridConfig, baselineConfig, progressConfig, hierarchyConfig, filterConfig, editMode, editableFields, showAddButton, showRowAddButton, disableOptimisticUpdates, }: GanttChartProps): import('react').JSX.Element;

package/dist/tools/components/gantt/GanttChart.d.ts CHANGED Viewed

@@ -1,5 +1,24 @@
 import { GanttChartProps } from './types.js';
 /**
- * タスクとマイルストーンを階層構造およびタイムライン形式で表示する、高機能なガントチャートコンポーネント。
+ * Renders hierarchical tasks, milestones and dependency planning on an editable timeline.
+ * @param props - Task data, display/planning settings and host callbacks; see {@link GanttChartProps}.
+ * @returns The chart with its toolbar, task list, timeline and optional edit dialog.
+ * @remarks Import Appkit CSS. initialViewMode defaults to Week, editMode to dialog and
+ * optimistic updates are enabled unless disableOptimisticUpdates is true. The host owns
+ * persistence and must replace tasks after updates; optimistic state resets when tasks changes.
+ * Date dragging/resizing and auto-scheduling require their explicit options. Calendar formatting
+ * uses enUS. The root exposes data-task-count for the filtered visible task count and
+ *  data-virtualized="true" while virtualized; no data-testid prop/attribute is implemented.
+ * @example
+ * ```tsx
+ * import { GanttChart, type GanttTask } from '@alneas/appkit-react/tools/gantt';
+ * import '@alneas/appkit-react/styles';
+ *
+ * const tasks: GanttTask[] = [{ id: 'phase-1', title: 'Phase 1', status: 'doing',
+ *   start_date: '2026-01-01', due_date: '2026-01-31', progress: 50, created_at: '2026-01-01' }];
+ * export function ProjectTimeline() {
+ *   return <GanttChart tasks={tasks} initialViewMode="Week" editMode="none" />;
+ * }
+ * ```
  */
 export declare function GanttChart({ tasks, milestones, markers, onTaskClick, onTaskUpdate, onTasksChange, dependencies, autoSchedule, schedulingOptions, showCriticalPath, dateEditing, onTaskDelete, onAddTask, onMilestoneClick, className, initialViewMode, taskBarDisplay, displayConfig, scaleConfig, gridConfig, baselineConfig, progressConfig, hierarchyConfig, filterConfig, editMode, editableFields, showAddButton, showRowAddButton, disableOptimisticUpdates, }: GanttChartProps): import('react').JSX.Element;

package/dist/tools/components/gantt/GanttChart.js CHANGED Viewed

@@ -336,6 +336,9 @@ function ye({ tasks: o, milestones: p = [], markers: ye = [], onTaskClick: xe, o
 					ref: Z,
 					...Ct,
 					"data-gantt-chart-viewport": !0,
+					role: "region",
+					"aria-label": "Gantt timeline",
+					tabIndex: 0,
 					className: "flex-1 min-w-0 overflow-auto bg-muted/5 relative",
 					children: /* @__PURE__ */ f("div", {
 						style: {