@alneas/appkit-react 0.1.0 → 0.2.0

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

@@ -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

@@ -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

@@ -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: {

package/dist/tools/components/gantt/GanttChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"GanttChart.js","names":["MemoTaskBar","memo","GanttTaskBar","EMPTY_DEPENDENCIES","GanttChart","locale","enUS","optimisticTasks","setOptimisticTasks","useState","prevTasks","setPrevTasks","tasks","currentTasks","disableOptimisticUpdates","saving","setSaving","saveError","setSaveError","saveLock","useRef","sourceTasks","requestId","useEffect","graphError","useMemo","dependencies","dependencyError","planningView","schedulingOptions","workingDayPredicate","showCriticalPath","autoSchedule","planGanttTasks","error","criticalTasks","task","schedulingError","onTasksChange","displayTasks","localDate","value","parseISO","useGanttState","state","editDialogOpen","setEditDialogOpen","editingTask","setEditingTask","showTaskList","displayConfig","showChart","taskListWidth","showHorizontalBorders","gridConfig","showVerticalBorders","showWeekendHighlight","showTodayHighlight","rowIds","visibleTasks","virtualized","scrollContainerRef","windowStart","windowEnd","rowIndices","useGanttRowWindow","rowHeight","rowEvents","mountedTasks","index","todayX","getXPosition","containerWidth","viewMode","handleTaskClick","useCallback","selectTask","onTaskClick","editMode","item","publishTask","token","source","previousOptimistic","schedule","next","updatedTask","scheduleGanttTasks","onTaskUpdate","handleTaskSave","datesChanged","saved","handleDateChange","original","taskId","updated","start","end","oldStart","planningDate","oldEnd","addDays","moving","differenceInCalendarDays","getGanttWorkingDuration","handleProgressChange","handleTaskDelete","nextOptimistic","onTaskDelete","handleAddTask","parentId","handleZoomIn","maxWidth","scaleConfig","cellWidth","handleZoomOut","minWidth","t","key","cn","className","delay","GanttToolbar","setViewMode","goToPrevious","goToNext","goToToday","showAddButton","onAddTask","Button","Plus","listRef","bottomInset","selectedTaskId","hierarchyConfig","toggleTaskExpand","ChevronDown","ChevronRight","event","progressConfig","Avatar","AvatarFallback","showRowAddButton","milestones","onMilestoneClick","ms","totalDays","allDays","isMonthStart","day","isFirstMonday","isYearStart","isMonday","showUpperLabel","upperLabelText","showLowerLabel","lowerLabelText","borderClass","format","isWeekend","isToday","isSameDay","startDate","markers","renderMarker","marker","GanttDependencyLayer","left","width","getWidth","baselineLeft","baselineWidth","baselineConfig","date","TaskEditDialog","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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"}
+{"version":3,"file":"GanttChart.js","names":["MemoTaskBar","memo","GanttTaskBar","EMPTY_DEPENDENCIES","GanttChart","locale","enUS","optimisticTasks","setOptimisticTasks","useState","prevTasks","setPrevTasks","tasks","currentTasks","disableOptimisticUpdates","saving","setSaving","saveError","setSaveError","saveLock","useRef","sourceTasks","requestId","useEffect","graphError","useMemo","dependencies","dependencyError","planningView","schedulingOptions","workingDayPredicate","showCriticalPath","autoSchedule","planGanttTasks","error","criticalTasks","task","schedulingError","onTasksChange","displayTasks","localDate","value","parseISO","useGanttState","state","editDialogOpen","setEditDialogOpen","editingTask","setEditingTask","showTaskList","displayConfig","showChart","taskListWidth","showHorizontalBorders","gridConfig","showVerticalBorders","showWeekendHighlight","showTodayHighlight","rowIds","visibleTasks","virtualized","scrollContainerRef","windowStart","windowEnd","rowIndices","useGanttRowWindow","rowHeight","rowEvents","mountedTasks","index","todayX","getXPosition","containerWidth","viewMode","handleTaskClick","useCallback","selectTask","onTaskClick","editMode","item","publishTask","token","source","previousOptimistic","schedule","next","updatedTask","scheduleGanttTasks","onTaskUpdate","handleTaskSave","datesChanged","saved","handleDateChange","original","taskId","updated","start","end","oldStart","planningDate","oldEnd","addDays","moving","differenceInCalendarDays","getGanttWorkingDuration","handleProgressChange","handleTaskDelete","nextOptimistic","onTaskDelete","handleAddTask","parentId","handleZoomIn","maxWidth","scaleConfig","cellWidth","handleZoomOut","minWidth","t","key","cn","className","delay","GanttToolbar","setViewMode","goToPrevious","goToNext","goToToday","showAddButton","onAddTask","Button","Plus","listRef","bottomInset","selectedTaskId","hierarchyConfig","toggleTaskExpand","ChevronDown","ChevronRight","event","progressConfig","Avatar","AvatarFallback","showRowAddButton","milestones","onMilestoneClick","ms","totalDays","allDays","isMonthStart","day","isFirstMonday","isYearStart","isMonday","showUpperLabel","upperLabelText","showLowerLabel","lowerLabelText","borderClass","format","isWeekend","isToday","isSameDay","startDate","markers","renderMarker","marker","GanttDependencyLayer","left","width","getWidth","baselineLeft","baselineWidth","baselineConfig","date","TaskEditDialog","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/components/GanttTaskBar.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../ui/lib/utils.cjs"),t=require("../hooks/gantt-hierarchy.cjs"),n=require("../hooks/use-gantt-date-editing.cjs");let r=require("react/jsx-runtime"),i=require("date-fns");function a({task:a,left:o,width:s,rowHeight:c,taskBarDisplay:l=`none`,progressConfig:u,baselineConfig:d,baselineLeft:f,baselineWidth:p,onClick:m,onProgressChange:h,dateEditing:g,cellWidth:_=0,onDateChange:v,editingDisabled:y=!1,critical:b,totalFloatDays:x}){let S=n.useGanttDateEditing(a,_,g,v,y),C=S.bind(`move`),w=o+S.leftDelta,T=s+S.widthDelta,E={done:`bg-green-500 hover:bg-green-600`,review:`bg-primary hover:bg-primary/90`,doing:`bg-blue-500 hover:bg-blue-600`,todo:`bg-muted-foreground/70 hover:bg-muted-foreground`,blocked:`bg-red-500 hover:bg-red-600`},D=E[a.status]||E.todo,O=a.due_date&&new Date(a.due_date)<new Date&&a.status!==`done`,k=u?.showProgress&&a.computedProgress>0,A=d?.showBaseline&&f!==void 0&&p!==void 0,j=(()=>{if(l===`none`)return``;let e=`${(0,i.differenceInDays)(a.computedEnd,a.computedStart)}d`,t=(0,i.format)(a.computedEnd,`M/d`);switch(l){case`duration`:return e;case`end-date`:return t;case`both`:return`${e} (${t})`;default:return``}})(),M=c-16;return(0,r.jsxs)(`div`,{className:`h-full relative group`,children:[A&&(0,r.jsx)(`div`,{className:e.cn(`absolute rounded-sm opacity-40`,d.baselineColor||`bg-muted-foreground`),style:{left:f,width:p,height:M-8,top:d?.baselinePosition===`above`?4:d?.baselinePosition===`below`?8+M-8:12}}),(0,r.jsxs)(`div`,{...C,"data-task-bar":a.id,"data-critical":b||void 0,title:x===void 0?void 0:`${a.title}: total float ${x} working days (dependencies only)`,role:m||S.available(`move`)?`button`:void 0,tabIndex:m||S.available(`move`)?0:void 0,"aria-disabled":y||void 0,"aria-label":S.allowed(`move`)?`${a.title}: move with Left/Right, Enter to edit, Escape to cancel drag`:a.title,onKeyDown:e=>{C.onKeyDown(e),e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),m?.(a))},className:e.cn(`absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden`,D,O&&`ring-2 ring-destructive ring-offset-1`,b&&`outline outline-2 outline-offset-2 outline-fuchsia-600`),style:{left:w,width:T,touchAction:S.allowed(`move`)?`none`:void 0,height:M,top:8},onClick:e=>{e.stopPropagation(),!S.consumeClick()&&m?.(a)},children:[k&&(0,r.jsx)(`div`,{className:e.cn(`absolute inset-0 opacity-30`,u.progressColor||`bg-white`),style:{width:`${a.computedProgress}%`,borderRadius:`inherit`}}),(0,r.jsxs)(`div`,{className:`relative z-10 flex items-center justify-between w-full px-2`,children:[s>50&&(0,r.jsx)(`span`,{className:`text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md`,children:a.title}),k&&s>80&&(0,r.jsxs)(`span`,{className:`text-[9px] text-white/80 ml-1 flex-shrink-0`,children:[Math.round(a.computedProgress),`%`]}),j&&s>100&&(0,r.jsx)(`span`,{className:`text-[9px] text-white/70 ml-auto flex-shrink-0`,children:j})]})]}),S.available(`start`)&&[`start`,`end`].map(e=>(0,r.jsx)(`button`,{type:`button`,...S.bind(e),disabled:y,"data-resize-edge":e,"aria-label":`${a.title}: resize ${e} with Left/Right`,className:`absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary`,style:{left:e===`start`?w:w+T-8,top:8,width:8,height:M,touchAction:`none`},onClick:e=>e.stopPropagation()},e)),u?.editableProgress&&h&&(0,r.jsx)(`input`,{type:`range`,disabled:y,min:0,max:100,step:1,value:t.boundedProgress(a.computedProgress),"aria-label":`${a.title}: progress`,"aria-valuetext":`${Math.round(t.boundedProgress(a.computedProgress))}%`,className:`absolute z-20 accent-primary`,style:{left:o,width:Math.max(s,40),top:c-14,height:12},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),onChange:e=>h(a.id,Number(e.currentTarget.value))}),s<=50&&(0,r.jsx)(`div`,{className:`absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none`,style:{left:o+s,top:8,height:M},children:a.title})]})}exports.GanttTaskBar=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../ui/lib/utils.cjs"),t=require("../hooks/gantt-hierarchy.cjs"),n=require("../hooks/use-gantt-date-editing.cjs");let r=require("react/jsx-runtime"),i=require("date-fns");function a({task:a,left:o,width:s,rowHeight:c,taskBarDisplay:l=`none`,progressConfig:u,baselineConfig:d,baselineLeft:f,baselineWidth:p,onClick:m,onProgressChange:h,dateEditing:g,cellWidth:_=0,onDateChange:v,editingDisabled:y=!1,critical:b,totalFloatDays:x}){let S=n.useGanttDateEditing(a,_,g,v,y),C=S.bind(`move`),w=o+S.leftDelta,T=s+S.widthDelta,E={done:`bg-green-500 hover:bg-green-600`,review:`bg-primary hover:bg-primary/90`,doing:`bg-blue-500 hover:bg-blue-600`,todo:`bg-muted-foreground/70 hover:bg-muted-foreground`,blocked:`bg-red-500 hover:bg-red-600`},D=E[a.status]||E.todo,O=a.due_date&&new Date(a.due_date)<new Date&&a.status!==`done`,k=u?.showProgress&&a.computedProgress>0,A=d?.showBaseline&&f!==void 0&&p!==void 0,j=(()=>{if(l===`none`)return``;let e=`${(0,i.differenceInDays)(a.computedEnd,a.computedStart)}d`,t=(0,i.format)(a.computedEnd,`M/d`);switch(l){case`duration`:return e;case`end-date`:return t;case`both`:return`${e} (${t})`;default:return``}})(),M=c-16;return(0,r.jsxs)(`div`,{className:`h-full relative group`,children:[A&&(0,r.jsx)(`div`,{className:e.cn(`absolute rounded-sm opacity-40`,d.baselineColor||`bg-muted-foreground`),style:{left:f,width:p,height:M-8,top:d?.baselinePosition===`above`?4:d?.baselinePosition===`below`?8+M-8:12}}),(0,r.jsxs)(`div`,{...C,"data-task-bar":a.id,"data-critical":b||void 0,title:x===void 0?void 0:`${a.title}: total float ${x} working days (dependencies only)`,role:m||S.available(`move`)?`button`:void 0,tabIndex:m||S.available(`move`)?0:void 0,"aria-label":s<=50?a.title:void 0,"aria-disabled":y||void 0,"aria-description":S.allowed(`move`)?`Move with Left/Right, Enter to edit, Escape to cancel drag`:void 0,onKeyDown:e=>{C.onKeyDown(e),e.target===e.currentTarget&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),m?.(a))},className:e.cn(`absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden`,D,O&&`ring-2 ring-destructive ring-offset-1`,b&&`outline outline-2 outline-offset-2 outline-fuchsia-600`),style:{left:w,width:T,touchAction:S.allowed(`move`)?`none`:void 0,height:M,top:8},onClick:e=>{e.stopPropagation(),!S.consumeClick()&&m?.(a)},children:[k&&(0,r.jsx)(`div`,{className:e.cn(`absolute inset-0 opacity-30`,u.progressColor||`bg-white`),style:{width:`${a.computedProgress}%`,borderRadius:`inherit`}}),(0,r.jsxs)(`div`,{className:`relative z-10 flex items-center justify-between w-full px-2`,children:[s>50&&(0,r.jsx)(`span`,{className:`text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md`,children:a.title}),k&&s>80&&(0,r.jsxs)(`span`,{className:`text-[9px] text-white/80 ml-1 flex-shrink-0`,children:[Math.round(a.computedProgress),`%`]}),j&&s>100&&(0,r.jsx)(`span`,{className:`text-[9px] text-white/70 ml-auto flex-shrink-0`,children:j})]})]}),S.available(`start`)&&[`start`,`end`].map(e=>(0,r.jsx)(`button`,{type:`button`,...S.bind(e),disabled:y,"data-resize-edge":e,"aria-label":`${a.title}: resize ${e} with Left/Right`,className:`absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary`,style:{left:e===`start`?w:w+T-8,top:8,width:8,height:M,touchAction:`none`},onClick:e=>e.stopPropagation()},e)),u?.editableProgress&&h&&(0,r.jsx)(`input`,{type:`range`,disabled:y,min:0,max:100,step:1,value:t.boundedProgress(a.computedProgress),"aria-label":`${a.title}: progress`,"aria-valuetext":`${Math.round(t.boundedProgress(a.computedProgress))}%`,className:`absolute z-20 accent-primary`,style:{left:o,width:Math.max(s,40),top:c-14,height:12},onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),onChange:e=>h(a.id,Number(e.currentTarget.value))}),s<=50&&(0,r.jsx)(`div`,{className:`absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none`,style:{left:o+s,top:8,height:M},children:a.title})]})}exports.GanttTaskBar=a;
 //# sourceMappingURL=GanttTaskBar.cjs.map

