@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-VINZZQBD.cjs

@@ -0,0 +1,323 @@
+'use strict';
+
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var luxon = require('luxon');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultGanttLabels = {
+  ...chunk4NCDU5IG_cjs.defaultViewLabels,
+  empty: "Nothing to place on the timeline",
+  chart: "Timeline",
+  undated: "{count} without dates"
+};
+var CADENCE_UNIT = {
+  day: "day",
+  week: "week",
+  month: "month",
+  quarter: "quarter"
+};
+var CADENCE_FORMAT = {
+  day: "d LLL",
+  week: "'W'W",
+  month: "LLL",
+  quarter: "'Q'q yyyy"
+};
+function GanttView({
+  items,
+  accessors,
+  loading = false,
+  error = null,
+  selectedId = null,
+  onOpen,
+  getHref,
+  renderItem,
+  emptyState,
+  labels,
+  cadence = "week",
+  rangeStart,
+  rangeEnd,
+  groupByLane = false,
+  timeZone,
+  locale,
+  now,
+  className,
+  classNames,
+  headingLevel: Heading = "h3"
+}) {
+  const text = { ...defaultGanttLabels, ...labels };
+  const zone = timeZone ?? luxon.DateTime.local().zoneName;
+  const unit = CADENCE_UNIT[cadence];
+  const today = React__namespace.useMemo(
+    () => luxon.DateTime.fromJSDate(now ?? /* @__PURE__ */ new Date(), { zone }).startOf("day"),
+    [now, zone]
+  );
+  const dated = React__namespace.useMemo(() => {
+    const out = [];
+    for (const item of items) {
+      const start = chunk4NCDU5IG_cjs.toDateTime(accessors.getStart?.(item), zone)?.startOf(
+        "day"
+      );
+      if (!start) continue;
+      const rawEnd = chunk4NCDU5IG_cjs.toDateTime(accessors.getEnd?.(item), zone)?.startOf("day");
+      const end = rawEnd ?? start;
+      out.push({
+        id: accessors.getId(item),
+        item,
+        start,
+        end: end < start ? start : end
+      });
+    }
+    return out;
+  }, [items, accessors, zone]);
+  const undatedCount = items.length - dated.length;
+  const columns = React__namespace.useMemo(() => {
+    if (dated.length === 0 && !rangeStart) return [];
+    const explicitStart = rangeStart ? luxon.DateTime.fromJSDate(rangeStart, { zone }) : null;
+    const first = explicitStart ?? dated.reduce((min, d) => d.start < min ? d.start : min, dated[0].start);
+    const last = rangeEnd ? luxon.DateTime.fromJSDate(rangeEnd, { zone }) : dated.length > 0 ? dated.reduce((max, d) => d.end > max ? d.end : max, dated[0].end) : first;
+    const out = [];
+    let cursor = first.startOf(unit);
+    const stop = last.startOf(unit);
+    if (stop < cursor) return [cursor];
+    while (cursor <= stop && out.length < 200) {
+      out.push(cursor);
+      cursor = cursor.plus({ [`${unit}s`]: 1 });
+    }
+    return out;
+  }, [dated, rangeStart, rangeEnd, unit, zone]);
+  const columnOf = React__namespace.useCallback(
+    (moment) => {
+      const target = moment.startOf(unit);
+      const index = columns.findIndex((c) => c.hasSame(target, unit));
+      return index >= 0 ? index : null;
+    },
+    [columns, unit]
+  );
+  const lanes = React__namespace.useMemo(() => {
+    const toBar = (d) => {
+      const last = columns.length - 1;
+      const from = columnOf(d.start);
+      const to = columnOf(d.end);
+      const start = from ?? (d.start < columns[0] ? 0 : null);
+      const end = to ?? (d.end > columns[last] ? last : null);
+      if (start === null || end === null || end < start) return null;
+      return {
+        id: d.id,
+        item: d.item,
+        column: start + 1,
+        span: end - start + 1
+      };
+    };
+    const bars = (source) => source.map(toBar).filter((b) => b !== null);
+    if (!groupByLane || !accessors.getGroup)
+      return [{ id: "", label: "", bars: bars(dated) }];
+    const buckets = /* @__PURE__ */ new Map();
+    for (const d of dated) {
+      const key = accessors.getGroup(d.item) ?? "";
+      const bucket = buckets.get(key);
+      if (bucket) bucket.push(d);
+      else buckets.set(key, [d]);
+    }
+    return [...buckets].map(([key, bucket]) => ({
+      id: key,
+      label: key || text.ungrouped,
+      bars: bars(bucket)
+    }));
+  }, [dated, groupByLane, accessors, columnOf, columns, text.ungrouped]);
+  const todayColumn = (columnOf(today) ?? -1) + 1;
+  const showToday = columns.length > 0 && today >= columns[0] && today <= columns[columns.length - 1].endOf(unit);
+  const state = (content) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "gantt-view-state",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm",
+        classNames?.state
+      ),
+      children: content
+    }
+  );
+  if (error) {
+    return state(
+      /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-destructive", children: text.error })
+    );
+  }
+  if (loading) {
+    return state(
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXVUHLQN_cjs.Spinner, { size: "sm", label: text.loading }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: text.loading })
+      ] })
+    );
+  }
+  if (columns.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: emptyState ?? state(text.empty) });
+  const gridTemplate = {
+    gridTemplateColumns: `repeat(${columns.length}, minmax(3.5rem, 1fr))`
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "gantt-view",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "overflow-x-auto",
+            role: "group",
+            "aria-label": text.chart,
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-max", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-slot": "gantt-view-header",
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "border-border bg-muted/40 grid border-b",
+                    classNames?.header
+                  ),
+                  style: gridTemplate,
+                  children: columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "border-border text-muted-foreground border-e px-2 py-1.5 text-center text-xs last:border-e-0",
+                      children: column.setLocale(locale ?? column.locale ?? "en").toFormat(CADENCE_FORMAT[cadence])
+                    },
+                    column.toISO()
+                  ))
+                }
+              ),
+              lanes.map((lane) => /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+                lane.label && /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "data-slot": "gantt-view-group-label",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "border-border bg-muted text-muted-foreground block border-b px-3 py-1.5 text-xs font-semibold tracking-wide uppercase",
+                      classNames?.groupLabel
+                    ),
+                    children: lane.label
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { children: lane.bars.map((bar) => {
+                  const accent = accessors.getAccent?.(bar.item) ?? "primary";
+                  const selected = bar.id === selectedId;
+                  const title = accessors.getTitle(bar.item);
+                  const body = renderItem?.(bar.item, { view: "gantt" }) ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate px-2 text-xs font-medium", children: title });
+                  const classes = chunkS5RVSXDV_cjs.cn(
+                    "flex h-6 items-center rounded-full border text-foreground",
+                    chunk4NCDU5IG_cjs.accentClasses[accent].tint,
+                    chunk4NCDU5IG_cjs.accentClasses[accent].border,
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    classNames?.bar,
+                    selected && chunkS5RVSXDV_cjs.cn("ring-2 ring-primary-500/50", classNames?.selectedBar)
+                  );
+                  const href = getHref?.(bar.id, bar.item);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "li",
+                    {
+                      "data-slot": "gantt-view-row",
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "border-border relative grid items-center border-b py-1 last:border-b-0",
+                        classNames?.row
+                      ),
+                      style: gridTemplate,
+                      children: [
+                        showToday && /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            "aria-hidden": true,
+                            className: "bg-primary-500/60 pointer-events-none absolute inset-y-0 w-px",
+                            style: {
+                              gridColumn: `${todayColumn} / span 1`,
+                              insetInlineStart: 0
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "div",
+                          {
+                            className: "min-w-0",
+                            style: {
+                              gridColumn: `${bar.column} / span ${bar.span}`
+                            },
+                            children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+                              "a",
+                              {
+                                href,
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "gantt-view-bar",
+                                className: classes,
+                                onClick: (event) => {
+                                  if (!onOpen || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                                    return;
+                                  event.preventDefault();
+                                  onOpen(bar.id, bar.item);
+                                },
+                                children: body
+                              }
+                            ) : onOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "gantt-view-bar",
+                                className: chunkS5RVSXDV_cjs.cn(classes, "w-full text-start"),
+                                onClick: () => onOpen(bar.id, bar.item),
+                                children: body
+                              }
+                            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "gantt-view-bar", className: classes, children: body })
+                          }
+                        )
+                      ]
+                    },
+                    bar.id
+                  );
+                }) })
+              ] }, lane.id))
+            ] })
+          }
+        ),
+        undatedCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            "data-slot": "gantt-view-undated",
+            className: "border-border text-muted-foreground border-t px-3 py-1.5 text-xs",
+            children: text.undated.replace("{count}", String(undatedCount))
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.GanttView = GanttView;
+exports.defaultGanttLabels = defaultGanttLabels;
+//# sourceMappingURL=chunk-VINZZQBD.cjs.map
+//# sourceMappingURL=chunk-VINZZQBD.cjs.map

