@almadar/ui 6.26.0 → 6.27.0

package/dist/components/index.js

@@ -30748,6 +30748,247 @@ var init_WizardNavigation = __esm({
     WizardNavigation.displayName = "WizardNavigation";
   }
 });
+function parseDay(value) {
+  if (value === void 0 || value === null || value === "") return null;
+  const d = value instanceof Date ? new Date(value.getTime()) : new Date(value);
+  if (Number.isNaN(d.getTime())) return null;
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+function Gantt({
+  tasks = [],
+  links = [],
+  titleField = "title",
+  startField = "start",
+  endField = "end",
+  durationField,
+  statusField = "status",
+  groupField = "",
+  rangeStart,
+  rangeEnd,
+  showToday = true,
+  dayWidth = 28,
+  barClickEvent,
+  className,
+  isLoading = false,
+  error = null
+}) {
+  const { t } = useTranslate();
+  const placed = useMemo(() => {
+    const rows2 = Array.isArray(tasks) ? tasks : tasks ? [tasks] : [];
+    const out = [];
+    rows2.forEach((row, idx) => {
+      const start = parseDay(getNestedValue(row, startField));
+      if (!start) return;
+      let end = parseDay(getNestedValue(row, endField));
+      if (!end && durationField) {
+        const days2 = Number(getNestedValue(row, durationField));
+        if (Number.isFinite(days2) && days2 > 0) {
+          end = new Date(start.getTime() + days2 * DAY_MS);
+        }
+      }
+      if (!end || end.getTime() < start.getTime()) end = new Date(start.getTime() + DAY_MS);
+      out.push({
+        row,
+        id: String(row.id ?? idx),
+        label: String(getNestedValue(row, titleField) ?? ""),
+        status: String(getNestedValue(row, statusField) ?? "").toLowerCase(),
+        group: groupField ? String(getNestedValue(row, groupField) ?? "") : "",
+        start,
+        end
+      });
+    });
+    return out;
+  }, [tasks, titleField, startField, endField, durationField, statusField, groupField]);
+  const [axisStart, axisEnd] = useMemo(() => {
+    const lo = parseDay(rangeStart) ?? (placed.length ? new Date(Math.min(...placed.map((p) => p.start.getTime())) - 2 * DAY_MS) : new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    const hi = parseDay(rangeEnd) ?? (placed.length ? new Date(Math.max(...placed.map((p) => p.end.getTime())) + 2 * DAY_MS) : new Date(lo.getTime() + 30 * DAY_MS));
+    return hi.getTime() > lo.getTime() ? [lo, hi] : [lo, new Date(lo.getTime() + DAY_MS)];
+  }, [rangeStart, rangeEnd, placed]);
+  const totalDays = Math.round((axisEnd.getTime() - axisStart.getTime()) / DAY_MS);
+  const chartWidth = totalDays * dayWidth;
+  const dayOffset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  const displayItems = useMemo(() => {
+    if (!groupField) return placed.map((task) => ({ kind: "task", task }));
+    const items = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const task of placed) {
+      if (!seen.has(task.group)) {
+        seen.add(task.group);
+        items.push({ kind: "group", label: task.group || "\u2014" });
+      }
+      items.push({ kind: "task", task });
+    }
+    return items;
+  }, [placed, groupField]);
+  const barGeometry = useMemo(() => {
+    const offset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+    const map = /* @__PURE__ */ new Map();
+    displayItems.forEach((item, idx) => {
+      if (item.kind !== "task") return;
+      const x0 = offset(item.task.start);
+      const x1 = Math.max(offset(item.task.end), x0 + dayWidth / 2);
+      map.set(item.task.id, { x0, x1, y: HEADER_HEIGHT + idx * ROW_HEIGHT + ROW_HEIGHT / 2 });
+    });
+    return map;
+  }, [displayItems, axisStart, dayWidth]);
+  const days = useMemo(() => {
+    const out = [];
+    for (let i = 0; i < totalDays; i++) out.push(new Date(axisStart.getTime() + i * DAY_MS));
+    return out;
+  }, [axisStart, totalDays]);
+  const todayOffset = useMemo(() => {
+    const today = parseDay(/* @__PURE__ */ new Date());
+    if (!today || today < axisStart || today > axisEnd) return null;
+    return (today.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  }, [axisStart, axisEnd, dayWidth]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(LoadingState, { message: t("common.loading"), className });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Box, { className: cn("p-4", className), children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (placed.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: t("empty.noData"),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: cn("w-full overflow-auto rounded-md border border-border bg-card", className),
+      children: /* @__PURE__ */ jsxs(Box, { className: "relative", style: { width: LABEL_WIDTH + chartWidth, minWidth: "100%" }, children: [
+        /* @__PURE__ */ jsxs(HStack, { gap: "none", className: "sticky top-0 z-20 bg-card border-b border-border", style: { height: HEADER_HEIGHT }, children: [
+          /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card border-r border-border", style: { width: LABEL_WIDTH, height: HEADER_HEIGHT } }),
+          /* @__PURE__ */ jsx(Box, { className: "relative", style: { width: chartWidth, height: HEADER_HEIGHT }, children: days.map((day, i) => /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: cn(
+                "absolute top-0 bottom-0 border-l border-border/50 flex items-end justify-center pb-1",
+                day.getDay() === 0 || day.getDay() === 6 ? "bg-muted/40" : void 0
+              ),
+              style: { left: i * dayWidth, width: dayWidth },
+              children: dayWidth >= 20 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: day.getDate() })
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "relative", children: [
+          displayItems.map(
+            (item, idx) => item.kind === "group" ? /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border bg-muted/30",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-muted/30 px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "semibold", children: item.label }) }),
+                  /* @__PURE__ */ jsx(Box, { style: { width: chartWidth, height: ROW_HEIGHT } })
+                ]
+              },
+              `g-${idx}`
+            ) : /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border/50",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate", children: item.task.label }) }),
+                  /* @__PURE__ */ jsx(Box, { className: "relative", style: { width: chartWidth, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      className: cn(
+                        "absolute top-1/2 -translate-y-1/2 h-4 rounded-sm transition-colors",
+                        STATUS_BAR[item.task.status] ?? "bg-primary/80 hover:bg-primary",
+                        barClickEvent ? "cursor-pointer" : void 0
+                      ),
+                      style: {
+                        left: dayOffset(item.task.start),
+                        width: Math.max(dayOffset(item.task.end) - dayOffset(item.task.start), dayWidth / 2)
+                      },
+                      action: barClickEvent,
+                      actionPayload: { id: item.task.id }
+                    }
+                  ) })
+                ]
+              },
+              item.task.id
+            )
+          ),
+          links.length > 0 && /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "absolute pointer-events-none",
+              style: { left: LABEL_WIDTH, top: 0 },
+              width: chartWidth,
+              height: HEADER_HEIGHT + displayItems.length * ROW_HEIGHT,
+              children: [
+                /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("marker", { id: "gantt-arrow", markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", children: /* @__PURE__ */ jsx("path", { d: "M0,0 L8,4 L0,8 z", fill: "var(--muted-foreground, currentColor)" }) }) }),
+                links.map((link, i) => {
+                  const from = barGeometry.get(link.from);
+                  const to = barGeometry.get(link.to);
+                  if (!from || !to) return null;
+                  const midX = from.x1 + Math.max(8, (to.x0 - from.x1) / 2);
+                  return /* @__PURE__ */ jsx(
+                    "path",
+                    {
+                      d: `M ${from.x1} ${from.y} L ${midX} ${from.y} L ${midX} ${to.y} L ${to.x0} ${to.y}`,
+                      fill: "none",
+                      stroke: "var(--muted-foreground, currentColor)",
+                      strokeWidth: 1.5,
+                      markerEnd: "url(#gantt-arrow)"
+                    },
+                    i
+                  );
+                })
+              ]
+            }
+          ),
+          showToday && todayOffset !== null && /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: "absolute top-0 bottom-0 w-0.5 bg-error/70 pointer-events-none",
+              style: { left: LABEL_WIDTH + todayOffset }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var DAY_MS, ROW_HEIGHT, HEADER_HEIGHT, LABEL_WIDTH, STATUS_BAR;
+var init_Gantt = __esm({
+  "components/core/molecules/Gantt.tsx"() {
+    "use client";
+    init_cn();
+    init_getNestedValue();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_LoadingState();
+    init_EmptyState();
+    DAY_MS = 24 * 60 * 60 * 1e3;
+    ROW_HEIGHT = 36;
+    HEADER_HEIGHT = 44;
+    LABEL_WIDTH = 192;
+    STATUS_BAR = {
+      complete: "bg-success/80 hover:bg-success",
+      done: "bg-success/80 hover:bg-success",
+      active: "bg-primary/80 hover:bg-primary",
+      "in-progress": "bg-primary/80 hover:bg-primary",
+      blocked: "bg-error/80 hover:bg-error",
+      error: "bg-error/80 hover:bg-error",
+      "at-risk": "bg-warning/80 hover:bg-warning",
+      pending: "bg-muted-foreground/50 hover:bg-muted-foreground/70"
+    };
+    Gantt.displayName = "Gantt";
+  }
+});
 var RepeatableFormSection;
 var init_RepeatableFormSection = __esm({
   "components/core/molecules/RepeatableFormSection.tsx"() {
@@ -45750,6 +45991,7 @@ var init_molecules2 = __esm({
     init_QuizBlock();
     init_ScaledDiagram();
     init_CalendarGrid();
+    init_Gantt();
     init_RepeatableFormSection();
     init_ViolationAlert();
     init_FormSectionHeader();
@@ -53021,6 +53263,7 @@ var init_component_registry_generated = __esm({
     init_GameIcon();
     init_GameMenu();
     init_GameShell();
+    init_Gantt();
     init_GenericAppTemplate();
     init_GeometricPattern();
     init_GradientDivider();
@@ -53300,6 +53543,7 @@ var init_component_registry_generated = __esm({
       "GameIcon": GameIcon,
       "GameMenu": GameMenu,
       "GameShell": GameShell,
+      "Gantt": Gantt,
       "GenericAppTemplate": GenericAppTemplate,
       "GeometricPattern": GeometricPattern,
       "GradientDivider": GradientDivider,
@@ -56855,7 +57099,7 @@ var I18nContext = createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate117() {
+function useTranslate118() {
   return useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -57055,4 +57299,4 @@ function assertUniqueSlotsPerHost(manifest) {
   }
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioCue, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, arrowBetween, assertUniqueSlotsPerHost, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, keyChord, makeAsset, makeAssetMap, mapBookData, mergeCaptureTables, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useKeyboardRouter, useLongPress, useMediaQuery, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate117 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommandPalette, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmojiPicker, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioCue, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, arrowBetween, assertUniqueSlotsPerHost, billboardLabel, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, keyChord, makeAsset, makeAssetMap, mapBookData, mergeCaptureTables, meshSphere, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, renderPatternValue, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, sanitizeRichHtml, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useKeyboardRouter, useLongPress, useMediaQuery, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate118 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };

package/dist/providers/index.cjs

@@ -32267,6 +32267,247 @@ var init_WizardNavigation = __esm({
     WizardNavigation.displayName = "WizardNavigation";
   }
 });
+function parseDay(value) {
+  if (value === void 0 || value === null || value === "") return null;
+  const d = value instanceof Date ? new Date(value.getTime()) : new Date(value);
+  if (Number.isNaN(d.getTime())) return null;
+  d.setHours(0, 0, 0, 0);
+  return d;
+}
+function Gantt({
+  tasks = [],
+  links = [],
+  titleField = "title",
+  startField = "start",
+  endField = "end",
+  durationField,
+  statusField = "status",
+  groupField = "",
+  rangeStart,
+  rangeEnd,
+  showToday = true,
+  dayWidth = 28,
+  barClickEvent,
+  className,
+  isLoading = false,
+  error = null
+}) {
+  const { t } = hooks.useTranslate();
+  const placed = React89.useMemo(() => {
+    const rows = Array.isArray(tasks) ? tasks : tasks ? [tasks] : [];
+    const out = [];
+    rows.forEach((row, idx) => {
+      const start = parseDay(core.getNestedValue(row, startField));
+      if (!start) return;
+      let end = parseDay(core.getNestedValue(row, endField));
+      if (!end && durationField) {
+        const days2 = Number(core.getNestedValue(row, durationField));
+        if (Number.isFinite(days2) && days2 > 0) {
+          end = new Date(start.getTime() + days2 * DAY_MS);
+        }
+      }
+      if (!end || end.getTime() < start.getTime()) end = new Date(start.getTime() + DAY_MS);
+      out.push({
+        row,
+        id: String(row.id ?? idx),
+        label: String(core.getNestedValue(row, titleField) ?? ""),
+        status: String(core.getNestedValue(row, statusField) ?? "").toLowerCase(),
+        group: groupField ? String(core.getNestedValue(row, groupField) ?? "") : "",
+        start,
+        end
+      });
+    });
+    return out;
+  }, [tasks, titleField, startField, endField, durationField, statusField, groupField]);
+  const [axisStart, axisEnd] = React89.useMemo(() => {
+    const lo = parseDay(rangeStart) ?? (placed.length ? new Date(Math.min(...placed.map((p) => p.start.getTime())) - 2 * DAY_MS) : new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    const hi = parseDay(rangeEnd) ?? (placed.length ? new Date(Math.max(...placed.map((p) => p.end.getTime())) + 2 * DAY_MS) : new Date(lo.getTime() + 30 * DAY_MS));
+    return hi.getTime() > lo.getTime() ? [lo, hi] : [lo, new Date(lo.getTime() + DAY_MS)];
+  }, [rangeStart, rangeEnd, placed]);
+  const totalDays = Math.round((axisEnd.getTime() - axisStart.getTime()) / DAY_MS);
+  const chartWidth = totalDays * dayWidth;
+  const dayOffset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  const displayItems = React89.useMemo(() => {
+    if (!groupField) return placed.map((task) => ({ kind: "task", task }));
+    const items = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const task of placed) {
+      if (!seen.has(task.group)) {
+        seen.add(task.group);
+        items.push({ kind: "group", label: task.group || "\u2014" });
+      }
+      items.push({ kind: "task", task });
+    }
+    return items;
+  }, [placed, groupField]);
+  const barGeometry = React89.useMemo(() => {
+    const offset = (d) => (d.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+    const map = /* @__PURE__ */ new Map();
+    displayItems.forEach((item, idx) => {
+      if (item.kind !== "task") return;
+      const x0 = offset(item.task.start);
+      const x1 = Math.max(offset(item.task.end), x0 + dayWidth / 2);
+      map.set(item.task.id, { x0, x1, y: HEADER_HEIGHT + idx * ROW_HEIGHT + ROW_HEIGHT / 2 });
+    });
+    return map;
+  }, [displayItems, axisStart, dayWidth]);
+  const days = React89.useMemo(() => {
+    const out = [];
+    for (let i = 0; i < totalDays; i++) out.push(new Date(axisStart.getTime() + i * DAY_MS));
+    return out;
+  }, [axisStart, totalDays]);
+  const todayOffset = React89.useMemo(() => {
+    const today = parseDay(/* @__PURE__ */ new Date());
+    if (!today || today < axisStart || today > axisEnd) return null;
+    return (today.getTime() - axisStart.getTime()) / DAY_MS * dayWidth;
+  }, [axisStart, axisEnd, dayWidth]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(LoadingState, { message: t("common.loading"), className });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("p-4", className), children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", color: "error", children: error.message }) });
+  }
+  if (placed.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState,
+      {
+        title: t("empty.noData"),
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      className: cn("w-full overflow-auto rounded-md border border-border bg-card", className),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", style: { width: LABEL_WIDTH + chartWidth, minWidth: "100%" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "none", className: "sticky top-0 z-20 bg-card border-b border-border", style: { height: HEADER_HEIGHT }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card border-r border-border", style: { width: LABEL_WIDTH, height: HEADER_HEIGHT } }),
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative", style: { width: chartWidth, height: HEADER_HEIGHT }, children: days.map((day, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            Box,
+            {
+              className: cn(
+                "absolute top-0 bottom-0 border-l border-border/50 flex items-end justify-center pb-1",
+                day.getDay() === 0 || day.getDay() === 6 ? "bg-muted/40" : void 0
+              ),
+              style: { left: i * dayWidth, width: dayWidth },
+              children: dayWidth >= 20 && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", color: "secondary", children: day.getDate() })
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "none", className: "relative", children: [
+          displayItems.map(
+            (item, idx) => item.kind === "group" ? /* @__PURE__ */ jsxRuntime.jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border bg-muted/30",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-muted/30 px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", weight: "semibold", children: item.label }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { style: { width: chartWidth, height: ROW_HEIGHT } })
+                ]
+              },
+              `g-${idx}`
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(
+              HStack,
+              {
+                gap: "none",
+                className: "border-b border-border/50",
+                style: { height: ROW_HEIGHT },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "sticky left-0 z-10 shrink-0 bg-card px-3 flex items-center border-r border-border", style: { width: LABEL_WIDTH, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "truncate", children: item.task.label }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "relative", style: { width: chartWidth, height: ROW_HEIGHT }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Box,
+                    {
+                      className: cn(
+                        "absolute top-1/2 -translate-y-1/2 h-4 rounded-sm transition-colors",
+                        STATUS_BAR[item.task.status] ?? "bg-primary/80 hover:bg-primary",
+                        barClickEvent ? "cursor-pointer" : void 0
+                      ),
+                      style: {
+                        left: dayOffset(item.task.start),
+                        width: Math.max(dayOffset(item.task.end) - dayOffset(item.task.start), dayWidth / 2)
+                      },
+                      action: barClickEvent,
+                      actionPayload: { id: item.task.id }
+                    }
+                  ) })
+                ]
+              },
+              item.task.id
+            )
+          ),
+          links.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: "absolute pointer-events-none",
+              style: { left: LABEL_WIDTH, top: 0 },
+              width: chartWidth,
+              height: HEADER_HEIGHT + displayItems.length * ROW_HEIGHT,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("marker", { id: "gantt-arrow", markerWidth: "8", markerHeight: "8", refX: "7", refY: "4", orient: "auto", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0,0 L8,4 L0,8 z", fill: "var(--muted-foreground, currentColor)" }) }) }),
+                links.map((link, i) => {
+                  const from = barGeometry.get(link.from);
+                  const to = barGeometry.get(link.to);
+                  if (!from || !to) return null;
+                  const midX = from.x1 + Math.max(8, (to.x0 - from.x1) / 2);
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "path",
+                    {
+                      d: `M ${from.x1} ${from.y} L ${midX} ${from.y} L ${midX} ${to.y} L ${to.x0} ${to.y}`,
+                      fill: "none",
+                      stroke: "var(--muted-foreground, currentColor)",
+                      strokeWidth: 1.5,
+                      markerEnd: "url(#gantt-arrow)"
+                    },
+                    i
+                  );
+                })
+              ]
+            }
+          ),
+          showToday && todayOffset !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            Box,
+            {
+              className: "absolute top-0 bottom-0 w-0.5 bg-error/70 pointer-events-none",
+              style: { left: LABEL_WIDTH + todayOffset }
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var DAY_MS, ROW_HEIGHT, HEADER_HEIGHT, LABEL_WIDTH, STATUS_BAR;
+var init_Gantt = __esm({
+  "components/core/molecules/Gantt.tsx"() {
+    "use client";
+    init_cn();
+    init_getNestedValue();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_LoadingState();
+    init_EmptyState();
+    DAY_MS = 24 * 60 * 60 * 1e3;
+    ROW_HEIGHT = 36;
+    HEADER_HEIGHT = 44;
+    LABEL_WIDTH = 192;
+    STATUS_BAR = {
+      complete: "bg-success/80 hover:bg-success",
+      done: "bg-success/80 hover:bg-success",
+      active: "bg-primary/80 hover:bg-primary",
+      "in-progress": "bg-primary/80 hover:bg-primary",
+      blocked: "bg-error/80 hover:bg-error",
+      error: "bg-error/80 hover:bg-error",
+      "at-risk": "bg-warning/80 hover:bg-warning",
+      pending: "bg-muted-foreground/50 hover:bg-muted-foreground/70"
+    };
+    Gantt.displayName = "Gantt";
+  }
+});
 var RepeatableFormSection;
 var init_RepeatableFormSection = __esm({
   "components/core/molecules/RepeatableFormSection.tsx"() {
@@ -51814,6 +52055,7 @@ var init_component_registry_generated = __esm({
     init_GameIcon();
     init_GameMenu();
     init_GameShell();
+    init_Gantt();
     init_GenericAppTemplate();
     init_GeometricPattern();
     init_GradientDivider();
@@ -52093,6 +52335,7 @@ var init_component_registry_generated = __esm({
       "GameIcon": GameIcon,
       "GameMenu": GameMenu,
       "GameShell": GameShell,
+      "Gantt": Gantt,
       "GenericAppTemplate": GenericAppTemplate,
       "GeometricPattern": GeometricPattern,
       "GradientDivider": GradientDivider,