@snksergio/design-system 0.58.0 → 0.61.0

package/dist-lib/index.cjs

@@ -4289,6 +4289,7 @@ const messageBubbleStyles = avatar.tv({
     /* ações (hover) */
     actionsTrigger: [
       "absolute right-pad-md top-pad-md",
+      "bg-bg-emphasis shadow-sh-sm hover:bg-bg-accent-hover",
       "opacity-0 transition-opacity",
       "group-hover/bubble:opacity-100 focus-visible:opacity-100"
     ],
@@ -4304,12 +4305,16 @@ const messageBubbleStyles = avatar.tv({
       received: {
         row: "flex-row",
         column: "items-start",
-        bubble: "bg-bg-surface"
+        bubble: "bg-bg-surface border-border-subtle"
       }
     },
     tail: {
       true: {},
       false: {}
+    },
+    origin: {
+      human: {},
+      ai: { bubble: "border-border-brand-subtle" }
     }
   },
   compoundVariants: [
@@ -4319,7 +4324,8 @@ const messageBubbleStyles = avatar.tv({
   ],
   defaultVariants: {
     side: "received",
-    tail: true
+    tail: true,
+    origin: "human"
   }
 });
 const styles = messageBubbleStyles();
@@ -4493,6 +4499,7 @@ function MessageBubble({
   isEdited = false,
   isDeleted = false,
   tail = true,
+  origin,
   authorName,
   avatar: avatar$1,
   actions,
@@ -4500,7 +4507,7 @@ function MessageBubble({
   className
 }) {
   const [actionsOpen, setActionsOpen] = React.useState(false);
-  const s = messageBubbleStyles({ side, tail });
+  const s = messageBubbleStyles({ side, tail, origin });
   const time = formatTime(createdAt);
   const hasMedia = !isDeleted && mediaType !== "text";
   const showAck = side === "sent" && ack !== void 0 && !isDeleted;
@@ -4518,7 +4525,8 @@ function MessageBubble({
               avatar.Button,
               {
                 type: "button",
-                size: "2xs",
+                size: "icon-xs",
+                shape: "pill",
                 variant: "ghost",
                 color: "secondary",
                 "aria-label": "Ações da mensagem",
@@ -5877,7 +5885,7 @@ const schedulerPlaceholder = avatar.tv({
     "p-sp-3xl text-center"
   ]
 });
-const VIEW_ITEMS = [
+const VIEW_ITEMS$1 = [
   { value: "month", label: "Mês", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, {}) },
   { value: "week", label: "Semana", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns3, {}) },
   { value: "day", label: "Dia", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, {}) },
@@ -5904,7 +5912,7 @@ function SchedulerToolbar({
   primaryAction
 }) {
   const hasFilters = (filterFields?.length ?? 0) > 0;
-  const activeView = VIEW_ITEMS.find((v) => v.value === view) ?? VIEW_ITEMS[0];
+  const activeView = VIEW_ITEMS$1.find((v) => v.value === view) ?? VIEW_ITEMS$1[0];
   const filterEngaged = filterPanelOpen || appliedCount > 0;
   const appliedFields = (filterFields ?? []).filter(
     (field) => (filterModel[field.id] ?? []).length > 0
@@ -5974,7 +5982,7 @@ function SchedulerToolbar({
             {
               value: view,
               onValueChange: (v) => onViewChange(v),
-              children: VIEW_ITEMS.map((item) => /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuRadioItem, { value: item.value, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: schedulerViewMenuItem(), children: item.label }) }, item.value))
+              children: VIEW_ITEMS$1.map((item) => /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuRadioItem, { value: item.value, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: schedulerViewMenuItem(), children: item.label }) }, item.value))
             }
           ) })
         ] }),
@@ -6036,7 +6044,7 @@ function SchedulerToolbar({
     ] }) : null
   ] });
 }