package/dist/chunk-VINZZQBD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/GanttView/GanttView.tsx"],"names":["defaultViewLabels","DateTime","React","toDateTime","jsx","cn","jsxs","Spinner","accentClasses"],"mappings":"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","file":"chunk-VINZZQBD.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime, type DateTimeUnit } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  toDateTime,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Column width in time. `month` and `quarter` are what a roadmap is — the\n * family has no separate RoadmapView, because it would be this component with\n * wider columns.\n */\nexport type GanttCadence = 'day' | 'week' | 'month' | 'quarter';\n\nexport type GanttViewSlot =\n  | 'header'\n  | 'groupLabel'\n  | 'row'\n  | 'bar'\n  | 'selectedBar'\n  | 'state';\n\nexport interface GanttLabels extends ViewLabels {\n  /** Accessible name of the scrollable chart region. */\n  chart: string;\n  /** Footnote for records a time axis cannot place. `{count}` is substituted. */\n  undated: string;\n}\n\nexport const defaultGanttLabels: GanttLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing to place on the timeline',\n  chart: 'Timeline',\n  undated: '{count} without dates',\n};\n\nexport interface GanttViewProps<T> extends ViewBaseProps<T> {\n  /** Column width in time. Defaults to `week`. */\n  cadence?: GanttCadence;\n  /** First column. Defaults to the earliest start in `items`. */\n  rangeStart?: Date;\n  /** Last column. Defaults to the latest end in `items`. */\n  rangeEnd?: Date;\n  /** Group rows into swimlanes by `accessors.getGroup`. */\n  groupByLane?: boolean;\n  timeZone?: string;\n  locale?: string;\n  labels?: Partial<GanttLabels>;\n  classNames?: Partial<Record<GanttViewSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst CADENCE_UNIT: Record<GanttCadence, DateTimeUnit> = {\n  day: 'day',\n  week: 'week',\n  month: 'month',\n  quarter: 'quarter',\n};\n\nconst CADENCE_FORMAT: Record<GanttCadence, string> = {\n  day: 'd LLL',\n  week: \"'W'W\",\n  month: 'LLL',\n  quarter: \"'Q'q yyyy\",\n};\n\ninterface Bar<T> {\n  id: string;\n  item: T;\n  /** 1-based column index, for CSS grid. */\n  column: number;\n  span: number;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function GanttView<T>({\n  items,\n  accessors,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  renderItem,\n  emptyState,\n  labels,\n  cadence = 'week',\n  rangeStart,\n  rangeEnd,\n  groupByLane = false,\n  timeZone,\n  locale,\n  now,\n  className,\n  classNames,\n  headingLevel: Heading = 'h3',\n}: GanttViewProps<T>) {\n  const text = { ...defaultGanttLabels, ...labels };\n  const zone = timeZone ?? DateTime.local().zoneName;\n  const unit = CADENCE_UNIT[cadence];\n  const today = React.useMemo(\n    () => DateTime.fromJSDate(now ?? new Date(), { zone }).startOf('day'),\n    [now, zone]\n  );\n\n  const dated = React.useMemo(() => {\n    const out: { id: string; item: T; start: DateTime; end: DateTime }[] = [];\n    for (const item of items) {\n      const start = toDateTime(accessors.getStart?.(item), zone)?.startOf(\n        'day'\n      );\n      if (!start) continue;\n      const rawEnd = toDateTime(accessors.getEnd?.(item), zone)?.startOf('day');\n      const end = rawEnd ?? start;\n      out.push({\n        id: accessors.getId(item),\n        item,\n        start,\n        end: end < start ? start : end,\n      });\n    }\n    return out;\n  }, [items, accessors, zone]);\n\n  const undatedCount = items.length - dated.length;\n\n  const columns = React.useMemo(() => {\n    if (dated.length === 0 && !rangeStart) return [];\n    const explicitStart = rangeStart\n      ? DateTime.fromJSDate(rangeStart, { zone })\n      : null;\n    // `dated` can be empty here when only a range was given, so every reduce\n    // needs a seed that does not come from it.\n    const first =\n      explicitStart ??\n      dated.reduce((min, d) => (d.start < min ? d.start : min), dated[0].start);\n    const last = rangeEnd\n      ? DateTime.fromJSDate(rangeEnd, { zone })\n      : dated.length > 0\n        ? dated.reduce((max, d) => (d.end > max ? d.end : max), dated[0].end)\n        : first;\n    const out: DateTime[] = [];\n    let cursor = first.startOf(unit);\n    const stop = last.startOf(unit);\n    // An explicit range given backwards is caller data, not a crash: draw the\n    // column it starts in rather than falling through to the empty state.\n    if (stop < cursor) return [cursor];\n    // Guard rather than trust the range: a decade of days is 3,650 columns and\n    // would hang the page rather than draw a chart.\n    while (cursor <= stop && out.length < 200) {\n      out.push(cursor);\n      cursor = cursor.plus({ [`${unit}s`]: 1 });\n    }\n    return out;\n  }, [dated, rangeStart, rangeEnd, unit, zone]);\n\n  // Returns null for a moment outside the drawn columns. Clamping it to an edge\n  // would draw a record that does not intersect the range as though it started\n  // or ended exactly at the boundary, which reads as data rather than as the\n  // rounding it is.\n  const columnOf = React.useCallback(\n    (moment: DateTime) => {\n      const target = moment.startOf(unit);\n      const index = columns.findIndex((c) => c.hasSame(target, unit));\n      return index >= 0 ? index : null;\n    },\n    [columns, unit]\n  );\n\n  const lanes = React.useMemo(() => {\n    const toBar = (d: (typeof dated)[number]): Bar<T> | null => {\n      const last = columns.length - 1;\n      const from = columnOf(d.start);\n      const to = columnOf(d.end);\n      // Only the part that intersects the range is drawn; a record entirely\n      // outside it is omitted rather than pinned to an edge.\n      const start = from ?? (d.start < columns[0] ? 0 : null);\n      const end = to ?? (d.end > columns[last] ? last : null);\n      if (start === null || end === null || end < start) return null;\n      return {\n        id: d.id,\n        item: d.item,\n        column: start + 1,\n        span: end - start + 1,\n      };\n    };\n    const bars = (source: typeof dated) =>\n      source.map(toBar).filter((b): b is Bar<T> => b !== null);\n\n    if (!groupByLane || !accessors.getGroup)\n      return [{ id: '', label: '', bars: bars(dated) }];\n    const buckets = new Map<string, (typeof dated)[number][]>();\n    for (const d of dated) {\n      const key = accessors.getGroup(d.item) ?? '';\n      const bucket = buckets.get(key);\n      if (bucket) bucket.push(d);\n      else buckets.set(key, [d]);\n    }\n    return [...buckets].map(([key, bucket]) => ({\n      id: key,\n      label: key || text.ungrouped,\n      bars: bars(bucket),\n    }));\n  }, [dated, groupByLane, accessors, columnOf, columns, text.ungrouped]);\n\n  const todayColumn = (columnOf(today) ?? -1) + 1;\n  const showToday =\n    columns.length > 0 &&\n    today >= columns[0] &&\n    today <= columns[columns.length - 1].endOf(unit);\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"gantt-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n  if (columns.length === 0) return <>{emptyState ?? state(text.empty)}</>;\n\n  const gridTemplate = {\n    gridTemplateColumns: `repeat(${columns.length}, minmax(3.5rem, 1fr))`,\n  };\n\n  return (\n    <div\n      data-slot=\"gantt-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {/* Scrollable content must be keyboard operable (WCAG 2.1.1), which axe\n          enforces as scrollable-region-focusable. jsx-a11y disagrees for\n          non-interactive elements; the success criterion wins. */}\n      <div\n        className=\"overflow-x-auto\"\n        role=\"group\"\n        aria-label={text.chart}\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n      >\n        <div className=\"min-w-max\">\n          <div\n            data-slot=\"gantt-view-header\"\n            className={cn(\n              'border-border bg-muted/40 grid border-b',\n              classNames?.header\n            )}\n            style={gridTemplate}\n          >\n            {columns.map((column) => (\n              <div\n                key={column.toISO()}\n                className=\"border-border text-muted-foreground border-e px-2 py-1.5 text-center text-xs last:border-e-0\"\n              >\n                {column\n                  .setLocale(locale ?? column.locale ?? 'en')\n                  .toFormat(CADENCE_FORMAT[cadence])}\n              </div>\n            ))}\n          </div>\n\n          {lanes.map((lane) => (\n            <section key={lane.id}>\n              {lane.label && (\n                <Heading>\n                  <span\n                    data-slot=\"gantt-view-group-label\"\n                    className={cn(\n                      'border-border bg-muted text-muted-foreground block border-b px-3 py-1.5 text-xs font-semibold tracking-wide uppercase',\n                      classNames?.groupLabel\n                    )}\n                  >\n                    {lane.label}\n                  </span>\n                </Heading>\n              )}\n              <ul>\n                {lane.bars.map((bar) => {\n                  const accent = accessors.getAccent?.(bar.item) ?? 'primary';\n                  const selected = bar.id === selectedId;\n                  const title = accessors.getTitle(bar.item);\n                  const body = renderItem?.(bar.item, { view: 'gantt' }) ?? (\n                    <span className=\"block truncate px-2 text-xs font-medium\">\n                      {title}\n                    </span>\n                  );\n                  const classes = cn(\n                    'flex h-6 items-center rounded-full border text-foreground',\n                    accentClasses[accent].tint,\n                    accentClasses[accent].border,\n                    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                    classNames?.bar,\n                    selected &&\n                      cn('ring-2 ring-primary-500/50', classNames?.selectedBar)\n                  );\n                  const href = getHref?.(bar.id, bar.item);\n                  return (\n                    <li\n                      key={bar.id}\n                      data-slot=\"gantt-view-row\"\n                      className={cn(\n                        'border-border relative grid items-center border-b py-1 last:border-b-0',\n                        classNames?.row\n                      )}\n                      style={gridTemplate}\n                    >\n                      {showToday && (\n                        <span\n                          aria-hidden\n                          className=\"bg-primary-500/60 pointer-events-none absolute inset-y-0 w-px\"\n                          style={{\n                            gridColumn: `${todayColumn} / span 1`,\n                            insetInlineStart: 0,\n                          }}\n                        />\n                      )}\n                      <div\n                        className=\"min-w-0\"\n                        style={{\n                          gridColumn: `${bar.column} / span ${bar.span}`,\n                        }}\n                      >\n                        {href ? (\n                          <a\n                            href={href}\n                            aria-current={selected ? 'true' : undefined}\n                            data-slot=\"gantt-view-bar\"\n                            className={classes}\n                            onClick={(event) => {\n                              if (\n                                !onOpen ||\n                                event.defaultPrevented ||\n                                event.metaKey ||\n                                event.ctrlKey ||\n                                event.shiftKey ||\n                                event.button !== 0\n                              )\n                                return;\n                              event.preventDefault();\n                              onOpen(bar.id, bar.item);\n                            }}\n                          >\n                            {body}\n                          </a>\n                        ) : onOpen ? (\n                          <button\n                            type=\"button\"\n                            aria-current={selected ? 'true' : undefined}\n                            data-slot=\"gantt-view-bar\"\n                            className={cn(classes, 'w-full text-start')}\n                            onClick={() => onOpen(bar.id, bar.item)}\n                          >\n                            {body}\n                          </button>\n                        ) : (\n                          <span data-slot=\"gantt-view-bar\" className={classes}>\n                            {body}\n                          </span>\n                        )}\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n            </section>\n          ))}\n        </div>\n      </div>\n\n      {undatedCount > 0 && (\n        <p\n          data-slot=\"gantt-view-undated\"\n          className=\"border-border text-muted-foreground border-t px-3 py-1.5 text-xs\"\n        >\n          {text.undated.replace('{count}', String(undatedCount))}\n        </p>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-VPTASZ2O.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/hooks/useStickToBottom.ts
+function pinToBottom(el) {
+  el.scrollTop = el.scrollHeight;
+}
+function useStickToBottom({
+  threshold = 100,
+  disabled = false
+} = {}) {
+  const containerRef = React__namespace.useRef(null);
+  const contentRef = React__namespace.useRef(null);
+  const [isAtBottom, setIsAtBottom] = React__namespace.useState(true);
+  const pinnedRef = React__namespace.useRef(true);
+  const readingRef = React__namespace.useRef(false);
+  const anchorTargetRef = React__namespace.useRef(null);
+  const anchorDistanceRef = React__namespace.useRef(Infinity);
+  const [containerEl, setContainerEl] = React__namespace.useState(
+    null
+  );
+  const [contentEl, setContentEl] = React__namespace.useState(null);
+  React__namespace.useEffect(() => {
+    if (containerRef.current !== containerEl)
+      setContainerEl(containerRef.current);
+    if (contentRef.current !== contentEl) setContentEl(contentRef.current);
+  });
+  React__namespace.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el) return;
+    const handleScroll = () => {
+      const anchorTarget = anchorTargetRef.current;
+      if (anchorTarget != null) {
+        const distance = Math.abs(el.scrollTop - anchorTarget);
+        if (distance < 2) {
+          anchorTargetRef.current = null;
+        } else if (distance > anchorDistanceRef.current + 1) {
+          anchorTargetRef.current = null;
+        } else {
+          anchorDistanceRef.current = distance;
+          return;
+        }
+      }
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      pinnedRef.current = atBottom && !readingRef.current;
+      setIsAtBottom(atBottom);
+    };
+    if (pinnedRef.current) pinToBottom(el);
+    handleScroll();
+    el.addEventListener("scroll", handleScroll, { passive: true });
+    return () => el.removeEventListener("scroll", handleScroll);
+  }, [containerEl, threshold, disabled]);
+  React__namespace.useEffect(() => {
+    if (disabled) return;
+    const el = containerEl;
+    if (!el || typeof globalThis.ResizeObserver === "undefined") return;
+    const observer = new globalThis.ResizeObserver(() => {
+      if (pinnedRef.current) {
+        pinToBottom(el);
+        return;
+      }
+      if (anchorTargetRef.current != null) return;
+      const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;
+      if (!atBottom) readingRef.current = false;
+      setIsAtBottom(atBottom);
+    });
+    observer.observe(el);
+    if (contentEl) observer.observe(contentEl);
+    return () => observer.disconnect();
+  }, [containerEl, contentEl, threshold, disabled]);
+  const scrollToBottom = React__namespace.useCallback(
+    (behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = false;
+      anchorTargetRef.current = null;
+      pinnedRef.current = true;
+      setIsAtBottom(true);
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top: el.scrollHeight, behavior });
+      } else {
+        pinToBottom(el);
+      }
+    },
+    []
+  );
+  const anchorToTurnStart = React__namespace.useCallback(
+    (target, behavior = "auto") => {
+      const el = containerRef.current;
+      if (!el) return;
+      readingRef.current = true;
+      pinnedRef.current = false;
+      const top = Math.min(
+        target.getBoundingClientRect().top - el.getBoundingClientRect().top + el.scrollTop,
+        el.scrollHeight - el.clientHeight
+      );
+      if (Math.abs(el.scrollTop - top) < 2) return;
+      anchorTargetRef.current = top;
+      anchorDistanceRef.current = Infinity;
+      if (typeof el.scrollTo === "function") {
+        el.scrollTo({ top, behavior });
+      } else {
+        el.scrollTop = top;
+      }
+    },
+    []
+  );
+  const followIfPinned = React__namespace.useCallback(
+    (behavior = "auto") => {
+      if (!pinnedRef.current) return false;
+      scrollToBottom(behavior);
+      return true;
+    },
+    [scrollToBottom]
+  );
+  const stopFollowing = React__namespace.useCallback(() => {
+    readingRef.current = true;
+    pinnedRef.current = false;
+  }, []);
+  return {
+    containerRef,
+    contentRef,
+    isAtBottom,
+    scrollToBottom,
+    anchorToTurnStart,
+    followIfPinned,
+    stopFollowing
+  };
+}
+function useStreamEndedBelowFold(newest, isAtBottom, onEnded, onEndedAtBottom) {
+  const streamingIdRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (newest?.status === "streaming") {
+      streamingIdRef.current = newest.id;
+      return;
+    }
+    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {
+      streamingIdRef.current = null;
+      if (!isAtBottom) onEnded();
+      else onEndedAtBottom?.();
+    }
+  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);
+}
+
+exports.useStickToBottom = useStickToBottom;
+exports.useStreamEndedBelowFold = useStreamEndedBelowFold;
+//# sourceMappingURL=chunk-VPTASZ2O.cjs.map
+//# sourceMappingURL=chunk-VPTASZ2O.cjs.map

