@devfellowship/components 1.2.3 → 1.4.0

package/dist/index.cjs

@@ -112,6 +112,7 @@ __export(src_exports, {
   ContextMenuSubContent: () => ContextMenuSubContent,
   ContextMenuSubTrigger: () => ContextMenuSubTrigger,
   ContextMenuTrigger: () => ContextMenuTrigger,
+  DEFAULT_NAME_COL_WIDTH: () => DEFAULT_NAME_COL_WIDTH,
   DflRemote: () => DflRemote,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
@@ -156,6 +157,7 @@ __export(src_exports, {
   FormItem: () => FormItem,
   FormLabel: () => FormLabel,
   FormMessage: () => FormMessage,
+  Gantt: () => Gantt,
   HoverCard: () => HoverCard,
   HoverCardContent: () => HoverCardContent,
   HoverCardTrigger: () => HoverCardTrigger,
@@ -296,7 +298,9 @@ __export(src_exports, {
   UserAvatar: () => UserAvatar,
   UserMenu: () => UserMenu,
   badgeVariants: () => badgeVariants,
+  barGridColumn: () => barGridColumn,
   buttonVariants: () => buttonVariants,
+  clampPct: () => clampPct,
   cn: () => cn,
   filterPublishableAccounts: () => filterPublishableAccounts,
   getInitials: () => getInitials,
@@ -308,6 +312,10 @@ __export(src_exports, {
   memberHueVar: () => memberHueVar,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   parseTags: () => parseTags,
+  resolveNameColWidth: () => resolveNameColWidth,
+  resolveWeekCount: () => resolveWeekCount,
+  resolveWeekLabels: () => resolveWeekLabels,
+  stageProgress: () => stageProgress,
   toast: () => toast,
   toggleVariants: () => toggleVariants,
   useAuth: () => useAuth,
@@ -5065,10 +5073,434 @@ function AppNavbar({
   );
 }
 
-// src/components/organisms/PublishDrawer.tsx
+// src/components/organisms/Gantt.tsx
 var React44 = __toESM(require("react"), 1);
-var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
+var DEFAULT_NAME_COL_WIDTH = 320;
+function resolveNameColWidth(nameColWidth, labelWidth) {
+  if (typeof nameColWidth === "number" && nameColWidth > 0) return Math.round(nameColWidth);
+  if (typeof labelWidth === "number" && labelWidth > 0) return Math.round(labelWidth);
+  return DEFAULT_NAME_COL_WIDTH;
+}
+function clampPct(value) {
+  if (value == null || Number.isNaN(value)) return 0;
+  return Math.max(0, Math.min(100, Math.round(value)));
+}
+function stageProgress(stage) {
+  if (stage.progress != null) return clampPct(stage.progress);
+  const ms = stage.milestones ?? [];
+  if (ms.length === 0) return 0;
+  const done = ms.filter((m) => m.done).length;
+  return clampPct(done / ms.length * 100);
+}
+function resolveWeekCount(stages, weeks) {
+  if (Array.isArray(weeks)) return Math.max(1, weeks.length);
+  if (typeof weeks === "number" && weeks > 0) return Math.round(weeks);
+  let max = 1;
+  for (const s of stages) {
+    max = Math.max(max, s.weekStart + Math.max(1, s.weekSpan) - 1);
+    for (const m of s.milestones ?? []) {
+      const ws = m.weekStart ?? s.weekStart;
+      max = Math.max(max, ws + Math.max(1, m.weekSpan ?? 1) - 1);
+    }
+  }
+  return Math.max(1, max);
+}
+function resolveWeekLabels(count2, weeks) {
+  if (Array.isArray(weeks)) return weeks;
+  return Array.from({ length: count2 }, (_, i) => `W${i + 1}`);
+}
+function barGridColumn(weekStart, weekSpan, weekCount) {
+  const start = Math.max(1, Math.min(weekStart, weekCount));
+  const rawEnd = start + Math.max(1, weekSpan) - 1;
+  const end = Math.max(start, Math.min(rawEnd, weekCount));
+  return { start, span: end - start + 1 };
+}
+var DEFAULT_DOT = "var(--s-brand-solid, #E07A4A)";
+function Gantt({
+  stages,
+  weeks,
+  dependencies = [],
+  rowsHeader = "Stage / Task",
+  stagesOnly = false,
+  header,
+  labelWidth,
+  nameColWidth,
+  weekMinWidth = 64,
+  className,
+  style,
+  ...rest
+}) {
+  const weekCount = resolveWeekCount(stages, weeks);
+  const weekLabels = resolveWeekLabels(weekCount, weeks);
+  const nameWidth = resolveNameColWidth(nameColWidth, labelWidth);
+  const [collapsed, setCollapsed] = React44.useState(
+    () => Object.fromEntries(stages.filter((s) => s.collapsed).map((s) => [s.id, true]))
+  );
+  const toggle = (id) => setCollapsed((c) => ({ ...c, [id]: !c[id] }));
+  const gridRef = React44.useRef(null);
+  const barRefs = React44.useRef({});
+  const [edges, setEdges] = React44.useState([]);
+  const recomputeEdges = React44.useCallback(() => {
+    const root = gridRef.current;
+    if (!root || dependencies.length === 0) {
+      setEdges([]);
+      return;
+    }
+    const rootBox = root.getBoundingClientRect();
+    const next = [];
+    for (const dep of dependencies) {
+      const a = barRefs.current[dep.from];
+      const b = barRefs.current[dep.to];
+      if (!a || !b) continue;
+      const ab = a.getBoundingClientRect();
+      const bb = b.getBoundingClientRect();
+      next.push({
+        id: `${dep.from}->${dep.to}`,
+        x1: ab.right - rootBox.left,
+        y1: ab.top - rootBox.top + ab.height / 2,
+        x2: bb.left - rootBox.left,
+        y2: bb.top - rootBox.top + bb.height / 2
+      });
+    }
+    setEdges(next);
+  }, [dependencies]);
+  React44.useLayoutEffect(() => {
+    recomputeEdges();
+  }, [recomputeEdges, collapsed, weekCount, stages]);
+  React44.useEffect(() => {
+    if (dependencies.length === 0) return;
+    const handler = () => recomputeEdges();
+    window.addEventListener("resize", handler);
+    return () => window.removeEventListener("resize", handler);
+  }, [dependencies.length, recomputeEdges]);
+  const trackTemplate = `${nameWidth}px repeat(${weekCount}, minmax(${weekMinWidth}px, 1fr))`;
+  const stickyCol = "sticky left-0 z-20 after:absolute after:inset-y-0 after:right-0 after:w-px after:bg-[var(--s-border-subtle,#2A2622)]";
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+    "div",
+    {
+      className: cn(
+        "dfl-gantt rounded-[var(--c-card-radius,10px)] border border-[var(--s-border-subtle,#2A2622)] bg-[var(--s-surface-panel,#141210)] text-[var(--s-ink-primary,#F6F1E7)] overflow-hidden",
+        className
+      ),
+      style,
+      ...rest,
+      children: [
+        header && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "border-b border-[var(--s-border-subtle,#2A2622)] px-5 py-4", children: header }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { ref: gridRef, className: "relative min-w-max", children: [
+          edges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+            "svg",
+            {
+              className: "pointer-events-none absolute inset-0 h-full w-full",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                  "marker",
+                  {
+                    id: "dfl-gantt-arrow",
+                    markerWidth: "7",
+                    markerHeight: "7",
+                    refX: "5",
+                    refY: "3",
+                    orient: "auto",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      "path",
+                      {
+                        d: "M0,0 L6,3 L0,6 Z",
+                        fill: "var(--s-brand-solid, #E07A4A)"
+                      }
+                    )
+                  }
+                ) }),
+                edges.map((e) => {
+                  const stub = 14;
+                  const c1x = e.x1 + stub;
+                  const c2x = e.x2 - stub;
+                  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    "path",
+                    {
+                      d: `M ${e.x1} ${e.y1} C ${c1x} ${e.y1}, ${c2x} ${e.y2}, ${e.x2} ${e.y2}`,
+                      fill: "none",
+                      stroke: "var(--s-brand-solid, #E07A4A)",
+                      strokeWidth: 1.5,
+                      strokeOpacity: 0.65,
+                      markerEnd: "url(#dfl-gantt-arrow)"
+                    },
+                    e.id
+                  );
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+            "div",
+            {
+              className: "grid items-center border-b border-[var(--s-border-subtle,#2A2622)] bg-[var(--s-surface-raised,#1A1714)]",
+              style: { gridTemplateColumns: trackTemplate },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      stickyCol,
+                      "bg-[var(--s-surface-raised,#1A1714)] px-4 py-2.5 font-[var(--s-font-mono,monospace)] text-[10.5px] font-medium uppercase tracking-[0.6px] text-[var(--s-ink-muted,#7D7568)]"
+                    ),
+                    children: rowsHeader
+                  }
+                ),
+                weekLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                  "div",
+                  {
+                    className: "border-l border-[var(--s-border-subtle,#2A2622)] py-2.5 text-center font-[var(--s-font-mono,monospace)] text-[11px] tabular-nums text-[var(--s-ink-muted,#7D7568)]",
+                    children: label
+                  },
+                  i
+                ))
+              ]
+            }
+          ),
+          stages.map((stage) => {
+            const pct = stageProgress(stage);
+            const dot = stage.color || DEFAULT_DOT;
+            const isCollapsed = !!collapsed[stage.id];
+            const ms = stage.milestones ?? [];
+            const done = ms.filter((m) => m.done).length;
+            const sCol = barGridColumn(stage.weekStart, stage.weekSpan, weekCount);
+            return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(React44.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                "div",
+                {
+                  className: "grid items-center border-b border-[var(--s-border-subtle,#2A2622)]",
+                  style: { gridTemplateColumns: trackTemplate },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => toggle(stage.id),
+                        className: cn(
+                          stickyCol,
+                          "flex items-center gap-2 bg-[var(--s-surface-panel,#141210)] px-4 py-3 text-left transition-colors hover:bg-[var(--s-surface-raised,#1A1714)]"
+                        ),
+                        "aria-expanded": !isCollapsed,
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Chevron, { open: !isCollapsed }),
+                          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                            "span",
+                            {
+                              className: "h-2.5 w-2.5 shrink-0 rounded-full",
+                              style: { background: dot }
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "min-w-0", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                              "span",
+                              {
+                                className: "block truncate text-[13px] font-semibold text-[var(--s-ink-primary,#F6F1E7)]",
+                                title: stage.title,
+                                children: stage.title
+                              }
+                            ),
+                            stage.subtitle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                              "span",
+                              {
+                                className: "block truncate text-[11px] text-[var(--s-ink-muted,#7D7568)]",
+                                title: stage.subtitle,
+                                children: stage.subtitle
+                              }
+                            )
+                          ] }),
+                          ms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "ml-auto shrink-0 rounded-[var(--c-badge-radius,4px)] bg-[var(--s-surface-elevated,#1F1C18)] px-1.5 py-0.5 font-[var(--s-font-mono,monospace)] text-[10px] tabular-nums text-[var(--s-ink-secondary,#C9C0B4)]", children: [
+                            done,
+                            "/",
+                            ms.length
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      "div",
+                      {
+                        className: "relative h-9",
+                        style: {
+                          gridColumn: `${1 + sCol.start} / span ${sCol.span}`
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                          "div",
+                          {
+                            ref: (el) => {
+                              barRefs.current[stage.id] = el;
+                            },
+                            className: "absolute inset-y-2 inset-x-1 overflow-hidden rounded-[var(--p-radius-sm,4px)]",
+                            style: { background: tint(dot, 0.16) },
+                            title: `${stage.title} \xB7 ${pct}%`,
+                            children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                                "div",
+                                {
+                                  className: "h-full rounded-[var(--p-radius-sm,4px)]",
+                                  style: { width: `${pct}%`, background: dot }
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "absolute inset-0 flex items-center px-2 font-[var(--s-font-mono,monospace)] text-[10.5px] font-medium tabular-nums text-[var(--s-ink-primary,#F6F1E7)]", children: [
+                                pct,
+                                "%"
+                              ] })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              !stagesOnly && !isCollapsed && ms.map((m) => {
+                const mStart = m.weekStart ?? stage.weekStart;
+                const mCol = barGridColumn(
+                  mStart,
+                  m.weekSpan ?? 1,
+                  weekCount
+                );
+                return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                  "div",
+                  {
+                    className: "grid items-center border-b border-[var(--s-border-subtle,#2A2622)] bg-[var(--s-surface-page,#0A0908)]",
+                    style: { gridTemplateColumns: trackTemplate },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                        "div",
+                        {
+                          className: cn(
+                            stickyCol,
+                            "flex items-center gap-2 bg-[var(--s-surface-page,#0A0908)] py-2 pl-10 pr-4"
+                          ),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(StatusDot, { done: m.done, color: dot }),
+                            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                              "span",
+                              {
+                                className: cn(
+                                  "min-w-0 flex-1 truncate text-[13px]",
+                                  m.done ? "text-[var(--s-ink-muted,#7D7568)] line-through" : "text-[var(--s-ink-secondary,#C9C0B4)]"
+                                ),
+                                title: m.title,
+                                children: m.title
+                              }
+                            ),
+                            m.points != null && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "shrink-0 font-[var(--s-font-mono,monospace)] text-[10px] tabular-nums text-[var(--s-ink-muted,#7D7568)]", children: m.points })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                        "div",
+                        {
+                          className: "relative h-6",
+                          style: {
+                            gridColumn: `${1 + mCol.start} / span ${mCol.span}`
+                          },
+                          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                            "div",
+                            {
+                              className: cn(
+                                "absolute inset-y-1.5 inset-x-1 rounded-[var(--p-radius-sm,4px)]",
+                                m.done ? "" : "border"
+                              ),
+                              style: m.done ? { background: dot } : {
+                                background: tint(dot, 0.08),
+                                borderColor: tint(dot, 0.4)
+                              }
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  },
+                  m.id
+                );
+              })
+            ] }, stage.id);
+          }),
+          stages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "px-4 py-8 text-center text-[13px] text-[var(--s-ink-muted,#7D7568)]", children: "No stages yet." })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-wrap items-center gap-4 border-t border-[var(--s-border-subtle,#2A2622)] px-5 py-2.5 font-[var(--s-font-mono,monospace)] text-[10.5px] uppercase tracking-[0.6px] text-[var(--s-ink-muted,#7D7568)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LegendItem, { swatch: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "h-2.5 w-3 rounded-[2px]", style: { background: "var(--s-brand-solid, #E07A4A)" } }), label: "Completed" }),
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LegendItem, { swatch: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "h-2.5 w-3 rounded-[2px] border", style: { background: "rgba(224,122,74,0.08)", borderColor: "rgba(224,122,74,0.4)" } }), label: "Upcoming" }),
+          dependencies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LegendItem, { swatch: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "block h-0.5 w-4", style: { background: "var(--s-brand-solid, #E07A4A)", opacity: 0.7 } }), label: "Depends on" })
+        ] })
+      ]
+    }
+  );
+}
+function Chevron({ open }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "shrink-0 text-[var(--s-ink-muted,#7D7568)] transition-transform",
+      style: { transform: open ? "rotate(90deg)" : "none" },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M9 18l6-6-6-6" })
+    }
+  );
+}
+function StatusDot({ done, color }) {
+  if (done) {
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("circle", { cx: "12", cy: "12", r: "9", fill: color }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        "path",
+        {
+          d: "M8 12l3 3 5-6",
+          fill: "none",
+          stroke: "var(--s-ink-inverse, #0A0908)",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "circle",
+    {
+      cx: "12",
+      cy: "12",
+      r: "8",
+      fill: "none",
+      stroke: "var(--s-border-strong, #3A3530)",
+      strokeWidth: "2"
+    }
+  ) });
+}
+function LegendItem({ swatch, label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+    swatch,
+    label
+  ] });
+}
+function tint(color, alpha) {
+  const hex = /^#([0-9a-f]{6})$/i.exec(color.trim());
+  if (hex) {
+    const n = parseInt(hex[1], 16);
+    const r = n >> 16 & 255;
+    const g = n >> 8 & 255;
+    const b = n & 255;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+  }
+  return `color-mix(in srgb, ${color} ${Math.round(alpha * 100)}%, transparent)`;
+}
+
+// src/components/organisms/PublishDrawer.tsx
+var React45 = __toESM(require("react"), 1);
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function parseTags(raw) {
   return raw.split(/[,\n]/).map((t) => t.trim()).filter((t) => t.length > 0);
 }