package/dist/tools/components/gantt/components/GanttTaskBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GanttTaskBar.cjs","names":["useGanttDateEditing","differenceInDays","format","cn","boundedProgress","require_ui_lib_utils","require_tools_components_gantt_hooks_gantt_hierarchy","require_tools_components_gantt_hooks_use_gantt_date_editing","react_jsx_runtime","date_fns","GanttTaskBar","editing","task","cellWidth","dateEditing","onDateChange","editingDisabled","move","displayLeft","left","displayWidth","width","statusColors","statusColor","isLate","showProgress","progressConfig","showBaseline","baselineConfig","baselineLeft","baselineWidth","displayText","taskBarDisplay","durationText","endText","barHeight","rowHeight","critical","totalFloatDays","onClick","event","edge","onProgressChange"],"sources":["../../../../../src/tools/components/gantt/components/GanttTaskBar.tsx"],"sourcesContent":["/**\n * Gantt Task Bar Component\n *\n * Renders an individual task bar with progress, status color, and interactions.\n */\n\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  ComputedTask,\n  GanttProgressConfig,\n  GanttBaselineConfig,\n  TaskBarDisplay,\n  GanttDateEditingConfig,\n} from '../types';\nimport { differenceInDays, format } from 'date-fns';\nimport { boundedProgress } from '../hooks/gantt-hierarchy';\nimport { useGanttDateEditing } from '../hooks/use-gantt-date-editing';\n\nexport interface GanttTaskBarProps {\n  task: ComputedTask;\n  left: number;\n  width: number;\n  rowHeight: number;\n  taskBarDisplay?: TaskBarDisplay;\n  progressConfig?: GanttProgressConfig;\n  baselineConfig?: GanttBaselineConfig;\n  baselineLeft?: number;\n  baselineWidth?: number;\n  onClick?: (task: ComputedTask) => void;\n  onProgressChange?: (taskId: string, progress: number) => void;\n  /** Opt-in pointer/keyboard date editing. */\n  dateEditing?: GanttDateEditingConfig;\n  /** Pixels per calendar day; required for pointer date editing. */\n  cellWidth?: number;\n  /** Committed date edit, excluding pointer previews. */\n  onDateChange?: (taskId: string, start: Date, end: Date) => void;\n  /** Temporarily disable controls during persistence without unmounting them. */\n  editingDisabled?: boolean;\n  /** Dependency-only critical-path emphasis. */\n  critical?: boolean;\n  /** Total float in working days, displayed in the tooltip. */\n  totalFloatDays?: number;\n}\n\n/**\n * 個々のタスクの期間、進捗率、ステータスに応じた色、基準計画（ベースライン）をタイムライン上にバーとして描画するコンポーネント。\n */\nexport function GanttTaskBar({\n  task,\n  left,\n  width,\n  rowHeight,\n  taskBarDisplay = 'none',\n  progressConfig,\n  baselineConfig,\n  baselineLeft,\n  baselineWidth,\n  onClick,\n  onProgressChange,\n  dateEditing,\n  cellWidth = 0,\n  onDateChange,\n  editingDisabled = false,\n  critical,\n  totalFloatDays,\n}: GanttTaskBarProps) {\n  const editing = useGanttDateEditing(task, cellWidth, dateEditing, onDateChange, editingDisabled);\n  const move = editing.bind('move');\n  const displayLeft = left + editing.leftDelta;\n  const displayWidth = width + editing.widthDelta;\n  // Status colors\n  const statusColors: Record<string, string> = {\n    done: 'bg-green-500 hover:bg-green-600',\n    review: 'bg-primary hover:bg-primary/90',\n    doing: 'bg-blue-500 hover:bg-blue-600',\n    todo: 'bg-muted-foreground/70 hover:bg-muted-foreground',\n    blocked: 'bg-red-500 hover:bg-red-600',\n  };\n\n  const statusColor = statusColors[task.status] || statusColors.todo;\n  const isLate = task.due_date && new Date(task.due_date) < new Date() && task.status !== 'done';\n  const showProgress = progressConfig?.showProgress && task.computedProgress > 0;\n  const showBaseline =\n    baselineConfig?.showBaseline && baselineLeft !== undefined && baselineWidth !== undefined;\n\n  // Calculate display text\n  const getDisplayText = (): string => {\n    if (taskBarDisplay === 'none') return '';\n\n    const duration = differenceInDays(task.computedEnd, task.computedStart);\n    const durationText = `${duration}d`;\n    const endText = format(task.computedEnd, 'M/d');\n\n    switch (taskBarDisplay) {\n      case 'duration':\n        return durationText;\n      case 'end-date':\n        return endText;\n      case 'both':\n        return `${durationText} (${endText})`;\n      default:\n        return '';\n    }\n  };\n\n  const displayText = getDisplayText();\n  const barHeight = rowHeight - 16; // 8px padding top/bottom\n  const barTop = 8;\n\n  return (\n    <div className='h-full relative group'>\n      {/* Baseline bar (if enabled) */}\n      {showBaseline && (\n        <div\n          className={cn(\n            'absolute rounded-sm opacity-40',\n            baselineConfig.baselineColor || 'bg-muted-foreground',\n          )}\n          style={{\n            left: baselineLeft,\n            width: baselineWidth,\n            height: barHeight - 8,\n            top:\n              baselineConfig?.baselinePosition === 'above'\n                ? barTop - 4\n                : baselineConfig?.baselinePosition === 'below'\n                  ? barTop + barHeight - 8\n                  : barTop + 4,\n          }}\n        />\n      )}\n\n      {/* Main task bar */}\n      <div\n        {...move}\n        data-task-bar={task.id}\n        data-critical={critical || undefined}\n        title={\n          totalFloatDays === undefined\n            ? undefined\n            : `${task.title}: total float ${totalFloatDays} working days (dependencies only)`\n        }\n        role={onClick || editing.available('move') ? 'button' : undefined}\n        tabIndex={onClick || editing.available('move') ? 0 : undefined}\n        aria-disabled={editingDisabled || undefined}\n        aria-label={\n          editing.allowed('move')\n            ? `${task.title}: move with Left/Right, Enter to edit, Escape to cancel drag`\n            : task.title\n        }\n        onKeyDown={(event) => {\n          move.onKeyDown(event);\n          if (\n            event.target === event.currentTarget &&\n            (event.key === 'Enter' || event.key === ' ')\n          ) {\n            event.preventDefault();\n            event.stopPropagation();\n            onClick?.(task);\n          }\n        }}\n        className={cn(\n          'absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden',\n          statusColor,\n          isLate && 'ring-2 ring-destructive ring-offset-1',\n          critical && 'outline outline-2 outline-offset-2 outline-fuchsia-600',\n        )}\n        style={{\n          left: displayLeft,\n          width: displayWidth,\n          touchAction: editing.allowed('move') ? 'none' : undefined,\n          height: barHeight,\n          top: barTop,\n        }}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (editing.consumeClick()) return;\n          onClick?.(task);\n        }}\n      >\n        {/* Progress fill */}\n        {showProgress && (\n          <div\n            className={cn(\n              'absolute inset-0 opacity-30',\n              progressConfig.progressColor || 'bg-white',\n            )}\n            style={{\n              width: `${task.computedProgress}%`,\n              borderRadius: 'inherit',\n            }}\n          />\n        )}\n\n        {/* Content */}\n        <div className='relative z-10 flex items-center justify-between w-full px-2'>\n          {/* Title (only if wide enough) */}\n          {width > 50 && (\n            <span className='text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md'>\n              {task.title}\n            </span>\n          )}\n\n          {/* Progress percentage */}\n          {showProgress && width > 80 && (\n            <span className='text-[9px] text-white/80 ml-1 flex-shrink-0'>\n              {Math.round(task.computedProgress)}%\n            </span>\n          )}\n\n          {/* Duration/End display */}\n          {displayText && width > 100 && (\n            <span className='text-[9px] text-white/70 ml-auto flex-shrink-0'>{displayText}</span>\n          )}\n        </div>\n      </div>\n\n      {editing.available('start') &&\n        (['start', 'end'] as const).map((edge) => (\n          <button\n            key={edge}\n            type='button'\n            {...editing.bind(edge)}\n            disabled={editingDisabled}\n            data-resize-edge={edge}\n            aria-label={`${task.title}: resize ${edge} with Left/Right`}\n            className='absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary'\n            style={{\n              left: edge === 'start' ? displayLeft : displayLeft + displayWidth - 8,\n              top: barTop,\n              width: 8,\n              height: barHeight,\n              touchAction: 'none',\n            }}\n            onClick={(event) => event.stopPropagation()}\n          />\n        ))}\n\n      {progressConfig?.editableProgress && onProgressChange && (\n        <input\n          type='range'\n          disabled={editingDisabled}\n          min={0}\n          max={100}\n          step={1}\n          value={boundedProgress(task.computedProgress)}\n          aria-label={`${task.title}: progress`}\n          aria-valuetext={`${Math.round(boundedProgress(task.computedProgress))}%`}\n          className='absolute z-20 accent-primary'\n          style={{ left, width: Math.max(width, 40), top: rowHeight - 14, height: 12 }}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          onChange={(event) => onProgressChange(task.id, Number(event.currentTarget.value))}\n        />\n      )}\n\n      {/* External title (if bar too narrow) */}\n      {width <= 50 && (\n        <div\n          className='absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none'\n          style={{\n            left: left + width,\n            top: barTop,\n            height: barHeight,\n          }}\n        >\n          {task.title}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GanttTaskBar.cjs","names":["useGanttDateEditing","differenceInDays","format","cn","boundedProgress","require_ui_lib_utils","require_tools_components_gantt_hooks_gantt_hierarchy","require_tools_components_gantt_hooks_use_gantt_date_editing","react_jsx_runtime","date_fns","GanttTaskBar","editing","task","cellWidth","dateEditing","onDateChange","editingDisabled","move","displayLeft","left","displayWidth","width","statusColors","statusColor","isLate","showProgress","progressConfig","showBaseline","baselineConfig","baselineLeft","baselineWidth","displayText","taskBarDisplay","durationText","endText","barHeight","rowHeight","critical","totalFloatDays","onClick","event","edge","onProgressChange"],"sources":["../../../../../src/tools/components/gantt/components/GanttTaskBar.tsx"],"sourcesContent":["/**\n * Gantt Task Bar Component\n *\n * Renders an individual task bar with progress, status color, and interactions.\n */\n\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  ComputedTask,\n  GanttProgressConfig,\n  GanttBaselineConfig,\n  TaskBarDisplay,\n  GanttDateEditingConfig,\n} from '../types';\nimport { differenceInDays, format } from 'date-fns';\nimport { boundedProgress } from '../hooks/gantt-hierarchy';\nimport { useGanttDateEditing } from '../hooks/use-gantt-date-editing';\n\nexport interface GanttTaskBarProps {\n  task: ComputedTask;\n  left: number;\n  width: number;\n  rowHeight: number;\n  taskBarDisplay?: TaskBarDisplay;\n  progressConfig?: GanttProgressConfig;\n  baselineConfig?: GanttBaselineConfig;\n  baselineLeft?: number;\n  baselineWidth?: number;\n  onClick?: (task: ComputedTask) => void;\n  onProgressChange?: (taskId: string, progress: number) => void;\n  /** Opt-in pointer/keyboard date editing. */\n  dateEditing?: GanttDateEditingConfig;\n  /** Pixels per calendar day; required for pointer date editing. */\n  cellWidth?: number;\n  /** Committed date edit, excluding pointer previews. */\n  onDateChange?: (taskId: string, start: Date, end: Date) => void;\n  /** Temporarily disable controls during persistence without unmounting them. */\n  editingDisabled?: boolean;\n  /** Dependency-only critical-path emphasis. */\n  critical?: boolean;\n  /** Total float in working days, displayed in the tooltip. */\n  totalFloatDays?: number;\n}\n\n/**\n * 個々のタスクの期間、進捗率、ステータスに応じた色、基準計画（ベースライン）をタイムライン上にバーとして描画するコンポーネント。\n */\nexport function GanttTaskBar({\n  task,\n  left,\n  width,\n  rowHeight,\n  taskBarDisplay = 'none',\n  progressConfig,\n  baselineConfig,\n  baselineLeft,\n  baselineWidth,\n  onClick,\n  onProgressChange,\n  dateEditing,\n  cellWidth = 0,\n  onDateChange,\n  editingDisabled = false,\n  critical,\n  totalFloatDays,\n}: GanttTaskBarProps) {\n  const editing = useGanttDateEditing(task, cellWidth, dateEditing, onDateChange, editingDisabled);\n  const move = editing.bind('move');\n  const displayLeft = left + editing.leftDelta;\n  const displayWidth = width + editing.widthDelta;\n  // Status colors\n  const statusColors: Record<string, string> = {\n    done: 'bg-green-500 hover:bg-green-600',\n    review: 'bg-primary hover:bg-primary/90',\n    doing: 'bg-blue-500 hover:bg-blue-600',\n    todo: 'bg-muted-foreground/70 hover:bg-muted-foreground',\n    blocked: 'bg-red-500 hover:bg-red-600',\n  };\n\n  const statusColor = statusColors[task.status] || statusColors.todo;\n  const isLate = task.due_date && new Date(task.due_date) < new Date() && task.status !== 'done';\n  const showProgress = progressConfig?.showProgress && task.computedProgress > 0;\n  const showBaseline =\n    baselineConfig?.showBaseline && baselineLeft !== undefined && baselineWidth !== undefined;\n\n  // Calculate display text\n  const getDisplayText = (): string => {\n    if (taskBarDisplay === 'none') return '';\n\n    const duration = differenceInDays(task.computedEnd, task.computedStart);\n    const durationText = `${duration}d`;\n    const endText = format(task.computedEnd, 'M/d');\n\n    switch (taskBarDisplay) {\n      case 'duration':\n        return durationText;\n      case 'end-date':\n        return endText;\n      case 'both':\n        return `${durationText} (${endText})`;\n      default:\n        return '';\n    }\n  };\n\n  const displayText = getDisplayText();\n  const barHeight = rowHeight - 16; // 8px padding top/bottom\n  const barTop = 8;\n\n  return (\n    <div className='h-full relative group'>\n      {/* Baseline bar (if enabled) */}\n      {showBaseline && (\n        <div\n          className={cn(\n            'absolute rounded-sm opacity-40',\n            baselineConfig.baselineColor || 'bg-muted-foreground',\n          )}\n          style={{\n            left: baselineLeft,\n            width: baselineWidth,\n            height: barHeight - 8,\n            top:\n              baselineConfig?.baselinePosition === 'above'\n                ? barTop - 4\n                : baselineConfig?.baselinePosition === 'below'\n                  ? barTop + barHeight - 8\n                  : barTop + 4,\n          }}\n        />\n      )}\n\n      {/* Main task bar */}\n      <div\n        {...move}\n        data-task-bar={task.id}\n        data-critical={critical || undefined}\n        title={\n          totalFloatDays === undefined\n            ? undefined\n            : `${task.title}: total float ${totalFloatDays} working days (dependencies only)`\n        }\n        role={onClick || editing.available('move') ? 'button' : undefined}\n        tabIndex={onClick || editing.available('move') ? 0 : undefined}\n        aria-label={width <= 50 ? task.title : undefined}\n        aria-disabled={editingDisabled || undefined}\n        aria-description={editing.allowed('move') ? 'Move with Left/Right, Enter to edit, Escape to cancel drag' : undefined}\n        onKeyDown={(event) => {\n          move.onKeyDown(event);\n          if (\n            event.target === event.currentTarget &&\n            (event.key === 'Enter' || event.key === ' ')\n          ) {\n            event.preventDefault();\n            event.stopPropagation();\n            onClick?.(task);\n          }\n        }}\n        className={cn(\n          'absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden',\n          statusColor,\n          isLate && 'ring-2 ring-destructive ring-offset-1',\n          critical && 'outline outline-2 outline-offset-2 outline-fuchsia-600',\n        )}\n        style={{\n          left: displayLeft,\n          width: displayWidth,\n          touchAction: editing.allowed('move') ? 'none' : undefined,\n          height: barHeight,\n          top: barTop,\n        }}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (editing.consumeClick()) return;\n          onClick?.(task);\n        }}\n      >\n        {/* Progress fill */}\n        {showProgress && (\n          <div\n            className={cn(\n              'absolute inset-0 opacity-30',\n              progressConfig.progressColor || 'bg-white',\n            )}\n            style={{\n              width: `${task.computedProgress}%`,\n              borderRadius: 'inherit',\n            }}\n          />\n        )}\n\n        {/* Content */}\n        <div className='relative z-10 flex items-center justify-between w-full px-2'>\n          {/* Title (only if wide enough) */}\n          {width > 50 && (\n            <span className='text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md'>\n              {task.title}\n            </span>\n          )}\n\n          {/* Progress percentage */}\n          {showProgress && width > 80 && (\n            <span className='text-[9px] text-white/80 ml-1 flex-shrink-0'>\n              {Math.round(task.computedProgress)}%\n            </span>\n          )}\n\n          {/* Duration/End display */}\n          {displayText && width > 100 && (\n            <span className='text-[9px] text-white/70 ml-auto flex-shrink-0'>{displayText}</span>\n          )}\n        </div>\n      </div>\n\n      {editing.available('start') &&\n        (['start', 'end'] as const).map((edge) => (\n          <button\n            key={edge}\n            type='button'\n            {...editing.bind(edge)}\n            disabled={editingDisabled}\n            data-resize-edge={edge}\n            aria-label={`${task.title}: resize ${edge} with Left/Right`}\n            className='absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary'\n            style={{\n              left: edge === 'start' ? displayLeft : displayLeft + displayWidth - 8,\n              top: barTop,\n              width: 8,\n              height: barHeight,\n              touchAction: 'none',\n            }}\n            onClick={(event) => event.stopPropagation()}\n          />\n        ))}\n\n      {progressConfig?.editableProgress && onProgressChange && (\n        <input\n          type='range'\n          disabled={editingDisabled}\n          min={0}\n          max={100}\n          step={1}\n          value={boundedProgress(task.computedProgress)}\n          aria-label={`${task.title}: progress`}\n          aria-valuetext={`${Math.round(boundedProgress(task.computedProgress))}%`}\n          className='absolute z-20 accent-primary'\n          style={{ left, width: Math.max(width, 40), top: rowHeight - 14, height: 12 }}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          onChange={(event) => onProgressChange(task.id, Number(event.currentTarget.value))}\n        />\n      )}\n\n      {/* External title (if bar too narrow) */}\n      {width <= 50 && (\n        <div\n          className='absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none'\n          style={{\n            left: left + width,\n            top: barTop,\n            height: barHeight,\n          }}\n        >\n          {task.title}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/gantt/components/GanttTaskBar.js

@@ -41,8 +41,9 @@ function s({ task: s, left: c, width: l, rowHeight: u, taskBarDisplay: d = "none
 				title: C === void 0 ? void 0 : `${s.title}: total float ${C} working days (dependencies only)`,
 				role: g || w.available("move") ? "button" : void 0,
 				tabIndex: g || w.available("move") ? 0 : void 0,
+				"aria-label": l <= 50 ? s.title : void 0,
 				"aria-disabled": x || void 0,
-				"aria-label": w.allowed("move") ? `${s.title}: move with Left/Right, Enter to edit, Escape to cancel drag` : s.title,
+				"aria-description": w.allowed("move") ? "Move with Left/Right, Enter to edit, Escape to cancel drag" : void 0,
 				onKeyDown: (e) => {
 					T.onKeyDown(e), e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), g?.(s));
 				},

package/dist/tools/components/gantt/components/GanttTaskBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GanttTaskBar.js","names":["GanttTaskBar","editing","useGanttDateEditing","task","cellWidth","dateEditing","onDateChange","editingDisabled","move","displayLeft","left","displayWidth","width","statusColors","statusColor","isLate","showProgress","progressConfig","showBaseline","baselineConfig","baselineLeft","baselineWidth","displayText","taskBarDisplay","durationText","differenceInDays","endText","format","barHeight","rowHeight","cn","critical","totalFloatDays","onClick","event","edge","onProgressChange","boundedProgress"],"sources":["../../../../../src/tools/components/gantt/components/GanttTaskBar.tsx"],"sourcesContent":["/**\n * Gantt Task Bar Component\n *\n * Renders an individual task bar with progress, status color, and interactions.\n */\n\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  ComputedTask,\n  GanttProgressConfig,\n  GanttBaselineConfig,\n  TaskBarDisplay,\n  GanttDateEditingConfig,\n} from '../types';\nimport { differenceInDays, format } from 'date-fns';\nimport { boundedProgress } from '../hooks/gantt-hierarchy';\nimport { useGanttDateEditing } from '../hooks/use-gantt-date-editing';\n\nexport interface GanttTaskBarProps {\n  task: ComputedTask;\n  left: number;\n  width: number;\n  rowHeight: number;\n  taskBarDisplay?: TaskBarDisplay;\n  progressConfig?: GanttProgressConfig;\n  baselineConfig?: GanttBaselineConfig;\n  baselineLeft?: number;\n  baselineWidth?: number;\n  onClick?: (task: ComputedTask) => void;\n  onProgressChange?: (taskId: string, progress: number) => void;\n  /** Opt-in pointer/keyboard date editing. */\n  dateEditing?: GanttDateEditingConfig;\n  /** Pixels per calendar day; required for pointer date editing. */\n  cellWidth?: number;\n  /** Committed date edit, excluding pointer previews. */\n  onDateChange?: (taskId: string, start: Date, end: Date) => void;\n  /** Temporarily disable controls during persistence without unmounting them. */\n  editingDisabled?: boolean;\n  /** Dependency-only critical-path emphasis. */\n  critical?: boolean;\n  /** Total float in working days, displayed in the tooltip. */\n  totalFloatDays?: number;\n}\n\n/**\n * 個々のタスクの期間、進捗率、ステータスに応じた色、基準計画（ベースライン）をタイムライン上にバーとして描画するコンポーネント。\n */\nexport function GanttTaskBar({\n  task,\n  left,\n  width,\n  rowHeight,\n  taskBarDisplay = 'none',\n  progressConfig,\n  baselineConfig,\n  baselineLeft,\n  baselineWidth,\n  onClick,\n  onProgressChange,\n  dateEditing,\n  cellWidth = 0,\n  onDateChange,\n  editingDisabled = false,\n  critical,\n  totalFloatDays,\n}: GanttTaskBarProps) {\n  const editing = useGanttDateEditing(task, cellWidth, dateEditing, onDateChange, editingDisabled);\n  const move = editing.bind('move');\n  const displayLeft = left + editing.leftDelta;\n  const displayWidth = width + editing.widthDelta;\n  // Status colors\n  const statusColors: Record<string, string> = {\n    done: 'bg-green-500 hover:bg-green-600',\n    review: 'bg-primary hover:bg-primary/90',\n    doing: 'bg-blue-500 hover:bg-blue-600',\n    todo: 'bg-muted-foreground/70 hover:bg-muted-foreground',\n    blocked: 'bg-red-500 hover:bg-red-600',\n  };\n\n  const statusColor = statusColors[task.status] || statusColors.todo;\n  const isLate = task.due_date && new Date(task.due_date) < new Date() && task.status !== 'done';\n  const showProgress = progressConfig?.showProgress && task.computedProgress > 0;\n  const showBaseline =\n    baselineConfig?.showBaseline && baselineLeft !== undefined && baselineWidth !== undefined;\n\n  // Calculate display text\n  const getDisplayText = (): string => {\n    if (taskBarDisplay === 'none') return '';\n\n    const duration = differenceInDays(task.computedEnd, task.computedStart);\n    const durationText = `${duration}d`;\n    const endText = format(task.computedEnd, 'M/d');\n\n    switch (taskBarDisplay) {\n      case 'duration':\n        return durationText;\n      case 'end-date':\n        return endText;\n      case 'both':\n        return `${durationText} (${endText})`;\n      default:\n        return '';\n    }\n  };\n\n  const displayText = getDisplayText();\n  const barHeight = rowHeight - 16; // 8px padding top/bottom\n  const barTop = 8;\n\n  return (\n    <div className='h-full relative group'>\n      {/* Baseline bar (if enabled) */}\n      {showBaseline && (\n        <div\n          className={cn(\n            'absolute rounded-sm opacity-40',\n            baselineConfig.baselineColor || 'bg-muted-foreground',\n          )}\n          style={{\n            left: baselineLeft,\n            width: baselineWidth,\n            height: barHeight - 8,\n            top:\n              baselineConfig?.baselinePosition === 'above'\n                ? barTop - 4\n                : baselineConfig?.baselinePosition === 'below'\n                  ? barTop + barHeight - 8\n                  : barTop + 4,\n          }}\n        />\n      )}\n\n      {/* Main task bar */}\n      <div\n        {...move}\n        data-task-bar={task.id}\n        data-critical={critical || undefined}\n        title={\n          totalFloatDays === undefined\n            ? undefined\n            : `${task.title}: total float ${totalFloatDays} working days (dependencies only)`\n        }\n        role={onClick || editing.available('move') ? 'button' : undefined}\n        tabIndex={onClick || editing.available('move') ? 0 : undefined}\n        aria-disabled={editingDisabled || undefined}\n        aria-label={\n          editing.allowed('move')\n            ? `${task.title}: move with Left/Right, Enter to edit, Escape to cancel drag`\n            : task.title\n        }\n        onKeyDown={(event) => {\n          move.onKeyDown(event);\n          if (\n            event.target === event.currentTarget &&\n            (event.key === 'Enter' || event.key === ' ')\n          ) {\n            event.preventDefault();\n            event.stopPropagation();\n            onClick?.(task);\n          }\n        }}\n        className={cn(\n          'absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden',\n          statusColor,\n          isLate && 'ring-2 ring-destructive ring-offset-1',\n          critical && 'outline outline-2 outline-offset-2 outline-fuchsia-600',\n        )}\n        style={{\n          left: displayLeft,\n          width: displayWidth,\n          touchAction: editing.allowed('move') ? 'none' : undefined,\n          height: barHeight,\n          top: barTop,\n        }}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (editing.consumeClick()) return;\n          onClick?.(task);\n        }}\n      >\n        {/* Progress fill */}\n        {showProgress && (\n          <div\n            className={cn(\n              'absolute inset-0 opacity-30',\n              progressConfig.progressColor || 'bg-white',\n            )}\n            style={{\n              width: `${task.computedProgress}%`,\n              borderRadius: 'inherit',\n            }}\n          />\n        )}\n\n        {/* Content */}\n        <div className='relative z-10 flex items-center justify-between w-full px-2'>\n          {/* Title (only if wide enough) */}\n          {width > 50 && (\n            <span className='text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md'>\n              {task.title}\n            </span>\n          )}\n\n          {/* Progress percentage */}\n          {showProgress && width > 80 && (\n            <span className='text-[9px] text-white/80 ml-1 flex-shrink-0'>\n              {Math.round(task.computedProgress)}%\n            </span>\n          )}\n\n          {/* Duration/End display */}\n          {displayText && width > 100 && (\n            <span className='text-[9px] text-white/70 ml-auto flex-shrink-0'>{displayText}</span>\n          )}\n        </div>\n      </div>\n\n      {editing.available('start') &&\n        (['start', 'end'] as const).map((edge) => (\n          <button\n            key={edge}\n            type='button'\n            {...editing.bind(edge)}\n            disabled={editingDisabled}\n            data-resize-edge={edge}\n            aria-label={`${task.title}: resize ${edge} with Left/Right`}\n            className='absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary'\n            style={{\n              left: edge === 'start' ? displayLeft : displayLeft + displayWidth - 8,\n              top: barTop,\n              width: 8,\n              height: barHeight,\n              touchAction: 'none',\n            }}\n            onClick={(event) => event.stopPropagation()}\n          />\n        ))}\n\n      {progressConfig?.editableProgress && onProgressChange && (\n        <input\n          type='range'\n          disabled={editingDisabled}\n          min={0}\n          max={100}\n          step={1}\n          value={boundedProgress(task.computedProgress)}\n          aria-label={`${task.title}: progress`}\n          aria-valuetext={`${Math.round(boundedProgress(task.computedProgress))}%`}\n          className='absolute z-20 accent-primary'\n          style={{ left, width: Math.max(width, 40), top: rowHeight - 14, height: 12 }}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          onChange={(event) => onProgressChange(task.id, Number(event.currentTarget.value))}\n        />\n      )}\n\n      {/* External title (if bar too narrow) */}\n      {width <= 50 && (\n        <div\n          className='absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none'\n          style={{\n            left: left + width,\n            top: barTop,\n            height: barHeight,\n          }}\n        >\n          {task.title}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GanttTaskBar.js","names":["GanttTaskBar","editing","useGanttDateEditing","task","cellWidth","dateEditing","onDateChange","editingDisabled","move","displayLeft","left","displayWidth","width","statusColors","statusColor","isLate","showProgress","progressConfig","showBaseline","baselineConfig","baselineLeft","baselineWidth","displayText","taskBarDisplay","durationText","differenceInDays","endText","format","barHeight","rowHeight","cn","critical","totalFloatDays","onClick","event","edge","onProgressChange","boundedProgress"],"sources":["../../../../../src/tools/components/gantt/components/GanttTaskBar.tsx"],"sourcesContent":["/**\n * Gantt Task Bar Component\n *\n * Renders an individual task bar with progress, status color, and interactions.\n */\n\nimport { cn } from \"../../../lib/utils\";\nimport type {\n  ComputedTask,\n  GanttProgressConfig,\n  GanttBaselineConfig,\n  TaskBarDisplay,\n  GanttDateEditingConfig,\n} from '../types';\nimport { differenceInDays, format } from 'date-fns';\nimport { boundedProgress } from '../hooks/gantt-hierarchy';\nimport { useGanttDateEditing } from '../hooks/use-gantt-date-editing';\n\nexport interface GanttTaskBarProps {\n  task: ComputedTask;\n  left: number;\n  width: number;\n  rowHeight: number;\n  taskBarDisplay?: TaskBarDisplay;\n  progressConfig?: GanttProgressConfig;\n  baselineConfig?: GanttBaselineConfig;\n  baselineLeft?: number;\n  baselineWidth?: number;\n  onClick?: (task: ComputedTask) => void;\n  onProgressChange?: (taskId: string, progress: number) => void;\n  /** Opt-in pointer/keyboard date editing. */\n  dateEditing?: GanttDateEditingConfig;\n  /** Pixels per calendar day; required for pointer date editing. */\n  cellWidth?: number;\n  /** Committed date edit, excluding pointer previews. */\n  onDateChange?: (taskId: string, start: Date, end: Date) => void;\n  /** Temporarily disable controls during persistence without unmounting them. */\n  editingDisabled?: boolean;\n  /** Dependency-only critical-path emphasis. */\n  critical?: boolean;\n  /** Total float in working days, displayed in the tooltip. */\n  totalFloatDays?: number;\n}\n\n/**\n * 個々のタスクの期間、進捗率、ステータスに応じた色、基準計画（ベースライン）をタイムライン上にバーとして描画するコンポーネント。\n */\nexport function GanttTaskBar({\n  task,\n  left,\n  width,\n  rowHeight,\n  taskBarDisplay = 'none',\n  progressConfig,\n  baselineConfig,\n  baselineLeft,\n  baselineWidth,\n  onClick,\n  onProgressChange,\n  dateEditing,\n  cellWidth = 0,\n  onDateChange,\n  editingDisabled = false,\n  critical,\n  totalFloatDays,\n}: GanttTaskBarProps) {\n  const editing = useGanttDateEditing(task, cellWidth, dateEditing, onDateChange, editingDisabled);\n  const move = editing.bind('move');\n  const displayLeft = left + editing.leftDelta;\n  const displayWidth = width + editing.widthDelta;\n  // Status colors\n  const statusColors: Record<string, string> = {\n    done: 'bg-green-500 hover:bg-green-600',\n    review: 'bg-primary hover:bg-primary/90',\n    doing: 'bg-blue-500 hover:bg-blue-600',\n    todo: 'bg-muted-foreground/70 hover:bg-muted-foreground',\n    blocked: 'bg-red-500 hover:bg-red-600',\n  };\n\n  const statusColor = statusColors[task.status] || statusColors.todo;\n  const isLate = task.due_date && new Date(task.due_date) < new Date() && task.status !== 'done';\n  const showProgress = progressConfig?.showProgress && task.computedProgress > 0;\n  const showBaseline =\n    baselineConfig?.showBaseline && baselineLeft !== undefined && baselineWidth !== undefined;\n\n  // Calculate display text\n  const getDisplayText = (): string => {\n    if (taskBarDisplay === 'none') return '';\n\n    const duration = differenceInDays(task.computedEnd, task.computedStart);\n    const durationText = `${duration}d`;\n    const endText = format(task.computedEnd, 'M/d');\n\n    switch (taskBarDisplay) {\n      case 'duration':\n        return durationText;\n      case 'end-date':\n        return endText;\n      case 'both':\n        return `${durationText} (${endText})`;\n      default:\n        return '';\n    }\n  };\n\n  const displayText = getDisplayText();\n  const barHeight = rowHeight - 16; // 8px padding top/bottom\n  const barTop = 8;\n\n  return (\n    <div className='h-full relative group'>\n      {/* Baseline bar (if enabled) */}\n      {showBaseline && (\n        <div\n          className={cn(\n            'absolute rounded-sm opacity-40',\n            baselineConfig.baselineColor || 'bg-muted-foreground',\n          )}\n          style={{\n            left: baselineLeft,\n            width: baselineWidth,\n            height: barHeight - 8,\n            top:\n              baselineConfig?.baselinePosition === 'above'\n                ? barTop - 4\n                : baselineConfig?.baselinePosition === 'below'\n                  ? barTop + barHeight - 8\n                  : barTop + 4,\n          }}\n        />\n      )}\n\n      {/* Main task bar */}\n      <div\n        {...move}\n        data-task-bar={task.id}\n        data-critical={critical || undefined}\n        title={\n          totalFloatDays === undefined\n            ? undefined\n            : `${task.title}: total float ${totalFloatDays} working days (dependencies only)`\n        }\n        role={onClick || editing.available('move') ? 'button' : undefined}\n        tabIndex={onClick || editing.available('move') ? 0 : undefined}\n        aria-label={width <= 50 ? task.title : undefined}\n        aria-disabled={editingDisabled || undefined}\n        aria-description={editing.allowed('move') ? 'Move with Left/Right, Enter to edit, Escape to cancel drag' : undefined}\n        onKeyDown={(event) => {\n          move.onKeyDown(event);\n          if (\n            event.target === event.currentTarget &&\n            (event.key === 'Enter' || event.key === ' ')\n          ) {\n            event.preventDefault();\n            event.stopPropagation();\n            onClick?.(task);\n          }\n        }}\n        className={cn(\n          'absolute rounded-md shadow-sm cursor-pointer transition-all border border-white/20 select-none flex items-center overflow-hidden',\n          statusColor,\n          isLate && 'ring-2 ring-destructive ring-offset-1',\n          critical && 'outline outline-2 outline-offset-2 outline-fuchsia-600',\n        )}\n        style={{\n          left: displayLeft,\n          width: displayWidth,\n          touchAction: editing.allowed('move') ? 'none' : undefined,\n          height: barHeight,\n          top: barTop,\n        }}\n        onClick={(e) => {\n          e.stopPropagation();\n          if (editing.consumeClick()) return;\n          onClick?.(task);\n        }}\n      >\n        {/* Progress fill */}\n        {showProgress && (\n          <div\n            className={cn(\n              'absolute inset-0 opacity-30',\n              progressConfig.progressColor || 'bg-white',\n            )}\n            style={{\n              width: `${task.computedProgress}%`,\n              borderRadius: 'inherit',\n            }}\n          />\n        )}\n\n        {/* Content */}\n        <div className='relative z-10 flex items-center justify-between w-full px-2'>\n          {/* Title (only if wide enough) */}\n          {width > 50 && (\n            <span className='text-[10px] sm:text-xs font-semibold text-white truncate drop-shadow-md'>\n              {task.title}\n            </span>\n          )}\n\n          {/* Progress percentage */}\n          {showProgress && width > 80 && (\n            <span className='text-[9px] text-white/80 ml-1 flex-shrink-0'>\n              {Math.round(task.computedProgress)}%\n            </span>\n          )}\n\n          {/* Duration/End display */}\n          {displayText && width > 100 && (\n            <span className='text-[9px] text-white/70 ml-auto flex-shrink-0'>{displayText}</span>\n          )}\n        </div>\n      </div>\n\n      {editing.available('start') &&\n        (['start', 'end'] as const).map((edge) => (\n          <button\n            key={edge}\n            type='button'\n            {...editing.bind(edge)}\n            disabled={editingDisabled}\n            data-resize-edge={edge}\n            aria-label={`${task.title}: resize ${edge} with Left/Right`}\n            className='absolute z-30 cursor-ew-resize rounded bg-foreground/30 focus-visible:ring-2 focus-visible:ring-primary'\n            style={{\n              left: edge === 'start' ? displayLeft : displayLeft + displayWidth - 8,\n              top: barTop,\n              width: 8,\n              height: barHeight,\n              touchAction: 'none',\n            }}\n            onClick={(event) => event.stopPropagation()}\n          />\n        ))}\n\n      {progressConfig?.editableProgress && onProgressChange && (\n        <input\n          type='range'\n          disabled={editingDisabled}\n          min={0}\n          max={100}\n          step={1}\n          value={boundedProgress(task.computedProgress)}\n          aria-label={`${task.title}: progress`}\n          aria-valuetext={`${Math.round(boundedProgress(task.computedProgress))}%`}\n          className='absolute z-20 accent-primary'\n          style={{ left, width: Math.max(width, 40), top: rowHeight - 14, height: 12 }}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => event.stopPropagation()}\n          onChange={(event) => onProgressChange(task.id, Number(event.currentTarget.value))}\n        />\n      )}\n\n      {/* External title (if bar too narrow) */}\n      {width <= 50 && (\n        <div\n          className='absolute flex items-center text-xs text-foreground/70 whitespace-nowrap pl-2 pointer-events-none'\n          style={{\n            left: left + width,\n            top: barTop,\n            height: barHeight,\n          }}\n        >\n          {task.title}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/tools/components/header/header.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-variants.cjs"),r=require("../../../ui/components/ui/button-components.cjs"),i=require("../../../ui/components/ui/avatar.cjs"),a=require("../../../ui/components/ui/dropdown-menu.cjs"),o=require("../../../ui/components/ui/sheet.cjs"),s=require("../../../ui/components/theme/theme-switcher.cjs"),c=require("../i18n/LanguageSwitcher.cjs"),l=require("../sidebar/sidebar.cjs");let u=require("react/jsx-runtime"),d=require("react");d=e.__toESM(d,1);let f=require("lucide-react");var p=({menuItems:e,isMenuLeft:i,showThemeToggle:a,showColorToggle:l,showSpaceToggle:p,showLanguageToggle:m})=>(0,u.jsxs)(o.Sheet,{children:[(0,u.jsxs)(o.SheetTrigger,{className:t.cn(n.buttonVariants({variant:`ghost`,size:`icon`}),`shrink-0`),children:[(0,u.jsx)(f.Menu,{className:`h-5 w-5`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Toggle menu`})]}),(0,u.jsxs)(o.SheetContent,{side:i?`left`:`right`,children:[(0,u.jsx)(o.SheetHeader,{children:(0,u.jsx)(o.SheetTitle,{children:`Menu`})}),(0,u.jsxs)(`div`,{className:`grid gap-4 py-4`,children:[e.map((e,i)=>(0,u.jsx)(d.Fragment,{children:e.href?(0,u.jsxs)(`a`,{href:e.href,className:t.cn(n.buttonVariants({variant:`ghost`}),`justify-start`),onClick:e.onClick,children:[e.icon&&(0,u.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,u.jsxs)(r.Button,{variant:`ghost`,className:`justify-start`,onClick:e.onClick,children:[e.icon&&(0,u.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]})},i)),(a||l||p)&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`h-px bg-border my-2`}),(0,u.jsx)(`div`,{className:`px-2`,children:(0,u.jsx)(s.ThemeSwitcherGroup,{showThemeMode:a,showColorTheme:l,showSpacingTheme:p,modeVariant:`icon-group`,colorVariant:`icon-group`,spacingVariant:`icon-group`})})]}),m&&(0,u.jsx)(`div`,{className:`px-2`,children:(0,u.jsx)(c.LanguageSwitcher,{})})]})]})]});function m({className:e,logo:r,title:o,menuPosition:d=`right`,menuItems:f=[],navItems:m=[],user:h,userMenuItems:g=[],onLogout:_,showThemeToggle:v=!0,showColorToggle:y=!0,showSpaceToggle:b=!0,showLanguageToggle:x=!0,onLanguageChange:S,currentLanguage:C,actions:w,...T}){let E=d===`left`;return(0,u.jsx)(`header`,{className:t.cn(`sticky top-0 z-40 w-full border-b bg-primary text-primary-foreground shadow-sm`,e),...T,children:(0,u.jsxs)(`div`,{className:`flex h-16 items-center justify-between px-4 gap-4 overflow-hidden`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-4 min-w-0 flex-shrink-0 relative z-10 bg-primary pr-4`,children:[E&&f.length>0&&(0,u.jsx)(`div`,{className:`flex-shrink-0`,children:(0,u.jsx)(p,{menuItems:f,isMenuLeft:E,showThemeToggle:v,showColorToggle:y,showSpaceToggle:b,showLanguageToggle:x})}),r&&(0,u.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[r,o&&(0,u.jsx)(`span`,{className:`text-lg font-bold hidden md:inline-block truncate`,children:o})]}),!r&&o&&(0,u.jsx)(`div`,{className:`flex items-center gap-2 min-w-0`,children:(0,u.jsx)(`span`,{className:`text-lg font-bold truncate`,children:o})}),(0,u.jsx)(`nav`,{className:`flex items-center gap-6 text-sm font-medium hidden md:flex`,children:m.map((e,n)=>(0,u.jsx)(`a`,{href:e.href,onClick:e.onClick,className:t.cn(`transition-colors hover:text-primary-foreground/80`,e.active?`text-primary-foreground font-bold underline underline-offset-4`:`text-primary-foreground/60`),children:e.label},n))})]}),(0,u.jsxs)(`div`,{className:`ml-auto flex items-center justify-end gap-2 min-w-0 flex-shrink`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0 flex-shrink overflow-hidden justify-end`,children:[b&&(0,u.jsx)(s.SpacingThemeSwitcher,{variant:`toggle`,withBackground:!0}),y&&(0,u.jsx)(s.ColorThemeSwitcher,{variant:`toggle`,withBackground:!0}),v&&(0,u.jsx)(s.ThemeModeSwitcher,{variant:`toggle`,withBackground:!0}),x&&(0,u.jsx)(c.LanguageSwitcher,{onLanguageChange:S,currentLanguage:C})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 flex-none relative z-20 bg-primary pl-2`,children:[h&&(0,u.jsxs)(a.DropdownMenu,{children:[(0,u.jsx)(a.DropdownMenuTrigger,{"aria-label":`ユーザーメニュー`,className:t.cn(n.buttonVariants({variant:`ghost`}),`relative h-8 w-8 rounded-full p-0 flex items-center justify-center`),children:(0,u.jsxs)(i.Avatar,{className:`h-8 w-8`,children:[(0,u.jsx)(i.AvatarImage,{src:h.image,alt:h.name}),(0,u.jsx)(i.AvatarFallback,{children:h.initials||h.name.slice(0,2).toUpperCase()})]})}),(0,u.jsx)(a.DropdownMenuContent,{className:`w-56`,align:`end`,children:(0,u.jsxs)(a.DropdownMenuGroup,{children:[(0,u.jsx)(a.DropdownMenuLabel,{className:`font-normal`,children:(0,u.jsxs)(`div`,{className:`flex flex-col space-y-1`,children:[(0,u.jsx)(`p`,{className:`text-sm font-medium leading-none`,children:h.name}),(0,u.jsx)(`p`,{className:`text-xs leading-none text-muted-foreground`,children:h.email})]})}),(0,u.jsx)(a.DropdownMenuSeparator,{}),g.map((e,t)=>(0,u.jsx)(a.DropdownMenuItem,{onClick:e.onClick,children:e.href?(0,u.jsx)(`a`,{href:e.href,className:`w-full h-full flex items-center`,children:e.label}):e.label},t)),_&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.DropdownMenuSeparator,{}),(0,u.jsx)(a.DropdownMenuItem,{onClick:_,children:`Log out`})]})]})})]}),w,!E&&f.length>0&&(0,u.jsx)(p,{menuItems:f,isMenuLeft:E,showThemeToggle:v,showColorToggle:y,showSpaceToggle:b,showLanguageToggle:x}),(0,u.jsx)(l.SidebarTrigger,{className:`md:hidden`})]})]})]})})}exports.Header=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../ui/lib/utils.cjs"),n=require("../../../ui/components/ui/button-variants.cjs"),r=require("../../../ui/components/ui/button-components.cjs"),i=require("../../../ui/components/ui/avatar.cjs"),a=require("../../../ui/components/ui/dropdown-menu.cjs"),o=require("../../../ui/components/ui/sheet.cjs"),s=require("../../../ui/components/theme/theme-switcher.cjs"),c=require("../i18n/LanguageSwitcher.cjs"),l=require("../sidebar/sidebar.cjs");let u=require("react/jsx-runtime"),d=require("react");d=e.__toESM(d,1);let f=require("lucide-react");var p=({menuItems:e,isMenuLeft:i,showThemeToggle:a,showColorToggle:l,showSpaceToggle:p,showLanguageToggle:m})=>(0,u.jsxs)(o.Sheet,{children:[(0,u.jsxs)(o.SheetTrigger,{className:t.cn(n.buttonVariants({variant:`ghost`,size:`icon`}),`shrink-0`),children:[(0,u.jsx)(f.Menu,{className:`h-5 w-5`}),(0,u.jsx)(`span`,{className:`sr-only`,children:`Toggle menu`})]}),(0,u.jsxs)(o.SheetContent,{side:i?`left`:`right`,children:[(0,u.jsx)(o.SheetHeader,{children:(0,u.jsx)(o.SheetTitle,{children:`Menu`})}),(0,u.jsxs)(`div`,{className:`grid gap-4 py-4`,children:[e.map((e,i)=>(0,u.jsx)(d.Fragment,{children:e.href?(0,u.jsxs)(`a`,{href:e.href,className:t.cn(n.buttonVariants({variant:`ghost`}),`justify-start`),onClick:e.onClick,children:[e.icon&&(0,u.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,u.jsxs)(r.Button,{variant:`ghost`,className:`justify-start`,onClick:e.onClick,children:[e.icon&&(0,u.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]})},i)),(a||l||p)&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:`h-px bg-border my-2`}),(0,u.jsx)(`div`,{className:`px-2`,children:(0,u.jsx)(s.ThemeSwitcherGroup,{showThemeMode:a,showColorTheme:l,showSpacingTheme:p,modeVariant:`icon-group`,colorVariant:`icon-group`,spacingVariant:`icon-group`})})]}),m&&(0,u.jsx)(`div`,{className:`px-2`,children:(0,u.jsx)(c.LanguageSwitcher,{})})]})]})]});function m({className:e,logo:r,title:o,menuPosition:d=`right`,menuItems:f=[],navItems:m=[],user:h,userMenuItems:g=[],onLogout:_,showThemeToggle:v=!0,showColorToggle:y=!0,showSpaceToggle:b=!0,showLanguageToggle:x=!0,onLanguageChange:S,currentLanguage:C,actions:w,...T}){let E=d===`left`;return(0,u.jsx)(`header`,{className:t.cn(`sticky top-0 z-40 w-full border-b bg-primary text-primary-foreground shadow-sm`,e),...T,children:(0,u.jsxs)(`div`,{className:`flex h-16 items-center justify-between px-4 gap-4 overflow-hidden`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-4 min-w-0 flex-shrink-0 relative z-10 bg-primary pr-4`,children:[E&&f.length>0&&(0,u.jsx)(`div`,{className:`flex-shrink-0`,children:(0,u.jsx)(p,{menuItems:f,isMenuLeft:E,showThemeToggle:v,showColorToggle:y,showSpaceToggle:b,showLanguageToggle:x})}),r&&(0,u.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[r,o&&(0,u.jsx)(`span`,{className:`text-lg font-bold hidden md:inline-block truncate`,children:o})]}),!r&&o&&(0,u.jsx)(`div`,{className:`flex items-center gap-2 min-w-0`,children:(0,u.jsx)(`span`,{className:`text-lg font-bold truncate`,children:o})}),(0,u.jsx)(`nav`,{className:`flex items-center gap-6 text-sm font-medium hidden md:flex`,children:m.map((e,n)=>(0,u.jsx)(`a`,{href:e.href,onClick:e.onClick,className:t.cn(`transition-colors hover:text-primary-foreground/80`,e.active?`text-primary-foreground font-bold underline underline-offset-4`:`text-primary-foreground/60`),children:e.label},n))})]}),(0,u.jsxs)(`div`,{className:`ml-auto flex items-center justify-end gap-2 min-w-0 flex-shrink`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0 flex-shrink overflow-hidden justify-end`,children:[b&&(0,u.jsx)(s.SpacingThemeSwitcher,{variant:`toggle`,withBackground:!0}),y&&(0,u.jsx)(s.ColorThemeSwitcher,{variant:`toggle`,withBackground:!0}),v&&(0,u.jsx)(s.ThemeModeSwitcher,{variant:`toggle`,withBackground:!0}),x&&(0,u.jsx)(c.LanguageSwitcher,{onLanguageChange:S,currentLanguage:C})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 flex-none relative z-20 bg-primary pl-2`,children:[h&&(0,u.jsxs)(a.DropdownMenu,{children:[(0,u.jsx)(a.DropdownMenuTrigger,{"aria-label":`${h.initials||h.name.slice(0,2).toUpperCase()} ${h.name} ユーザーメニュー`,className:t.cn(n.buttonVariants({variant:`ghost`}),`relative h-8 w-8 rounded-full p-0 flex items-center justify-center`),children:(0,u.jsxs)(i.Avatar,{className:`h-8 w-8`,children:[(0,u.jsx)(i.AvatarImage,{src:h.image,alt:h.name}),(0,u.jsx)(i.AvatarFallback,{children:h.initials||h.name.slice(0,2).toUpperCase()})]})}),(0,u.jsx)(a.DropdownMenuContent,{className:`w-56`,align:`end`,children:(0,u.jsxs)(a.DropdownMenuGroup,{children:[(0,u.jsx)(a.DropdownMenuLabel,{className:`font-normal`,children:(0,u.jsxs)(`div`,{className:`flex flex-col space-y-1`,children:[(0,u.jsx)(`p`,{className:`text-sm font-medium leading-none`,children:h.name}),(0,u.jsx)(`p`,{className:`text-xs leading-none text-muted-foreground`,children:h.email})]})}),(0,u.jsx)(a.DropdownMenuSeparator,{}),g.map((e,t)=>(0,u.jsx)(a.DropdownMenuItem,{onClick:e.onClick,children:e.href?(0,u.jsx)(`a`,{href:e.href,className:`w-full h-full flex items-center`,children:e.label}):e.label},t)),_&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.DropdownMenuSeparator,{}),(0,u.jsx)(a.DropdownMenuItem,{onClick:_,children:`Log out`})]})]})})]}),w,!E&&f.length>0&&(0,u.jsx)(p,{menuItems:f,isMenuLeft:E,showThemeToggle:v,showColorToggle:y,showSpaceToggle:b,showLanguageToggle:x}),(0,u.jsx)(l.SidebarTrigger,{className:`md:hidden`})]})]})]})})}exports.Header=m;
 //# sourceMappingURL=header.cjs.map