package/dist/chunk-VPTASZ2O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useStickToBottom.ts"],"names":["React"],"mappings":"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","file":"chunk-VPTASZ2O.cjs","sourcesContent":["import * as React from 'react';\n\n/**\n * Options for {@link useStickToBottom}.\n */\nexport interface UseStickToBottomOptions {\n  /**\n   * Distance from the bottom (px) within which the user still counts as \"at\n   * the bottom\" — small offsets from rounding or momentum scrolling shouldn't\n   * break pinning.\n   */\n  threshold?: number;\n  /**\n   * Disable all behavior (listeners and observers detach). Useful when the\n   * scroll container anchors somewhere other than the bottom (e.g. a\n   * newest-first feed).\n   */\n  disabled?: boolean;\n}\n\nexport interface UseStickToBottomReturn {\n  /** Attach to the scrollable container. */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /**\n   * Attach to the element wrapping the container's content. Its growth (e.g.\n   * a streaming message) re-pins the scroll while the user is at the bottom.\n   */\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether the user is currently at (or within `threshold` of) the bottom. */\n  isAtBottom: boolean;\n  /** Scroll to the bottom and resume pinning. */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll so `target`'s top aligns with the viewport top and enter “reading”\n   * mode: content growing past the fold no longer auto-follows, so the reader\n   * consumes the response at their own pace (the ChatGPT/Claude send UX).\n   * Following resumes when they explicitly return to the bottom — a\n   * jump-to-bottom click (`scrollToBottom`) or scrolling there by hand.\n   */\n  anchorToTurnStart: (target: HTMLElement, behavior?: ScrollBehavior) => void;\n  /**\n   * Scroll to the bottom only while actually following (at the bottom and not\n   * in reading mode). Returns whether it scrolled — hosts use this to decide\n   * between following an appended message and raising a “new messages” hint.\n   */\n  followIfPinned: (behavior?: ScrollBehavior) => boolean;\n  /**\n   * Hold the current position: enter reading mode without scrolling, so an\n   * incoming stream fills below the fold instead of pushing the view up.\n   * Call right after a streaming message appends (optionally after revealing\n   * its first line with `followIfPinned`). Following resumes exactly as after\n   * `anchorToTurnStart`: an explicit `scrollToBottom` or the reader returning\n   * to the bottom by hand.\n   */\n  stopFollowing: () => void;\n}\n\nfunction pinToBottom(el: HTMLElement) {\n  el.scrollTop = el.scrollHeight;\n}\n\n/**\n * Keeps a scroll container pinned to its bottom edge while the user is there,\n * and — crucially — leaves the scroll position alone once they scroll up.\n *\n * Designed for chat threads with streaming responses:\n * - While the user is at the bottom, content growth (new tokens, new\n *   messages) and container resizes (on-screen keyboard, growing composer)\n *   keep the newest content in view via a `ResizeObserver` on both the\n *   content and the container.\n * - Once the user scrolls up, nothing moves until they return to the bottom\n *   themselves or the host calls `scrollToBottom` (e.g. a jump-to-bottom\n *   button, or an outgoing message from the local user).\n *\n * The hook only pins; *when* to force a scroll (own message sent, thread\n * switched) stays a host decision through `scrollToBottom`,\n * `anchorToTurnStart` (ChatGPT-style: scroll a fresh turn to the viewport top\n * and pause following while the reader digests the reply), and\n * `followIfPinned` (follow an append only while actually at the bottom).\n *\n * @example\n * ```tsx\n * const { containerRef, contentRef, isAtBottom, scrollToBottom } =\n *   useStickToBottom();\n * return (\n *   <div className=\"relative min-h-0 flex-1\">\n *     <div ref={containerRef} className=\"h-full overflow-y-auto\">\n *       <div ref={contentRef}>{rows}</div>\n *     </div>\n *     {!isAtBottom && <JumpToBottom onClick={() => scrollToBottom('smooth')} />}\n *   </div>\n * );\n * ```\n */\nexport function useStickToBottom({\n  threshold = 100,\n  disabled = false,\n}: UseStickToBottomOptions = {}): UseStickToBottomReturn {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const [isAtBottom, setIsAtBottom] = React.useState(true);\n  // Mirror of `isAtBottom` readable synchronously from observer callbacks\n  // without re-subscribing them on every scroll.\n  const pinnedRef = React.useRef(true);\n  // “Reading” mode (entered via `anchorToTurnStart`): the viewport sits at the\n  // reserved space below a fresh turn — geometrically the bottom — but growth\n  // must NOT follow. Cleared once the position genuinely leaves the bottom\n  // (content outgrew the reserve or the user scrolled up), after which the\n  // normal pin-at-bottom rules apply again.\n  const readingRef = React.useRef(false);\n  // In-flight anchor animation: a smooth `anchorToTurnStart` fires scroll\n  // events that are neither the user's nor at the bottom — they must not end\n  // reading mode or re-pin. Cleared on arrival at the target, or when the\n  // distance to it grows (the user grabbed the scroll mid-animation).\n  const anchorTargetRef = React.useRef<number | null>(null);\n  const anchorDistanceRef = React.useRef(Infinity);\n\n  // Hosts can re-attach the refs to new DOM nodes without remounting (e.g.\n  // SuperChat swapping its plain thread for the virtualized one when the\n  // conversation grows). Mirror the current nodes into state so the listener\n  // and observer effects below re-bind whenever the target changes.\n  const [containerEl, setContainerEl] = React.useState<HTMLDivElement | null>(\n    null\n  );\n  const [contentEl, setContentEl] = React.useState<HTMLDivElement | null>(null);\n  // Intentionally dep-less: ref mutations don't trigger renders, so this must\n  // check after every render. The inequality guards make it settle immediately.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  React.useEffect(() => {\n    if (containerRef.current !== containerEl)\n      setContainerEl(containerRef.current);\n    if (contentRef.current !== contentEl) setContentEl(contentRef.current);\n  });\n\n  // Track the user's position: at (or near) the bottom means \"pinned\".\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el) return;\n\n    const handleScroll = () => {\n      const anchorTarget = anchorTargetRef.current;\n      if (anchorTarget != null) {\n        const distance = Math.abs(el.scrollTop - anchorTarget);\n        if (distance < 2) {\n          anchorTargetRef.current = null; // arrived — handle normally\n        } else if (distance > anchorDistanceRef.current + 1) {\n          anchorTargetRef.current = null; // user took over mid-animation\n        } else {\n          anchorDistanceRef.current = distance;\n          return; // the animation's own events don't change pinning\n        }\n      }\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      pinnedRef.current = atBottom && !readingRef.current;\n      setIsAtBottom(atBottom);\n    };\n\n    // A freshly attached node starts at `scrollTop` 0 — re-assert carried-over\n    // pinning (e.g. across SuperChat's plain ⇄ virtualized swap) instead of\n    // letting the initial read demote a pinned reader to \"scrolled up\".\n    if (pinnedRef.current) pinToBottom(el);\n    handleScroll(); // initial position\n    el.addEventListener('scroll', handleScroll, { passive: true });\n    return () => el.removeEventListener('scroll', handleScroll);\n  }, [containerEl, threshold, disabled]);\n\n  // While pinned, follow growth of the content (streaming tokens, appended\n  // rows) and shrinking of the container (on-screen keyboard, composer\n  // growing) so the newest content stays in view. While unpinned this\n  // observer never touches the scroll position.\n  React.useEffect(() => {\n    if (disabled) return;\n    const el = containerEl;\n    if (!el || typeof globalThis.ResizeObserver === 'undefined') return;\n\n    const observer = new globalThis.ResizeObserver(() => {\n      if (pinnedRef.current) {\n        pinToBottom(el);\n        return;\n      }\n      // Mid-anchor-animation the position is transient — judge nothing yet.\n      if (anchorTargetRef.current != null) return;\n      // Not following: growth can still silently carry the position away from\n      // the bottom (no scroll event fires), so recompute the state here — it\n      // drives the jump-to-bottom affordance and ends reading mode once the\n      // response outgrows its reserved space.\n      const atBottom =\n        el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n      if (!atBottom) readingRef.current = false;\n      setIsAtBottom(atBottom);\n    });\n    observer.observe(el);\n    if (contentEl) observer.observe(contentEl);\n    return () => observer.disconnect();\n  }, [containerEl, contentEl, threshold, disabled]);\n\n  const scrollToBottom = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      // Pin immediately so a concurrent stream keeps following while a\n      // smooth scroll animates down.\n      readingRef.current = false;\n      anchorTargetRef.current = null;\n      pinnedRef.current = true;\n      setIsAtBottom(true);\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top: el.scrollHeight, behavior });\n      } else {\n        pinToBottom(el); // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const anchorToTurnStart = React.useCallback(\n    (target: HTMLElement, behavior: ScrollBehavior = 'auto') => {\n      const el = containerRef.current;\n      if (!el) return;\n      readingRef.current = true;\n      pinnedRef.current = false;\n      // Clamp to the reachable range so the “arrived” check always resolves.\n      const top = Math.min(\n        target.getBoundingClientRect().top -\n          el.getBoundingClientRect().top +\n          el.scrollTop,\n        el.scrollHeight - el.clientHeight\n      );\n      // Already there: `scrollTo` emits no scroll event, so tracking an\n      // in-flight animation would swallow observer updates forever.\n      if (Math.abs(el.scrollTop - top) < 2) return;\n      anchorTargetRef.current = top;\n      anchorDistanceRef.current = Infinity;\n      if (typeof el.scrollTo === 'function') {\n        el.scrollTo({ top, behavior });\n      } else {\n        el.scrollTop = top; // jsdom fallback\n      }\n    },\n    []\n  );\n\n  const followIfPinned = React.useCallback(\n    (behavior: ScrollBehavior = 'auto') => {\n      if (!pinnedRef.current) return false;\n      scrollToBottom(behavior);\n      return true;\n    },\n    [scrollToBottom]\n  );\n\n  const stopFollowing = React.useCallback(() => {\n    readingRef.current = true;\n    pinnedRef.current = false;\n  }, []);\n\n  return {\n    containerRef,\n    contentRef,\n    isAtBottom,\n    scrollToBottom,\n    anchorToTurnStart,\n    followIfPinned,\n    stopFollowing,\n  };\n}\n\n/**\n * Companion to {@link useStickToBottom}: fires `onEnded` when the newest\n * message finishes streaming while the reader is away from the bottom — the\n * end of the reply landed below the fold, so the jump-to-bottom button should\n * upgrade to its “new messages” hint. When the whole reply fit above the fold\n * (the reader is still at the bottom), `onEndedAtBottom` fires instead so the\n * host can exit the stream's hold and resume following (`scrollToBottom`).\n */\nexport function useStreamEndedBelowFold(\n  newest: { id: string; status?: string } | undefined,\n  isAtBottom: boolean,\n  onEnded: () => void,\n  onEndedAtBottom?: () => void\n) {\n  const streamingIdRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    if (newest?.status === 'streaming') {\n      streamingIdRef.current = newest.id;\n      return;\n    }\n    if (streamingIdRef.current && newest?.id === streamingIdRef.current) {\n      streamingIdRef.current = null;\n      if (!isAtBottom) onEnded();\n      else onEndedAtBottom?.();\n    }\n  }, [newest, isAtBottom, onEnded, onEndedAtBottom]);\n}\n"]}

package/dist/{chunk-P2CA3XGI.js → chunk-VSRO4PAI.js}

@@ -1,5 +1,5 @@
-import { usePrefersReducedMotion } from './chunk-HB7C7NB5.js';
-import { AnimatedPresence, Animated } from './chunk-XCP454Q6.js';
+import { usePrefersReducedMotion } from './chunk-XDU65GLW.js';
+import { AnimatedPresence, Animated } from './chunk-F4N67NAF.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -21,6 +21,7 @@ var Collapsible = React.forwardRef(
     defaultOpen = false,
     onOpenChange,
     disabled,
+    storageKey,
     children,
     ...props
   }, ref) => {
@@ -28,12 +29,29 @@ var Collapsible = React.forwardRef(
     const generatedId = React.useId();
     const isControlled = controlledOpen !== void 0;
     const open = isControlled ? controlledOpen : uncontrolledOpen;
+    const persists = Boolean(storageKey) && !isControlled;
+    React.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = window.localStorage.getItem(storageKey);
+        if (stored === "true" || stored === "false") {
+          setUncontrolledOpen(stored === "true");
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const toggle = React.useCallback(() => {
       if (disabled) return;
       const next = !open;
       if (!isControlled) setUncontrolledOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, String(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
-    }, [disabled, open, isControlled, onOpenChange]);
+    }, [disabled, open, isControlled, persists, storageKey, onOpenChange]);
     const value = React.useMemo(
       () => ({
         open,
@@ -123,5 +141,5 @@ var CollapsibleContent = React.forwardRef(({ className, forceMount, children, ..
 CollapsibleContent.displayName = "CollapsibleContent";
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-//# sourceMappingURL=chunk-P2CA3XGI.js.map
-//# sourceMappingURL=chunk-P2CA3XGI.js.map
+//# sourceMappingURL=chunk-VSRO4PAI.js.map
+//# sourceMappingURL=chunk-VSRO4PAI.js.map