-function buildMonthMatrix(date, weekStartsOn, locale) {
+function buildMonthMatrix$1(date, weekStartsOn, locale) {
   const monthStart = dateFns.startOfMonth(date);
   const gridStart = dateFns.startOfWeek(monthStart, { weekStartsOn, locale });
   const days = [];
@@ -6080,7 +6088,7 @@ function segmentMultiDay(events, weekRows) {
 function effectiveEndMs(event, snapMinutes) {
   return event.start.getTime() === event.end.getTime() ? event.end.getTime() + snapMinutes * 6e4 : event.end.getTime();
 }
-function packLanes(events, snapMinutes) {
+function packLanes$1(events, snapMinutes) {
   if (events.length === 0) return [];
   const sorted = [...events].sort((a, b) => {
     const startDiff = a.start.getTime() - b.start.getTime();
@@ -6105,9 +6113,9 @@ function packLanes(events, snapMinutes) {
         laneEnds[freeLane] = evEnd;
       }
     }
-    const laneCount = laneEnds.length;
+    const laneCount2 = laneEnds.length;
     for (const ev of group) {
-      result.push({ event: ev, laneIndex: laneOf.get(ev), laneCount });
+      result.push({ event: ev, laneIndex: laneOf.get(ev), laneCount: laneCount2 });
     }
     group = [];
     groupMaxEnd = -Infinity;
@@ -6125,7 +6133,7 @@ function packLanes(events, snapMinutes) {
 }
 const MONTH_PILL_HEIGHT_PX = 20;
 const MONTH_PILL_GAP_PX = 2;
-function computeOverflow(dayEvents, availableHeight) {
+function computeOverflow$1(dayEvents, availableHeight) {
   if (dayEvents.length === 0) {
     return { visible: [], overflowCount: 0 };
   }
@@ -6213,7 +6221,7 @@ function MiniMonth({
     [selected, offset]
   );
   const weeks = React.useMemo(
-    () => buildMonthMatrix(cursor, weekStartsOn, locale),
+    () => buildMonthMatrix$1(cursor, weekStartsOn, locale),
     [cursor, weekStartsOn, locale]
   );
   const daysWithEvents = React.useMemo(() => {
@@ -6832,7 +6840,7 @@ function SchedulerMonthView({
   podeMover
 }) {
   const weeks = React.useMemo(
-    () => buildMonthMatrix(date, weekStartsOn, locale),
+    () => buildMonthMatrix$1(date, weekStartsOn, locale),
     [date, weekStartsOn, locale]
   );
   const teclado = useSchedulerKeyboard({
@@ -6912,7 +6920,7 @@ function SchedulerMonthView({
             todos.length <= maxPerCell ? maxPerCell : Math.max(0, maxPerCell - 1)
           ),
           overflowCount: todos.length <= maxPerCell ? 0 : todos.length - Math.max(0, maxPerCell - 1)
-        } : computeOverflow(todos, alturaDisponivel);
+        } : computeOverflow$1(todos, alturaDisponivel);
         const outside = !dateFns.isSameMonth(day, date);
         const today = dateFns.isSameDay(day, now);
         const indiceDaCelula = weekIndex * 7 + week.indexOf(day);
@@ -7097,7 +7105,7 @@ function SchedulerTimeGrid({
           end: ev.end.getTime() > gridBottom.getTime() ? gridBottom : ev.end
         }
       }));
-      const lanes = packLanes(
+      const lanes = packLanes$1(
         recortados.map((r) => r.clamped),
         snapMinutes
       );
@@ -7858,6 +7866,4407 @@ const Scheduler = React.forwardRef(
     );
   }
 );
+const GANTT_ROW_HEIGHT_PX = 48;
+const GANTT_BAR_HEIGHT_PX = 26;
+const GANTT_SUMMARY_BAR_HEIGHT_PX = 12;
+const GANTT_LANE_HEIGHT_PX = 30;
+const GANTT_HEAD_HEIGHT_PX = 84;
+const GANTT_HEAD_GROUP_PX = 42;
+const GANTT_HEAD_UNIT_PX = 42;
+const GANTT_GROUP_LABEL_MIN_PX = 96;
+const GANTT_PX_PER_DAY = {
+  day: 46,
+  week: 100 / 7,
+  month: 240 / 30.4,
+  quarter: 320 / 91
+};
+const GANTT_WINDOW_DAYS = {
+  day: 60,
+  week: 180,
+  month: 730,
+  quarter: 1825
+};
+const ganttRoot = avatar.tv({
+  base: [
+    "flex h-full min-h-0 w-full flex-col gap-gp-3xl",
+    "text-fg-default"
+  ]
+});
+const ganttToolbar = avatar.tv({
+  base: [
+    "flex flex-col gap-gp-xl",
+    "lg:flex-row lg:flex-wrap lg:items-center lg:justify-between"
+  ]
+});
+const ganttToolbarSide = avatar.tv({
+  base: "flex min-w-0 items-center",
+  variants: {
+    slot: {
+      leading: [
+        "w-full justify-between gap-gp-sm md:gap-gp-lg",
+        "lg:w-auto lg:flex-wrap lg:justify-start"
+      ],
+      trailing: "w-full gap-gp-md lg:w-auto lg:flex-wrap"
+    }
+  },
+  defaultVariants: { slot: "trailing" }
+});
+const ganttTitle = avatar.tv({
+  base: [
+    // O ícone e o texto são um par; o `gap` aqui é DENTRO do par.
+    "flex min-w-0 items-center gap-gp-md",
+    // O vizinho da ESQUERDA é o `‹ Hoje ›`, e o título é TEXTO — sem borda nem
+    // fundo pra criar respiro do lado dele. 6px somam com o gap do grupo e dão
+    // 16px no desktop / 12px no mobile. (Enquanto o `‹ Hoje ›` vinha depois do
+    // título, esta margem morava lá, pelo mesmo motivo espelhado.)
+    "ml-sp-sm",
+    "text-title-sm font-semibold text-fg-default",
+    "[&>svg]:size-icon-md [&>svg]:shrink-0 [&>svg]:text-fg-muted"
+  ]
+});
+const ganttTitleText = avatar.tv({
+  base: "min-w-0 truncate first-letter:uppercase"
+});
+const ganttViewSwitch = avatar.tv({
+  base: [
+    // `p-[3px]` fica literal: a escala `sp` vai 2 → 4px e não tem 3.
+    // `max-md:hidden` — em <md este controle mora no menu de opções, como o
+    // toggle Kanban/Lista da tabela mora no menu de Configurações.
+    "max-md:hidden inline-flex shrink-0 items-center gap-gp-2xs p-[3px]",
+    "h-form-lg rounded-radius-lg bg-bg-muted"
+  ]
+});
+const ganttViewSwitchButton = avatar.tv({
+  base: [
+    "grid h-[34px] min-w-[36px] place-items-center px-pad-md",
+    "cursor-pointer rounded-radius-md border-0 bg-transparent outline-none",
+    "text-body-sm font-normal text-fg-muted",
+    "transition-[background-color,color,box-shadow] duration-150",
+    "hover:text-fg-default",
+    "focus-visible:shadow-sh-ring",
+    "[&_svg]:size-[14px]"
+  ],
+  variants: {
+    isActive: {
+      true: "bg-bg-accent font-semibold text-fg-default shadow-sh-sm",
+      false: ""
+    }
+  },
+  defaultVariants: { isActive: false }
+});
+const ganttToolbarDivider = avatar.tv({
+  // `mx-sp-sm` = 6px e `w-sp-px` = 1px, os mesmos valores do `toolbarDivider`
+  // da tabela — que os escreve literais. `h-[24px]` continua literal: a escala
+  // `form` vai 28 → 32 e não tem 24.
+  // `max-md:hidden`: em <md os dois grupos que ele separa não estão na barra
+  // (foram pro menu), e um divisor sem nada de um dos lados é um risco solto.
+  base: "max-md:hidden mx-sp-sm h-[24px] w-sp-px shrink-0 self-center bg-border-default"
+});
+const ganttNavGroup = avatar.tv({
+  base: [
+    // `max-md:hidden` — 142px de `‹ Hoje ›` numa barra de 375px. Em <md ele
+    // aparece dentro do menu de opções, em largura cheia.
+    "max-md:hidden inline-flex shrink-0 items-center",
+    "[&>*:focus-visible]:relative [&>*:focus-visible]:z-[1]",
+    "[&>*:first-child]:!rounded-r-none",
+    "[&>*:last-child]:!rounded-l-none",
+    "[&>*:not(:first-child):not(:last-child)]:!rounded-none",
+    "[&>*]:border-y-border-subtle dark:[&>*]:border-y-border-input",
+    "[&>*]:border-l-border-subtle dark:[&>*]:border-l-border-input",
+    "[&>*:last-child]:border-r-border-subtle dark:[&>*:last-child]:border-r-border-input"
+  ]
+});
+const ganttMobileMenu = avatar.tv({
+  slots: {
+    trigger: "shrink-0 md:hidden",
+    /*
+          Sem largura de propósito. O `PopoverContent` do DS já carrega
+          `data-mobile-sheet` + `max-md:w-full max-md:max-w-none`, e a regra do tema
+          (`@media (width < 768px)`) prende o wrapper do Popper no rodapé com
+          `width: 100% !important` — este menu vira bottom-sheet sozinho.
+    
+          MEDIDO: um `w-[280px] max-w-[calc(100vw-32px)]` que eu havia escrito aqui
+          resolvia 375px na tela, ou seja, era declaração morta. E não teria como
+          valer acima de `md`: o `trigger` é `md:hidden`, então o popover nunca
+          abre onde a largura importaria.
+        */
+    content: "flex flex-col gap-px p-pad-sm",
+    label: "px-pad-lg py-pad-sm text-caption-sm font-semibold uppercase tracking-wider text-fg-subtle",
+    separator: "mx-pad-xs my-pad-xs h-px bg-border-default",
+    field: "px-pad-lg pb-pad-sm",
+    item: [
+      "group/row relative flex w-full items-center gap-pad-lg",
+      "rounded-radius-sm px-pad-lg py-pad-md",
+      "cursor-pointer border-0 bg-transparent text-left outline-none",
+      "text-body-sm font-medium text-fg-muted [&_svg]:text-fg-muted",
+      "transition-colors duration-150",
+      "hover:bg-bg-muted hover:text-fg-default hover:[&_svg]:text-fg-default",
+      "focus-visible:bg-bg-muted focus-visible:text-fg-default",
+      "[&_svg]:size-icon-sm [&_svg]:shrink-0"
+    ]
+  },
+  variants: {
+    active: {
+      true: { item: "bg-bg-brand-subtle text-fg-brand [&_svg]:text-fg-brand" },
+      false: {}
+    }
+  },
+  defaultVariants: { active: false }
+});
+const ganttMenuGroupFluid = avatar.tv({
+  base: "flex w-full [&>*]:flex-1"
+});
+const ganttSkeleton = avatar.tv({
+  slots: {
+    root: "flex min-h-0 flex-1 animate-pulse flex-col overflow-hidden",
+    /** A faixa do cabeçalho do eixo — mesma altura do `ganttHead`. */
+    head: "flex shrink-0 items-center gap-gp-2xl border-b border-border-default bg-bg-table-head px-pad-2xl",
+    /** Linha do corpo — a MESMA altura de `GANTT_ROW_HEIGHT_PX`. */
+    row: "flex shrink-0 items-center gap-gp-2xl border-b border-border-subtle px-pad-2xl",
+    /** O retângulo cinza que faz as vezes de texto ou de barra. */
+    bar: "rounded-radius-sm bg-bg-muted",
+    /** Painel esquerdo da timeline — só ele tem borda de separação. */
+    pane: "flex shrink-0 flex-col overflow-hidden border-r border-border-default",
+    canvas: "flex min-w-0 flex-1 flex-col overflow-hidden",
+    /** Célula da grade de mês. */
+    cell: "flex flex-col gap-gp-xs border-b border-r border-border-subtle p-pad-md",
+    grid: "grid min-h-0 flex-1 grid-cols-7"
+  }
+});
+const ganttSearch = avatar.tv({
+  base: [
+    "relative flex cursor-text items-center gap-gp-md",
+    "h-form-lg rounded-radius-lg px-pad-lg",
+    "bg-bg-surface dark:bg-bg-muted",
+    "border border-border-subtle dark:border-border-input",
+    "shadow-sh-sm dark:shadow-sh-none",
+    // #8 — expande no foco, igual à busca do `TableToolbar`: 200 → 300px.
+    // A animação usa a mesma curva e duração de lá (220ms).
+    "min-w-0 flex-1 lg:flex-initial lg:w-[200px] lg:focus-within:w-[300px]",
+    "transition-[width,border-color,background-color,box-shadow] duration-[220ms] ease-[cubic-bezier(0.4,0,0.2,1)]",
+    "focus-within:border-border-brand focus-within:ring-4 focus-within:ring-ring-brand",
+    "[&_svg]:size-icon-sm [&_svg]:shrink-0 [&_svg]:text-fg-subtle"
+  ]
+});
+const ganttSearchInput = avatar.tv({
+  base: [
+    "min-w-0 flex-1 border-0 bg-transparent outline-none",
+    "text-body-sm font-normal text-fg-default",
+    "placeholder:text-fg-muted"
+  ]
+});
+const ganttAppliedRow = avatar.tv({
+  base: [
+    "flex items-center gap-gp-md",
+    "mt-pad-2xl pt-pad-2xl border-t border-border-default",
+    "flex-nowrap overflow-x-auto sm:flex-wrap sm:overflow-x-visible",
+    "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+  ]
+});
+const ganttAppliedChip = avatar.tv({
+  base: [
+    "inline-flex shrink-0 items-center gap-gp-md",
+    "h-form-md pl-pad-sm pr-pad-lg rounded-radius-lg",
+    "bg-bg-surface dark:bg-bg-muted",
+    "border border-dashed border-border-input",
+    "text-body-xs font-normal text-fg-default",
+    "transition-[background-color,border-color] duration-150"
+  ],
+  variants: {
+    /** Clicável (abre as opções do campo). Sempre `true` hoje; ver o part. */
+    interactive: {
+      true: [
+        "cursor-pointer",
+        "hover:bg-bg-muted-hover hover:border-border-default",
+        "dark:hover:bg-bg-accent",
+        "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+      ],
+      false: ""
+    }
+  },
+  defaultVariants: { interactive: false }
+});
+const ganttAppliedChipRemove = avatar.tv({
+  base: [
+    "grid size-[18px] shrink-0 place-items-center rounded-radius-full",
+    "cursor-pointer border-0 bg-transparent p-0 text-fg-subtle outline-none",
+    "transition-colors duration-150 hover:text-fg-default",
+    "focus-visible:shadow-sh-ring",
+    "[&_svg]:size-[14px]"
+  ]
+});
+const ganttAppliedChipName = avatar.tv({
+  base: "font-semibold text-fg-default"
+});
+const ganttAppliedChipOp = avatar.tv({
+  base: "text-caption-sm text-fg-muted"
+});
+const ganttAppliedChipValue = avatar.tv({
+  base: [
+    "inline-flex h-[22px] items-center px-pad-md",
+    "rounded-radius-sm bg-bg-muted dark:bg-bg-accent",
+    "text-body-xs font-medium text-fg-default"
+  ]
+});
+const ganttClearLink = avatar.tv({
+  base: [
+    "ml-pad-sm shrink-0 cursor-pointer border-0 bg-transparent p-0",
+    "text-body-xs font-medium text-fg-brand outline-none",
+    "underline-offset-2 transition-opacity duration-150",
+    "hover:underline focus-visible:underline"
+  ]
+});
+const ganttFilterDot = avatar.tv({
+  base: [
+    "pointer-events-none absolute -right-px -top-px",
+    "size-[7px] rounded-radius-full",
+    "bg-bg-brand ring-2 ring-bg-canvas"
+  ]
+});
+const ganttFilterGroup = avatar.tv({
+  base: [
+    "flex flex-col py-pad-lg",
+    "border-b border-border-subtle last:border-b-0"
+  ]
+});
+const ganttFilterGroupHead = avatar.tv({
+  base: [
+    "flex w-full items-center justify-between gap-gp-md",
+    "px-pad-xl py-pad-md text-left",
+    "transition-colors duration-150 hover:bg-bg-muted",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+  ]
+});
+const ganttFilterGroupTitle = avatar.tv({
+  base: [
+    "flex min-w-0 items-baseline gap-gp-sm",
+    "text-caption-md font-semibold text-fg-default"
+  ]
+});
+const ganttFilterGroupChevron = avatar.tv({
+  base: "size-icon-sm shrink-0 text-fg-subtle transition-transform duration-200",
+  variants: {
+    open: { true: "rotate-0", false: "-rotate-90" }
+  },
+  defaultVariants: { open: true }
+});
+const ganttFilterGroupActions = avatar.tv({
+  base: [
+    "flex items-center gap-gp-lg px-pad-xl pb-pad-sm pt-pad-2xs",
+    "[&>button]:text-caption-sm [&>button]:font-medium [&>button]:text-fg-brand",
+    "[&>button]:transition-colors [&>button]:duration-150",
+    "[&>button:hover]:text-fg-default",
+    "[&>button:disabled]:cursor-not-allowed [&>button:disabled]:text-fg-subtle",
+    "[&>button:focus-visible]:outline-none [&>button:focus-visible]:ring-4",
+    "[&>button:focus-visible]:ring-ring-brand [&>button:focus-visible]:rounded-radius-xs"
+  ]
+});
+const ganttFilterSearch = avatar.tv({
+  base: [
+    "mx-pad-xl mb-pad-sm flex cursor-text items-center gap-gp-sm",
+    "h-form-md rounded-radius-md px-pad-md",
+    "bg-bg-surface dark:bg-bg-muted",
+    "border border-border-subtle dark:border-border-input",
+    "transition-[border-color,box-shadow] duration-150",
+    "focus-within:border-border-brand focus-within:ring-4 focus-within:ring-ring-brand",
+    "[&_svg]:size-icon-sm [&_svg]:shrink-0 [&_svg]:text-fg-subtle"
+  ]
+});
+const ganttFilterSearchInput = avatar.tv({
+  base: [
+    "min-w-0 flex-1 border-0 bg-transparent outline-none",
+    "text-body-sm font-normal text-fg-default",
+    "placeholder:text-fg-muted"
+  ]
+});
+const ganttFilterInput = avatar.tv({
+  base: [
+    "min-w-0 flex-1 h-form-md rounded-radius-md px-pad-md",
+    "bg-bg-surface dark:bg-bg-muted",
+    "border border-border-subtle dark:border-border-input",
+    "text-body-sm font-normal text-fg-default outline-none",
+    "placeholder:text-fg-muted",
+    "transition-[border-color,box-shadow] duration-150",
+    "focus-visible:border-border-brand focus-visible:ring-4 focus-visible:ring-ring-brand",
+    // O seletor nativo de data vem escuro no dark sem isto.
+    "dark:[color-scheme:dark]"
+  ]
+});
+const ganttFilterRange = avatar.tv({
+  base: "flex items-center gap-gp-sm px-pad-xl pb-pad-sm"
+});
+const ganttFilterRangeSep = avatar.tv({
+  base: "shrink-0 text-caption-sm text-fg-muted"
+});
+const ganttFilterEmpty = avatar.tv({
+  base: "px-pad-xl py-pad-md text-body-sm text-fg-muted"
+});
+const ganttFilterOption = avatar.tv({
+  base: [
+    "flex w-full min-w-0 cursor-pointer items-center gap-gp-md",
+    "px-pad-xl py-pad-md",
+    "transition-colors duration-150 hover:bg-bg-muted"
+  ]
+});
+const ganttFilterOptionBox = avatar.tv({
+  base: "shrink-0 transition-colors duration-150",
+  variants: {
+    colorKey: {
+      "chart-1": "border-chart-1/60 data-[state=checked]:!bg-chart-1 data-[state=checked]:!border-chart-1",
+      "chart-2": "border-chart-2/60 data-[state=checked]:!bg-chart-2 data-[state=checked]:!border-chart-2",
+      "chart-3": "border-chart-3/60 data-[state=checked]:!bg-chart-3 data-[state=checked]:!border-chart-3",
+      "chart-4": "border-chart-4/60 data-[state=checked]:!bg-chart-4 data-[state=checked]:!border-chart-4",
+      "chart-5": "border-chart-5/60 data-[state=checked]:!bg-chart-5 data-[state=checked]:!border-chart-5",
+      brand: "border-border-brand data-[state=checked]:!bg-bg-brand",
+      success: "border-border-success-muted data-[state=checked]:!bg-bg-success data-[state=checked]:!border-bg-success",
+      warning: "border-border-warning-muted data-[state=checked]:!bg-bg-warning data-[state=checked]:!border-bg-warning",
+      danger: "border-border-danger-muted data-[state=checked]:!bg-bg-danger data-[state=checked]:!border-bg-danger",
+      info: "border-border-info-muted data-[state=checked]:!bg-bg-info data-[state=checked]:!border-bg-info",
+      neutral: "border-border-default"
+    }
+  },
+  defaultVariants: { colorKey: "neutral" }
+});
+const ganttFilterOptionLabel = avatar.tv({
+  base: "min-w-0 flex-1 truncate text-body-sm text-fg-default"
+});
+const ganttFilterOptionCount = avatar.tv({
+  base: "shrink-0 text-caption-sm tabular-nums text-fg-subtle"
+});
+const ganttBody = avatar.tv({
+  base: "flex min-h-0 flex-1 overflow-hidden",
+  variants: {
+    framed: {
+      true: "rounded-radius-xl border border-border-default bg-bg-surface",
+      false: ""
+    }
+  },
+  defaultVariants: { framed: true }
+});
+const ganttGridPane = avatar.tv({
+  base: [
+    "flex min-h-0 shrink-0 flex-col",
+    /**
+     * ⛔ SEM borda direita — e isso é a correção de um defeito que eu criei.
+     *
+     * A grade precisa de uma linha grossa separando os dois painéis (é a âncora
+     * de leitura: o olho volta pra ela a cada linha). Mas essa linha JÁ EXISTE:
+     * é o `ganttSplitter`, que é `w-[3px] bg-bg-scrollbar-thumb/70` e vive logo depois
+     * deste painel, sem vão nenhum. Pra mudar a espessura da separação, mexa
+     * NELE — não acrescente borda aqui.
+     *
+     * Pôr `border-r-[3px] border-r-border-default` aqui somava **6px contíguos
+     * da cor idêntica** — medido: borda de 478→481 e divisor de 481→484, ambos
+     * `oklch(0.2645 0 0)`, vão de 0. Lia como uma borda com um segundo tracinho
+     * grudado nela.
+     *
+     * A lição: antes de adicionar uma divisória, procure a que já está ali. O
+     * divisor não é decoração — é o alvo de arraste, e ele vira verde no hover.
+     * Duplicá-lo não engrossa a linha, cria duas.
+     */
+    // ⚠️ `overflow-hidden` e NÃO `overflow-y-auto`: o scroll vertical é do
+    // painel direito, e os dois rolam juntos por `scrollTop` espelhado. Dois
+    // scrollbars independentes dessincronizam as linhas na primeira rolagem.
+    "overflow-hidden",
+    /**
+     * #6 — sombra pra a direita e `z-[2]`: o painel passa POR CIMA do canvas.
+     *
+     * Sem isso, a barra que começa no primeiro dia da janela encostava na
+     * divisória e parecia continuar por baixo da grade. Com a sombra, a grade
+     * lê como uma camada acima — e o corte da barra na borda fica intencional.
+     *
+     * ## Por que `10px 0 36px -18px` e não `4px 0 12px -4px`
+     *
+     * O que decide se a sombra lê como GRADIENTE ou como uma segunda linha é a
+     * posição da borda do retângulo dela, que é `offsetX + spread` relativo à
+     * borda do elemento — não o blur.
+     *
+     *   antes:  4 + (-4)  =  0   → retângulo termina EXATO na borda do painel.
+     *                            No blur, a borda do retângulo é o ponto de ~50%
+     *                            da opacidade: a sombra nascia forte encostada na
+     *                            divisória e morria em 6px. É a faixa escura que
+     *                            se lia como "tem mais um pixel depois da borda".
+     *   agora: 10 + (-18) = -8   → retângulo termina 8px DENTRO do painel, onde
+     *                            ninguém vê. O que escapa pra fora é só a cauda
+     *                            do blur: começa em ~28% na divisória e decai por
+     *                            10px (era 6).
+     *
+     * Mais larga e mais suave ao mesmo tempo, que era o pedido — e são coisas
+     * independentes: aumentar o blur sozinho alarga a faixa forte junto.
+     *
+     * Dark em 0.55 contra 0.14 do light = 3.9×, acima do mínimo de 2× da L-011.
+     */
+    "relative z-[2] shadow-[10px_0_36px_-18px_oklch(0_0_0_/_0.14)]",
+    "dark:shadow-[10px_0_36px_-18px_oklch(0_0_0_/_0.55)]"
+  ]
+});
+const ganttSplitter = avatar.tv({
+  base: [
+    "group/split relative w-[3px] shrink-0 cursor-col-resize",
+    "bg-bg-scrollbar-thumb/70 transition-colors duration-150",
+    "hover:bg-border-brand",
+    "after:absolute after:inset-y-0 after:-left-1 after:-right-1 after:content-['']",
+    "focus-visible:outline-none focus-visible:bg-border-brand"
+  ],
+  variants: {
+    active: { true: "bg-border-brand", false: "" }
+  },
+  defaultVariants: { active: false }
+});
+const ganttTimelinePane = avatar.tv({
+  base: "flex min-w-0 min-h-0 flex-1 flex-col"
+});
+const ganttHead = avatar.tv({
+  base: [
+    /**
+     * ⚠️ `z-[5]`, e o número não é folga — é a correção de um defeito.
+     *
+     * Era `z-[3]`, **o MESMO** do `ganttLinksLayer`. Empate de z-index no mesmo
+     * contexto de empilhamento é resolvido por ORDEM NO DOM, e o canvas vem
+     * depois do cabeçalho: ao rolar na vertical, as setas de vínculo passavam
+     * POR CIMA dos rótulos do eixo.
+     *
+     * 5 e não 4 porque a barra arrastada é `z-[4]` (`ganttBar` variante
+     * `dragging`) e o conector de vínculo é `z-[3]`: o cabeçalho tem que vencer
+     * TODO o conteúdo do canvas, não só as setas.
+     *
+     * ⛔ Não baixe o `ganttLinksLayer` em vez disto: ele precisa ficar acima das
+     * barras (`z-[1]` do rótulo) pra a seta não desaparecer atrás delas.
+     */
+    "sticky top-0 z-[5] shrink-0",
+    "border-b border-border-default bg-bg-table-head"
+  ]
+});
+const ganttHeadRow = avatar.tv({
+  base: "relative",
+  variants: {
+    level: {
+      /** Nível de cima: mês/ano. Divisória mais forte entre grupos. */
+      group: "border-b border-border-subtle",
+      /** Nível de baixo: a unidade da grade. */
+      unit: ""
+    }
+  },
+  defaultVariants: { level: "unit" }
+});
+const ganttHeadCell = avatar.tv({
+  base: [
+    // `absolute top-0` — a posição vem de `dateToX`, ver `ganttHeadRow`.
+    "absolute top-0 flex items-center justify-center overflow-hidden",
+    "border-r border-border-subtle last:border-r-0",
+    "px-pad-xs text-center"
+  ],
+  variants: {
+    level: {
+      group: "h-[42px] text-caption-md font-semibold text-fg-default first-letter:uppercase",
+      /**
+       * #10 — a unidade EMPILHA: abreviação do dia em cima, número embaixo e
+       * maior. Lado a lado (`S 21`), o par competia por largura com a
+       * divisória; empilhado, a data ganha peso e a abreviação vira legenda.
+       */
+      unit: "h-[42px] flex-col justify-center gap-0 font-normal text-fg-muted"
+    },
+    /** Fim de semana: coluna sombreada, e o rótulo desce um tom. */
+    weekend: { true: "bg-bg-subtle text-fg-subtle", false: "" },
+    today: { true: "bg-bg-brand-subtle font-semibold text-fg-brand", false: "" },
+    /** #2 — coluna selecionada por clique: cabeçalho no verde da marca. */
+    selected: { true: "bg-bg-brand-subtle", false: "" },
+    /**
+     * #1 — última unidade de um grupo (o último dia do mês, em `day`).
+     *
+     * Divisória mais grossa e mais clara, atravessando o cabeçalho inteiro e o
+     * conteúdo: é o que faz o mês ler como um BLOCO em vez de uma fileira
+     * contínua de dias. O limite vem de `axis.groups`, então acompanha a escala
+     * — vira mês em `day`/`week` e ano em `month`/`quarter`.
+     *
+     * ⚠️ `border-input` foi ESCOLHIDO por medição, não por nome. ΔL de cada
+     * candidato contra a superfície onde a linha vive:
+     *
+     *   token                  dark (bg 0.225)   light (bg 1.0)   × a linha comum
+     *   border-subtle (comum)      0.031             0.069            1.0×
+     *   border-default             0.040             0.092            1.3× / 1.3×
+     *   border-input               0.062             0.124            2.0× / 1.8×
+     *   chart-grid                 0.093             0.092            3.0× / 1.3×
+     *
+     * Três voltas até aqui, e cada uma ensinou algo:
+     *
+     * 1. `border-default` a 2px ficou **invisível** — 0.040 contra 0.031 é a MESMA
+     *    linha. Eu tinha medido que o valor do token mudou, não que a mudança se
+     *    vê; espessura não compra o que falta em contraste.
+     * 2. `chart-grid` a 3px resolveu o contraste e passou do ponto nos dois
+     *    eixos: 3px vira moldura, e 3× a linha comum vira estrutura competindo
+     *    com a barra.
+     * 3. `border-input` a 2px é o degrau do meio, e é o único candidato que fica
+     *    em ~2× nos DOIS modos — por isso não precisa de par `dark:`. Menos
+     *    classe e sem risco de os dois modos divergirem na próxima edição.
+     *
+     * ⛔ Não meça isto durante a transição: a coluna tem `transition-colors`, e
+     * ler no meio dela devolve o valor interpolado (serializado em `oklab`, que é
+     * a pista). Já me enganou uma vez nesta mesma linha.
+     *
+     * ⛔ Não troque por um token de marca: o verde já significa "hoje" e
+     * "selecionado" aqui, e a virada de mês não é nem uma nem outra.
+     */
+    boundary: { true: "border-r-[2px] border-r-border-input", false: "" }
+  },
+  defaultVariants: {
+    level: "unit",
+    weekend: false,
+    today: false,
+    selected: false,
+    boundary: false
+  }
+});
+const ganttHeadWeekday = avatar.tv({
+  base: "text-caption-xs leading-none text-fg-subtle",
+  variants: {
+    weekend: { true: "text-fg-subtle/70", false: "" }
+  },
+  defaultVariants: { weekend: false }
+});
+const ganttHeadDayNumber = avatar.tv({
+  base: "mt-[2px] text-body-sm leading-none tabular-nums",
+  variants: {
+    today: { true: "font-semibold text-fg-brand", false: "text-fg-default" }
+  },
+  defaultVariants: { today: false }
+});
+const ganttGridHead = avatar.tv({
+  base: [
+    "flex shrink-0 items-center",
+    "border-b border-border-default bg-bg-table-head"
+  ]
+});
+const ganttGridHeadCell = avatar.tv({
+  base: [
+    "flex shrink-0 items-center gap-gp-2xs overflow-hidden",
+    // #6: `px-pad-xl` (14px) e não `pad-lg` — o conteúdo encostava nas duas
+    // bordas da coluna, e a primeira célula ainda soma o recuo da hierarquia.
+    "px-pad-2xl text-caption-sm font-semibold text-fg-muted",
+    // Mesmo respiro da célula, senão o rótulo da coluna e o dado dela ficam com
+    // margens diferentes na borda do painel.
+    "last:pr-pad-4xl"
+  ],
+  variants: {
+    align: {
+      left: "justify-start text-left",
+      center: "justify-center text-center",
+      right: "justify-end text-right"
+    }
+  },
+  defaultVariants: { align: "left" }
+});
+const ganttGridRow = avatar.tv({
+  base: [
+    "group/row flex shrink-0 items-center",
+    "border-b border-border-subtle",
+    "transition-colors duration-150",
+    "hover:bg-bg-subtle"
+  ],
+  variants: {
+    type: {
+      task: "",
+      /** `summary` é agrupador: peso maior e fundo levemente destacado. */
+      summary: "bg-bg-subtle/60 font-semibold",
+      milestone: ""
+    },
+    /**
+     * #7 — linha selecionada, no verde da marca.
+     *
+     * Mesma leitura da linha selecionada do `DataTable`: a cor da marca diz "é
+     * esta que estou olhando". Vence o hover no `compoundVariant` abaixo —
+     * senão passar o mouse sobre a linha selecionada a apagava.
+     */
+    selected: { true: "", false: "" },
+    /**
+     * #3 — hover CRUZADO, controlado por estado e não por `:hover` do CSS.
+     *
+     * `:hover` só acende o elemento sob o cursor, e aqui a linha vive em DOIS
+     * painéis irmãos: passar o mouse no nome tem que acender a faixa da barra e
+     * vice-versa. Nenhum seletor CSS alcança um irmão de outro contêiner, então
+     * o índice da linha sob o cursor é estado do React.
+     *
+     * ⚠️ `bg-bg-muted` e não `bg-bg-subtle`: no dark, `subtle` é
+     * `oklch(1 0 0 / 0.01)` — 1% de branco, que é **invisível** na prática.
+     * Medi o hover e o antes/depois diferiam em 1 centésimo de alfa. `muted` é
+     * 3%, e ainda foi preciso somar a borda pra o realce se ler.
+     */
+    hovered: { true: "bg-bg-muted", false: "" }
+  },
+  compoundVariants: [
+    // Selecionada vence hover — passar o mouse não pode apagar a seleção.
+    { selected: true, class: "bg-bg-brand-subtle" },
+    { selected: true, hovered: true, class: "bg-bg-brand-subtle-hover" }
+  ],
+  defaultVariants: { type: "task", selected: false, hovered: false }
+});
+const ganttGridCell = avatar.tv({
+  base: [
+    /**
+     * `relative` é a origem dos conectores de árvore; `self-stretch` é o que os
+     * faz FUNCIONAR.
+     *
+     * ⚠️ Sem `self-stretch`, a célula encolhe pro conteúdo: medido, **32px numa
+     * linha de 48**, porque a linha é `flex items-center`. O conector vivia num
+     * `inset-y-0` de 32px, sobrava 8px em cima e 8 embaixo, e as verticais de
+     * linhas consecutivas NÃO SE TOCAVAM — a árvore virava uma fileira de
+     * tracinhos soltos em vez de um eixo contínuo.
+     *
+     * O `items-center` interno continua centrando o conteúdo; só a caixa cresce.
+     */
+    "relative self-stretch flex min-w-0 shrink-0 items-center gap-gp-sm overflow-hidden px-pad-2xl",
+    /**
+     * A ÚLTIMA célula respira 24px à direita, não 16.
+     *
+     * Medido: o conteúdo da última coluna terminava a ~16px do divisor de 3px, e
+     * as duas linhas verticais (a borda da célula e o divisor) somadas ao texto
+     * apertado ali faziam a coluna parecer cortada. 24px separa "fim do dado" de
+     * "fim do painel".
+     */
+    "last:pr-pad-4xl",
+    // ⚠️ Sem cor na base: quem decide é a variante `tone`. Com `text-fg-default`
+    // aqui, as duas classes empatavam e a ordem no CSS gerado decidia.
+    "text-body-sm"
+  ],
+  variants: {
+    align: {
+      left: "justify-start",
+      center: "justify-center",
+      right: "justify-end"
+    },
+    /** Coluna de número/data: `tabular-nums` pra alinhar dígito com dígito. */
+    numeric: { true: "tabular-nums", false: "" },
+    /**
+     * #6 — hierarquia dentro da linha.
+     *
+     * O nome da tarefa é a informação; data, duração e responsável são apoio.
+     * Com todos em `fg-default` e o mesmo peso, as quatro colunas disputavam a
+     * atenção e a grade lia como um bloco de texto. `muted` + `font-normal`
+     * recua o apoio sem escondê-lo.
+     */
+    tone: {
+      default: "text-fg-default",
+      muted: "font-normal text-fg-muted"
+    }
+  },
+  defaultVariants: { align: "left", numeric: false, tone: "default" }
+});
+const ganttGridGroupCell = avatar.tv({
+  base: [
+    // `self-stretch` pelo mesmo motivo da célula — ver a nota do `ganttGridCell`.
+    "relative self-stretch flex min-w-0 flex-1 items-center gap-gp-sm overflow-hidden",
+    // `pr-pad-4xl` porque é ele que carrega o `trailing` (o chip de status) — e
+    // era o chip que encostava no divisor.
+    "pl-pad-2xl pr-pad-4xl text-body-sm font-semibold text-fg-default"
+  ]
+});
+const ganttTreeRail = avatar.tv({
+  base: "pointer-events-none absolute inset-y-0 left-pad-2xl"
+});
+const ganttTreeColumn = avatar.tv({
+  base: "absolute inset-y-0 w-[16px]"
+});
+const ganttTreeSegment = avatar.tv({
+  base: "absolute bg-border-input"
+});
+const ganttGridLabel = avatar.tv({
+  base: "flex min-w-0 flex-col justify-center"
+});
+const ganttGridLabelText = avatar.tv({
+  base: "truncate text-body-sm text-fg-default"
+});
+const ganttGridSublabel = avatar.tv({
+  base: "truncate text-caption-sm font-normal text-fg-muted"
+});
+const ganttChevron = avatar.tv({
+  base: [
+    "grid size-icon-md shrink-0 place-items-center rounded-radius-sm",
+    "text-fg-subtle transition-transform duration-200",
+    "hover:text-fg-default",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    "[&_svg]:size-icon-sm"
+  ],
+  variants: {
+    open: { true: "rotate-0", false: "-rotate-90" },
+    /** Folha: reserva o espaço sem desenhar o chevron, pra o rótulo alinhar. */
+    hidden: { true: "invisible", false: "" }
+  },
+  defaultVariants: { open: true, hidden: false }
+});
+const ganttCanvasScroll = avatar.tv({
+  base: [
+    // `overflow-auto` nos dois eixos: é ele que rola o cabeçalho junto (#5).
+    "min-h-0 flex-1 overflow-auto",
+    // `scrollbar-thin` é a barra do DS — `@utility` do tema GERADO, existe nos
+    // 4 canais (não é do globals.css).
+    "scrollbar-thin"
+  ]
+});
+const ganttCanvas = avatar.tv({
+  base: "relative"
+});
+const ganttCanvasRow = avatar.tv({
+  base: [
+    "absolute inset-x-0 border-b border-border-subtle",
+    "transition-colors duration-150"
+  ],
+  variants: {
+    type: {
+      task: "",
+      summary: "bg-bg-subtle/60",
+      milestone: ""
+    },
+    hovered: { true: "bg-bg-muted", false: "" },
+    selected: { true: "", false: "" }
+  },
+  compoundVariants: [
+    { selected: true, class: "bg-bg-brand-subtle" },
+    { selected: true, hovered: true, class: "bg-bg-brand-subtle-hover" }
+  ],
+  defaultVariants: { type: "task", hovered: false, selected: false }
+});
+const ganttGridColumn = avatar.tv({
+  base: [
+    /**
+     * #1 — `border-border-subtle`, a MESMA cor das divisórias de linha.
+     *
+     * Era `border-chart-grid`, que é o token da grade de GRÁFICO e vem mais
+     * claro de propósito (num chart a grade é fundo, não estrutura). Aqui as
+     * duas famílias de linha formam uma malha: com tons diferentes, a vertical
+     * lia como sombra da horizontal.
+     */
+    "absolute inset-y-0 border-r border-border-subtle",
+    "transition-colors duration-150"
+  ],
+  variants: {
+    weekend: { true: "bg-bg-subtle/50", false: "" },
+    /** Coluna sob o cursor — a outra metade da mira. */
+    hovered: { true: "bg-bg-muted", false: "" },
+    /** #7 — coluna da linha selecionada, no verde da marca. */
+    selected: { true: "bg-bg-brand-subtle", false: "" },
+    /**
+     * #1 — virada de mês/ano: o par da divisória do cabeçalho, MESMAS classes.
+     * A tabela de ΔL que justifica a escolha do token está no `ganttHeadCell`.
+     */
+    boundary: { true: "border-r-[2px] border-r-border-input", false: "" }
+  },
+  defaultVariants: {
+    weekend: false,
+    hovered: false,
+    selected: false,
+    boundary: false
+  }
+});
+const ganttBar = avatar.tv({
+  slots: {
+    root: [
+      "group/bar absolute flex min-w-0 items-center gap-gp-2xs",
+      "overflow-hidden border text-left outline-none",
+      "rounded-radius-sm",
+      "transition-[background-color,border-color,box-shadow] duration-150",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    /** Acento sólido na borda esquerda — é AQUI que a cor viva mora. */
+    accent: "pointer-events-none absolute inset-y-0 left-0 w-[3px]",
+    /** Preenchimento de progresso, sobre o tingido. */
+    progress: "pointer-events-none absolute inset-y-0 left-0",
+    label: "relative z-[1] min-w-0 truncate pl-pad-md pr-pad-md text-caption-sm text-fg-default"
+  },
+  variants: {
+    /**
+     * ⚠️ A cor entra no fundo TINGIDO e no acento, nunca no texto — ver a nota
+     * do topo. As chaves de chart usam `/14`, que é a mesma proporção do
+     * `color-mix(… 14%, transparent)` com que o DS deriva os `-subtle`.
+     */
+    colorKey: {
+      "chart-1": {
+        root: "border-chart-1/40 bg-chart-1/14 hover:bg-chart-1/20",
+        accent: "bg-chart-1",
+        progress: "bg-chart-1/35"
+      },
+      "chart-2": {
+        root: "border-chart-2/40 bg-chart-2/14 hover:bg-chart-2/20",
+        accent: "bg-chart-2",
+        progress: "bg-chart-2/35"
+      },
+      "chart-3": {
+        root: "border-chart-3/40 bg-chart-3/14 hover:bg-chart-3/20",
+        accent: "bg-chart-3",
+        progress: "bg-chart-3/35"
+      },
+      "chart-4": {
+        root: "border-chart-4/40 bg-chart-4/14 hover:bg-chart-4/20",
+        accent: "bg-chart-4",
+        progress: "bg-chart-4/35"
+      },
+      "chart-5": {
+        root: "border-chart-5/40 bg-chart-5/14 hover:bg-chart-5/20",
+        accent: "bg-chart-5",
+        progress: "bg-chart-5/35"
+      },
+      brand: {
+        root: "border-border-brand-subtle bg-bg-brand-subtle hover:bg-bg-brand-subtle-hover",
+        accent: "bg-bg-brand",
+        progress: "bg-bg-brand/30"
+      },
+      success: {
+        root: "border-border-success-muted bg-bg-success-muted hover:bg-bg-success-muted-hover",
+        accent: "bg-bg-success",
+        progress: "bg-bg-success/30"
+      },
+      warning: {
+        root: "border-border-warning-muted bg-bg-warning-muted hover:bg-bg-warning-muted-hover",
+        accent: "bg-bg-warning",
+        progress: "bg-bg-warning/30"
+      },
+      danger: {
+        root: "border-border-danger-muted bg-bg-danger-muted hover:bg-bg-danger-muted-hover",
+        accent: "bg-bg-danger",
+        progress: "bg-bg-danger/30"
+      },
+      info: {
+        root: "border-border-info-muted bg-bg-info-muted hover:bg-bg-info-muted-hover",
+        accent: "bg-bg-info",
+        progress: "bg-bg-info/30"
+      },
+      neutral: {
+        root: "border-border-default bg-bg-muted hover:bg-bg-subtle",
+        accent: "bg-fg-subtle",
+        progress: "bg-fg-subtle/25"
+      }
+    },
+    /**
+     * `summary` é mais baixa e sem acento: ela agrega, não é trabalho. As
+     * referências desenham as pontas viradas pra baixo; aqui o sinal é a altura
+     * reduzida e o radius menor, que sobrevive em 4px de largura por dia.
+     */
+    type: {
+      task: { root: "" },
+      summary: { root: "rounded-radius-xs", accent: "hidden" },
+      milestone: { root: "!border-0 !bg-transparent", accent: "hidden", label: "hidden" }
+    },
+    /** Barra que atravessa a janela: perde o canto e a borda daquele lado. */
+    continuesBefore: { true: { root: "rounded-l-none border-l-0" }, false: {} },
+    continuesAfter: { true: { root: "rounded-r-none border-r-0" }, false: {} },
+    /** Vínculo violado — marcação não-cromática somada à cor. */
+    conflict: {
+      true: { root: "!border-border-danger-muted border-dashed" },
+      false: {}
+    },
+    /** No caminho crítico: anel externo, sem trocar a cor da categoria. */
+    critical: {
+      true: { root: "ring-2 ring-bg-danger/50 ring-offset-0" },
+      false: {}
+    },
+    dragging: {
+      // ⚠️ Sem `transition`: o transform do dnd-kit muda a cada movimento do
+      // ponteiro, e transição em cima disso faz a barra perseguir o cursor com
+      // atraso. A transição vive no estado em repouso.
+      true: { root: "z-[4] cursor-grabbing opacity-90 shadow-sh-lg transition-none" },
+      false: {}
+    },
+    movable: { true: { root: "cursor-grab" }, false: { root: "cursor-pointer" } }
+  },
+  defaultVariants: {
+    colorKey: "chart-1",
+    type: "task",
+    continuesBefore: false,
+    continuesAfter: false,
+    conflict: false,
+    critical: false,
+    dragging: false,
+    movable: false
+  }
+});
+const ganttMilestone = avatar.tv({
+  base: [
+    "absolute grid place-items-center outline-none",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    "[&>span]:block [&>span]:size-[12px] [&>span]:rotate-45 [&>span]:rounded-[2px]"
+  ],
+  variants: {
+    colorKey: {
+      "chart-1": "[&>span]:bg-chart-1",
+      "chart-2": "[&>span]:bg-chart-2",
+      "chart-3": "[&>span]:bg-chart-3",
+      "chart-4": "[&>span]:bg-chart-4",
+      "chart-5": "[&>span]:bg-chart-5",
+      brand: "[&>span]:bg-bg-brand",
+      success: "[&>span]:bg-bg-success",
+      warning: "[&>span]:bg-bg-warning",
+      danger: "[&>span]:bg-bg-danger",
+      info: "[&>span]:bg-bg-info",
+      neutral: "[&>span]:bg-fg-subtle"
+    }
+  },
+  defaultVariants: { colorKey: "brand" }
+});
+const ganttResizeHandle = avatar.tv({
+  base: [
+    "absolute inset-y-0 z-[2] w-[8px] cursor-col-resize",
+    "opacity-0 transition-opacity duration-150",
+    "group-hover/bar:opacity-100 focus-visible:opacity-100",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    "before:absolute before:inset-y-[6px] before:left-1/2 before:w-[2px]",
+    "before:-translate-x-1/2 before:rounded-radius-full before:bg-fg-default/40",
+    "before:content-['']"
+  ],
+  variants: {
+    side: { start: "left-0", end: "right-0" }
+  }
+});
+const ganttLinkPort = avatar.tv({
+  base: [
+    "absolute top-1/2 z-[3] size-[9px] -translate-y-1/2 cursor-crosshair",
+    "rounded-radius-full border-2 border-bg-surface bg-fg-subtle",
+    "opacity-0 transition-opacity duration-150",
+    "group-hover/bar:opacity-100 focus-visible:opacity-100",
+    "hover:bg-bg-brand focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+  ],
+  variants: {
+    side: { start: "-left-[13px]", end: "-right-[13px]" }
+  }
+});
+const ganttLinksLayer = avatar.tv({
+  base: "pointer-events-none absolute inset-0 z-[3] overflow-visible"
+});
+const ganttLinkGhost = avatar.tv({
+  base: [
+    "pointer-events-none fill-none",
+    "stroke-bg-brand stroke-2 [stroke-dasharray:5_4]"
+  ]
+});
+const ganttLinkPath = avatar.tv({
+  base: [
+    "pointer-events-auto fill-none cursor-pointer",
+    "transition-[stroke,stroke-width] duration-150"
+  ],
+  variants: {
+    state: {
+      default: "stroke-fg-subtle stroke-[1.5] hover:stroke-fg-default hover:stroke-2",
+      /** Violado: tracejado + cor de perigo. Duplo canal, não só cor. */
+      conflict: "stroke-bg-danger stroke-2 [stroke-dasharray:4_3]",
+      critical: "stroke-bg-danger stroke-2"
+    }
+  },
+  defaultVariants: { state: "default" }
+});
+avatar.tv({
+  base: "fill-[context-stroke]"
+});
+const ganttNowLine = avatar.tv({
+  base: "pointer-events-none absolute inset-y-0 z-[2] w-0"
+});
+const ganttNowStroke = avatar.tv({
+  base: "absolute inset-y-0 left-0 w-px -translate-x-1/2 bg-bg-danger"
+});
+const ganttNowDot = avatar.tv({
+  base: [
+    "absolute left-0 top-0 size-[7px] -translate-x-1/2",
+    "rounded-radius-full bg-bg-danger"
+  ]
+});
+const ganttMonthFrame = avatar.tv({
+  base: [
+    "flex min-h-0 flex-1 flex-col overflow-hidden",
+    "rounded-radius-xl border border-border-default bg-bg-surface"
+  ]
+});
+const ganttWeekdayRow = avatar.tv({
+  base: "grid shrink-0 grid-cols-7 border-b border-border-default bg-bg-table-head"
+});
+const ganttWeekdayCell = avatar.tv({
+  base: [
+    "px-pad-md py-pad-md text-center",
+    "text-caption-sm font-semibold uppercase text-fg-muted"
+  ]
+});
+const ganttMonthGrid = avatar.tv({
+  base: [
+    "flex min-h-0 flex-1 flex-col",
+    "overflow-y-auto scrollbar-thin"
+  ]
+});
+const ganttWeekRow = avatar.tv({
+  base: "relative flex min-h-[88px] shrink-0 flex-1 flex-col"
+});
+const ganttWeekDays = avatar.tv({
+  base: "grid min-h-0 flex-1 grid-cols-7"
+});
+const ganttWeekSegments = avatar.tv({
+  base: "pointer-events-none absolute inset-x-0"
+});
+const ganttDaySegment = avatar.tv({
+  slots: {
+    root: [
+      "pointer-events-auto absolute flex min-w-0 items-center gap-gp-2xs",
+      "h-[18px] rounded-radius-sm border px-pad-sm",
+      "text-left outline-none transition-colors duration-150",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    dot: "size-[7px] shrink-0 rounded-radius-full",
+    label: "min-w-0 flex-1 truncate text-caption-sm text-fg-default"
+  },
+  variants: {
+    colorKey: {
+      "chart-1": { root: "border-chart-1/40 bg-chart-1/14 hover:bg-chart-1/24", dot: "bg-chart-1" },
+      "chart-2": { root: "border-chart-2/40 bg-chart-2/14 hover:bg-chart-2/24", dot: "bg-chart-2" },
+      "chart-3": { root: "border-chart-3/40 bg-chart-3/14 hover:bg-chart-3/24", dot: "bg-chart-3" },
+      "chart-4": { root: "border-chart-4/40 bg-chart-4/14 hover:bg-chart-4/24", dot: "bg-chart-4" },
+      "chart-5": { root: "border-chart-5/40 bg-chart-5/14 hover:bg-chart-5/24", dot: "bg-chart-5" },
+      brand: { root: "border-border-brand-subtle bg-bg-brand-subtle hover:bg-bg-brand-subtle-hover", dot: "bg-bg-brand" },
+      success: { root: "border-border-success-muted bg-bg-success-muted", dot: "bg-bg-success" },
+      warning: { root: "border-border-warning-muted bg-bg-warning-muted", dot: "bg-bg-warning" },
+      danger: { root: "border-border-danger-muted bg-bg-danger-muted", dot: "bg-bg-danger" },
+      info: { root: "border-border-info-muted bg-bg-info-muted", dot: "bg-bg-info" },
+      neutral: { root: "border-border-default bg-bg-muted", dot: "bg-fg-subtle" }
+    },
+    continuesBefore: { true: { root: "rounded-l-none border-l-0" }, false: {} },
+    continuesAfter: { true: { root: "rounded-r-none border-r-0" }, false: {} },
+    conflict: { true: { root: "border-dashed !border-border-danger-muted" }, false: {} },
+    critical: { true: { root: "ring-2 ring-bg-danger/50" }, false: {} }
+  },
+  defaultVariants: {
+    colorKey: "chart-1",
+    continuesBefore: false,
+    continuesAfter: false,
+    conflict: false,
+    critical: false
+  }
+});
+const ganttDayAdd = avatar.tv({
+  base: [
+    "absolute bottom-pad-sm right-pad-sm z-[2]",
+    "grid size-icon-lg place-items-center rounded-radius-md",
+    "border border-border-subtle bg-bg-surface text-fg-muted",
+    "opacity-0 transition-opacity duration-150",
+    "group-hover/cell:opacity-100 focus-visible:opacity-100",
+    "hover:border-border-brand hover:text-fg-brand",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand",
+    "[&_svg]:size-icon-sm"
+  ]
+});
+const ganttMonthCell = avatar.tv({
+  base: [
+    // `group/cell` é o gatilho do hover do `ganttDayAdd`. Nome com barra pra
+    // não colidir com o `group/row` da grade esquerda.
+    "group/cell relative flex min-h-0 min-w-0 flex-col overflow-hidden",
+    "border-b border-r border-border-subtle p-pad-sm",
+    "[&:nth-child(7n)]:border-r-0",
+    "transition-colors duration-150"
+  ],
+  variants: {
+    /** Dia de fora do mês âncora: presente, mas recuado. */
+    /**
+     * ## O mês é UNIFORME. O que se destaca é o que não é dele.
+     *
+     * Todo dia do mês âncora tem o mesmo fundo — útil ou fim de semana, tanto
+     * faz. Só as células de OUTRO mês recebem `bg-canvas`, e a grade passa a
+     * responder uma pergunta só: onde este mês começa e onde acaba.
+     *
+     * ⛔ **Não existe variante de fim de semana aqui, e isso é decisão.**
+     * Sombrear sábado e domingo divide o mês em blocos verticais e compete com
+     * a única distinção que a grade precisa fazer. Num calendário de agenda o
+     * fim de semana importa (não se marca reunião); num CRONOGRAMA a barra
+     * atravessa o fim de semana de qualquer jeito, e listrar as colunas só
+     * atrapalha a leitura do segmento contínuo que passa por cima.
+     *
+     * ## Por que `bg-canvas` e não escurecer com `/NN`
+     *
+     * O dia de outro mês não é uma SOBREPOSIÇÃO sobre a grade: é o buraco por
+     * onde se vê o fundo da página. O token que significa isso é `bg-canvas`
+     * (0.205), e contra a superfície da grade (`bg-surface`, 0.225) ele dá
+     * ΔL 0.020.
+     *
+     * ⚠️ 0.020 é pouco pra uma LINHA e suficiente pra uma ÁREA — contraste de
+     * área grande é muito mais perceptível que de traço fino. É por isso que
+     * aqui 0.020 lê enquanto na virada de mês do eixo 0.040 não lia.
+     *
+     * ## O histórico, porque ele explica as duas variantes que sumiram
+     *
+     *   outside  `bg-bg-subtle/40`  → branco 1% × 40% = 0.004 de alfa
+     *   weekend  `bg-bg-subtle/30`  → branco 1% × 30% = 0.003 de alfa
+     *
+     * As duas abaixo do limiar de percepção: existiam no CSS e não pintavam
+     * nada — 20 das 42 células com estilo que ninguém via. Ao consertar, eu
+     * tornei o fim de semana visível TAMBÉM, e aí ele virou o defeito oposto:
+     * as colunas de sábado e domingo escuras de ponta a ponta, com o mês
+     * parecendo quatro blocos. O conserto certo era **remover**, não calibrar.
+     *
+     * ⛔ E o `text-fg-subtle` que morava na variante `outside` era CÓDIGO MORTO:
+     * medido, o `ganttDayNumber` põe a própria cor no `<span>` e vence a
+     * herança. Quem dim o número do dia de fora é a variante `outside` DELE.
+     */
+    outside: { true: "bg-bg-canvas", false: "" },
+    today: { true: "bg-bg-brand-subtle", false: "" }
+  },
+  compoundVariants: [
+    /**
+     * `today` vence `outside`.
+     *
+     * Se hoje cai num dia de outro mês visível na grade, marcar HOJE é mais
+     * importante que marcar não-é-deste-mês: é a única célula que o usuário
+     * procura sem saber a data.
+     */
+    { outside: true, today: true, class: "bg-bg-brand-subtle" }
+  ],
+  defaultVariants: { outside: false, today: false }
+});
+const ganttDayNumber = avatar.tv({
+  base: "text-caption-sm tabular-nums text-fg-muted",
+  variants: {
+    outside: { true: "text-fg-disabled", false: "" },
+    today: {
+      true: [
+        "grid size-icon-lg place-items-center rounded-radius-full",
+        "bg-bg-brand font-semibold text-fg-on-brand"
+      ],
+      false: ""
+    }
+  },
+  compoundVariants: [
+    // `today` vence `outside`: hoje num dia de outro mês ainda é hoje.
+    { outside: true, today: true, class: "font-semibold text-fg-on-brand" }
+  ],
+  defaultVariants: { today: false, outside: false }
+});
+avatar.tv({
+  slots: {
+    root: [
+      "flex w-full min-w-0 items-center gap-gp-2xs",
+      "min-h-comp-2xs rounded-radius-sm border px-pad-sm",
+      "text-left outline-none transition-colors duration-150",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    dot: "size-[7px] shrink-0 rounded-radius-full",
+    label: "min-w-0 flex-1 truncate text-caption-sm text-fg-default"
+  },
+  variants: {
+    colorKey: {
+      "chart-1": { root: "border-chart-1/40 bg-chart-1/14", dot: "bg-chart-1" },
+      "chart-2": { root: "border-chart-2/40 bg-chart-2/14", dot: "bg-chart-2" },
+      "chart-3": { root: "border-chart-3/40 bg-chart-3/14", dot: "bg-chart-3" },
+      "chart-4": { root: "border-chart-4/40 bg-chart-4/14", dot: "bg-chart-4" },
+      "chart-5": { root: "border-chart-5/40 bg-chart-5/14", dot: "bg-chart-5" },
+      brand: { root: "border-border-brand-subtle bg-bg-brand-subtle", dot: "bg-bg-brand" },
+      success: { root: "border-border-success-muted bg-bg-success-muted", dot: "bg-bg-success" },
+      warning: { root: "border-border-warning-muted bg-bg-warning-muted", dot: "bg-bg-warning" },
+      danger: { root: "border-border-danger-muted bg-bg-danger-muted", dot: "bg-bg-danger" },
+      info: { root: "border-border-info-muted bg-bg-info-muted", dot: "bg-bg-info" },
+      neutral: { root: "border-border-default bg-bg-muted", dot: "bg-fg-subtle" }
+    }
+  },
+  defaultVariants: { colorKey: "chart-1" }
+});
+const ganttOverflowButton = avatar.tv({
+  base: [
+    "absolute inset-x-pad-sm z-[2] truncate rounded-radius-sm px-pad-2xs text-left",
+    "text-caption-sm font-medium text-fg-muted",
+    "transition-colors duration-150",
+    "hover:bg-bg-muted hover:text-fg-default",
+    "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+  ]
+});
+const ganttListFrame = avatar.tv({
+  base: [
+    "flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain scrollbar-thin",
+    "rounded-radius-xl border border-border-default bg-bg-surface"
+  ]
+});
+const ganttListDay = avatar.tv({
+  base: "flex flex-col gap-gp-md border-b border-border-subtle p-sp-xl last:border-b-0"
+});
+const ganttListDayHead = avatar.tv({
+  base: [
+    "sticky top-0 z-[1] -mx-sp-xl -mt-sp-xl px-sp-xl pb-pad-md pt-sp-xl",
+    "flex items-baseline gap-gp-md bg-bg-surface"
+  ]
+});
+const ganttListDayNumber = avatar.tv({
+  base: "text-title-sm font-semibold tabular-nums",
+  variants: {
+    today: { true: "text-fg-brand", false: "text-fg-default" }
+  },
+  defaultVariants: { today: false }
+});
+const ganttListDayName = avatar.tv({
+  base: "text-body-sm text-fg-muted first-letter:uppercase"
+});
+const ganttListItems = avatar.tv({
+  base: "flex flex-col gap-gp-sm"
+});
+const ganttListItem = avatar.tv({
+  slots: {
+    root: [
+      "group/item flex min-h-form-lg w-full min-w-0 cursor-pointer items-center gap-gp-md",
+      "rounded-radius-lg border px-pad-xl py-pad-md text-left outline-none",
+      "transition-[background-color,border-color] duration-150",
+      "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring-brand"
+    ],
+    dot: "size-[9px] shrink-0 rounded-radius-full",
+    body: "flex min-w-0 flex-1 flex-col",
+    title: "truncate text-body-sm font-medium text-fg-default",
+    sub: "truncate text-caption-sm text-fg-muted",
+    meta: "shrink-0 text-caption-sm tabular-nums text-fg-muted"
+  },
+  variants: {
+    colorKey: {
+      "chart-1": { root: "border-chart-1/40 bg-chart-1/14 hover:bg-chart-1/24", dot: "bg-chart-1" },
+      "chart-2": { root: "border-chart-2/40 bg-chart-2/14 hover:bg-chart-2/24", dot: "bg-chart-2" },
+      "chart-3": { root: "border-chart-3/40 bg-chart-3/14 hover:bg-chart-3/24", dot: "bg-chart-3" },
+      "chart-4": { root: "border-chart-4/40 bg-chart-4/14 hover:bg-chart-4/24", dot: "bg-chart-4" },
+      "chart-5": { root: "border-chart-5/40 bg-chart-5/14 hover:bg-chart-5/24", dot: "bg-chart-5" },
+      brand: { root: "border-border-brand-subtle bg-bg-brand-subtle hover:bg-bg-brand-subtle-hover", dot: "bg-bg-brand" },
+      success: { root: "border-border-success-muted bg-bg-success-muted", dot: "bg-bg-success" },
+      warning: { root: "border-border-warning-muted bg-bg-warning-muted", dot: "bg-bg-warning" },
+      danger: { root: "border-border-danger-muted bg-bg-danger-muted", dot: "bg-bg-danger" },
+      info: { root: "border-border-info-muted bg-bg-info-muted", dot: "bg-bg-info" },
+      neutral: { root: "border-border-default bg-bg-muted", dot: "bg-fg-subtle" }
+    },
+    conflict: { true: { root: "border-dashed !border-border-danger-muted" }, false: {} },
+    critical: { true: { root: "ring-2 ring-bg-danger/50" }, false: {} }
+  },
+  defaultVariants: { colorKey: "chart-1", conflict: false, critical: false }
+});
+const ganttEmpty = avatar.tv({
+  base: [
+    "flex min-h-[200px] flex-1 flex-col items-center justify-center gap-gp-md",
+    "px-pad-3xl py-pad-3xl text-center"
+  ]
+});
+const ganttEmptyText = avatar.tv({
+  base: "text-body-sm text-fg-muted"
+});
+avatar.tv({
+  base: [
+    "flex flex-col items-center justify-center gap-gp-md",
+    "rounded-radius-xl border border-border-default bg-bg-subtle",
+    "px-pad-3xl py-pad-3xl text-center"
+  ]
+});
+function normalizarTexto(s) {
+  return s.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase().trim();
+}
+function comoLista(v) {
+  if (v === void 0 || v === null) return [];
+  if (Array.isArray(v)) return v.map((x) => String(x));
+  if (v instanceof Date) return [v.toISOString()];
+  return [String(v)];
+}
+function comoNumero(v) {
+  if (typeof v === "number") return Number.isFinite(v) ? v : null;
+  if (typeof v === "string" && v.trim() !== "") {
+    const n = Number(v.replace(",", "."));
+    return Number.isFinite(n) ? n : null;
+  }
+  return null;
+}
+const SO_DIA = /^(\d{4})-(\d{2})-(\d{2})$/;
+function parseDiaISO(s) {
+  const m = SO_DIA.exec(s.trim());
+  if (m) {
+    const d2 = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+    return Number.isNaN(d2.getTime()) ? null : d2;
+  }
+  const d = new Date(s);
+  return Number.isNaN(d.getTime()) ? null : dateFns.startOfDay(d);
+}
+function comoData(v) {
+  if (v instanceof Date) return Number.isNaN(v.getTime()) ? null : dateFns.startOfDay(v);
+  if (typeof v === "string" && v.trim() !== "") return parseDiaISO(v);
+  return null;
+}
+function operadorDoCampo(kind, values) {
+  const [a = "", b = ""] = values;
+  const temA = a.trim() !== "";
+  const temB = b.trim() !== "";
+  switch (kind) {
+    case "text":
+      return "contém";
+    case "number":
+      if (temA && temB) return "entre";
+      if (temA) return "≥";
+      return "≤";
+    case "date":
+      if (temA && temB) return "entre";
+      if (temA) return "a partir de";
+      return "até";
+    case "multi":
+    case "single":
+    case "boolean":
+    default:
+      return "é";
+  }
+}
+function campoVazio(kind, values) {
+  if (!values || values.length === 0) return true;
+  if (kind === "number" || kind === "date" || kind === "text") {
+    return values.every((v) => v.trim() === "");
+  }
+  return false;
+}
+function linhaPassaNoCampo(campo, values, row) {
+  const kind = campo.kind ?? "multi";
+  if (campoVazio(kind, values)) return true;
+  const vs = values ?? [];
+  const bruto = campo.accessor(row);
+  switch (kind) {
+    case "multi":
+    case "single": {
+      const lista = comoLista(bruto);
+      if (lista.length === 0) return false;
+      return lista.some((x) => vs.includes(x));
+    }
+    case "boolean": {
+      const lista = comoLista(bruto);
+      if (lista.length === 0) return false;
+      const normal = lista.map((x) => {
+        const n = normalizarTexto(x);
+        if (n === "1" || n === "sim" || n === "true" || n === "yes") return "true";
+        if (n === "0" || n === "nao" || n === "false" || n === "no") return "false";
+        return n;
+      });
+      return normal.some((x) => vs.includes(x));
+    }
+    case "text": {
+      const termo = normalizarTexto(vs[0] ?? "");
+      if (termo === "") return true;
+      const lista = comoLista(bruto);
+      if (lista.length === 0) return false;
+      return lista.some((x) => normalizarTexto(x).includes(termo));
+    }
+    case "number": {
+      const n = comoNumero(bruto);
+      if (n === null) return false;
+      const min = comoNumero(vs[0]);
+      const max = comoNumero(vs[1]);
+      if (min !== null && n < min) return false;
+      if (max !== null && n > max) return false;
+      return true;
+    }
+    case "date": {
+      const d = comoData(bruto);
+      if (d === null) return false;
+      const de = comoData(vs[0]);
+      const ate = comoData(vs[1]);
+      if (de !== null && dateFns.differenceInCalendarDays(d, de) < 0) return false;
+      if (ate !== null && dateFns.differenceInCalendarDays(d, ate) > 0) return false;
+      return true;
+    }
+    default:
+      return true;
+  }
+}
+function aplicarFiltros(rows, fields, model) {
+  if (!fields || fields.length === 0) return [...rows];
+  let saida = [...rows];
+  for (const campo of fields) {
+    const values = model[campo.id];
+    if (campoVazio(campo.kind ?? "multi", values)) continue;
+    saida = saida.filter((r) => linhaPassaNoCampo(campo, values, r));
+  }
+  return saida;
+}
+function contarAplicados(fields, model) {
+  if (!fields) return 0;
+  return fields.filter(
+    (c) => !campoVazio(c.kind ?? "multi", model[c.id])
+  ).length;
+}
+function valoresDoChip(campo, values, formatarData) {
+  const kind = campo.kind ?? "multi";
+  const vs = values ?? [];
+  const dia = (iso) => formatarData ? formatarData(iso) : iso;
+  switch (kind) {
+    case "multi":
+    case "single":
+      return (campo.options ?? []).filter((o) => vs.includes(o.value)).map((o) => o.label);
+    case "boolean": {
+      const achou = (campo.options ?? []).find((o) => vs.includes(o.value));
+      return [achou?.label ?? (vs[0] === "true" ? "Sim" : "Não")];
+    }
+    case "text":
+      return vs[0] ? [vs[0]] : [];
+    case "number": {
+      const [a = "", b = ""] = vs;
+      if (a.trim() && b.trim()) return [`${a} e ${b}`];
+      return [a.trim() || b.trim()];
+    }
+    case "date": {
+      const [a = "", b = ""] = vs;
+      if (a.trim() && b.trim()) return [`${dia(a)} e ${dia(b)}`];
+      return [a.trim() ? dia(a) : dia(b)];
+    }
+    default:
+      return [];
+  }
+}
+const MAX_VALORES_VISIVEIS = 3;
+function GanttAppliedFilters({
+  fields,
+  model,
+  counts,
+  onToggleValue,
+  onClearField,
+  onClearAll,
+  formatDate
+}) {
+  const [aberto, setAberto] = React.useState(null);
+  const aplicados = fields.filter(
+    (campo) => !campoVazio(campo.kind ?? "multi", model[campo.id])
+  );
+  if (aplicados.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttAppliedRow(), children: [
+    aplicados.map((campo) => {
+      const kind = campo.kind ?? "multi";
+      const marcados = model[campo.id] ?? [];
+      const operador = operadorDoCampo(kind, marcados);
+      const rotulos = valoresDoChip(campo, marcados, formatDate);
+      const colapsa = rotulos.length > MAX_VALORES_VISIVEIS;
+      const editavel = kind === "multi" || kind === "single" || kind === "boolean";
+      const conteudoDoChip = /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          role: editavel ? "button" : void 0,
+          tabIndex: editavel ? 0 : void 0,
+          "aria-label": editavel ? `Editar filtro ${campo.label}` : void 0,
+          className: ganttAppliedChip({ interactive: editavel }),
+          onKeyDown: (e) => {
+            if (editavel && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              setAberto((a) => a === campo.id ? null : campo.id);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Remover filtro ${campo.label}`,
+                className: ganttAppliedChipRemove(),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onClearField(campo.id);
+                },
+                onKeyDown: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { strokeWidth: 2, "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttAppliedChipName(), children: campo.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttAppliedChipOp(), children: operador }),
+            colapsa ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttAppliedChipValue(), children: `${rotulos.length} selecionados` }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-gp-2xs", children: rotulos.map((r) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttAppliedChipValue(), children: r }, r)) })
+          ]
+        }
+      );
+      if (!editavel) {
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { children: conteudoDoChip }, campo.id);
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        avatar.Popover,
+        {
+          open: aberto === campo.id,
+          onOpenChange: (v) => setAberto(v ? campo.id : null),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: conteudoDoChip }),
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverContent, { align: "start", className: "w-[260px] p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-h-[320px] flex-col overflow-y-auto py-pad-sm", children: (campo.options ?? []).map((opcao) => {
+              const id = `gantt-chip-${campo.id}-${opcao.value}`;
+              const n = counts[campo.id]?.[opcao.value] ?? 0;
+              return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: ganttFilterOption(), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  sheet.Checkbox,
+                  {
+                    id,
+                    checked: marcados.includes(opcao.value),
+                    onCheckedChange: () => onToggleValue(campo.id, opcao.value),
+                    className: ganttFilterOptionBox({
+                      colorKey: opcao.colorKey ?? "neutral"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionLabel(), children: opcao.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionCount(), children: n })
+              ] }, opcao.value);
+            }) }) })
+          ]
+        },
+        campo.id
+      );
+    }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onClearAll, className: ganttClearLink(), children: "Limpar todos" })
+  ] });
+}
+const VIEW_ITEMS = [
+  { value: "timeline", label: "Cronograma", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChartNoAxesGantt, {}) },
+  { value: "calendar", label: "Calendário", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, {}) },
+  { value: "list", label: "Lista", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, {}) }
+];
+const ZOOM_ITEMS = [
+  { value: "day", label: "Dia" },
+  { value: "week", label: "Semana" },
+  { value: "month", label: "Mês" },
+  { value: "quarter", label: "Trimestre" }
+];
+function GanttToolbar({
+  title: title2,
+  onPrev,
+  onNext,
+  onToday,
+  view,
+  views,
+  onViewChange,
+  granularity,
+  onGranularityChange,
+  searchable,
+  search,
+  onSearchChange,
+  filterFields,
+  onOpenFilterPanel,
+  appliedCount,
+  filterModel,
+  onClearField,
+  onClearAll,
+  onToggleFilterValue,
+  filterCounts,
+  formatFilterDate,
+  hasLinks,
+  showCriticalToggle,
+  criticalPath,
+  onToggleCriticalPath,
+  toolbarActions,
+  primaryAction
+}) {
+  const zoomAtivo = ZOOM_ITEMS.find((z) => z.value === granularity) ?? ZOOM_ITEMS[0];
+  const itensDeVisao = VIEW_ITEMS.filter((v) => views.includes(v.value));
+  const mostraSeletorDeVisao = itensDeVisao.length > 1;
+  const temFiltros = (filterFields?.length ?? 0) > 0;
+  const filtroEngajado = appliedCount > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttToolbar(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttToolbarSide({ slot: "leading" }), children: [
+        mostraSeletorDeVisao ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "radiogroup",
+              "aria-label": "Visualização",
+              className: ganttViewSwitch(),
+              children: itensDeVisao.map((v) => {
+                const ativa = v.value === view;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    role: "radio",
+                    "aria-checked": ativa,
+                    "aria-label": v.label,
+                    title: v.label,
+                    onClick: () => onViewChange(v.value),
+                    className: ganttViewSwitchButton({ isActive: ativa }),
+                    children: v.icon
+                  },
+                  v.value
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttToolbarDivider(), "aria-hidden": true })
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Navegação de período",
+            className: ganttNavGroup(),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                avatar.Button,
+                {
+                  variant: "soft",
+                  color: "secondary",
+                  size: "icon-md",
+                  onClick: onPrev,
+                  "aria-label": "Período anterior",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(avatar.Button, { variant: "soft", color: "secondary", size: "md", onClick: onToday, children: "Hoje" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                avatar.Button,
+                {
+                  variant: "soft",
+                  color: "secondary",
+                  size: "icon-md",
+                  onClick: onNext,
+                  "aria-label": "Próximo período",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ganttTitle(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarDays, { "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttTitleText(), children: title2 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GanttMobileMenu,
+          {
+            view,
+            views,
+            onViewChange,
+            granularity,
+            onGranularityChange,
+            onPrev,
+            onToday,
+            onNext,
+            hasLinks,
+            showCriticalToggle,
+            criticalPath,
+            onToggleCriticalPath
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttToolbarSide({ slot: "trailing" }), children: [
+        searchable ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: ganttSearch(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { "aria-hidden": true }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "search",
+              value: search,
+              onChange: (e) => onSearchChange(e.target.value),
+              placeholder: "Buscar tarefa…",
+              "aria-label": "Buscar tarefa",
+              className: ganttSearchInput()
+            }
+          )
+        ] }) : null,
+        toolbarActions,
+        hasLinks && showCriticalToggle ? /* @__PURE__ */ jsxRuntime.jsx(
+          avatar.Button,
+          {
+            variant: criticalPath ? "soft" : "outline",
+            color: criticalPath ? "primary" : "secondary",
+            size: "md",
+            iconLeft: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, {}),
+            onClick: onToggleCriticalPath,
+            "aria-pressed": criticalPath,
+            "aria-label": "Caminho crítico",
+            className: avatar.cn(
+              // `max-md:hidden` — em <md ele vira item do menu de opções.
+              "shrink-0 max-md:hidden max-lg:size-form-lg max-lg:p-0",
+              criticalPath && "border-border-brand hover:border-border-brand"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden lg:inline", children: "Crítico" })
+          }
+        ) : null,
+        view === "timeline" ? /* @__PURE__ */ jsxRuntime.jsxs(avatar.DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            avatar.Button,
+            {
+              variant: "outline",
+              color: "secondary",
+              size: "md",
+              iconLeft: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns3, {}),
+              iconRight: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, {}),
+              "aria-label": `Escala: ${zoomAtivo.label}`,
+              className: "shrink-0 max-md:hidden",
+              children: zoomAtivo.label
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuContent, { align: "end", className: "min-w-[168px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            avatar.DropdownMenuRadioGroup,
+            {
+              value: granularity,
+              onValueChange: (v) => onGranularityChange(v),
+              children: ZOOM_ITEMS.map((z) => /* @__PURE__ */ jsxRuntime.jsx(avatar.DropdownMenuRadioItem, { value: z.value, children: z.label }, z.value))
+            }
+          ) })
+        ] }) : null,
+        temFiltros ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            avatar.Button,
+            {
+              variant: filtroEngajado ? "soft" : "outline",
+              color: filtroEngajado ? "primary" : "secondary",
+              size: "icon-md",
+              onClick: onOpenFilterPanel,
+              "aria-label": "Filtro",
+              title: "Filtro",
+              className: avatar.cn(
+                filtroEngajado && "border-border-brand hover:border-border-brand"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, {})
+            }
+          ),
+          appliedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterDot(), "aria-hidden": true }) : null
+        ] }) : null,
+        primaryAction
+      ] })
+    ] }),
+    temFiltros ? /* @__PURE__ */ jsxRuntime.jsx(
+      GanttAppliedFilters,
+      {
+        fields: filterFields ?? [],
+        model: filterModel,
+        counts: filterCounts,
+        onToggleValue: onToggleFilterValue,
+        onClearField,
+        onClearAll,
+        formatDate: formatFilterDate
+      }
+    ) : null
+  ] });
+}
+function GanttMobileMenu({
+  view,
+  views,
+  onViewChange,
+  granularity,
+  onGranularityChange,
+  onPrev,
+  onToday,
+  onNext,
+  hasLinks,
+  showCriticalToggle,
+  criticalPath,
+  onToggleCriticalPath
+}) {
+  const estilos = ganttMobileMenu();
+  const mostraCritico = hasLinks && showCriticalToggle;
+  const itensDeVisao = VIEW_ITEMS.filter((v) => views.includes(v.value));
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      avatar.Button,
+      {
+        variant: "outline",
+        color: "secondary",
+        size: "icon-md",
+        "aria-label": "Opções do cronograma",
+        title: "Opções do cronograma",
+        className: estilos.trigger(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(avatar.PopoverContent, { align: "end", className: estilos.content(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.label(), children: "Período" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.field(), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttMenuGroupFluid(), children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          role: "group",
+          "aria-label": "Navegação de período",
+          className: avatar.cn(ganttNavGroup(), "!flex w-full"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
+              {
+                variant: "soft",
+                color: "secondary",
+                size: "icon-md",
+                onClick: onPrev,
+                "aria-label": "Período anterior",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
+              {
+                variant: "soft",
+                color: "secondary",
+                size: "md",
+                onClick: onToday,
+                className: "flex-1",
+                children: "Hoje"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              avatar.Button,
+              {
+                variant: "soft",
+                color: "secondary",
+                size: "icon-md",
+                onClick: onNext,
+                "aria-label": "Próximo período",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+              }
+            )
+          ]
+        }
+      ) }) }),
+      itensDeVisao.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.separator() }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.label(), children: "Visualização" }),
+        itensDeVisao.map((v) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": v.value === view,
+            onClick: () => onViewChange(v.value),
+            className: estilos.item({ active: v.value === view }),
+            children: [
+              v.icon,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: v.label }),
+              v.value === view ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 2.2 }) : null
+            ]
+          },
+          v.value
+        ))
+      ] }) : null,
+      view === "timeline" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.separator() }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.label(), children: "Escala" }),
+        ZOOM_ITEMS.map((z) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": z.value === granularity,
+            onClick: () => onGranularityChange(z.value),
+            className: estilos.item({ active: z.value === granularity }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns3, {}),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: z.label }),
+              z.value === granularity ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 2.2 }) : null
+            ]
+          },
+          z.value
+        ))
+      ] }) : null,
+      mostraCritico ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: estilos.separator() }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": criticalPath,
+            onClick: onToggleCriticalPath,
+            className: estilos.item({ active: criticalPath }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, {}),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: "Caminho crítico" }),
+              criticalPath ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 2.2 }) : null
+            ]
+          }
+        )
+      ] }) : null
+    ] })
+  ] });
+}
+const LIMIAR_DE_BUSCA = 7;
+function GanttFilterPanel({
+  open,
+  onOpenChange,
+  fields,
+  model,
+  onToggleValue,
+  onSetFieldValues,
+  onClearAll,
+  appliedCount,
+  counts
+}) {
+  const [recolhidos, setRecolhidos] = React.useState(() => /* @__PURE__ */ new Set());
+  const [buscas, setBuscas] = React.useState({});
+  const alternarGrupo = (id) => setRecolhidos((prev) => {
+    const proximo = new Set(prev);
+    if (proximo.has(id)) proximo.delete(id);
+    else proximo.add(id);
+    return proximo;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    panel.FloatingPanel,
+    {
+      open,
+      onOpenChange,
+      side: "right",
+      size: "md",
+      title: "Filtros",
+      titleIcon: lucideReact.SlidersHorizontal,
+      description: appliedCount === 1 ? "1 filtro ativo" : `${appliedCount} filtros ativos`,
+      bodyPadded: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(
+        avatar.Button,
+        {
+          variant: "ghost",
+          color: "secondary",
+          size: "sm",
+          onClick: onClearAll,
+          disabled: appliedCount === 0,
+          children: "Limpar tudo"
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: fields.map((campo) => /* @__PURE__ */ jsxRuntime.jsx(
+        GrupoDeFiltro,
+        {
+          campo,
+          marcadas: model[campo.id] ?? [],
+          aberto: !recolhidos.has(campo.id),
+          busca: buscas[campo.id] ?? "",
+          contagens: counts?.[campo.id],
+          onAlternarGrupo: () => alternarGrupo(campo.id),
+          onBuscaChange: (v) => setBuscas((prev) => ({ ...prev, [campo.id]: v })),
+          onToggleValue: (v) => onToggleValue(campo.id, v),
+          onSetValues: (vs) => onSetFieldValues(campo.id, vs)
+        },
+        campo.id
+      )) })
+    }
+  );
+}
+function GrupoDeFiltro({
+  campo,
+  marcadas,
+  aberto,
+  busca,
+  contagens,
+  onAlternarGrupo,
+  onBuscaChange,
+  onToggleValue,
+  onSetValues
+}) {
+  const kind = campo.kind ?? "multi";
+  const temLista = kind === "multi" || kind === "single";
+  const opcoes = campo.options ?? [];
+  const temBusca = temLista && (campo.searchable ?? opcoes.length >= LIMIAR_DE_BUSCA);
+  const visiveis = React.useMemo(() => {
+    const termo = busca.trim().toLowerCase();
+    if (!termo) return opcoes;
+    return opcoes.filter((o) => o.label.toLowerCase().includes(termo));
+  }, [opcoes, busca]);
+  const idsVisiveis = visiveis.map((o) => o.value);
+  const todasVisiveisMarcadas = idsVisiveis.length > 0 && idsVisiveis.every((v) => marcadas.includes(v));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttFilterGroup(), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": aberto,
+        onClick: onAlternarGrupo,
+        className: ganttFilterGroupHead(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ganttFilterGroupTitle(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: campo.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionCount(), children: temLista ? marcadas.length === 0 ? "Todas" : marcadas.length : marcadas.some((v) => v.trim() !== "") ? "1" : "—" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: ganttFilterGroupChevron({ open: aberto }),
+              "aria-hidden": true
+            }
+          )
+        ]
+      }
+    ),
+    aberto ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      kind === "text" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttFilterRange(), children: /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: marcadas[0] ?? "",
+          onChange: (e) => onSetValues(e.target.value ? [e.target.value] : []),
+          placeholder: campo.placeholder ?? `Contém…`,
+          "aria-label": campo.label,
+          className: ganttFilterInput()
+        }
+      ) }) : null,
+      kind === "number" || kind === "date" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttFilterRange(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: kind === "date" ? "date" : "number",
+            value: marcadas[0] ?? "",
+            onChange: (e) => onSetValues([e.target.value, marcadas[1] ?? ""]),
+            placeholder: kind === "date" ? void 0 : "mín",
+            "aria-label": `${campo.label} — de`,
+            className: ganttFilterInput()
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterRangeSep(), children: "e" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: kind === "date" ? "date" : "number",
+            value: marcadas[1] ?? "",
+            onChange: (e) => onSetValues([marcadas[0] ?? "", e.target.value]),
+            placeholder: kind === "date" ? void 0 : "máx",
+            "aria-label": `${campo.label} — até`,
+            className: ganttFilterInput()
+          }
+        )
+      ] }) : null,
+      kind === "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(
+        toggleGroup.RadioGroup,
+        {
+          value: marcadas[0] ?? "",
+          onValueChange: (v) => onSetValues(v ? [v] : []),
+          className: "flex flex-col gap-0",
+          children: (campo.options ?? [
+            { value: "true", label: "Sim" },
+            { value: "false", label: "Não" }
+          ]).map((opt) => {
+            const id = `gantt-filtro-${campo.id}-${opt.value}`;
+            return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: ganttFilterOption(), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.RadioGroupItem, { id, value: opt.value, className: "shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionLabel(), children: opt.label }),
+              contagens?.[opt.value] !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionCount(), children: contagens[opt.value] }) : null
+            ] }, opt.value);
+          })
+        }
+      ) : null,
+      temBusca ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: ganttFilterSearch(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "search",
+            value: busca,
+            onChange: (e) => onBuscaChange(e.target.value),
+            placeholder: `Buscar em ${campo.label.toLowerCase()}…`,
+            "aria-label": `Buscar em ${campo.label}`,
+            className: ganttFilterSearchInput()
+          }
+        )
+      ] }) : null,
+      kind === "multi" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttFilterGroupActions(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSetValues(
+              todasVisiveisMarcadas ? marcadas.filter((v) => !idsVisiveis.includes(v)) : [.../* @__PURE__ */ new Set([...marcadas, ...idsVisiveis])]
+            ),
+            disabled: idsVisiveis.length === 0,
+            children: todasVisiveisMarcadas ? "Desmarcar todas" : "Selecionar todas"
+          }
+        ),
+        marcadas.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onSetValues([]), children: "Limpar" }) : null
+      ] }) : null,
+      kind !== "multi" && marcadas.some((v) => v.trim() !== "") ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttFilterGroupActions(), children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onSetValues([]), children: "Limpar" }) }) : null,
+      !temLista ? null : visiveis.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: ganttFilterEmpty(), children: "Nada encontrado." }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        kind === "single" ? (
+          /*
+            `single` = radio. Mesma anatomia de linha do `multi` (label
+            nativo embrulhando o controle real — L-025), com o controle
+            que expressa exclusividade.
+          */
+          /* @__PURE__ */ jsxRuntime.jsx(
+            toggleGroup.RadioGroup,
+            {
+              value: marcadas[0] ?? "",
+              onValueChange: (v) => onSetValues(v ? [v] : []),
+              className: "flex flex-col gap-0",
+              children: visiveis.map((opt) => {
+                const id = `gantt-filtro-${campo.id}-${opt.value}`;
+                const n = contagens?.[opt.value];
+                return /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: ganttFilterOption(), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(toggleGroup.RadioGroupItem, { id, value: opt.value, className: "shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionLabel(), children: opt.label }),
+                  n !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionCount(), children: n }) : null
+                ] }, opt.value);
+              })
+            }
+          )
+        ) : null,
+        kind === "multi" ? visiveis.map((opt) => {
+          const id = `gantt-filtro-${campo.id}-${opt.value}`;
+          const marcada = marcadas.includes(opt.value);
+          const n = contagens?.[opt.value];
+          return (
+            /*
+              `<label htmlFor>` nativo embrulhando o `Checkbox` — L-025.
+              Com `<button onClick>` o leitor de tela anuncia "button" em
+              vez de "checkbox", e o clique no rótulo não propaga pro
+              controle real.
+            */
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: ganttFilterOption(), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                sheet.Checkbox,
+                {
+                  id,
+                  checked: marcada,
+                  onCheckedChange: () => onToggleValue(opt.value),
+                  className: ganttFilterOptionBox({
+                    colorKey: opt.colorKey ?? "neutral"
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionLabel(), children: opt.label }),
+              n !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttFilterOptionCount(), children: n }) : null
+            ] }, opt.value)
+          );
+        }) : null
+      ] })
+    ] }) : null
+  ] });
+}
+const LARGURA_DO_NOME = [72, 58, 84, 64, 78, 52, 70, 60];
+const BARRAS = [
+  { left: 4, width: 26 },
+  { left: 18, width: 34 },
+  { left: 30, width: 20 },
+  { left: 44, width: 30 },
+  { left: 38, width: 42 },
+  { left: 60, width: 24 },
+  { left: 55, width: 33 },
+  { left: 70, width: 22 }
+];
+function GanttSkeleton({
+  view,
+  gridWidth,
+  rows = 8
+}) {
+  const e = ganttSkeleton();
+  const indices = Array.from({ length: rows }, (_, i) => i);
+  const comum = {
+    role: "status",
+    "aria-busy": true,
+    "aria-label": "Carregando cronograma"
+  };
+  if (view === "timeline") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.root(), ...comum, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: e.pane(), style: { width: gridWidth }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: e.head(),
+            style: { height: GANTT_HEAD_HEIGHT_PX },
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { width: 64, height: 10 } }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { width: 44, height: 10 } })
+            ]
+          }
+        ),
+        indices.map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: e.row(),
+            style: { height: GANTT_ROW_HEIGHT_PX },
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: e.bar(),
+                style: {
+                  width: `${LARGURA_DO_NOME[i % LARGURA_DO_NOME.length]}%`,
+                  height: 10
+                }
+              }
+            )
+          },
+          i
+        ))
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: e.canvas(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: e.head(),
+            style: { height: GANTT_HEAD_HEIGHT_PX },
+            "aria-hidden": true
+          }
+        ),
+        indices.map((i) => {
+          const b = BARRAS[i % BARRAS.length];
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: e.row(),
+              style: { height: GANTT_ROW_HEIGHT_PX },
+              "aria-hidden": true,
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-[22px] w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: e.bar(),
+                  style: {
+                    position: "absolute",
+                    left: `${b.left}%`,
+                    width: `${b.width}%`,
+                    height: 22
+                  }
+                }
+              ) })
+            },
+            i
+          );
+        })
+      ] })
+    ] }) });
+  }
+  if (view === "calendar") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.root(), ...comum, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.grid(), "aria-hidden": true, children: Array.from({ length: 42 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: e.cell(), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { width: 16, height: 10 } }),
+      i % 3 === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { width: "80%", height: 14 } }) : null
+    ] }, i)) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.root(), ...comum, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-gp-2xl p-pad-xl", "aria-hidden": true, children: indices.slice(0, 4).map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-gp-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { width: 140, height: 12 } }),
+    Array.from({ length: i % 2 + 1 }, (_, j) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: e.bar(), style: { height: 44 } }, j))
+  ] }, i)) }) });
+}
+const GANTT_DEFAULT_COLUMNS = [
+  { id: "label", header: "Tarefa" },
+  { id: "start", header: "Início", width: 92, align: "left" },
+  { id: "end", header: "Fim", width: 92, align: "left" }
+];
+const RECUO_POR_NIVEL_PX = 16;
+const MEIO_DO_CHEVRON_PX = 10;
+function ConectoresDeArvore({
+  depth,
+  isLast,
+  ancestorHasNext
+}) {
+  if (depth <= 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttTreeRail(), "aria-hidden": true, children: Array.from({ length: depth }, (_, i) => {
+    const esquerda = i * RECUO_POR_NIVEL_PX;
+    if (i === depth - 1) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ganttTreeColumn(), style: { left: esquerda }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ganttTreeSegment(),
+            style: { left: MEIO_DO_CHEVRON_PX, width: 1, top: 0, height: "50%" }
+          }
+        ),
+        !isLast ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ganttTreeSegment(),
+            style: { left: MEIO_DO_CHEVRON_PX, width: 1, top: "50%", bottom: 0 }
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ganttTreeSegment(),
+            style: { left: MEIO_DO_CHEVRON_PX, right: 0, top: "50%", height: 1 }
+          }
+        )
+      ] }, i);
+    }
+    if (!ancestorHasNext[i + 1]) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttTreeColumn(), style: { left: esquerda }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: ganttTreeSegment(),
+        style: { left: MEIO_DO_CHEVRON_PX, width: 1, top: 0, bottom: 0 }
+      }
+    ) }, i);
+  }) });
+}
+function GanttGrid({
+  rows,
+  columns,
+  heights,
+  scrollTop,
+  locale,
+  selectedRow,
+  hoveredRow,
+  onHoverRow,
+  onRowToggle,
+  onRowClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttGridHead(), style: { height: GANTT_HEAD_HEIGHT_PX }, children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: ganttGridHeadCell({ align: col.align ?? "left" }),
+        style: col.width ? { width: col.width } : { flex: 1, minWidth: 0 },
+        children: col.header
+      },
+      col.id
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "min-h-0 flex-1 overflow-hidden",
+        "aria-hidden": false,
+        role: "rowgroup",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: { transform: `translateY(${-scrollTop}px)` },
+            onMouseLeave: () => onHoverRow?.(null),
+            children: rows.map(
+              ({ row, depth, hasChildren, collapsed, isLast, ancestorHasNext }, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  role: "row",
+                  className: ganttGridRow({
+                    type: row.type ?? "task",
+                    selected: selectedRow === i,
+                    hovered: hoveredRow === i
+                  }),
+                  style: { height: heights[i] },
+                  onMouseEnter: () => onHoverRow?.(i),
+                  onClick: (e) => onRowClick?.(row, e),
+                  children: (row.type ?? "task") === "summary" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "cell", className: ganttGridGroupCell(), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ConectoresDeArvore,
+                      {
+                        depth,
+                        isLast,
+                        ancestorHasNext
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        className: "flex min-w-0 items-center gap-gp-sm",
+                        style: { paddingLeft: depth * 16 },
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: ganttChevron({
+                                open: !collapsed,
+                                hidden: !hasChildren
+                              }),
+                              "aria-label": collapsed ? "Expandir" : "Recolher",
+                              "aria-expanded": hasChildren ? !collapsed : void 0,
+                              tabIndex: hasChildren ? 0 : -1,
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                onRowToggle?.(row.id, !collapsed);
+                              },
+                              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": true })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: row.label })
+                        ]
+                      }
+                    ),
+                    row.trailing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: row.trailing }) : null
+                  ] }) : columns.map((col, i2) => {
+                    const primeira = i2 === 0;
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        role: "cell",
+                        className: ganttGridCell({
+                          align: col.align ?? "left",
+                          numeric: col.id === "start" || col.id === "end",
+                          /**
+                           * #6 — só a PRIMEIRA coluna é informação.
+                           *
+                           * Data, duração e responsável são apoio: ficam em
+                           * `fg-muted` e peso normal. Com as quatro em
+                           * `fg-default`, a grade lia como um bloco de texto e o
+                           * nome da tarefa — que é o que se procura — não
+                           * ganhava nada por ser o primeiro.
+                           */
+                          tone: primeira ? "default" : "muted"
+                        }),
+                        style: col.width ? { width: col.width } : { flex: 1, minWidth: 0 },
+                        children: primeira ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            ConectoresDeArvore,
+                            {
+                              depth,
+                              isLast,
+                              ancestorHasNext
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs(
+                            "span",
+                            {
+                              className: "flex min-w-0 items-center gap-gp-sm",
+                              style: { paddingLeft: depth * 16 },
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  "button",
+                                  {
+                                    type: "button",
+                                    className: ganttChevron({
+                                      open: !collapsed,
+                                      hidden: !hasChildren
+                                    }),
+                                    "aria-label": collapsed ? "Expandir" : "Recolher",
+                                    "aria-expanded": hasChildren ? !collapsed : void 0,
+                                    tabIndex: hasChildren ? 0 : -1,
+                                    onClick: (e) => {
+                                      e.stopPropagation();
+                                      onRowToggle?.(row.id, !collapsed);
+                                    },
+                                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": true })
+                                  }
+                                ),
+                                col.render ? col.render(row) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: ganttGridLabel(), children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttGridLabelText(), children: row.label }),
+                                  row.sublabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttGridSublabel(), children: row.sublabel }) : null
+                                ] })
+                              ]
+                            }
+                          ),
+                          row.trailing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center pl-gp-2xs", children: row.trailing }) : null
+                        ] }) : col.render?.(row) ?? celulaDefault(col.id, row, locale)
+                      },
+                      col.id
+                    );
+                  })
+                },
+                row.id
+              )
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function celulaDefault(colId, row, locale) {
+  const primeira = row.bars[0];
+  if (!primeira) return null;
+  if (colId === "start") return dateFns.format(primeira.start, "dd/MM/yy", { locale });
+  if (colId === "end") return dateFns.format(primeira.end, "dd/MM/yy", { locale });
+  if (colId === "duration") {
+    const dias = Math.round(
+      (primeira.end.getTime() - primeira.start.getTime()) / 864e5
+    ) + 1;
+    return `${dias}d`;
+  }
+  if (colId === "progress") {
+    return primeira.progress === void 0 ? null : `${primeira.progress}%`;
+  }
+  return null;
+}
+function buildTimeAxis(windowStart, windowEnd, granularity, locale, weekStartsOn = 0) {
+  const inicio = dateFns.startOfDay(windowStart);
+  const fim = dateFns.startOfDay(windowEnd);
+  const totalDays = Math.max(1, dateFns.differenceInCalendarDays(fim, inicio) + 1);
+  const units = [];
+  const groups = [];
+  if (granularity === "day") {
+    for (const dia of dateFns.eachDayOfInterval({ start: inicio, end: fim })) {
+      const dow = dia.getDay();
+      units.push({
+        date: dia,
+        spanDays: 1,
+        label: dateFns.format(dia, "d", { locale }),
+        isWeekend: dow === 0 || dow === 6
+      });
+    }
+    empilharGrupos(groups, inicio, fim, "MMMM yyyy", dateFns.startOfMonth, locale);
+  } else if (granularity === "week") {
+    let cursor = dateFns.startOfWeek(inicio, { weekStartsOn });
+    while (cursor <= fim) {
+      const semanaFim = dateFns.startOfDay(dateFns.endOfWeek(cursor, { weekStartsOn }));
+      const de = dateFns.max([dateFns.startOfDay(cursor), inicio]);
+      const ate = dateFns.min([semanaFim, fim]);
+      units.push({
+        date: de,
+        spanDays: dateFns.differenceInCalendarDays(ate, de) + 1,
+        label: `${dateFns.format(de, "dd/MM", { locale })}`,
+        isWeekend: false
+      });
+      cursor = dateFns.addDays(semanaFim, 1);
+    }
+    empilharGrupos(groups, inicio, fim, "MMMM yyyy", dateFns.startOfMonth, locale);
+  } else if (granularity === "month") {
+    empilharGrupos(units, inicio, fim, "MMM", dateFns.startOfMonth, locale);
+    empilharGrupos(groups, inicio, fim, "yyyy", (d) => new Date(d.getFullYear(), 0, 1), locale);
+  } else {
+    empilharGrupos(units, inicio, fim, "QQQ", dateFns.startOfQuarter, locale);
+    empilharGrupos(groups, inicio, fim, "yyyy", (d) => new Date(d.getFullYear(), 0, 1), locale);
+  }
+  return { groups, units, totalDays };
+}
+function empilharGrupos(saida, inicio, fim, formato, inicioDoPeriodo, locale) {
+  let cursor = inicio;
+  let guarda = 0;
+  while (cursor <= fim && guarda < 600) {
+    const dentroDoPeriodo = inicioDoPeriodo(cursor);
+    const proximo = inicioDoPeriodo(dateFns.addDays(dentroDoPeriodo, diasDoPeriodo(formato)));
+    const periodoFim = dateFns.addDays(proximo, -1);
+    const ate = dateFns.min([periodoFim, fim]);
+    saida.push({
+      date: cursor,
+      spanDays: dateFns.differenceInCalendarDays(ate, cursor) + 1,
+      label: dateFns.format(cursor, formato, { locale }),
+      isWeekend: false
+    });
+    cursor = dateFns.addDays(ate, 1);
+    guarda++;
+  }
+}
+function diasDoPeriodo(formato) {
+  if (formato === "yyyy") return 366;
+  if (formato === "QQQ") return 93;
+  return 32;
+}
+function dateToDayOffset(date, windowStart) {
+  const base = dateFns.startOfDay(windowStart);
+  const dias = dateFns.differenceInCalendarDays(dateFns.startOfDay(date), base);
+  const fracao = (date.getTime() - dateFns.startOfDay(date).getTime()) / 864e5;
+  return dias + fracao;
+}
+function dateToX(date, windowStart, pxPerDay) {
+  return dateToDayOffset(date, windowStart) * pxPerDay;
+}
+function xToDate(x, windowStart, pxPerDay) {
+  if (pxPerDay <= 0) return dateFns.startOfDay(windowStart);
+  const dias = x / pxPerDay;
+  const inteiros = Math.floor(dias);
+  const resto = dias - inteiros;
+  const base = dateFns.addDays(dateFns.startOfDay(windowStart), inteiros);
+  return new Date(base.getTime() + Math.round(resto * 864e5));
+}
+function snapDate(date, granularity, weekStartsOn = 0) {
+  if (granularity === "day") return dateFns.startOfDay(date);
+  if (granularity === "week") return dateFns.startOfWeek(date, { weekStartsOn });
+  if (granularity === "month") return dateFns.startOfMonth(date);
+  return dateFns.startOfQuarter(date);
+}
+function clipToWindow(bar, windowStart, windowEnd) {
+  const jIni = dateFns.startOfDay(windowStart);
+  const jFim = dateFns.startOfDay(windowEnd);
+  const bIni = dateFns.startOfDay(bar.start);
+  const bFim = dateFns.startOfDay(bar.end);
+  if (bFim < jIni || bIni > jFim) return null;
+  const antes = bIni < jIni;
+  const depois = bFim > jFim;
+  return {
+    bar,
+    start: antes ? jIni : bar.start,
+    end: depois ? dateFns.addDays(jFim, 1) : bar.end,
+    // O flag informado pelo consumidor VENCE o derivado: quem pagina no
+    // servidor sabe que continua fora, e o componente não tem como saber.
+    continuesBefore: bar.continuesBefore ?? antes,
+    continuesAfter: bar.continuesAfter ?? depois
+  };
+}
+function packLanes(bars, mode = "stack") {
+  if (mode === "stack") return bars.map((b) => [b]);
+  const lanes = [];
+  const ordenadas = [...bars].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const barra of ordenadas) {
+    const lane = lanes.find((l) => {
+      const ultima = l[l.length - 1];
+      return ultima.end.getTime() <= barra.start.getTime();
+    });
+    if (lane) lane.push(barra);
+    else lanes.push([barra]);
+  }
+  return lanes;
+}
+function flattenRows(rows, collapsedIds) {
+  const porPai = /* @__PURE__ */ new Map();
+  const ids = new Set(rows.map((r) => r.id));
+  for (const row of rows) {
+    const pai = row.parent && ids.has(row.parent) ? row.parent : null;
+    const lista = porPai.get(pai);
+    if (lista) lista.push(row);
+    else porPai.set(pai, [row]);
+  }
+  const saida = [];
+  const visitados = /* @__PURE__ */ new Set();
+  const visitarIrmaos = (irmaos, depth, ancestorHasNext) => {
+    irmaos.forEach((row, idx) => {
+      if (visitados.has(row.id)) return;
+      visitados.add(row.id);
+      const filhos = porPai.get(row.id) ?? [];
+      const colapsada = collapsedIds.has(row.id) || (row.collapsed ?? false);
+      const isLast = idx === irmaos.length - 1;
+      saida.push({
+        row,
+        depth,
+        hasChildren: filhos.length > 0,
+        collapsed: colapsada,
+        isLast,
+        ancestorHasNext
+      });
+      if (!colapsada) {
+        visitarIrmaos(porPai.get(row.id) ?? [], depth + 1, [
+          ...ancestorHasNext,
+          !isLast
+        ]);
+      }
+    });
+  };
+  visitarIrmaos(porPai.get(null) ?? [], 0, []);
+  const alcancaveis = /* @__PURE__ */ new Set();
+  const alcancar = (paiId) => {
+    for (const row of porPai.get(paiId) ?? []) {
+      if (alcancaveis.has(row.id)) continue;
+      alcancaveis.add(row.id);
+      alcancar(row.id);
+    }
+  };
+  alcancar(null);
+  const orfaos = rows.filter((r) => !alcancaveis.has(r.id));
+  if (orfaos.length > 0) visitarIrmaos(orfaos, 0, []);
+  return saida;
+}
+function deriveSummaryRange(rowId, rows) {
+  const porPai = /* @__PURE__ */ new Map();
+  for (const r of rows) {
+    if (!r.parent) continue;
+    const l = porPai.get(r.parent);
+    if (l) l.push(r);
+    else porPai.set(r.parent, [r]);
+  }
+  const datas = [];
+  const vistos = /* @__PURE__ */ new Set();
+  const coletar = (id) => {
+    if (vistos.has(id)) return;
+    vistos.add(id);
+    for (const filho of porPai.get(id) ?? []) {
+      for (const b of filho.bars) {
+        datas.push(b.start, b.end);
+      }
+      coletar(filho.id);
+    }
+  };
+  coletar(rowId);
+  if (datas.length === 0) return null;
+  return { start: dateFns.min(datas), end: dateFns.max(datas) };
+}
+function deriveWindow(rows, granularity = "day") {
+  const datas = [];
+  for (const r of rows) for (const b of r.bars) datas.push(b.start, b.end);
+  if (datas.length === 0) {
+    const hoje = dateFns.startOfDay(/* @__PURE__ */ new Date());
+    return { start: hoje, end: dateFns.addDays(hoje, 29) };
+  }
+  const folga = granularity === "day" ? 1 : granularity === "week" ? 7 : 31;
+  return {
+    start: dateFns.addDays(dateFns.startOfDay(dateFns.min(datas)), -folga),
+    end: dateFns.addDays(dateFns.startOfDay(dateFns.max(datas)), folga)
+  };
+}
+function rowHeights(rows, baseHeight, laneHeight) {
+  return rows.map(({ row }) => {
+    const modo = row.lanePacking ?? "stack";
+    const n = modo === "stack" ? Math.max(1, row.bars.length) : 1;
+    return Math.max(baseHeight, n * laneHeight + 8);
+  });
+}
+function rowOffsets(heights) {
+  const saida = [];
+  let acc = 0;
+  for (const h of heights) {
+    saida.push(acc);
+    acc += h;
+  }
+  return saida;
+}
+function buildMonthMatrix(anchor, weekStartsOn = 0) {
+  const primeiro = dateFns.startOfMonth(anchor);
+  const inicio = dateFns.startOfWeek(primeiro, { weekStartsOn });
+  const semanas = [];
+  for (let s = 0; s < 6; s++) {
+    const semana = [];
+    for (let d = 0; d < 7; d++) semana.push(dateFns.addDays(inicio, s * 7 + d));
+    semanas.push(semana);
+  }
+  return semanas;
+}
+function computeOverflow(total, max) {
+  if (max <= 0) return { visible: 0, overflowCount: total };
+  if (total <= max) return { visible: total, overflowCount: 0 };
+  const visible = Math.max(0, max - 1);
+  return { visible, overflowCount: total - visible };
+}
+function daysOfBar(bar) {
+  const saida = [];
+  let cursor = dateFns.startOfDay(bar.start);
+  const fim = dateFns.startOfDay(bar.end);
+  if (fim < cursor) return saida;
+  let guarda = 0;
+  while (cursor.getTime() <= fim.getTime() && guarda < 400) {
+    saida.push(cursor);
+    cursor = dateFns.addDays(cursor, 1);
+    guarda++;
+  }
+  return saida;
+}
+function monthMatrixRange(weeks) {
+  return { start: weeks[0][0], end: endOfMonthMatrix(weeks) };
+}
+function endOfMonthMatrix(weeks) {
+  const ultima = weeks[weeks.length - 1];
+  return ultima[ultima.length - 1];
+}
+function monthBounds(anchor) {
+  return { start: dateFns.startOfMonth(anchor), end: dateFns.endOfMonth(anchor) };
+}
+function buildWeekSegments(week, barras) {
+  if (week.length === 0) return [];
+  const primeiro = dateFns.startOfDay(week[0]);
+  const ultimo = dateFns.startOfDay(week[week.length - 1]);
+  const brutos = [];
+  for (const b of barras) {
+    const ini = dateFns.startOfDay(b.start);
+    const fim = dateFns.startOfDay(b.end);
+    if (dateFns.differenceInCalendarDays(fim, ini) < 0) continue;
+    if (dateFns.differenceInCalendarDays(fim, primeiro) < 0 || dateFns.differenceInCalendarDays(ini, ultimo) > 0) {
+      continue;
+    }
+    const colStart = Math.max(0, dateFns.differenceInCalendarDays(ini, primeiro));
+    const colEnd = Math.min(
+      week.length - 1,
+      dateFns.differenceInCalendarDays(fim, primeiro)
+    );
+    brutos.push({
+      barId: b.id,
+      colStart,
+      colSpan: colEnd - colStart + 1,
+      // ⚠️ Comparado contra a BORDA da semana, não contra `colStart`: uma barra
+      // que começa exatamente no domingo tem `colStart` 0 e NÃO continua antes.
+      continuesBefore: dateFns.differenceInCalendarDays(ini, primeiro) < 0,
+      continuesAfter: dateFns.differenceInCalendarDays(fim, ultimo) > 0
+    });
+  }
+  brutos.sort(
+    (a, b) => a.colStart !== b.colStart ? a.colStart - b.colStart : b.colSpan - a.colSpan || a.barId.localeCompare(b.barId)
+  );
+  const ocupacao = [];
+  const saida = [];
+  for (const s of brutos) {
+    let lane = ocupacao.findIndex((ate) => ate < s.colStart);
+    if (lane === -1) {
+      lane = ocupacao.length;
+      ocupacao.push(-1);
+    }
+    ocupacao[lane] = s.colStart + s.colSpan - 1;
+    saida.push({ ...s, lane });
+  }
+  return saida;
+}
+function hiddenPerColumn(segmentos, maxLanes, colunas = 7) {
+  const saida = new Array(colunas).fill(0);
+  if (maxLanes < 0) return saida;
+  for (const s of segmentos) {
+    if (s.lane < maxLanes) continue;
+    for (let c = s.colStart; c < s.colStart + s.colSpan && c < colunas; c++) {
+      saida[c] = (saida[c] ?? 0) + 1;
+    }
+  }
+  return saida;
+}
+function laneCount(segmentos) {
+  let max = -1;
+  for (const s of segmentos) if (s.lane > max) max = s.lane;
+  return max + 1;
+}
+const ALTURA_DA_FAIXA_PX = 20;
+const ALTURA_DO_CABECALHO_PX = 26;
+const MIN_FAIXAS = 1;
+function GanttCalendarView({
+  rows,
+  anchor,
+  weekStartsOn,
+  now,
+  locale,
+  conflictBarIds,
+  criticalBarIds,
+  onBarClick,
+  onDayAdd
+}) {
+  const semanas = React.useMemo(
+    () => buildMonthMatrix(anchor, weekStartsOn),
+    [anchor, weekStartsOn]
+  );
+  const entradas = React.useMemo(() => {
+    const mapa = /* @__PURE__ */ new Map();
+    for (const { row } of rows) {
+      if ((row.type ?? "task") === "summary") continue;
+      for (const bar of row.bars) {
+        mapa.set(bar.id, { bar, row, colorKey: bar.colorKey ?? "chart-1" });
+      }
+    }
+    return mapa;
+  }, [rows]);
+  const barrasParaSegmentar = React.useMemo(
+    () => [...entradas.values()].map(({ bar }) => ({
+      id: bar.id,
+      start: dateFns.startOfDay(bar.start),
+      end: dateFns.startOfDay(bar.end)
+    })),
+    [entradas]
+  );
+  const porSemana = React.useMemo(
+    () => semanas.map((semana) => buildWeekSegments(semana, barrasParaSegmentar)),
+    [semanas, barrasParaSegmentar]
+  );
+  const [expandidas, setExpandidas] = React.useState(() => /* @__PURE__ */ new Set());
+  const gradeRef = React.useRef(null);
+  const [maxFaixas, setMaxFaixas] = React.useState(3);
+  React.useEffect(() => {
+    const el = gradeRef.current;
+    if (!el) return;
+    const medir = () => {
+      const primeira = el.firstElementChild;
+      const altura = primeira ? primeira.getBoundingClientRect().height : el.getBoundingClientRect().height / 6;
+      const util = altura - ALTURA_DO_CABECALHO_PX;
+      setMaxFaixas(Math.max(MIN_FAIXAS, Math.floor(util / ALTURA_DA_FAIXA_PX)));
+    };
+    medir();
+    const ro = new ResizeObserver(medir);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const rotulosDaSemana = React.useMemo(
+    () => (semanas[0] ?? []).map((d) => dateFns.format(d, "EEEEEE", { locale })),
+    [semanas, locale]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttMonthFrame(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttWeekdayRow(), children: rotulosDaSemana.map((r, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttWeekdayCell(), children: r }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttMonthGrid(), ref: gradeRef, children: semanas.map((semana, iSemana) => {
+      const segmentos = porSemana[iSemana] ?? [];
+      const aberta = expandidas.has(iSemana);
+      const total = laneCount(segmentos);
+      const visiveis = aberta ? total : total > maxFaixas ? Math.max(1, maxFaixas - 1) : total;
+      const escondidosPorColuna = hiddenPerColumn(segmentos, visiveis);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: ganttWeekRow(),
+          style: aberta ? {
+            minHeight: ALTURA_DO_CABECALHO_PX + total * ALTURA_DA_FAIXA_PX + 24
+          } : void 0,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttWeekDays(), children: semana.map((dia, iCol) => {
+              const escondidos = escondidosPorColuna[iCol] ?? 0;
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: ganttMonthCell({
+                    outside: !dateFns.isSameMonth(dia, anchor),
+                    today: dateFns.isSameDay(dia, now)
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: ganttDayNumber({
+                          today: dateFns.isSameDay(dia, now),
+                          // O fundo não distingue mais outro-mês de fim de
+                          // semana (os dois são `bg-canvas`) — quem distingue é
+                          // o número. Ver a nota do `ganttDayNumber`.
+                          outside: !dateFns.isSameMonth(dia, anchor)
+                        }),
+                        children: dateFns.format(dia, "d", { locale })
+                      }
+                    ),
+                    escondidos > 0 && !aberta ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: ganttOverflowButton(),
+                        style: {
+                          top: ALTURA_DO_CABECALHO_PX + visiveis * ALTURA_DA_FAIXA_PX
+                        },
+                        onClick: () => setExpandidas((prev) => new Set(prev).add(iSemana)),
+                        children: `+${escondidos} mais`
+                      }
+                    ) : null,
+                    onDayAdd ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: ganttDayAdd(),
+                        "aria-label": `Adicionar em ${dateFns.format(dia, "d 'de' MMMM", { locale })}`,
+                        title: "Adicionar",
+                        onClick: () => onDayAdd(dia),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { "aria-hidden": true })
+                      }
+                    ) : null
+                  ]
+                },
+                dia.getTime()
+              );
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: ganttWeekSegments(),
+                style: { top: ALTURA_DO_CABECALHO_PX },
+                children: segmentos.filter((seg) => seg.lane < visiveis).map((seg) => {
+                  const entrada = entradas.get(seg.barId);
+                  if (!entrada) return null;
+                  const { bar, row, colorKey } = entrada;
+                  const estilos = ganttDaySegment({
+                    colorKey,
+                    continuesBefore: seg.continuesBefore,
+                    continuesAfter: seg.continuesAfter,
+                    conflict: conflictBarIds.has(bar.id),
+                    critical: criticalBarIds.has(bar.id)
+                  });
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: estilos.root(),
+                      style: {
+                        left: `calc(${seg.colStart / 7 * 100}% + 2px)`,
+                        width: `calc(${seg.colSpan / 7 * 100}% - 4px)`,
+                        top: seg.lane * ALTURA_DA_FAIXA_PX
+                      },
+                      onClick: (e) => onBarClick?.(bar, row, e),
+                      title: bar.searchText ?? void 0,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.dot(), "aria-hidden": true }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.label(), children: bar.label ?? (typeof row.label === "string" ? row.label : bar.id) })
+                      ]
+                    },
+                    `${iSemana}-${seg.barId}`
+                  );
+                })
+              }
+            ),
+            aberta && total > maxFaixas ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: `${ganttOverflowButton()} bottom-pad-2xs top-auto z-[3]`,
+                onClick: () => setExpandidas((prev) => {
+                  const proximo = new Set(prev);
+                  proximo.delete(iSemana);
+                  return proximo;
+                }),
+                children: "Recolher"
+              }
+            ) : null
+          ]
+        },
+        iSemana
+      );
+    }) })
+  ] });
+}
+function GanttListView({
+  rows,
+  windowStart,
+  windowEnd,
+  now,
+  locale,
+  conflictBarIds,
+  criticalBarIds,
+  onBarClick,
+  emptyState
+}) {
+  const dias = React.useMemo(() => {
+    const jIni = dateFns.startOfDay(windowStart);
+    const jFim = dateFns.startOfDay(windowEnd);
+    if (dateFns.differenceInCalendarDays(jFim, jIni) < 0) return [];
+    const mapa = /* @__PURE__ */ new Map();
+    for (const { row } of rows) {
+      if ((row.type ?? "task") === "summary") continue;
+      for (const bar of row.bars) {
+        const bIni = dateFns.startOfDay(bar.start);
+        const bFim = dateFns.startOfDay(bar.end);
+        if (dateFns.differenceInCalendarDays(bFim, bIni) < 0) continue;
+        const totalDeDias = dateFns.differenceInCalendarDays(bFim, bIni) + 1;
+        const de = dateFns.differenceInCalendarDays(bIni, jIni) < 0 ? jIni : bIni;
+        const ate = dateFns.differenceInCalendarDays(bFim, jFim) > 0 ? jFim : bFim;
+        if (dateFns.differenceInCalendarDays(ate, de) < 0) continue;
+        for (const dia of dateFns.eachDayOfInterval({ start: de, end: ate })) {
+          const chave = dateFns.format(dia, "yyyy-MM-dd");
+          const balde = mapa.get(chave) ?? { dia, itens: [] };
+          balde.itens.push({
+            bar,
+            row,
+            colorKey: bar.colorKey ?? "chart-1",
+            diaDoIntervalo: dateFns.differenceInCalendarDays(dia, bIni) + 1,
+            totalDeDias
+          });
+          mapa.set(chave, balde);
+        }
+      }
+    }
+    return [...mapa.entries()].sort(([a], [b]) => a.localeCompare(b)).map(([, v]) => v);
+  }, [rows, windowStart, windowEnd]);
+  if (dias.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttListFrame(), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttEmpty(), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarSearch, { className: "size-icon-xl text-fg-subtle", "aria-hidden": true }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttEmptyText(), children: "Nenhuma tarefa neste período." })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttListFrame(), children: dias.map(({ dia, itens }) => {
+    const hoje = dateFns.isSameDay(dia, now);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttListDay(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttListDayHead(), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttListDayNumber({ today: hoje }), children: dateFns.format(dia, "d", { locale }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttListDayName(), children: dateFns.format(dia, "EEEE, MMMM", { locale }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttListItems(), children: itens.map(({ bar, row, colorKey, diaDoIntervalo, totalDeDias }) => {
+        const estilos = ganttListItem({
+          colorKey,
+          conflict: conflictBarIds.has(bar.id),
+          critical: criticalBarIds.has(bar.id)
+        });
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: estilos.root(),
+            onClick: (e) => onBarClick?.(bar, row, e),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.dot(), "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: estilos.body(), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.title(), children: typeof row.label === "string" ? row.label : bar.id }),
+                row.bars.length > 1 && bar.label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.sub(), children: bar.label }) : row.sublabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.sub(), children: row.sublabel }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.meta(), children: totalDeDias === 1 ? "dia único" : `dia ${diaDoIntervalo} de ${totalDeDias}` })
+            ]
+          },
+          `${dateFns.format(dia, "yyyy-MM-dd")}-${bar.id}`
+        );
+      }) })
+    ] }, dateFns.format(dia, "yyyy-MM-dd"));
+  }) });
+}
+function dragToDates(bar, deltaPx, pxPerDay, mode) {
+  const inicio = dateFns.startOfDay(bar.start);
+  const fim = dateFns.startOfDay(bar.end);
+  if (!Number.isFinite(pxPerDay) || pxPerDay <= 0) {
+    return { start: inicio, end: fim };
+  }
+  const dias = Math.round(deltaPx / pxPerDay);
+  if (dias === 0) return { start: inicio, end: fim };
+  if (mode === "move") {
+    return { start: dateFns.addDays(inicio, dias), end: dateFns.addDays(fim, dias) };
+  }
+  if (mode === "resize-start") {
+    const novo2 = dateFns.addDays(inicio, dias);
+    return {
+      start: dateFns.differenceInCalendarDays(novo2, fim) > 0 ? fim : novo2,
+      end: fim
+    };
+  }
+  const novo = dateFns.addDays(fim, dias);
+  return {
+    start: inicio,
+    // Mesmo clamp, pela mesma razão, na outra ponta.
+    end: dateFns.differenceInCalendarDays(novo, inicio) < 0 ? inicio : novo
+  };
+}
+function linkTypeFromSides(de, para) {
+  if (de === "end") return para === "start" ? "FS" : "FF";
+  return para === "start" ? "SS" : "SF";
+}
+function sideFromPointer(x, left, width) {
+  if (width <= 0) return "start";
+  return x < left + width / 2 ? "start" : "end";
+}
+const GANTT_BAR_MIN_WIDTH_PX = 6;
+const GanttBarView = React.forwardRef(
+  function GanttBarView2({
+    bar,
+    left,
+    width,
+    lane,
+    rowType,
+    colorKey,
+    continuesBefore,
+    continuesAfter,
+    height,
+    conflict = false,
+    critical = false,
+    movable = false,
+    resizable = false,
+    linkable = false,
+    dragging = false,
+    onClick,
+    onMoveStart,
+    onResizeStart,
+    onLinkStart,
+    children,
+    style
+  }, ref) {
+    if (rowType === "milestone") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: ganttMilestone({ colorKey }),
+          style: { left: left - 7, width: 14, height: 14, ...style },
+          onClick,
+          "aria-label": bar.searchText ?? String(bar.id),
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", {})
+        }
+      );
+    }
+    const estilos = ganttBar({
+      colorKey,
+      type: rowType,
+      continuesBefore,
+      continuesAfter,
+      conflict,
+      critical,
+      dragging,
+      movable
+    });
+    const larguraFinal = Math.max(GANTT_BAR_MIN_WIDTH_PX, width);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": bar.searchText ?? void 0,
+        "data-gantt-bar": bar.id,
+        className: estilos.root(),
+        style: {
+          left,
+          width: larguraFinal,
+          height,
+          ...style
+        },
+        onPointerDown: (e) => onMoveStart?.(e),
+        onClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onClick?.(e);
+          }
+        },
+        children: [
+          bar.progress !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: estilos.progress(),
+              style: { width: `${Math.min(100, Math.max(0, bar.progress))}%` },
+              "aria-hidden": true
+            }
+          ) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.accent(), "aria-hidden": true }),
+          children ?? (bar.label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: estilos.label(), children: bar.label }) : null),
+          resizable ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "separator",
+                "aria-label": "Mudar início",
+                tabIndex: -1,
+                className: ganttResizeHandle({ side: "start" }),
+                onPointerDown: (e) => {
+                  e.stopPropagation();
+                  onResizeStart?.("start", e);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "separator",
+                "aria-label": "Mudar fim",
+                tabIndex: -1,
+                className: ganttResizeHandle({ side: "end" }),
+                onPointerDown: (e) => {
+                  e.stopPropagation();
+                  onResizeStart?.("end", e);
+                }
+              }
+            )
+          ] }) : null,
+          linkable ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "button",
+                "aria-label": "Criar vínculo a partir do início",
+                tabIndex: -1,
+                className: ganttLinkPort({ side: "start" }),
+                onPointerDown: (e) => {
+                  e.stopPropagation();
+                  onLinkStart?.("start", e);
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                role: "button",
+                "aria-label": "Criar vínculo a partir do fim",
+                tabIndex: -1,
+                className: ganttLinkPort({ side: "end" }),
+                onPointerDown: (e) => {
+                  e.stopPropagation();
+                  onLinkStart?.("end", e);
+                }
+              }
+            )
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+function constraintDates(tipo, source, target, lag = 0) {
+  const de = tipo === "FS" || tipo === "FF" ? source.end : source.start;
+  const pontaAlvo = tipo === "FS" || tipo === "SS" ? target.start : target.end;
+  return { limite: dateFns.addDays(dateFns.startOfDay(de), lag), pontaAlvo: dateFns.startOfDay(pontaAlvo) };
+}
+function checkLink(link2, bars) {
+  const source = bars.get(link2.source);
+  const target = bars.get(link2.target);
+  if (!source || !target) return null;
+  const { limite, pontaAlvo } = constraintDates(
+    link2.type ?? "FS",
+    source,
+    target,
+    link2.lag ?? 0
+  );
+  const deficitDays = dateFns.differenceInCalendarDays(limite, pontaAlvo);
+  if (deficitDays <= 0) return null;
+  return { link: link2, deficitDays };
+}
+function checkAllLinks(links, bars) {
+  const saida = [];
+  for (const l of links) {
+    const v = checkLink(l, bars);
+    if (v) saida.push(v);
+  }
+  return saida;
+}
+function topoSort(barIds, links) {
+  const existe = new Set(barIds);
+  const grauEntrada = /* @__PURE__ */ new Map();
+  const saintes = /* @__PURE__ */ new Map();
+  for (const id of barIds) {
+    grauEntrada.set(id, 0);
+    saintes.set(id, []);
+  }
+  for (const l of links) {
+    if (!existe.has(l.source) || !existe.has(l.target)) continue;
+    saintes.get(l.source).push(l.target);
+    grauEntrada.set(l.target, (grauEntrada.get(l.target) ?? 0) + 1);
+  }
+  const fila = barIds.filter((id) => (grauEntrada.get(id) ?? 0) === 0);
+  const order = [];
+  while (fila.length > 0) {
+    const atual = fila.shift();
+    order.push(atual);
+    for (const proximo of saintes.get(atual) ?? []) {
+      const g = (grauEntrada.get(proximo) ?? 0) - 1;
+      grauEntrada.set(proximo, g);
+      if (g === 0) fila.push(proximo);
+    }
+  }
+  if (order.length !== barIds.length) {
+    return { ok: false, cycle: barIds.filter((id) => !order.includes(id)) };
+  }
+  return { ok: true, order };
+}
+function computeCriticalPath(bars, links) {
+  const ids = bars.map((b) => b.id);
+  const topo = topoSort(ids, links);
+  if (!topo.ok) return { cycle: topo.cycle };
+  const porId = new Map(bars.map((b) => [b.id, b]));
+  const fsEntrando = /* @__PURE__ */ new Map();
+  const fsSaindo = /* @__PURE__ */ new Map();
+  for (const l of links) {
+    if ((l.type ?? "FS") !== "FS") continue;
+    if (!porId.has(l.source) || !porId.has(l.target)) continue;
+    empurrar(fsEntrando, l.target, l);
+    empurrar(fsSaindo, l.source, l);
+  }
+  const duracao = (id) => {
+    const b = porId.get(id);
+    return Math.max(0, dateFns.differenceInCalendarDays(dateFns.startOfDay(b.end), dateFns.startOfDay(b.start)));
+  };
+  const base = dateFns.startOfDay(
+    bars.reduce((min, b) => b.start < min ? b.start : min, bars[0]?.start ?? /* @__PURE__ */ new Date())
+  );
+  const inicioRelativo = (id) => dateFns.differenceInCalendarDays(dateFns.startOfDay(porId.get(id).start), base);
+  const early = /* @__PURE__ */ new Map();
+  for (const id of topo.order) {
+    const entradas = fsEntrando.get(id) ?? [];
+    const porVinculo = entradas.map(
+      (l) => (early.get(l.source) ?? 0) + duracao(l.source) + (l.lag ?? 0)
+    );
+    early.set(id, Math.max(inicioRelativo(id), ...porVinculo));
+  }
+  const fimProjeto = Math.max(
+    0,
+    ...topo.order.map((id) => (early.get(id) ?? 0) + duracao(id))
+  );
+  const late = /* @__PURE__ */ new Map();
+  for (const id of [...topo.order].reverse()) {
+    const saidas = fsSaindo.get(id) ?? [];
+    if (saidas.length === 0) {
+      late.set(id, fimProjeto - duracao(id));
+    } else {
+      late.set(
+        id,
+        Math.min(
+          ...saidas.map((l) => (late.get(l.target) ?? fimProjeto) - duracao(id) - (l.lag ?? 0))
+        )
+      );
+    }
+  }
+  const critical = /* @__PURE__ */ new Set();
+  for (const id of ids) {
+    const folga = (late.get(id) ?? 0) - (early.get(id) ?? 0);
+    if (folga <= 0) critical.add(id);
+  }
+  return { critical };
+}
+function empurrar(map, chave, valor) {
+  const lista = map.get(chave);
+  if (lista) lista.push(valor);
+  else map.set(chave, [valor]);
+}
+function linkPath(de, para, opts) {
+  const recuo = opts.recuo ?? 12;
+  const x12 = de.x + (opts.saiDireita ? recuo : -recuo);
+  const x2 = para.x + (opts.entraEsquerda ? -recuo : recuo);
+  const meioY = de.y === para.y ? de.y : (de.y + para.y) / 2;
+  return [
+    `M ${de.x} ${de.y}`,
+    `L ${x12} ${de.y}`,
+    `L ${x12} ${meioY}`,
+    `L ${x2} ${meioY}`,
+    `L ${x2} ${para.y}`,
+    `L ${para.x} ${para.y}`
+  ].join(" ");
+}
+function linkSides(tipo) {
+  return {
+    saiDireita: tipo === "FS" || tipo === "FF",
+    entraEsquerda: tipo === "FS" || tipo === "SS"
+  };
+}
+function GanttLinksLayer({
+  links,
+  width,
+  height,
+  onLinkClick
+}) {
+  const uid = React.useId().replace(/:/g, "");
+  const seta = `gantt-arrow-${uid}`;
+  const setaConflito = `gantt-arrow-conflict-${uid}`;
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: ganttLinksLayer(),
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      "aria-hidden": true,
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "marker",
+            {
+              id: seta,
+              viewBox: "0 0 8 8",
+              refX: "6",
+              refY: "4",
+              markerWidth: "6",
+              markerHeight: "6",
+              orient: "auto-start-reverse",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M 0 1 L 6 4 L 0 7 z", fill: "context-stroke" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "marker",
+            {
+              id: setaConflito,
+              viewBox: "0 0 8 8",
+              refX: "6",
+              refY: "4",
+              markerWidth: "6",
+              markerHeight: "6",
+              orient: "auto-start-reverse",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M 0 1 L 6 4 L 0 7 z", fill: "context-stroke" })
+            }
+          )
+        ] }),
+        links.map((g) => {
+          const tipo = g.link.type ?? "FS";
+          const lados = linkSides(tipo);
+          const d = linkPath(g.from, g.to, lados);
+          const state = g.conflict ? "conflict" : g.critical ? "critical" : "default";
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d,
+              className: ganttLinkPath({ state }),
+              markerEnd: `url(#${g.conflict ? setaConflito : seta})`,
+              onClick: () => onLinkClick?.(g.link),
+              children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
+                `${tipo}${g.link.lag ? ` ${g.link.lag > 0 ? "+" : ""}${g.link.lag}d` : ""}`,
+                g.conflict ? " — conflito" : ""
+              ] })
+            },
+            g.link.id
+          );
+        })
+      ]
+    }
+  );
+}
+function GanttTimelineView({
+  rows,
+  allRows,
+  links,
+  windowStart,
+  windowEnd,
+  granularity,
+  pxPerDay,
+  heights,
+  offsets,
+  now,
+  locale,
+  weekStartsOn,
+  conflictBarIds,
+  criticalBarIds,
+  draggable,
+  resizable,
+  linkable,
+  hoveredRow,
+  onHoverRow,
+  hoveredDay,
+  onHoverDay,
+  selectedRow,
+  selectedDay,
+  onSelectDay,
+  onBarMove,
+  onBarResize,
+  onLinkCreate,
+  onScroll,
+  scrollRef,
+  onBarClick,
+  onLinkClick
+}) {
+  const [gesto, setGesto] = React.useState(null);
+  const [deltaPx, setDeltaPx] = React.useState(0);
+  const deltaRef = React.useRef(0);
+  const [vinculo, setVinculo] = React.useState(null);
+  const canvasRef = React.useRef(null);
+  const axis = React.useMemo(
+    () => buildTimeAxis(windowStart, windowEnd, granularity, locale, weekStartsOn),
+    [windowStart, windowEnd, granularity, locale, weekStartsOn]
+  );
+  const larguraTotal = axis.totalDays * pxPerDay;
+  const alturas = heights;
+  const tops = offsets;
+  const alturaTotal = alturas.reduce((s, h) => s + h, 0);
+  const geos = React.useMemo(() => {
+    const mapa = /* @__PURE__ */ new Map();
+    const lista = [];
+    rows.forEach(({ row }, i) => {
+      const tipo = row.type ?? "task";
+      const barras = tipo === "summary" && row.bars.length === 0 ? (() => {
+        const r = deriveSummaryRange(row.id, allRows);
+        return r ? [{ id: `${row.id}__summary`, start: r.start, end: r.end }] : [];
+      })() : row.bars;
+      const comPrevia = barras.map(
+        (b) => gesto?.barId === b.id ? { ...b, ...dragToDates(b, deltaPx, pxPerDay, gesto.mode) } : b
+      );
+      const recortadas = comPrevia.map((b) => clipToWindow(b, windowStart, windowEnd)).filter((x) => x !== null);
+      const lanes = packLanes(recortadas, row.lanePacking ?? "stack");
+      lanes.forEach((lane, laneIndex) => {
+        for (const c of lane) {
+          const x12 = dateToX(c.start, windowStart, pxPerDay);
+          const x2 = dateToX(c.end, windowStart, pxPerDay);
+          const geo = {
+            bar: c.bar,
+            row,
+            left: x12,
+            width: Math.max(0, x2 - x12),
+            lane: laneIndex,
+            top: tops[i] ?? 0,
+            continuesBefore: c.continuesBefore,
+            continuesAfter: c.continuesAfter,
+            colorKey: c.bar.colorKey ?? "chart-1"
+          };
+          mapa.set(c.bar.id, geo);
+          lista.push(geo);
+        }
+      });
+    });
+    return { mapa, lista };
+  }, [rows, allRows, windowStart, windowEnd, pxPerDay, tops, gesto, deltaPx]);
+  const topDaBarra = (g, tipo) => {
+    const altura = tipo === "summary" ? GANTT_SUMMARY_BAR_HEIGHT_PX : GANTT_BAR_HEIGHT_PX;
+    const alturaDaFaixa = alturas[rows.findIndex((r) => r.row.id === g.row.id)] ?? GANTT_ROW_HEIGHT_PX;
+    const umaLaneSo = (g.row.lanePacking ?? "stack") === "stack" && g.row.bars.length <= 1;
+    const faixa = umaLaneSo ? alturaDaFaixa : GANTT_LANE_HEIGHT_PX;
+    const offsetLane = umaLaneSo ? 0 : g.lane * GANTT_LANE_HEIGHT_PX;
+    return g.top + offsetLane + Math.max(0, (faixa - altura) / 2);
+  };
+  const linkGeos = React.useMemo(() => {
+    const saida = [];
+    for (const link2 of links) {
+      const de = geos.mapa.get(link2.source);
+      const para = geos.mapa.get(link2.target);
+      if (!de || !para) continue;
+      const tipo = link2.type ?? "FS";
+      const saiDireita = tipo === "FS" || tipo === "FF";
+      const entraEsquerda = tipo === "FS" || tipo === "SS";
+      const alturaDe = (de.row.type ?? "task") === "summary" ? GANTT_SUMMARY_BAR_HEIGHT_PX : GANTT_BAR_HEIGHT_PX;
+      const alturaPara = (para.row.type ?? "task") === "summary" ? GANTT_SUMMARY_BAR_HEIGHT_PX : GANTT_BAR_HEIGHT_PX;
+      const yDe = topDaBarra(de, de.row.type ?? "task") + alturaDe / 2;
+      const yPara = topDaBarra(para, para.row.type ?? "task") + alturaPara / 2;
+      saida.push({
+        link: link2,
+        from: { x: saiDireita ? de.left + de.width : de.left, y: yDe },
+        to: { x: entraEsquerda ? para.left : para.left + para.width, y: yPara },
+        conflict: conflictBarIds.has(link2.target),
+        critical: criticalBarIds.has(link2.source) && criticalBarIds.has(link2.target)
+      });
+    }
+    return saida;
+  }, [links, geos, conflictBarIds, criticalBarIds, alturas, rows]);
+  const iniciarGesto = (barId, mode, evt) => {
+    if (evt.button !== 0) return;
+    if (mode === "move" ? !draggable : !resizable) return;
+    deltaRef.current = 0;
+    setDeltaPx(0);
+    setGesto({ barId, mode, xInicial: evt.clientX });
+  };
+  React.useEffect(() => {
+    if (!gesto) return;
+    const mover = (e) => {
+      const dx = e.clientX - gesto.xInicial;
+      deltaRef.current = dx;
+      setDeltaPx(dx);
+    };
+    const soltar = () => {
+      const geo = geos.mapa.get(gesto.barId);
+      const dx = deltaRef.current;
+      setGesto(null);
+      setDeltaPx(0);
+      deltaRef.current = 0;
+      if (!geo) return;
+      const destino = dragToDates(geo.bar, dx, pxPerDay, gesto.mode);
+      if (destino.start.getTime() === dateFns.startOfDay(geo.bar.start).getTime() && destino.end.getTime() === dateFns.startOfDay(geo.bar.end).getTime()) {
+        return;
+      }
+      const change = {
+        bar: geo.bar,
+        row: geo.row,
+        start: destino.start,
+        end: destino.end
+      };
+      if (gesto.mode === "move") onBarMove?.(change);
+      else onBarResize?.(change);
+    };
+    window.addEventListener("pointermove", mover);
+    window.addEventListener("pointerup", soltar);
+    window.addEventListener("pointercancel", soltar);
+    return () => {
+      window.removeEventListener("pointermove", mover);
+      window.removeEventListener("pointerup", soltar);
+      window.removeEventListener("pointercancel", soltar);
+    };
+  }, [gesto]);
+  const iniciarVinculo = (barId, side, evt) => {
+    if (evt.button !== 0) return;
+    if (!linkable) return;
+    const caixa = canvasRef.current?.getBoundingClientRect();
+    if (!caixa) return;
+    setVinculo({
+      barId,
+      side,
+      x: evt.clientX - caixa.left,
+      y: evt.clientY - caixa.top
+    });
+  };
+  React.useEffect(() => {
+    if (!vinculo) return;
+    const mover = (e) => {
+      const caixa = canvasRef.current?.getBoundingClientRect();
+      if (!caixa) return;
+      setVinculo(
+        (v) => v ? { ...v, x: e.clientX - caixa.left, y: e.clientY - caixa.top } : v
+      );
+    };
+    const soltar = (e) => {
+      const origem = vinculo;
+      setVinculo(null);
+      const sob = document.elementFromPoint(e.clientX, e.clientY);
+      const alvo = sob?.closest("[data-gantt-bar]");
+      const alvoId = alvo?.getAttribute("data-gantt-bar");
+      if (!alvoId) return;
+      if (alvoId === origem.barId) return;
+      const geoAlvo = geos.mapa.get(alvoId);
+      const caixa = canvasRef.current?.getBoundingClientRect();
+      if (!geoAlvo || !caixa) return;
+      const ladoAlvo = sideFromPointer(
+        e.clientX - caixa.left,
+        geoAlvo.left,
+        geoAlvo.width
+      );
+      onLinkCreate?.({
+        source: origem.barId,
+        target: alvoId,
+        type: linkTypeFromSides(origem.side, ladoAlvo)
+      });
+    };
+    window.addEventListener("pointermove", mover);
+    window.addEventListener("pointerup", soltar);
+    window.addEventListener("pointercancel", () => setVinculo(null));
+    return () => {
+      window.removeEventListener("pointermove", mover);
+      window.removeEventListener("pointerup", soltar);
+    };
+  }, [vinculo?.barId, vinculo?.side]);
+  const diaDaUnidade = (data) => Math.round(dateToX(data, windowStart, pxPerDay) / pxPerDay);
+  const limitesDeGrupo = React.useMemo(() => {
+    const saida = /* @__PURE__ */ new Set();
+    let acumulado = 0;
+    for (const g of axis.groups) {
+      acumulado += g.spanDays;
+      if (acumulado < axis.totalDays) saida.add(acumulado);
+    }
+    return saida;
+  }, [axis]);
+  const vinculoFantasma = React.useMemo(() => {
+    if (!vinculo) return null;
+    const de = geos.mapa.get(vinculo.barId);
+    if (!de) return null;
+    const tipo = de.row.type ?? "task";
+    const altura = tipo === "summary" ? GANTT_SUMMARY_BAR_HEIGHT_PX : GANTT_BAR_HEIGHT_PX;
+    return {
+      x1: vinculo.side === "end" ? de.left + de.width : de.left,
+      y1: topDaBarra(de, tipo) + altura / 2,
+      x2: vinculo.x,
+      y2: vinculo.y
+    };
+  }, [vinculo, geos]);
+  const nowX = dateToX(now, windowStart, pxPerDay);
+  const nowVisivel = nowX >= 0 && nowX <= larguraTotal;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttCanvasScroll(), ref: scrollRef, onScroll, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: larguraTotal, minWidth: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttHead(), style: { height: GANTT_HEAD_HEIGHT_PX }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ganttHeadRow({ level: "group" }),
+          style: { height: GANTT_HEAD_GROUP_PX },
+          children: axis.groups.map((g) => {
+            const largura = g.spanDays * pxPerDay;
+            const cabe = largura >= GANTT_GROUP_LABEL_MIN_PX;
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: ganttHeadCell({
+                  level: "group",
+                  boundary: limitesDeGrupo.has(
+                    diaDaUnidade(g.date) + g.spanDays
+                  )
+                }),
+                style: {
+                  left: dateToX(g.date, windowStart, pxPerDay),
+                  width: largura
+                },
+                title: cabe ? void 0 : String(g.label),
+                children: cabe ? g.label : null
+              },
+              `g-${g.date.getTime()}`
+            );
+          })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ganttHeadRow({ level: "unit" }),
+          style: { height: GANTT_HEAD_UNIT_PX },
+          children: axis.units.map((u) => {
+            const hoje = dateFns.isSameDay(u.date, now);
+            const dia = diaDaUnidade(u.date);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: ganttHeadCell({
+                  level: "unit",
+                  weekend: u.isWeekend,
+                  today: hoje,
+                  selected: selectedDay === dia,
+                  boundary: limitesDeGrupo.has(dia + u.spanDays)
+                }),
+                style: {
+                  left: dateToX(u.date, windowStart, pxPerDay),
+                  width: u.spanDays * pxPerDay,
+                  cursor: "pointer"
+                },
+                role: "columnheader",
+                "aria-selected": selectedDay === dia,
+                onClick: () => (
+                  // Clicar na coluna já selecionada DESSELECIONA — mesma
+                  // regra da linha, senão não há volta ao estado neutro.
+                  onSelectDay(selectedDay === dia ? null : dia)
+                ),
+                children: granularity === "day" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttHeadWeekday({ weekend: u.isWeekend }), children: dateFns.format(u.date, "EEEEEE", { locale }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttHeadDayNumber({ today: hoje }), children: u.label })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttHeadDayNumber({ today: hoje }), children: u.label })
+              },
+              `u-${u.date.getTime()}`
+            );
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: canvasRef,
+        className: ganttCanvas(),
+        style: { width: larguraTotal, height: Math.max(alturaTotal, 1) },
+        onMouseMove: (e) => {
+          const x = e.clientX - e.currentTarget.getBoundingClientRect().left;
+          const dia = Math.floor(x / pxPerDay);
+          if (dia !== hoveredDay) onHoverDay(dia);
+        },
+        onMouseLeave: () => {
+          onHoverRow(null);
+          onHoverDay(null);
+        },
+        children: [
+          axis.units.map((u) => {
+            const dia = diaDaUnidade(u.date);
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: ganttGridColumn({
+                  weekend: u.isWeekend,
+                  hovered: hoveredDay !== null && hoveredDay >= dia && hoveredDay < dia + u.spanDays,
+                  selected: selectedDay !== null && selectedDay >= dia && selectedDay < dia + u.spanDays,
+                  boundary: limitesDeGrupo.has(dia + u.spanDays)
+                }),
+                style: {
+                  left: dateToX(u.date, windowStart, pxPerDay),
+                  width: u.spanDays * pxPerDay
+                },
+                "aria-hidden": true
+              },
+              `col-${u.date.getTime()}`
+            );
+          }),
+          rows.map(({ row }, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: ganttCanvasRow({
+                type: row.type ?? "task",
+                hovered: hoveredRow === i,
+                selected: selectedRow === i
+              }),
+              style: { top: tops[i], height: alturas[i] },
+              onMouseEnter: () => onHoverRow(i),
+              "aria-hidden": true
+            },
+            `row-${row.id}`
+          )),
+          geos.lista.map((g) => {
+            const tipo = g.row.type ?? "task";
+            const aceitaGesto = tipo !== "summary";
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              GanttBarView,
+              {
+                bar: g.bar,
+                left: g.left,
+                width: g.width,
+                lane: g.lane,
+                rowType: tipo,
+                colorKey: g.colorKey,
+                continuesBefore: g.continuesBefore,
+                continuesAfter: g.continuesAfter,
+                conflict: conflictBarIds.has(g.bar.id),
+                critical: criticalBarIds.has(g.bar.id),
+                movable: draggable && aceitaGesto,
+                resizable: resizable && aceitaGesto,
+                linkable: linkable && aceitaGesto,
+                height: tipo === "summary" ? GANTT_SUMMARY_BAR_HEIGHT_PX : GANTT_BAR_HEIGHT_PX,
+                dragging: gesto?.barId === g.bar.id,
+                style: { top: topDaBarra(g, tipo) },
+                onClick: (e) => onBarClick?.(g.bar, g.row, e),
+                onMoveStart: (e) => iniciarGesto(g.bar.id, "move", e),
+                onResizeStart: (lado, e) => iniciarGesto(
+                  g.bar.id,
+                  lado === "start" ? "resize-start" : "resize-end",
+                  e
+                ),
+                onLinkStart: (lado, e) => iniciarVinculo(g.bar.id, lado, e)
+              },
+              g.bar.id
+            );
+          }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            GanttLinksLayer,
+            {
+              links: linkGeos,
+              width: larguraTotal,
+              height: Math.max(alturaTotal, 1),
+              onLinkClick
+            }
+          ),
+          vinculoFantasma ? /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: "pointer-events-none absolute inset-0 z-[4] overflow-visible",
+              width: larguraTotal,
+              height: Math.max(alturaTotal, 1),
+              "aria-hidden": true,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "line",
+                {
+                  x1: vinculoFantasma.x1,
+                  y1: vinculoFantasma.y1,
+                  x2: vinculoFantasma.x2,
+                  y2: vinculoFantasma.y2,
+                  className: ganttLinkGhost()
+                }
+              )
+            }
+          ) : null,
+          nowVisivel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ganttNowLine(), style: { left: nowX }, "aria-hidden": true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttNowStroke() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttNowDot() })
+          ] }) : null
+        ]
+      }
+    )
+  ] }) });
+}
+const Gantt = React.forwardRef(function Gantt2({
+  rows,
+  links = [],
+  view: viewProp,
+  views,
+  onViewChange,
+  windowStart: wsProp,
+  windowEnd: weProp,
+  granularity: granProp,
+  onGranularityChange,
+  columns,
+  gridWidth: gridWidthProp = 360,
+  draggable = false,
+  resizable = false,
+  linkable = false,
+  // Sem default no destructuring de propósito: `undefined` é o sinal de
+  // "não controlado", e um default aqui o apagaria.
+  criticalPath: criticalProp,
+  onCriticalPathChange,
+  criticalPathToggle = true,
+  onGraphError,
+  onLinkViolations,
+  searchable = false,
+  filterFields,
+  filterModel,
+  onFilterModelChange,
+  onBarClick,
+  onRowClick,
+  /**
+   * ⚠️ Estes quatro estavam DECLARADOS no tipo e nunca desestruturados aqui —
+   * a raiz não os recebia. Era superfície de API sem nada por trás: os punhos
+   * e as portas renderizavam, acessíveis, e o gesto não existia.
+   */
+  onBarMove,
+  onBarResize,
+  onLinkCreate,
+  onLinkDelete,
+  onDayAdd,
+  onRowToggle,
+  now = /* @__PURE__ */ new Date(),
+  locale,
+  weekStartsOn = 0,
+  toolbarActions,
+  primaryAction,
+  emptyState,
+  loading = false,
+  loadingState,
+  className
+}, ref) {
+  const [viewLocal, setViewLocal] = React.useState(viewProp ?? "timeline");
+  const visoesDisponiveis = React.useMemo(
+    () => views && views.length > 0 ? views : ["timeline", "calendar", "list"],
+    [views]
+  );
+  const viewPedida = viewProp ?? viewLocal;
+  const view = visoesDisponiveis.includes(viewPedida) ? viewPedida : visoesDisponiveis[0];
+  const [granLocal, setGranLocal] = React.useState(granProp ?? "day");
+  const granularity = granProp ?? granLocal;
+  const [criticalLocal, setCriticalLocal] = React.useState(criticalProp ?? false);
+  const criticalPath = criticalProp ?? criticalLocal;
+  const [busca, setBusca] = React.useState("");
+  const [filterLocal, setFilterLocal] = React.useState({});
+  const [colapsadas, setColapsadas] = React.useState(() => /* @__PURE__ */ new Set());
+  const [gridWidth, setGridWidth] = React.useState(gridWidthProp);
+  const [arrastandoDivisor, setArrastandoDivisor] = React.useState(false);
+  const [janelaLocal, setJanelaLocal] = React.useState(
+    () => deriveWindow(rows, granProp ?? "day")
+  );
+  const windowStart = wsProp ?? janelaLocal.start;
+  const windowEnd = weProp ?? janelaLocal.end;
+  const pxPerDay = GANTT_PX_PER_DAY[granularity];
+  const modeloEfetivo = filterModel ?? filterLocal;
+  const aplicarModelo = React.useCallback(
+    (proximo) => {
+      setFilterLocal(proximo);
+      onFilterModelChange?.(proximo);
+    },
+    [onFilterModelChange]
+  );
+  const definirValores = React.useCallback(
+    (fieldId, values) => {
+      aplicarModelo({ ...modeloEfetivo, [fieldId]: values });
+    },
+    [modeloEfetivo, aplicarModelo]
+  );
+  const alternarValor = React.useCallback(
+    (fieldId, value) => {
+      const atuais = modeloEfetivo[fieldId] ?? [];
+      const proximas = atuais.includes(value) ? atuais.filter((v) => v !== value) : [...atuais, value];
+      aplicarModelo({ ...modeloEfetivo, [fieldId]: proximas });
+    },
+    [modeloEfetivo, aplicarModelo]
+  );
+  const rowsFiltradas = React.useMemo(() => {
+    let saida = rows;
+    const termo = busca.trim().toLowerCase();
+    if (termo) {
+      const casa = (r) => {
+        const alvo = [
+          r.searchText,
+          typeof r.label === "string" ? r.label : "",
+          typeof r.sublabel === "string" ? r.sublabel : "",
+          ...r.bars.map((b) => b.searchText ?? "")
+        ].join(" ").toLowerCase();
+        return alvo.includes(termo);
+      };
+      const porId = new Map(rows.map((r) => [r.id, r]));
+      const manter = /* @__PURE__ */ new Set();
+      for (const r of rows) {
+        if (!casa(r)) continue;
+        manter.add(r.id);
+        let pai = r.parent;
+        let guarda = 0;
+        while (pai && guarda < 50) {
+          if (manter.has(pai)) break;
+          manter.add(pai);
+          pai = porId.get(pai)?.parent;
+          guarda++;
+        }
+      }
+      saida = saida.filter((r) => manter.has(r.id));
+    }
+    saida = aplicarFiltros(saida, filterFields, modeloEfetivo);
+    return saida;
+  }, [rows, busca, filterFields, modeloEfetivo]);
+  const flat = React.useMemo(
+    () => flattenRows(rowsFiltradas, colapsadas),
+    [rowsFiltradas, colapsadas]
+  );
+  const alturas = React.useMemo(
+    () => rowHeights(flat, GANTT_ROW_HEIGHT_PX, GANTT_LANE_HEIGHT_PX),
+    [flat]
+  );
+  const offsets = React.useMemo(() => rowOffsets(alturas), [alturas]);
+  const contagens = React.useMemo(() => {
+    const saida = {};
+    for (const campo of filterFields ?? []) {
+      const kind = campo.kind ?? "multi";
+      if (kind !== "multi" && kind !== "single" && kind !== "boolean") continue;
+      const porOpcao = {};
+      for (const r of rows) {
+        const v = campo.accessor(r);
+        if (v === void 0 || v === null) continue;
+        for (const x of Array.isArray(v) ? v : [v]) {
+          const chave = String(x);
+          porOpcao[chave] = (porOpcao[chave] ?? 0) + 1;
+        }
+      }
+      saida[campo.id] = porOpcao;
+    }
+    return saida;
+  }, [rows, filterFields]);
+  const todasBarras = React.useMemo(() => {
+    const lista = [];
+    for (const r of rows) lista.push(...r.bars);
+    return lista;
+  }, [rows]);
+  const mapaBarras = React.useMemo(
+    () => new Map(todasBarras.map((b) => [b.id, b])),
+    [todasBarras]
+  );
+  const violacoes = React.useMemo(
+    () => checkAllLinks(links, mapaBarras),
+    [links, mapaBarras]
+  );
+  const conflictBarIds = React.useMemo(
+    () => new Set(violacoes.map((v) => v.link.target)),
+    [violacoes]
+  );
+  const violacoesRef = React.useRef("");
+  React.useEffect(() => {
+    const assinatura = violacoes.map((v) => `${v.link.id}:${v.deficitDays}`).join("|");
+    if (assinatura === violacoesRef.current) return;
+    violacoesRef.current = assinatura;
+    onLinkViolations?.(violacoes);
+  }, [violacoes, onLinkViolations]);
+  const criticalBarIds = React.useMemo(() => {
+    if (!criticalPath || links.length === 0) return /* @__PURE__ */ new Set();
+    const r = computeCriticalPath(todasBarras, links);
+    if ("cycle" in r) return /* @__PURE__ */ new Set();
+    return r.critical;
+  }, [criticalPath, links, todasBarras]);
+  const cicloRef = React.useRef("");
+  React.useEffect(() => {
+    if (!criticalPath || links.length === 0) return;
+    const r = computeCriticalPath(todasBarras, links);
+    if (!("cycle" in r)) {
+      cicloRef.current = "";
+      return;
+    }
+    const assinatura = r.cycle.join("|");
+    if (assinatura === cicloRef.current) return;
+    cicloRef.current = assinatura;
+    onGraphError?.({ kind: "cycle", barIds: r.cycle });
+  }, [criticalPath, links, todasBarras, onGraphError]);
+  const [hoveredRow, setHoveredRow] = React.useState(null);
+  const [selectedRow, setSelectedRow] = React.useState(null);
+  const [selectedDay, setSelectedDay] = React.useState(null);
+  const [filtroAberto, setFiltroAberto] = React.useState(false);
+  const [hoveredDay, setHoveredDay] = React.useState(null);
+  const [scrollTop, setScrollTop] = React.useState(0);
+  const aoRolar = React.useCallback((e) => {
+    setScrollTop(e.currentTarget.scrollTop);
+  }, []);
+  const bodyRef = React.useRef(null);
+  const scrollerRef = React.useRef(null);
+  const [centrarEm, setCentrarEm] = React.useState(null);
+  React.useEffect(() => {
+    if (!centrarEm) return;
+    const el = scrollerRef.current;
+    if (!el) return;
+    const x = dateToX(centrarEm, windowStart, pxPerDay);
+    el.scrollLeft = Math.max(0, x - el.clientWidth / 2);
+    setCentrarEm(null);
+  }, [centrarEm, windowStart, pxPerDay]);
+  React.useEffect(() => {
+    if (!arrastandoDivisor) return;
+    const mover2 = (e) => {
+      const caixa = bodyRef.current?.getBoundingClientRect();
+      if (!caixa) return;
+      const bruto = e.clientX - caixa.left;
+      setGridWidth(Math.min(Math.max(180, bruto), caixa.width * 0.6));
+    };
+    const soltar = () => setArrastandoDivisor(false);
+    window.addEventListener("pointermove", mover2);
+    window.addEventListener("pointerup", soltar);
+    return () => {
+      window.removeEventListener("pointermove", mover2);
+      window.removeEventListener("pointerup", soltar);
+    };
+  }, [arrastandoDivisor]);
+  const larguraJanelaDias = dateFns.differenceInCalendarDays(dateFns.startOfDay(windowEnd), dateFns.startOfDay(windowStart)) + 1;
+  const mover = React.useCallback(
+    (dias) => {
+      if (wsProp || weProp) return;
+      setJanelaLocal((j) => ({
+        start: dateFns.addDays(j.start, dias),
+        end: dateFns.addDays(j.end, dias)
+      }));
+    },
+    [wsProp, weProp]
+  );
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      goToDate: (date) => {
+        if (wsProp || weProp) return;
+        const meio = Math.floor(larguraJanelaDias / 2);
+        setJanelaLocal({
+          start: dateFns.addDays(dateFns.startOfDay(date), -meio),
+          end: dateFns.addDays(dateFns.startOfDay(date), larguraJanelaDias - meio - 1)
+        });
+      },
+      goToToday: () => {
+        if (wsProp || weProp) return;
+        const meio = Math.floor(larguraJanelaDias / 2);
+        setJanelaLocal({
+          start: dateFns.addDays(dateFns.startOfDay(now), -meio),
+          end: dateFns.addDays(dateFns.startOfDay(now), larguraJanelaDias - meio - 1)
+        });
+      },
+      expandAll: () => setColapsadas(/* @__PURE__ */ new Set()),
+      collapseAll: () => setColapsadas(new Set(rows.filter((r) => r.parent === void 0).map((r) => r.id)))
+    }),
+    [wsProp, weProp, larguraJanelaDias, now, rows]
+  );
+  const ancoraDoMes = React.useMemo(
+    () => dateFns.addDays(dateFns.startOfDay(windowStart), Math.floor(larguraJanelaDias / 2)),
+    [windowStart, larguraJanelaDias]
+  );
+  const mesVisivel = React.useMemo(
+    () => ({
+      start: dateFns.startOfMonth(ancoraDoMes),
+      end: dateFns.endOfMonth(ancoraDoMes)
+    }),
+    [ancoraDoMes]
+  );
+  const visaoMensal = view === "calendar" || view === "list";
+  const titulo = React.useMemo(() => {
+    if (visaoMensal) {
+      return dateFns.format(ancoraDoMes, "MMMM yyyy", { locale });
+    }
+    const mesmoAno = windowStart.getFullYear() === windowEnd.getFullYear();
+    const a = dateFns.format(windowStart, mesmoAno ? "d MMM" : "d MMM yyyy", { locale });
+    const b = dateFns.format(windowEnd, "d MMM yyyy", { locale });
+    return `${a} – ${b}`;
+  }, [visaoMensal, ancoraDoMes, windowStart, windowEnd, locale]);
+  const passoDeNavegacao = React.useCallback(
+    (direcao) => {
+      if (visaoMensal) {
+        const destino = dateFns.addMonths(ancoraDoMes, direcao);
+        return dateFns.differenceInCalendarDays(destino, ancoraDoMes);
+      }
+      return direcao * Math.max(1, Math.floor(larguraJanelaDias / 2));
+    },
+    [visaoMensal, ancoraDoMes, larguraJanelaDias]
+  );
+  const formatarDataDeFiltro = React.useCallback(
+    (iso) => {
+      const d = parseDiaISO(iso);
+      if (!d) return iso;
+      return dateFns.format(d, "dd/MM/yy", { locale });
+    },
+    [locale]
+  );
+  const colunas = columns ?? GANTT_DEFAULT_COLUMNS;
+  const appliedCount = contarAplicados(filterFields, modeloEfetivo);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: avatar.cn(ganttRoot(), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      GanttToolbar,
+      {
+        title: titulo,
+        onPrev: () => mover(passoDeNavegacao(-1)),
+        onNext: () => mover(passoDeNavegacao(1)),
+        onToday: () => {
+          if (wsProp || weProp) return;
+          const meio = Math.floor(larguraJanelaDias / 2);
+          setJanelaLocal({
+            start: dateFns.addDays(dateFns.startOfDay(now), -meio),
+            end: dateFns.addDays(dateFns.startOfDay(now), larguraJanelaDias - meio - 1)
+          });
+        },
+        view,
+        views: visoesDisponiveis,
+        onViewChange: (v) => {
+          if (viewProp === void 0) setViewLocal(v);
+          onViewChange?.(v);
+        },
+        granularity,
+        onGranularityChange: (g) => {
+          const el = scrollerRef.current;
+          if (el) {
+            setCentrarEm(
+              xToDate(el.scrollLeft + el.clientWidth / 2, windowStart, pxPerDay)
+            );
+          }
+          if (granProp === void 0) setGranLocal(g);
+          onGranularityChange?.(g);
+          if (wsProp || weProp) return;
+          const dias = GANTT_WINDOW_DAYS[g];
+          const extensao = deriveWindow(rows, g);
+          setJanelaLocal((j) => {
+            const meio = dateFns.addDays(
+              dateFns.startOfDay(j.start),
+              Math.floor(
+                dateFns.differenceInCalendarDays(dateFns.startOfDay(j.end), dateFns.startOfDay(j.start)) / 2
+              )
+            );
+            const start = dateFns.addDays(meio, -Math.floor(dias / 2));
+            const end = dateFns.addDays(meio, dias - Math.floor(dias / 2) - 1);
+            return {
+              start: extensao.start < start ? extensao.start : start,
+              end: extensao.end > end ? extensao.end : end
+            };
+          });
+        },
+        searchable,
+        search: busca,
+        onSearchChange: setBusca,
+        filterFields,
+        onOpenFilterPanel: () => setFiltroAberto(true),
+        appliedCount,
+        filterModel: modeloEfetivo,
+        onClearField: (id) => definirValores(id, []),
+        onClearAll: () => aplicarModelo({}),
+        onToggleFilterValue: alternarValor,
+        filterCounts: contagens,
+        formatFilterDate: formatarDataDeFiltro,
+        hasLinks: links.length > 0,
+        showCriticalToggle: criticalPathToggle,
+        criticalPath,
+        onToggleCriticalPath: () => {
+          const proximo = !criticalPath;
+          if (criticalProp === void 0) setCriticalLocal(proximo);
+          onCriticalPathChange?.(proximo);
+        },
+        toolbarActions,
+        primaryAction
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: bodyRef,
+        className: ganttBody({ framed: view === "timeline" }),
+        role: "region",
+        "aria-label": `Cronograma, ${titulo}`,
+        children: loading ? loadingState ?? /* @__PURE__ */ jsxRuntime.jsx(GanttSkeleton, { view, gridWidth }) : flat.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttEmpty(), children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: ganttEmptyText(), children: "Nenhuma tarefa neste período." }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          view === "timeline" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttGridPane(), style: { width: gridWidth }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              GanttGrid,
+              {
+                rows: flat,
+                columns: colunas,
+                heights: alturas,
+                scrollTop,
+                locale,
+                hoveredRow,
+                onHoverRow: setHoveredRow,
+                selectedRow,
+                onRowToggle: (id, colapsar) => {
+                  setColapsadas((prev) => {
+                    const proximo = new Set(prev);
+                    if (colapsar) proximo.add(id);
+                    else proximo.delete(id);
+                    return proximo;
+                  });
+                  onRowToggle?.(id, colapsar);
+                },
+                onRowClick: (row, e) => {
+                  const i = flat.findIndex((f) => f.row.id === row.id);
+                  setSelectedRow((atual) => atual === i ? null : i);
+                  onRowClick?.(row, e);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                role: "separator",
+                "aria-orientation": "vertical",
+                "aria-label": "Redimensionar a grade",
+                tabIndex: 0,
+                className: ganttSplitter({ active: arrastandoDivisor }),
+                onPointerDown: () => setArrastandoDivisor(true),
+                onKeyDown: (e) => {
+                  if (e.key === "ArrowLeft") setGridWidth((w) => Math.max(180, w - 16));
+                  if (e.key === "ArrowRight") setGridWidth((w) => w + 16);
+                }
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: ganttTimelinePane(), children: view === "timeline" ? /* @__PURE__ */ jsxRuntime.jsx(
+            GanttTimelineView,
+            {
+              rows: flat,
+              allRows: rows,
+              links,
+              windowStart,
+              windowEnd,
+              granularity,
+              pxPerDay,
+              heights: alturas,
+              offsets,
+              now,
+              locale,
+              weekStartsOn,
+              conflictBarIds,
+              criticalBarIds,
+              draggable,
+              resizable,
+              linkable,
+              hoveredRow,
+              onHoverRow: setHoveredRow,
+              hoveredDay,
+              onHoverDay: setHoveredDay,
+              selectedRow,
+              selectedDay,
+              onSelectDay: setSelectedDay,
+              onBarMove,
+              onBarResize,
+              onLinkCreate,
+              onLinkClick: onLinkDelete,
+              onScroll: aoRolar,
+              scrollRef: scrollerRef,
+              onBarClick
+            }
+          ) : view === "calendar" ? (
+            /*
+                              ⚠️ O mês âncora é o MEIO da janela, e chegar nisso custou uma
+                              medição.
+            
+                              Não é `now`: aí navegar com `‹ ›` moveria a janela e a grade
+                              ficaria parada — as duas visões falariam de períodos
+                              diferentes, e trocar de visão teleportaria o usuário.
+            
+                              E não é `windowStart`, que foi a primeira tentativa. A janela
+                              derivada começa UM DIA ANTES da primeira barra, então o mês
+                              âncora caía no mês anterior ao trabalho: medido no exemplo,
+                              `windowStart` = 31/ago abria agosto com **5 células ocupadas
+                              de 42** enquanto os dados viviam em set–nov.
+            
+                              O meio da janela é onde a massa do cronograma está, acompanha
+                              o `‹ ›` e nunca cai num mês de borda.
+                            */
+            /* @__PURE__ */ jsxRuntime.jsx(
+              GanttCalendarView,
+              {
+                rows: flat,
+                anchor: ancoraDoMes,
+                weekStartsOn,
+                now,
+                locale,
+                conflictBarIds,
+                criticalBarIds,
+                onBarClick,
+                onDayAdd
+              }
+            )
+          ) : (
+            /*
+              A agenda recebe o MÊS, não a janela — ver a nota do
+              `mesVisivel`. As setas `‹ ›` andam um mês nesta visão, então o
+              recorte e a navegação falam a mesma unidade.
+            */
+            /* @__PURE__ */ jsxRuntime.jsx(
+              GanttListView,
+              {
+                rows: flat,
+                windowStart: mesVisivel.start,
+                windowEnd: mesVisivel.end,
+                now,
+                locale,
+                conflictBarIds,
+                criticalBarIds,
+                onBarClick,
+                emptyState
+              }
+            )
+          ) })
+        ] })
+      }
+    ),
+    filterFields && filterFields.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      GanttFilterPanel,
+      {
+        open: filtroAberto,
+        onOpenChange: setFiltroAberto,
+        fields: filterFields,
+        model: modeloEfetivo,
+        onToggleValue: alternarValor,
+        onSetFieldValues: definirValores,
+        onClearAll: () => aplicarModelo({}),
+        appliedCount,
+        counts: contagens
+      }
+    ) : null
+  ] });
+});
 const spinnerStyles = avatar.tv({
   base: ["inline-block shrink-0", "animate-spin motion-reduce:animate-none"],
   variants: {
@@ -11674,6 +16083,17 @@ exports.DatePicker = DatePicker;
 exports.DateSeparatorChip = DateSeparatorChip;
 exports.EmptyState = EmptyState;
 exports.FileUploadField = FileUploadField;
+exports.GANTT_BAR_MIN_WIDTH_PX = GANTT_BAR_MIN_WIDTH_PX;
+exports.GANTT_DEFAULT_COLUMNS = GANTT_DEFAULT_COLUMNS;
+exports.GANTT_HEAD_HEIGHT_PX = GANTT_HEAD_HEIGHT_PX;
+exports.GANTT_LANE_HEIGHT_PX = GANTT_LANE_HEIGHT_PX;
+exports.GANTT_PX_PER_DAY = GANTT_PX_PER_DAY;
+exports.GANTT_ROW_HEIGHT_PX = GANTT_ROW_HEIGHT_PX;
+exports.Gantt = Gantt;
+exports.GanttBarView = GanttBarView;
+exports.GanttFilterPanel = GanttFilterPanel;
+exports.GanttGrid = GanttGrid;
+exports.GanttLinksLayer = GanttLinksLayer;
 exports.Icon = Icon;
 exports.MarkdownText = MarkdownText;
 exports.MessageAck = MessageAck;
@@ -11701,26 +16121,49 @@ exports.ToolbarMobileDialog = ToolbarMobileDialog;
 exports.ToolbarMobileSection = ToolbarMobileSection;
 exports.ToolbarMobileSheet = ToolbarMobileSheet;
 exports.actionColumn = actionColumn;
+exports.buildMonthMatrix = buildMonthMatrix;
+exports.buildTimeAxis = buildTimeAxis;
 exports.cardCheckbox = cardCheckbox;
 exports.cardOption = cardOption;
 exports.cardOptionGroup = cardOptionGroup;
+exports.checkAllLinks = checkAllLinks;
+exports.checkLink = checkLink;
+exports.clipToWindow = clipToWindow;
 exports.colorPickerStyles = colorPickerStyles;
+exports.computeCriticalPath = computeCriticalPath;
+exports.computeOverflow = computeOverflow;
+exports.constraintDates = constraintDates;
 exports.conversationListItemStyles = conversationListItemStyles;
 exports.currencyColumn = currencyColumn;
 exports.customColumn = customColumn;
 exports.dateColumn = dateColumn;
 exports.dateSeparatorChipStyles = dateSeparatorChipStyles;
+exports.dateToDayOffset = dateToDayOffset;
+exports.dateToX = dateToX;
+exports.daysOfBar = daysOfBar;
+exports.deriveSummaryRange = deriveSummaryRange;
+exports.deriveWindow = deriveWindow;
 exports.emailColumn = emailColumn;
 exports.emptyStateStyles = emptyStateStyles;
+exports.flattenRows = flattenRows;
+exports.ganttDaySegment = ganttDaySegment;
 exports.iconStyles = iconStyles;
 exports.icons = icons;
+exports.linkPath = linkPath;
+exports.linkSides = linkSides;
 exports.markdownTextStyles = markdownTextStyles;
 exports.messageAckStyles = messageAckStyles;
 exports.messageBubbleStyles = messageBubbleStyles;
 exports.messageComposerStyles = messageComposerStyles;
 exports.messageVariablesPickerStyles = messageVariablesPickerStyles;
+exports.monthBounds = monthBounds;
+exports.monthMatrixRange = monthMatrixRange;
 exports.numberColumn = numberColumn;
+exports.packLanes = packLanes;
 exports.phoneColumn = phoneColumn;
+exports.rowHeights = rowHeights;
+exports.rowOffsets = rowOffsets;
+exports.snapDate = snapDate;
 exports.statusColumn = statusColumn;
 exports.tabsNavigationAcao = tabsNavigationAcao;
 exports.tabsNavigationAcoes = tabsNavigationAcoes;
@@ -11733,9 +16176,11 @@ exports.tabsNavigationTrilho = tabsNavigationTrilho;
 exports.textColumn = textColumn;
 exports.toast = toast;
 exports.toastVariants = toastVariants;
+exports.topoSort = topoSort;
 exports.useBrand = useBrand;
 exports.useChart = useChart;
 exports.useToolbarFilterControl = useToolbarFilterControl;
 exports.useToolbarFilters = useToolbarFilters;
 exports.useToolbarSort = useToolbarSort;
+exports.xToDate = xToDate;
 //# sourceMappingURL=index.cjs.map