@@ -5104,16 +5536,16 @@ function PublishDrawer({
   onError,
   className
 }) {
-  const [title, setTitle] = React44.useState(suggestedTitle);
-  const [description, setDescription] = React44.useState(suggestedDescription);
-  const [tagsRaw, setTagsRaw] = React44.useState("");
-  const [thumbnailUrl, setThumbnailUrl] = React44.useState(suggestedThumbnailUrl);
-  const [accounts, setAccounts] = React44.useState([]);
-  const [accountId, setAccountId] = React44.useState(null);
-  const [status, setStatus] = React44.useState("idle");
-  const [errorMsg, setErrorMsg] = React44.useState(null);
-  const [result, setResult] = React44.useState(null);
-  React44.useEffect(() => {
+  const [title, setTitle] = React45.useState(suggestedTitle);
+  const [description, setDescription] = React45.useState(suggestedDescription);
+  const [tagsRaw, setTagsRaw] = React45.useState("");
+  const [thumbnailUrl, setThumbnailUrl] = React45.useState(suggestedThumbnailUrl);
+  const [accounts, setAccounts] = React45.useState([]);
+  const [accountId, setAccountId] = React45.useState(null);
+  const [status, setStatus] = React45.useState("idle");
+  const [errorMsg, setErrorMsg] = React45.useState(null);
+  const [result, setResult] = React45.useState(null);
+  React45.useEffect(() => {
     if (open) {
       setTitle(suggestedTitle);
       setDescription(suggestedDescription);
@@ -5123,7 +5555,7 @@ function PublishDrawer({
       setResult(null);
     }
   }, [open]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!open) return;
     let cancelled = false;
     (async () => {
@@ -5147,7 +5579,7 @@ function PublishDrawer({
       cancelled = true;
     };
   }, [open, supabase]);
-  const fail = React44.useCallback(
+  const fail = React45.useCallback(
     (msg) => {
       setStatus("error");
       setErrorMsg(msg);
@@ -5249,18 +5681,18 @@ function PublishDrawer({
     onPublished?.(publishResult);
   }
   const busy = status === "publishing" || status === "rendering-thumb" || status === "loading-accounts";
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(SheetContent, { side: "right", className: cn("flex w-full flex-col gap-4 overflow-y-auto sm:max-w-md", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(SheetHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(SheetTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.Youtube, { className: "h-5 w-5 text-red-600" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Sheet, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetContent, { side: "right", className: cn("flex w-full flex-col gap-4 overflow-y-auto sm:max-w-md", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.Youtube, { className: "h-5 w-5 text-red-600" }),
         "Publicar no YouTube"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SheetDescription, { children: "Publique o v\xEDdeo gravado cross-platform via Zernio. Preencha t\xEDtulo, descri\xE7\xE3o e palavras-chave manualmente." })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SheetDescription, { children: "Publique o v\xEDdeo gravado cross-platform via Zernio. Preencha t\xEDtulo, descri\xE7\xE3o e palavras-chave manualmente." })
     ] }),
-    status === "done" && result ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.CheckCircle2, { className: "h-10 w-10 text-green-600" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "font-medium", children: "V\xEDdeo publicado!" }),
-      result.post_url && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    status === "done" && result ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.CheckCircle2, { className: "h-10 w-10 text-green-600" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "font-medium", children: "V\xEDdeo publicado!" }),
+      result.post_url && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "a",
         {
           href: result.post_url,
@@ -5270,15 +5702,15 @@ function PublishDrawer({
           children: "Abrir no YouTube"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
         "Zernio post id: ",
         result.zernio_post_id
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Fechar" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-1 flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label3, { htmlFor: "pd-title", children: "T\xEDtulo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Fechar" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-1 flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: "pd-title", children: "T\xEDtulo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Input,
           {
             id: "pd-title",
@@ -5289,9 +5721,9 @@ function PublishDrawer({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label3, { htmlFor: "pd-desc", children: "Descri\xE7\xE3o" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: "pd-desc", children: "Descri\xE7\xE3o" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Textarea,
           {
             id: "pd-desc",
@@ -5303,9 +5735,9 @@ function PublishDrawer({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label3, { htmlFor: "pd-tags", children: "Palavras-chave / tags" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: "pd-tags", children: "Palavras-chave / tags" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Input,
           {
             id: "pd-tags",
@@ -5315,11 +5747,11 @@ function PublishDrawer({
             disabled: busy
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: "text-xs text-muted-foreground", children: "Separadas por v\xEDrgula. A primeira vira a keyword." })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-xs text-muted-foreground", children: "Separadas por v\xEDrgula. A primeira vira a keyword." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label3, { htmlFor: "pd-thumb", children: "Thumbnail" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: "pd-thumb", children: "Thumbnail" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Input,
           {
             id: "pd-thumb",
@@ -5329,7 +5761,7 @@ function PublishDrawer({
             disabled: busy
           }
         ),
-        thumbnailTemplateId && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+        thumbnailTemplateId && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
           Button,
           {
             type: "button",
@@ -5339,12 +5771,12 @@ function PublishDrawer({
             disabled: busy,
             className: "w-fit",
             children: [
-              status === "rendering-thumb" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.Image, { className: "mr-2 h-4 w-4" }),
+              status === "rendering-thumb" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.Image, { className: "mr-2 h-4 w-4" }),
               "Gerar via Thumbify"
             ]
           }
         ),
-        thumbnailUrl && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        thumbnailUrl && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "img",
           {
             src: thumbnailUrl,
@@ -5353,26 +5785,26 @@ function PublishDrawer({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Label3, { htmlFor: "pd-account", children: "Canal do YouTube" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Select, { value: accountId ?? void 0, onValueChange: setAccountId, disabled: busy || accounts.length === 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectTrigger, { id: "pd-account", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: "pd-account", children: "Canal do YouTube" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Select, { value: accountId ?? void 0, onValueChange: setAccountId, disabled: busy || accounts.length === 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectTrigger, { id: "pd-account", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             SelectValue,
             {
               placeholder: status === "loading-accounts" ? "Carregando canais\u2026" : accounts.length === 0 ? "Nenhum canal conectado" : "Selecione um canal"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectContent, { children: accounts.map((a) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectItem, { value: a.account_id, children: a.account_name ?? a.account_id }, a.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectContent, { children: accounts.map((a) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectItem, { value: a.account_id, children: a.account_name ?? a.account_id }, a.id)) })
         ] })
       ] }),
-      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("p", { className: "flex items-center gap-2 text-sm text-destructive", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.AlertCircle, { className: "h-4 w-4" }),
+      errorMsg && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("p", { className: "flex items-center gap-2 text-sm text-destructive", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.AlertCircle, { className: "h-4 w-4" }),
         errorMsg
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(SheetFooter, { className: "mt-auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: "Cancelar" }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Button, { onClick: handlePublish, disabled: busy, children: [
-          status === "publishing" && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react23.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(SheetFooter, { className: "mt-auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), disabled: busy, children: "Cancelar" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Button, { onClick: handlePublish, disabled: busy, children: [
+          status === "publishing" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react23.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
           "Publicar"
         ] })
       ] })
@@ -5401,7 +5833,7 @@ function useIframeNavigate() {
 
 // src/providers/feature-flag-provider.tsx
 var import_react9 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var FeatureFlagContext = (0, import_react9.createContext)({
   flags: {},
   isEnabled: () => false
@@ -5417,7 +5849,7 @@ var FeatureFlagProvider = ({
     }),
     [flags]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FeatureFlagContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FeatureFlagContext.Provider, { value, children });
 };
 var useFeatureFlag = (flag) => {
   const { isEnabled } = (0, import_react9.useContext)(FeatureFlagContext);
@@ -5511,6 +5943,7 @@ var useFeatureFlags = () => {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  DEFAULT_NAME_COL_WIDTH,
   DflRemote,
   Dialog,
   DialogClose,
@@ -5555,6 +5988,7 @@ var useFeatureFlags = () => {
   FormItem,
   FormLabel,
   FormMessage,
+  Gantt,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -5695,7 +6129,9 @@ var useFeatureFlags = () => {
   UserAvatar,
   UserMenu,
   badgeVariants,
+  barGridColumn,
   buttonVariants,
+  clampPct,
   cn,
   filterPublishableAccounts,
   getInitials,
@@ -5707,6 +6143,10 @@ var useFeatureFlags = () => {
   memberHueVar,
   navigationMenuTriggerStyle,
   parseTags,
+  resolveNameColWidth,
+  resolveWeekCount,
+  resolveWeekLabels,
+  stageProgress,
   toast,
   toggleVariants,
   useAuth,