@arbidocs/blocks 0.4.147 → 0.4.151

package/dist/chunk-WU34CHU5.js

@@ -0,0 +1,1907 @@
+"use client";
+import { ViewToggle } from './chunk-JJA6GQKH.js';
+import { formatSpan, TimelineCalendar, TimelineGantt } from './chunk-4EZVCGRL.js';
+import { decodeWhitespaceEntities } from './chunk-AF6RDAJF.js';
+import { SelectionBar, SelectionBarAction } from './chunk-NUNKSZKU.js';
+import { FilterInput } from './chunk-YU2KUMGE.js';
+import { detectTimeZone, listTimeZones } from './chunk-GTCC2VAR.js';
+import { TabHeader } from './chunk-4WWM3GQ5.js';
+import { observeResize } from './chunk-NPLYHR2E.js';
+import { testIdOr } from './chunk-7F6CBP3Z.js';
+import { PencilLine, Check, X, Info, Loader2, Trash2, CalendarDays, Paperclip, Tags, MoreHorizontal, FolderUp, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Columns3, ChevronDown, RotateCcw, BookMarked, Plus, MoreVertical, Pencil, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare, Search } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { unwrapCitationLinks, versionRef } from '@arbidocs/react/artifacts';
+import { Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, cn, Tooltip, TooltipTrigger, TooltipContent, Button, Input, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, CommandSeparator } from '@arbidocs/react/ui';
+import { memo, useState, useMemo, useRef, useEffect } from 'react';
+
+var DEFAULT_FACT_SOURCE_GROUP_LABELS = {
+  remove: "Remove this document",
+  wholeDocument: "Whole document \u2014 open it to cite specific passages"
+};
+function FactSourceGroup({
+  docId,
+  document: document2,
+  isViewing,
+  onRemove,
+  children,
+  hasPassages,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_SOURCE_GROUP_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-1",
+      "data-testid": testIdOr(testIds?.root?.(docId), { testId: `citation-doc-${docId}` }),
+      "data-viewing": isViewing || void 0,
+      "data-slot": "fact-source-group",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 text-sm", children: [
+          document2,
+          /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onRemove,
+              "aria-label": l.remove,
+              "data-testid": testIdOr(testIds?.remove?.(docId), {
+                testId: `fact-source-remove-${docId}`
+              }),
+              className: "shrink-0 rounded p-0.5 hover:bg-destructive/20 hover:text-destructive pointer-coarse:p-3",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ] }),
+        hasPassages ? children : /* @__PURE__ */ jsx("span", { className: "px-2 text-xs text-muted-foreground", children: l.wholeDocument })
+      ]
+    }
+  );
+}
+function toFactCitations(citations) {
+  if (!citations) return null;
+  return citations.map((d) => ({
+    doc_ext_id: d.doc_ext_id,
+    ...d.version ? { version: d.version } : {},
+    chunks: d.chunks ?? []
+  }));
+}
+function isWholeDoc(doc) {
+  return doc.chunks.length === 0;
+}
+function docIdsOf(citations) {
+  return (citations ?? []).map((d) => d.doc_ext_id);
+}
+function chunkIdsOf(citations) {
+  return (citations ?? []).flatMap((d) => d.chunks.map((c) => c.chunk_id));
+}
+function hasChunk(citations, chunkId) {
+  return (citations ?? []).some((d) => d.chunks.some((c) => c.chunk_id === chunkId));
+}
+function withDoc(citations, docExtId) {
+  const list = citations ?? [];
+  if (list.some((d) => d.doc_ext_id === docExtId)) return list;
+  return [...list, { doc_ext_id: docExtId, chunks: [] }];
+}
+function withoutDoc(citations, docExtId) {
+  const remaining = (citations ?? []).filter((d) => d.doc_ext_id !== docExtId);
+  return remaining.length ? remaining : null;
+}
+function withChunk(citations, docExtId, chunk) {
+  const list = citations ?? [];
+  const idx = list.findIndex((d) => d.doc_ext_id === docExtId);
+  if (idx === -1) return [...list, { doc_ext_id: docExtId, chunks: [chunk] }];
+  const doc = list[idx];
+  if (doc.chunks.some((c) => c.chunk_id === chunk.chunk_id)) return list;
+  const next = [...list];
+  next[idx] = { ...doc, chunks: [...doc.chunks, chunk] };
+  return next;
+}
+function withoutChunk(citations, chunkId, opts = {}) {
+  const keepDoc = opts.keepDoc ?? true;
+  const list = citations ?? [];
+  if (!hasChunk(list, chunkId)) return citations ?? null;
+  const next = [];
+  for (const doc of list) {
+    if (!doc.chunks.some((c) => c.chunk_id === chunkId)) {
+      next.push(doc);
+      continue;
+    }
+    const chunks = doc.chunks.filter((c) => c.chunk_id !== chunkId);
+    if (chunks.length || keepDoc) next.push({ ...doc, chunks });
+  }
+  return next.length ? next : null;
+}
+function repairBoldFlanking(md) {
+  return md.replace(/([.,;:!?"'’”)\]])(\*\*|__)(?=[A-Za-z0-9])/g, "$1$2 ");
+}
+var CHAT_LEAD_IN = /^(?:here(?:'s| is| are)|below (?:is|are)|sure|certainly)\b[^\n]*:[ \t]*(?:\n+|$)/i;
+function dropChatLeadIn(md) {
+  const body = md.replace(CHAT_LEAD_IN, "");
+  return body.trim() ? body : md;
+}
+function buildFactCitations(content, activeCitations, citationData) {
+  const text = dropChatLeadIn(repairBoldFlanking(unwrapCitationLinks(content)).trim()).trim();
+  if (!activeCitations) return { text, citations: null };
+  const chunkMeta = /* @__PURE__ */ new Map();
+  for (const chunks of Object.values(citationData)) {
+    if (!Array.isArray(chunks)) continue;
+    for (const chunk of chunks) {
+      const meta = {
+        doc_ext_id: chunk.metadata?.doc_ext_id ?? null,
+        page: chunk.metadata?.page_number ?? null
+      };
+      for (const key of [chunk.metadata?.chunk_ext_id, chunk.chunk_id]) {
+        if (key && !chunkMeta.has(key)) chunkMeta.set(key, meta);
+      }
+    }
+  }
+  let citations = null;
+  for (const chunkIds of Object.values(activeCitations)) {
+    for (const chunkId of chunkIds) {
+      const meta = chunkMeta.get(chunkId);
+      if (!meta?.doc_ext_id) continue;
+      citations = withChunk(citations, meta.doc_ext_id, { chunk_id: chunkId, page: meta.page });
+    }
+  }
+  return { text, citations };
+}
+function citedVersionRef(docId, version, currentVersion) {
+  if (!version) return docId;
+  return currentVersion != null && currentVersion === version ? docId : versionRef(docId, version);
+}
+var DEFAULT_FACT_COMPOSER_LABELS = {
+  shared: "Shared",
+  verified: "Verified",
+  dates: "Dates",
+  deleteFact: "Delete fact",
+  cancel: "Cancel",
+  saveFact: "Save fact",
+  saving: "Saving\u2026",
+  addFact: "Add fact",
+  adding: "Adding\u2026"
+};
+var DEFAULT_FACT_SOURCES_ROW_LABELS = {
+  sources: "Sources",
+  hintButton: "How to add sources",
+  hint: "In the picker, tick a document's checkbox to add it as a source, or click its name to just open it. Inside a document, click a passage to add it \u2014 shift-click to take a whole range. Add as many as you like, from as many documents as you like."
+};
+function FactFieldRow({
+  label,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1.5", className), "data-slot": "fact-field-row", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children })
+  ] });
+}
+function FactSourcesRow({ toggle, picker, labels, hintTestId }) {
+  const l = { ...DEFAULT_FACT_SOURCES_ROW_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", "data-slot": "fact-sources-row", children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-sm font-medium text-foreground", children: [
+      l.sources,
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": l.hintButton,
+            className: "text-muted-foreground hover:text-foreground",
+            "data-testid": testIdOr(hintTestId, { testId: "facts-source-hint" }),
+            children: /* @__PURE__ */ jsx(Info, { className: "size-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-xs", children: l.hint })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      toggle,
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: picker })
+    ] })
+  ] });
+}
+function FactComposer({
+  isOpen,
+  panelRef,
+  editor,
+  labels,
+  sharedToggle,
+  verifiedToggle,
+  dateInput,
+  isEditing,
+  canSave,
+  isSaving,
+  isDeleting,
+  onSave,
+  onCancel,
+  onDelete,
+  error,
+  uiLabels: labelOverrides,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_COMPOSER_LABELS, ...labelOverrides };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "grid shrink-0 transition-[grid-template-rows,opacity] duration-500 ease-in-out",
+        isOpen ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+      ),
+      "data-slot": "fact-composer",
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: panelRef,
+          className: "facts-composer flex flex-col gap-4 border-b border-border bg-muted px-4 py-4",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+              editor,
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "data-testid": testIdOr(testIds?.tags, { testId: "facts-page-composer-tags" }),
+                      className: "min-w-[14rem] flex-1",
+                      children: labels
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-6", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                      sharedToggle,
+                      l.shared
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                      verifiedToggle,
+                      l.verified
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-[10rem] flex-1 flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: l.dates }),
+                    dateInput
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 self-end max-sm:w-full max-sm:justify-end", children: [
+                    isEditing && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "size-7 p-0 text-destructive hover:bg-destructive/10 hover:text-destructive pointer-coarse:size-11",
+                        onClick: onDelete,
+                        disabled: isDeleting,
+                        "data-testid": testIdOr(testIds?.delete, {
+                          testId: "facts-page-composer-delete"
+                        }),
+                        "aria-label": l.deleteFact,
+                        title: l.deleteFact,
+                        children: isDeleting ? /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Trash2, { className: "size-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-7 pointer-coarse:h-11",
+                        onClick: onCancel,
+                        children: l.cancel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "sm",
+                        className: "h-7 pointer-coarse:h-11",
+                        disabled: !canSave,
+                        onClick: onSave,
+                        "data-testid": testIdOr(testIds?.save, { testId: "facts-page-composer-save" }),
+                        children: isEditing ? isSaving ? l.saving : l.saveFact : isSaving ? l.adding : l.addFact
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            ] }),
+            error && /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-xs text-destructive",
+                "data-testid": testIdOr(testIds?.error, { testId: "facts-page-composer-error" }),
+                children: error
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+}
+
+// src/facts/fact-date.ts
+var EMPTY_FACT_DATE_FIELDS = {
+  date: "",
+  time: "",
+  timezone: "",
+  endDate: "",
+  endTime: ""
+};
+function isMidnightUtc(d) {
+  return d.getUTCHours() === 0 && d.getUTCMinutes() === 0 && d.getUTCSeconds() === 0;
+}
+function isEndOfDayUtc(d) {
+  return d.getUTCHours() === 23 && d.getUTCMinutes() === 59;
+}
+function dayKeyUtc(d) {
+  return d.toISOString().slice(0, 10);
+}
+function safeTimeZone(tz) {
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone: tz });
+    return tz;
+  } catch {
+    return "UTC";
+  }
+}
+function isoToZonedParts(iso, timeZone) {
+  const d = new Date(iso);
+  const parts = Object.fromEntries(
+    new Intl.DateTimeFormat("en-US", {
+      timeZone: safeTimeZone(timeZone),
+      hourCycle: "h23",
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    }).formatToParts(d).map((p) => [p.type, p.value])
+  );
+  return {
+    date: `${parts.year}-${parts.month}-${parts.day}`,
+    time: `${parts.hour}:${parts.minute}`
+  };
+}
+function zonedPartsToIso(date, time, timeZone) {
+  const tz = safeTimeZone(timeZone);
+  const guess = /* @__PURE__ */ new Date(`${date}T${time}:00Z`);
+  const zoned = isoToZonedParts(guess.toISOString(), tz);
+  const [y, m, dd] = zoned.date.split("-").map(Number);
+  const [hh, mi] = zoned.time.split(":").map(Number);
+  const asIfUtc = Date.UTC(y, m - 1, dd, hh, mi);
+  const offsetMs = asIfUtc - guess.getTime();
+  return new Date(guess.getTime() - offsetMs).toISOString();
+}
+function factDateSpanToFields(dateStart, dateEnd, timezone) {
+  if (!dateStart) return EMPTY_FACT_DATE_FIELDS;
+  const start = new Date(dateStart);
+  if (Number.isNaN(start.getTime())) return EMPTY_FACT_DATE_FIELDS;
+  const end = dateEnd ? new Date(dateEnd) : start;
+  const dateOnly = isMidnightUtc(start) && (!dateEnd || isEndOfDayUtc(end));
+  if (dateOnly) {
+    const startKey = dayKeyUtc(start);
+    const endKey = dateEnd ? dayKeyUtc(end) : startKey;
+    return { ...EMPTY_FACT_DATE_FIELDS, date: startKey, endDate: endKey !== startKey ? endKey : "" };
+  }
+  const tz = timezone || "UTC";
+  const startParts = isoToZonedParts(dateStart, tz);
+  const isInstant = !dateEnd || dateStart === dateEnd;
+  const endParts = isInstant ? null : isoToZonedParts(dateEnd, tz);
+  return {
+    date: startParts.date,
+    time: startParts.time,
+    timezone: tz,
+    endDate: endParts?.date ?? "",
+    endTime: endParts?.time ?? ""
+  };
+}
+function factDateFieldsToSpan(fields) {
+  if (!fields.date) return { date: null, date_end: null, timezone: null };
+  const tz = fields.timezone || detectTimeZone();
+  const startIso = fields.time ? zonedPartsToIso(fields.date, fields.time, tz) : `${fields.date}T00:00:00.000Z`;
+  let endIso;
+  if (fields.endDate) {
+    endIso = fields.time && fields.endTime ? zonedPartsToIso(fields.endDate, fields.endTime, tz) : `${fields.endDate}T23:59:59.000Z`;
+  } else {
+    endIso = fields.time ? startIso : `${fields.date}T23:59:59.000Z`;
+  }
+  return { date: startIso, date_end: endIso, timezone: fields.time ? tz : null };
+}
+var DEFAULT_FACT_DATE_INPUT_LABELS = {
+  weekdays: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  months: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  previousMonth: "Previous month",
+  earlierYears: "Earlier years",
+  nextMonth: "Next month",
+  laterYears: "Later years",
+  pickYear: "Pick a year",
+  addDate: "Add a date",
+  startTime: "Start time",
+  endTime: "End time",
+  setStartFirst: "Set a start time first",
+  timezone: "Timezone",
+  endDate: "End date (optional)",
+  clearDate: "Clear date"
+};
+function dayKey(year, monthIndex, day) {
+  const m = String(monthIndex + 1).padStart(2, "0");
+  const d = String(day).padStart(2, "0");
+  return `${year}-${m}-${d}`;
+}
+function prettyDay(iso) {
+  const [y, m, d] = iso.split("-").map(Number);
+  if (!y || !m || !d) return iso;
+  return new Date(Date.UTC(y, m - 1, d)).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    timeZone: "UTC"
+  });
+}
+function summarizeWithTimes(v) {
+  const start = `${prettyDay(v.date)}, ${v.time}`;
+  const endDay = v.endDate || v.date;
+  if (v.endTime) return `${start} \u2013 ${prettyDay(endDay)}, ${v.endTime}`;
+  if (v.endDate && v.endDate !== v.date) return `${start} \u2013 ${prettyDay(v.endDate)}`;
+  return start;
+}
+function MonthCalendar({
+  selected,
+  onSelect,
+  labels: l,
+  testIds
+}) {
+  const now = /* @__PURE__ */ new Date();
+  const todayKey = dayKey(now.getFullYear(), now.getMonth(), now.getDate());
+  const initial = useMemo(() => {
+    if (selected) {
+      const [y, m] = selected.split("-").map(Number);
+      if (y && m) return { year: y, monthIndex: m - 1 };
+    }
+    return { year: now.getFullYear(), monthIndex: now.getMonth() };
+  }, []);
+  const [view, setView] = useState(initial);
+  const [mode, setMode] = useState("days");
+  const [yearStart, setYearStart] = useState(initial.year - 5);
+  const firstWeekday = new Date(view.year, view.monthIndex, 1).getDay();
+  const daysInMonth = new Date(view.year, view.monthIndex + 1, 0).getDate();
+  const cells = [
+    ...Array.from({ length: firstWeekday }, () => null),
+    ...Array.from({ length: daysInMonth }, (_, i) => i + 1)
+  ];
+  const step = (delta) => {
+    const next = view.monthIndex + delta;
+    setView({
+      year: view.year + Math.floor(next / 12),
+      monthIndex: (next % 12 + 12) % 12
+    });
+  };
+  const openYears = () => {
+    setYearStart(view.year - 5);
+    setMode("years");
+  };
+  const pickYear = (year) => {
+    setView((v) => ({ ...v, year }));
+    setMode("days");
+  };
+  const years = Array.from({ length: 12 }, (_, i) => yearStart + i);
+  return /* @__PURE__ */ jsxs("div", { className: "w-[248px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1 pb-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => mode === "days" ? step(-1) : setYearStart((s) => s - 12),
+          className: "rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground pointer-coarse:p-3",
+          "aria-label": mode === "days" ? l.previousMonth : l.earlierYears,
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+        }
+      ),
+      mode === "days" ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: openYears,
+          className: "rounded px-1.5 py-0.5 text-sm font-medium hover:bg-accent hover:text-foreground",
+          "aria-label": l.pickYear,
+          "data-testid": testIdOr(testIds?.caption, { testId: "fact-calendar-caption" }),
+          children: [
+            l.months[view.monthIndex],
+            " ",
+            view.year
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
+        yearStart,
+        " \u2013 ",
+        yearStart + 11
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => mode === "days" ? step(1) : setYearStart((s) => s + 12),
+          className: "rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground pointer-coarse:p-3",
+          "aria-label": mode === "days" ? l.nextMonth : l.laterYears,
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+        }
+      )
+    ] }),
+    mode === "days" ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-0.5", children: [
+      l.weekdays.map((w) => /* @__PURE__ */ jsx("div", { className: "py-1 text-center text-xs font-medium text-muted-foreground", children: w }, w)),
+      cells.map((day, i) => {
+        if (day === null) return /* @__PURE__ */ jsx("div", {}, `blank-${i}`);
+        const key = dayKey(view.year, view.monthIndex, day);
+        const isSelected = key === selected;
+        const isToday = key === todayKey;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(key),
+            "data-testid": testIdOr(testIds?.day?.(key), { testId: `fact-calendar-day-${key}` }),
+            className: cn(
+              "h-8 rounded text-xs transition-colors hover:bg-accent pointer-coarse:h-11",
+              isSelected && "bg-primary text-primary-foreground hover:bg-primary",
+              !isSelected && isToday && "ring-1 ring-inset ring-primary/50"
+            ),
+            children: day
+          },
+          key
+        );
+      })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1", children: years.map((y) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => pickYear(y),
+        "data-testid": testIdOr(testIds?.year?.(y), { testId: `fact-calendar-year-${y}` }),
+        className: cn(
+          "h-9 rounded text-xs transition-colors hover:bg-accent pointer-coarse:h-11",
+          y === view.year && "bg-primary text-primary-foreground hover:bg-primary"
+        ),
+        children: y
+      },
+      y
+    )) })
+  ] });
+}
+function FactDateInput({ value, onChange, idPrefix, labels, testIds }) {
+  const l = { ...DEFAULT_FACT_DATE_INPUT_LABELS, ...labels };
+  const [open, setOpen] = useState(false);
+  const timezones = useMemo(() => listTimeZones(), []);
+  const timezoneListId = `${idPrefix}-timezone-options`;
+  const span = factDateFieldsToSpan(value);
+  const summary = value.time || value.endTime ? summarizeWithTimes(value) : formatSpan(span.date, span.date_end, span.timezone);
+  const setDate = (dateKey) => onChange({ ...value, date: dateKey, endDate: value.endDate && dateKey ? value.endDate : "" });
+  const setStartTime = (time) => onChange({
+    ...value,
+    time,
+    timezone: time ? value.timezone || detectTimeZone() : "",
+    endTime: time ? value.endTime : ""
+  });
+  const setEndTime = (endTime) => onChange({
+    ...value,
+    endTime,
+    endDate: endTime ? value.endDate || value.date : value.endDate
+  });
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "inline-flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 text-sm transition-colors hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          !summary && "text-muted-foreground"
+        ),
+        "data-testid": `${idPrefix}-date-trigger`,
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: summary || l.addDate })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "w-auto p-3", align: "start", children: [
+      /* @__PURE__ */ jsx(MonthCalendar, { selected: value.date, onSelect: setDate, labels: l, testIds }),
+      value.date && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-2 border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.startTime }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "time",
+                value: value.time,
+                onChange: (e) => setStartTime(e.target.value),
+                className: "h-8 text-xs",
+                "data-testid": `${idPrefix}-time`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.endTime }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "time",
+                value: value.endTime,
+                onChange: (e) => setEndTime(e.target.value),
+                disabled: !value.time,
+                title: value.time ? void 0 : l.setStartFirst,
+                className: "h-8 text-xs",
+                "data-testid": `${idPrefix}-end-time`
+              }
+            )
+          ] })
+        ] }),
+        value.time && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.timezone }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              list: timezoneListId,
+              value: value.timezone,
+              onChange: (e) => onChange({ ...value, timezone: e.target.value }),
+              placeholder: detectTimeZone(),
+              className: "h-8 text-xs",
+              "data-testid": `${idPrefix}-timezone`
+            }
+          ),
+          /* @__PURE__ */ jsx("datalist", { id: timezoneListId, children: timezones.map((tz) => /* @__PURE__ */ jsx("option", { value: tz }, tz)) })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.endDate }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "date",
+              value: value.endDate,
+              min: value.date,
+              onChange: (e) => onChange({ ...value, endDate: e.target.value }),
+              className: "h-8 text-xs",
+              "data-testid": `${idPrefix}-end-date`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 self-start text-muted-foreground hover:text-foreground",
+            onClick: () => onChange(EMPTY_FACT_DATE_FIELDS),
+            "data-testid": `${idPrefix}-clear-date`,
+            children: [
+              /* @__PURE__ */ jsx(X, { className: "mr-1 size-3.5" }),
+              " ",
+              l.clearDate
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+var DEFAULT_FACTS_BULK_BAR_LABELS = {
+  removeFromChat: "Remove from Chat",
+  addToChat: "Add to Chat",
+  label: "Label",
+  shared: "Shared",
+  more: "More",
+  export: "Export",
+  delete: "Delete",
+  budgetHint: "Facts added to this chat are always in ARBI's context for this chat, so they share one budget. This estimates the tokens they add (\u22484 characters per token), capped at ~2,000.",
+  budget: (tokens, cap) => `~${tokens}/${cap} tokens`,
+  removeFromChatTooltip: (n) => `Remove the selected ${n} from this chat`,
+  addToChatTooltip: (n) => `Add the selected ${n} to this chat, so they are always in its context`,
+  labelTooltip: (n) => `Add or remove labels from selected ${n}`
+};
+function FactsBulkBar({
+  count,
+  onClear,
+  allSelectedInChat,
+  onToggleInChat,
+  onLabel,
+  sharedToggle,
+  onExport,
+  onDelete,
+  budget,
+  pluralNoun = "facts",
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACTS_BULK_BAR_LABELS, ...labels };
+  const none = count === 0;
+  return /* @__PURE__ */ jsx("div", { className: "pb-3", "data-slot": "facts-bulk-bar", children: /* @__PURE__ */ jsx(
+    SelectionBar,
+    {
+      count,
+      onClear,
+      status: budget ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "shrink-0 text-xs tabular-nums",
+            budget.isOver ? "text-destructive" : "text-muted-foreground"
+          ),
+          title: l.budgetHint,
+          "data-testid": testIdOr(testIds?.budget, { testId: "facts-page-chat-budget" }),
+          children: l.budget(budget.tokens.toLocaleString(), budget.cap.toLocaleString())
+        }
+      ) : null,
+      children: (isCompact) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        onToggleInChat && /* @__PURE__ */ jsx(
+          SelectionBarAction,
+          {
+            icon: Paperclip,
+            label: allSelectedInChat ? l.removeFromChat : l.addToChat,
+            onClick: onToggleInChat,
+            disabled: none,
+            isCompact,
+            className: "border-blue-border text-blue-text hover:bg-blue-bg hover:text-blue-text",
+            tooltip: allSelectedInChat ? l.removeFromChatTooltip(pluralNoun) : l.addToChatTooltip(pluralNoun),
+            testId: testIdOr(testIds?.inChat, { testId: "bulk-in-chat-facts-button" })
+          }
+        ),
+        onLabel && /* @__PURE__ */ jsx(
+          SelectionBarAction,
+          {
+            icon: Tags,
+            label: l.label,
+            onClick: onLabel,
+            disabled: none,
+            isCompact,
+            className: "border-green-border text-green-text hover:bg-green-bg hover:text-green-text",
+            tooltip: l.labelTooltip(pluralNoun),
+            testId: testIdOr(testIds?.label, { testId: "bulk-label-facts-button" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1", children: [
+          sharedToggle,
+          !isCompact && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: l.shared })
+        ] }),
+        /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 gap-1.5 px-2 pointer-coarse:h-11",
+              disabled: none,
+              "data-testid": testIdOr(testIds?.more, { testId: "facts-bulk-more-button" }),
+              children: [
+                /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+                !isCompact && /* @__PURE__ */ jsx("span", { className: "text-sm", children: l.more })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+            onExport && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                DropdownMenuItem,
+                {
+                  onClick: onExport,
+                  disabled: none,
+                  "data-testid": testIdOr(testIds?.export, { testId: "export-facts-button" }),
+                  children: [
+                    /* @__PURE__ */ jsx(FolderUp, { className: "mr-2 size-4" }),
+                    l.export
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+            ] }),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: onDelete,
+                disabled: none,
+                className: "text-red-text focus:text-red-text",
+                "data-testid": testIdOr(testIds?.delete, { testId: "bulk-delete-facts-button" }),
+                children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
+                  l.delete
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+var DEFAULT_FACTS_EMPTY_STATE_LABELS = {
+  title: "Everything this workspace knows",
+  intro: "Facts are durable knowledge \u2014 a deadline, a decision, a preference. Write them yourself, or let the assistant distill them from your documents and chats.",
+  tryAdding: "Try adding a fact",
+  kinds: [
+    {
+      label: "Deadlines & dates",
+      desc: "A due date or milestone \u2014 it lands on the calendar and timeline"
+    },
+    { label: "Decisions", desc: "What was agreed, and why \u2014 so it is not lost in a thread" },
+    { label: "Preferences", desc: "How this workspace likes things done" }
+  ],
+  examples: [
+    "The renewal deadline is March 31, 2026",
+    "Payment terms are net 30",
+    "The team prefers email over phone for updates",
+    "Board approved the Q3 budget on May 12"
+  ],
+  loading: "Loading facts\u2026",
+  loadError: "Could not load facts.",
+  retry: "Try again"
+};
+var KIND_ICONS = [CalendarClock, Scale, Lightbulb];
+function FactsEmptyState({ onUseExample, labels, testIds }) {
+  const l = { ...DEFAULT_FACTS_EMPTY_STATE_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex min-h-full items-center justify-center p-10",
+      "data-testid": testIdOr(testIds?.root, { testId: "facts-page-empty-state" }),
+      "data-slot": "facts-empty-state",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex size-12 items-center justify-center rounded-lg bg-accent text-accent-foreground", children: /* @__PURE__ */ jsx(Milestone, { className: "size-6" }) }),
+        /* @__PURE__ */ jsx("h2", { className: "mt-2 text-xl font-semibold text-foreground", children: l.title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: l.intro }),
+        /* @__PURE__ */ jsx("div", { className: "mt-7 grid gap-3 text-left @xl:grid-cols-3", children: l.kinds.map(({ label, desc }, i) => {
+          const KindIcon = KIND_ICONS[i % KIND_ICONS.length];
+          return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-card p-3 shadow-xs", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+              /* @__PURE__ */ jsx(KindIcon, { className: "size-4 text-primary" }),
+              label
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: desc })
+          ] }, label);
+        }) }),
+        /* @__PURE__ */ jsx("p", { className: "mt-10 text-sm font-medium text-muted-foreground", children: l.tryAdding }),
+        /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap justify-center gap-2.5", children: l.examples.map((fact) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onUseExample(fact),
+            className: "group inline-flex items-center gap-1.5 rounded-md border border-border bg-card px-3.5 py-2 text-sm text-foreground transition-colors hover:border-ring/50 hover:bg-accent/40 pointer-coarse:min-h-11",
+            "data-testid": testIdOr(testIds?.example, { testId: "facts-page-example" }),
+            children: [
+              fact,
+              /* @__PURE__ */ jsx(ArrowRight, { className: "size-3.5 text-muted-foreground transition-colors group-hover:text-primary" })
+            ]
+          },
+          fact
+        )) })
+      ] })
+    }
+  );
+}
+function FactsLoading({
+  label = DEFAULT_FACTS_EMPTY_STATE_LABELS.loading
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: [
+    /* @__PURE__ */ jsx(Loader2, { className: "mr-2 size-4 animate-spin" }),
+    " ",
+    label
+  ] });
+}
+function FactsLoadError({
+  onRetry,
+  message = DEFAULT_FACTS_EMPTY_STATE_LABELS.loadError,
+  retryLabel = DEFAULT_FACTS_EMPTY_STATE_LABELS.retry
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-3 px-6 py-10 text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: message }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onRetry, children: retryLabel })
+  ] });
+}
+var DEFAULT_FACTS_FIELDS_BUTTON_LABELS = {
+  fields: "Fields",
+  defaultView: "Default view",
+  columns: "Columns",
+  columnNames: { in_chat: "In chat" }
+};
+function FactsFieldsButton({
+  getGridApi,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACTS_FIELDS_BUTTON_LABELS, ...labels };
+  const [open, setOpen] = useState(false);
+  const [version, setVersion] = useState(0);
+  const columns = useMemo(() => {
+    if (!open) return [];
+    const api = getGridApi();
+    if (!api || api.isDestroyed()) return [];
+    const state = api.getColumnState();
+    return state.filter((c) => c.colId !== "ag-Grid-SelectionColumn").map((c) => {
+      const def = api.getColumnDef(c.colId);
+      const label = def?.headerName && def.headerName.trim() || l.columnNames[c.colId] || c.colId;
+      return { colId: c.colId, label, visible: !c.hide };
+    });
+  }, [open, version, getGridApi, l.columnNames]);
+  const visibleCount = columns.filter((c) => c.visible).length;
+  const toggle = (colId, visible) => {
+    const api = getGridApi();
+    if (!api || api.isDestroyed()) return;
+    if (visible && visibleCount <= 1) return;
+    api.setColumnsVisible([colId], !visible);
+    setVersion((v) => v + 1);
+  };
+  const resetToDefault = () => {
+    const api = getGridApi();
+    if (!api || api.isDestroyed()) return;
+    api.resetColumnState();
+    setVersion((v) => v + 1);
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "h-7 px-2 text-sm gap-1.5 text-muted-foreground hover:text-foreground font-light!",
+        "data-testid": testIdOr(testIds?.trigger, { testId: "facts-fields-trigger" }),
+        children: [
+          /* @__PURE__ */ jsx(Columns3, { className: "size-3.5" }),
+          l.fields,
+          /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[220px] p-0", align: "end", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsx(Command, { shouldFilter: false, children: /* @__PURE__ */ jsxs(CommandList, { className: "max-h-[60dvh]", children: [
+      /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs(
+        CommandItem,
+        {
+          onSelect: resetToDefault,
+          className: "cursor-pointer text-sm text-muted-foreground",
+          "data-testid": testIdOr(testIds?.defaultView, {
+            testId: "facts-fields-default-view"
+          }),
+          children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 size-3.5" }),
+            l.defaultView
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(CommandSeparator, {}),
+      /* @__PURE__ */ jsx(CommandGroup, { heading: l.columns, children: columns.map((col) => /* @__PURE__ */ jsxs(
+        CommandItem,
+        {
+          onSelect: () => toggle(col.colId, col.visible),
+          className: "cursor-pointer text-sm",
+          "data-testid": testIdOr(testIds?.toggle?.(col.colId), {
+            testId: `facts-fields-toggle-${col.colId}`
+          }),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "mr-2 flex size-3.5 items-center justify-center rounded-sm border border-primary",
+                  col.visible ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                ),
+                children: /* @__PURE__ */ jsx(Check, { className: "size-3" })
+              }
+            ),
+            col.label
+          ]
+        },
+        col.colId
+      )) })
+    ] }) }) })
+  ] });
+}
+var DEFAULT_FACT_TIMELINE_LABELS = {
+  ganttEmpty: "Give a fact a date and it appears here."
+};
+function FactsCalendar({
+  facts,
+  onSelect,
+  selectedId,
+  navigatorContainer,
+  navigatorTotal,
+  testId
+}) {
+  const calendarTestId = testIdOr(testId, { testId: "facts-calendar" });
+  const items = useMemo(
+    () => facts.filter((f) => f.date_start).map((f) => ({
+      id: f.external_id,
+      label: f.text,
+      start: f.date_start,
+      end: f.date_end,
+      fact: f
+    })),
+    [facts]
+  );
+  const rootRef = useRef(null);
+  const entryId = testIdOr(testId && `${testId}-entry-${selectedId}`, {
+    testId: `facts-calendar-entry-${selectedId}`
+  });
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    root.querySelectorAll(".fact-cal-selected").forEach((el) => el.classList.remove("fact-cal-selected"));
+    if (!selectedId) return;
+    root.querySelectorAll(`[data-testid="${entryId}"]`).forEach((el) => el.classList.add("fact-cal-selected"));
+  }, [selectedId, items, entryId]);
+  return /* @__PURE__ */ jsx("div", { ref: rootRef, className: "h-full border-t border-border", "data-slot": "facts-calendar", children: /* @__PURE__ */ jsx(
+    TimelineCalendar,
+    {
+      items,
+      testId: calendarTestId,
+      maxLanes: Infinity,
+      selectedIds: selectedId ? [selectedId] : [],
+      onSelect: (item) => onSelect?.(item.fact),
+      navigatorContainer,
+      navigatorTotal
+    }
+  ) });
+}
+function FactsGanttPane({
+  testId,
+  emptyMessage,
+  labels,
+  ...props
+}) {
+  const l = { ...DEFAULT_FACT_TIMELINE_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: "facts-gantt h-full border-t border-border", "data-slot": "facts-gantt", children: /* @__PURE__ */ jsx(
+    TimelineGantt,
+    {
+      testId: testIdOr(testId, { testId: "gantt" }),
+      emptyMessage: emptyMessage ?? l.ganttEmpty,
+      ...props
+    }
+  ) });
+}
+var DEFAULT_FACTS_VIEW_TOGGLE_LABELS = {
+  table: "Table",
+  calendar: "Calendar",
+  timeline: "Timeline",
+  smartSearch: "Smart Search"
+};
+var createOptions = (l) => [
+  { value: "table", icon: /* @__PURE__ */ jsx(Table2, { className: "size-3.5" }), label: l.table },
+  { value: "calendar", icon: /* @__PURE__ */ jsx(CalendarRange, { className: "size-3.5" }), label: l.calendar },
+  { value: "gantt", icon: /* @__PURE__ */ jsx(GanttChartSquare, { className: "size-3.5" }), label: l.timeline },
+  // Facts-only semantic/keyword recall — mirrors the Files "Smart Search" view
+  // (same Search icon + label), but searches this workspace's facts, not docs.
+  { value: "smart_search", icon: /* @__PURE__ */ jsx(Search, { className: "size-3.5" }), label: l.smartSearch }
+];
+function FactsViewToggle({
+  viewMode,
+  onChange,
+  collapsed = false,
+  labels,
+  testIdPrefix,
+  testIds
+}) {
+  const options = createOptions({ ...DEFAULT_FACTS_VIEW_TOGGLE_LABELS, ...labels }).map((o) => ({
+    ...o,
+    testId: testIds?.[o.value]
+  }));
+  return /* @__PURE__ */ jsx(
+    ViewToggle,
+    {
+      options,
+      value: viewMode,
+      onChange: (value) => onChange(value),
+      testIdPrefix: testIdOr(testIdPrefix, { testId: "facts-layout" }),
+      showLabels: !collapsed,
+      size: "sm"
+    }
+  );
+}
+var DEFAULT_FACTS_TOOLBAR_LABELS = {
+  tags: "Tags",
+  newFact: "New fact"
+};
+function FactsToolbar({
+  count,
+  hasActiveFilters,
+  filterText,
+  onFilterTextChange,
+  searchFields,
+  onSearchFieldsChange,
+  quickFilter,
+  onOpenTags,
+  viewMode,
+  onViewModeChange,
+  onNewFact,
+  navSlotRef,
+  navigator,
+  tools,
+  showToolbarRow = true,
+  labels,
+  testIds,
+  filterLabels,
+  filterTestIds,
+  viewToggleLabels,
+  viewToggleTestIdPrefix
+}) {
+  const l = { ...DEFAULT_FACTS_TOOLBAR_LABELS, ...labels };
+  const headerRef = useRef(null);
+  const [viewsCollapsed, setViewsCollapsed] = useState(false);
+  const [isNarrow, setIsNarrow] = useState(false);
+  useEffect(() => {
+    const el = headerRef.current;
+    if (!el) return;
+    const measure = () => {
+      const w = el.clientWidth;
+      setViewsCollapsed((prev) => prev ? w < 990 : w < 950);
+      const narrowAt = window.matchMedia?.("(pointer: coarse)")?.matches ? 820 : 640;
+      setIsNarrow((prev) => prev ? w < narrowAt + 20 : w < narrowAt);
+    };
+    measure();
+    return observeResize(el, measure);
+  }, []);
+  const tabs = [
+    {
+      id: "facts",
+      // No name: the page needs no self-label, but the fact glyph stays in front of the count.
+      countIcon: /* @__PURE__ */ jsx(Milestone, { className: "size-3.5" }),
+      label: "",
+      count,
+      countPlacement: "leading",
+      hasActiveFilters,
+      testId: testIdOr(testIds?.tab, { testId: "facts-tab" }),
+      presentation: "count"
+    }
+  ];
+  const filterControls = /* @__PURE__ */ jsxs("div", { className: isNarrow ? "flex w-full items-center gap-1.5" : "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      FilterInput,
+      {
+        value: filterText,
+        onChange: onFilterTextChange,
+        fields: searchFields,
+        onFieldsChange: onSearchFieldsChange,
+        filter: quickFilter,
+        className: isNarrow ? "min-w-0 flex-1" : void 0,
+        labels: filterLabels,
+        testIds: filterTestIds
+      }
+    ),
+    onOpenTags && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-6 shrink-0 gap-1.5 px-2 pointer-coarse:h-11",
+        onClick: onOpenTags,
+        "data-testid": testIdOr(testIds?.tagsButton, { testId: "facts-tags-button" }),
+        children: [
+          /* @__PURE__ */ jsx(BookMarked, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: l.tags })
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs("div", { ref: headerRef, className: "sticky top-0 z-10 bg-background", "data-slot": "facts-toolbar", children: [
+    /* @__PURE__ */ jsx(
+      TabHeader,
+      {
+        tabs,
+        activeTabId: "notes",
+        onTabChange: () => {
+        },
+        firstTabContent: isNarrow ? null : filterControls,
+        centerContent: isNarrow ? null : /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center", children: /* @__PURE__ */ jsx(
+          FactsViewToggle,
+          {
+            viewMode,
+            onChange: onViewModeChange,
+            collapsed: viewsCollapsed,
+            labels: viewToggleLabels,
+            testIdPrefix: viewToggleTestIdPrefix
+          }
+        ) }),
+        rightContent: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: onNewFact,
+            "data-testid": testIdOr(testIds?.newFact, { testId: "facts-page-new" }),
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "mr-0.5 size-4" }),
+              l.newFact
+            ]
+          }
+        )
+      }
+    ),
+    isNarrow && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-col gap-1.5 border-b border-border px-3 py-1.5",
+        "data-slot": "facts-toolbar-stack",
+        children: [
+          filterControls,
+          /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+            FactsViewToggle,
+            {
+              viewMode,
+              onChange: onViewModeChange,
+              collapsed: true,
+              labels: viewToggleLabels,
+              testIdPrefix: viewToggleTestIdPrefix
+            }
+          ) })
+        ]
+      }
+    ),
+    showToolbarRow && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex min-h-8 flex-wrap items-center gap-x-1.5 border-b border-border bg-background px-3 py-0.5",
+        "data-testid": testIdOr(testIds?.filterBar, { testId: "facts-filter-bar" }),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: navSlotRef,
+              className: "flex shrink-0 items-center empty:hidden",
+              "data-testid": testIdOr(testIds?.filterBarNav, { testId: "facts-filter-bar-nav" }),
+              children: navigator
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: tools })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/facts/fact-table-column-resize.ts
+var EDGE = 6;
+var MIN_WIDTH = 48;
+function enableFactTableColumnResize(container) {
+  let drag = null;
+  const cellFromEvent = (e) => {
+    const el = e.target;
+    const cell = el?.closest?.("td, th");
+    if (!cell || cell.hasAttribute("data-tool-cell")) return null;
+    if (!container.contains(cell)) return null;
+    return cell;
+  };
+  const nearRightEdge = (cell, clientX) => {
+    const rect = cell.getBoundingClientRect();
+    return clientX >= rect.right - EDGE && clientX <= rect.right + 2;
+  };
+  const colForCell = (cell) => {
+    const row = cell.parentElement;
+    const table = cell.closest("table");
+    const colgroup = table?.querySelector("colgroup");
+    if (!row || !table || !colgroup) return null;
+    const index = Array.prototype.indexOf.call(row.children, cell);
+    return colgroup.children[index] ?? null;
+  };
+  const freezeWidths = (table) => {
+    const colgroup = table.querySelector("colgroup");
+    if (!colgroup) return;
+    const ruler = table.querySelector("thead tr") ?? table.querySelector("tbody tr");
+    const cells = ruler ? Array.from(ruler.children) : [];
+    Array.from(colgroup.children).forEach((node, i) => {
+      const col = node;
+      const cell = cells[i];
+      if (!col.style.width && cell) col.style.width = `${cell.getBoundingClientRect().width}px`;
+    });
+    table.style.tableLayout = "fixed";
+  };
+  const onPointerMove = (e) => {
+    if (drag) {
+      const next = Math.max(MIN_WIDTH, drag.startWidth + (e.clientX - drag.startX));
+      drag.col.style.width = `${next}px`;
+      e.preventDefault();
+      return;
+    }
+    const cell = cellFromEvent(e);
+    if (cell && nearRightEdge(cell, e.clientX)) {
+      cell.style.cursor = "col-resize";
+    } else if (cell) {
+      cell.style.cursor = "";
+    }
+  };
+  const endDrag = () => {
+    if (!drag) return;
+    drag = null;
+    document.documentElement.classList.remove("fact-col-resizing");
+    document.removeEventListener("pointermove", onPointerMove, true);
+    document.removeEventListener("pointerup", endDrag, true);
+  };
+  const onPointerDown = (e) => {
+    if (e.button !== 0) return;
+    const cell = cellFromEvent(e);
+    if (!cell || !nearRightEdge(cell, e.clientX)) return;
+    const table = cell.closest("table");
+    if (!table) return;
+    freezeWidths(table);
+    const col = colForCell(cell);
+    if (!col) return;
+    drag = {
+      col,
+      table,
+      startX: e.clientX,
+      startWidth: parseFloat(col.style.width) || cell.getBoundingClientRect().width
+    };
+    e.preventDefault();
+    document.documentElement.classList.add("fact-col-resizing");
+    document.addEventListener("pointermove", onPointerMove, true);
+    document.addEventListener("pointerup", endDrag, true);
+  };
+  container.addEventListener("pointerdown", onPointerDown);
+  container.addEventListener("pointermove", onPointerMove);
+  return () => {
+    endDrag();
+    container.removeEventListener("pointerdown", onPointerDown);
+    container.removeEventListener("pointermove", onPointerMove);
+  };
+}
+var DEFAULT_FACT_LABELS_CELL_LABELS = {
+  edit: "Edit labels",
+  searchPlaceholder: "Search or create...",
+  create: (name) => `Create \u201C${name}\u201D`,
+  empty: "No labels yet"
+};
+var CHIP_ROW_H = 24;
+var CHIP_GAP = 4;
+var FactLabelsCell = memo(function FactLabelsCell2({
+  options,
+  selectedIds,
+  onChange,
+  onCreate,
+  rowHeight = 52,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_LABELS_CELL_LABELS, ...labels };
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const applied = useMemo(
+    () => new Set(selectedIds.filter((id) => options.some((o) => o.id === id))),
+    [selectedIds, options]
+  );
+  const toggle = (option) => onChange(
+    applied.has(option.id) ? selectedIds.filter((id) => id !== option.id) : [...selectedIds, option.id]
+  );
+  const createAndApply = async (name) => {
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    const existing = options.find((o) => o.name.toLowerCase() === trimmed.toLowerCase());
+    if (existing) {
+      if (!applied.has(existing.id)) onChange([...selectedIds, existing.id]);
+      setSearch("");
+      return;
+    }
+    const id = await onCreate(trimmed);
+    if (id) onChange([...selectedIds, id]);
+    setSearch("");
+  };
+  const clampRows = Math.max(1, Math.floor((rowHeight + CHIP_GAP) / (CHIP_ROW_H + CHIP_GAP)));
+  const appliedOptions = options.filter((o) => applied.has(o.id));
+  const chipsRef = useRef(null);
+  const [hasOverflow, setHasOverflow] = useState(false);
+  useEffect(() => {
+    const el = chipsRef.current;
+    if (!el) return;
+    const measure = () => setHasOverflow(el.scrollHeight > el.clientHeight + 1);
+    measure();
+    return observeResize(el, measure);
+  }, [applied, clampRows, rowHeight, options]);
+  const searchMatchesExisting = options.some(
+    (o) => o.name.toLowerCase() === search.trim().toLowerCase()
+  );
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": l.edit,
+            "data-slot": "fact-labels-cell",
+            className: "group relative flex h-full w-full min-w-0 cursor-pointer items-center gap-1 pr-4 text-left hover:bg-muted",
+            children: appliedOptions.length === 0 ? /* @__PURE__ */ jsx("span", { className: "flex-1 text-muted-foreground opacity-50", children: /* @__PURE__ */ jsx(PencilLine, { className: "size-3.5" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: chipsRef,
+                  className: "flex min-w-0 flex-1 flex-wrap content-start gap-1 overflow-hidden",
+                  style: { maxHeight: CHIP_ROW_H * clampRows + CHIP_GAP * (clampRows - 1) },
+                  children: appliedOptions.map((o) => /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: "inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium",
+                      title: o.name,
+                      style: { borderColor: o.color },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: "flex size-3.5 shrink-0 items-center justify-center rounded",
+                            style: { backgroundColor: o.color },
+                            children: /* @__PURE__ */ jsx(Check, { className: "size-2.5 text-white", strokeWidth: 3 })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "max-w-[80px] truncate", children: o.name })
+                      ]
+                    },
+                    o.id
+                  ))
+                }
+              ),
+              hasOverflow && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "pointer-events-none absolute bottom-0.5 right-0.5 text-xs font-semibold leading-none text-muted-foreground",
+                  "aria-hidden": true,
+                  children: "\u2026"
+                }
+              )
+            ] })
+          }
+        ) }),
+        open && /* @__PURE__ */ jsx(PopoverContent, { className: "w-[360px] p-0", align: "start", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsxs(Command, { shouldFilter: true, children: [
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              placeholder: l.searchPlaceholder,
+              value: search,
+              onValueChange: setSearch,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && search.trim() && !searchMatchesExisting) {
+                  e.preventDefault();
+                  void createAndApply(search);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxs(CommandList, { children: [
+            /* @__PURE__ */ jsx(CommandEmpty, { children: search.trim() ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => void createAndApply(search),
+                onPointerDown: (e) => e.preventDefault(),
+                className: "w-full cursor-pointer rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11",
+                children: l.create(search.trim())
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.empty }) }),
+            /* @__PURE__ */ jsx(CommandGroup, { children: options.map((o) => {
+              const isApplied = applied.has(o.id);
+              return /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: o.name,
+                  onSelect: () => toggle(o),
+                  onPointerDown: (e) => e.preventDefault(),
+                  className: "cursor-pointer pointer-coarse:min-h-11",
+                  "data-testid": testIdOr(testIds?.option?.(o.id), {
+                    testId: `fact-label-select-${o.id}`
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "mr-2 flex size-4 shrink-0 items-center justify-center rounded border-2",
+                        style: isApplied ? { borderColor: o.color, backgroundColor: o.color } : { borderColor: o.color },
+                        children: isApplied && /* @__PURE__ */ jsx(Check, { className: "size-3 text-white", strokeWidth: 3 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1 text-sm", children: o.name })
+                  ]
+                },
+                o.id
+              );
+            }) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+});
+var DEFAULT_FACT_COLUMN_LABELS = {
+  inChatHeaderTooltip: "Facts added to this chat are always in context for this chat",
+  inChatTitle: "In this chat \u2014 always in context for it. Click to remove from chat.",
+  notInChatTitle: "Add to chat \u2014 always in context for this chat",
+  removeFromChat: "Remove from chat",
+  addToChat: "Add to chat",
+  fact: "Fact",
+  dates: "Dates",
+  dateTitle: "Date of the fact itself, not when this was saved",
+  labels: "Labels",
+  verified: "Verified",
+  verifiedTooltip: "Verified by a human",
+  shared: "Shared",
+  sharedTooltip: "Shared with the workspace, or private to you & your agents",
+  createdBy: "Created by",
+  sources: "Sources",
+  sourcedFrom: (n) => `Sourced from ${n} document${n === 1 ? "" : "s"} \u2014 open the fact to see them`,
+  createdAt: "Created at",
+  updated: "Updated",
+  id: "ID"
+};
+var ISO_DATE_FILTER_PARAMS = {
+  browserDatePicker: true,
+  comparator: (filterDate, cellValue) => {
+    if (!cellValue || typeof cellValue !== "string") return -1;
+    const cell = new Date(cellValue);
+    if (Number.isNaN(cell.getTime())) return -1;
+    const cellDay = Date.UTC(cell.getUTCFullYear(), cell.getUTCMonth(), cell.getUTCDate());
+    const filterDay = Date.UTC(
+      filterDate.getFullYear(),
+      filterDate.getMonth(),
+      filterDate.getDate()
+    );
+    return cellDay < filterDay ? -1 : cellDay > filterDay ? 1 : 0;
+  }
+};
+function sourceDocCount(fact) {
+  return fact?.citations?.length ?? 0;
+}
+var DEFAULT_FACT_COLUMN_ORDER = [
+  "in_chat",
+  "text",
+  "sources",
+  "tags",
+  "date",
+  "confirmed",
+  "shared",
+  "created_by",
+  "created_at",
+  "updated_at",
+  "note_id"
+];
+function createFactColumns(slots) {
+  const fieldOf = (name) => name;
+  const l = { ...DEFAULT_FACT_COLUMN_LABELS, ...slots.labels };
+  const ids = slots.testIds;
+  const { isInChat, onToggleInChat } = slots;
+  const inChatColumn = isInChat && onToggleInChat ? [
+    {
+      colId: "in_chat",
+      headerName: "",
+      headerComponent: () => /* @__PURE__ */ jsx("span", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ jsx(Paperclip, { className: "size-3.5 text-muted-foreground" }) }),
+      valueGetter: (params) => params.data ? isInChat(params.data) : false,
+      width: 44,
+      minWidth: 44,
+      maxWidth: 44,
+      sortable: true,
+      resizable: false,
+      headerTooltip: l.inChatHeaderTooltip,
+      cellClass: "cell-hcenter",
+      // A toggle, not a readout: a fact in the chat rides every message of it, so it flips
+      // in place.
+      cellRenderer: (params) => {
+        if (!params.data) return null;
+        const fact = params.data;
+        const inChat = isInChat(fact);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onToggleInChat(fact),
+            title: inChat ? l.inChatTitle : l.notInChatTitle,
+            "aria-label": inChat ? l.removeFromChat : l.addToChat,
+            "aria-pressed": inChat,
+            "data-testid": testIdOr(ids?.inChat?.(fact.external_id), {
+              testId: `facts-grid-in-chat-${fact.external_id}`
+            }),
+            className: "flex h-full items-center",
+            children: /* @__PURE__ */ jsx(
+              Paperclip,
+              {
+                className: cn(
+                  "size-3.5",
+                  inChat ? "text-primary" : "text-muted-foreground/30 transition-colors hover:text-muted-foreground"
+                )
+              }
+            )
+          }
+        );
+      }
+    }
+  ] : [];
+  const columns = [
+    ...inChatColumn,
+    {
+      colId: "text",
+      suppressHeaderFilterButton: true,
+      headerComponent: (p) => slots.renderHeader(p, "text"),
+      headerName: l.fact,
+      field: fieldOf("text"),
+      flex: 3,
+      minWidth: 280,
+      sortable: true,
+      filter: "agTextColumnFilter",
+      // Decode the editor's whitespace entities (`&#x20;` for a trailing space) so the tooltip
+      // reads as typed, not as raw markdown references.
+      tooltipValueGetter: (p) => decodeWhitespaceEntities(p.data?.text),
+      // Editable only via the grid api (Rename in the row's menu); clicks never open the editor
+      // (suppressClickEdit on the grid).
+      editable: true,
+      cellEditor: "agLargeTextCellEditor",
+      cellEditorPopup: true,
+      cellEditorParams: { rows: 8, cols: 60 },
+      valueSetter: (params) => {
+        if (!params.data) return false;
+        params.data.text = params.newValue;
+        return true;
+      },
+      // NOT `cell-multiline`: this cell has its OWN clamp (the `.fact-clamp` span below, sized
+      // from the row height). A second clamp cut the text in half at the minimum row height.
+      cellClass: "relative",
+      cellRenderer: (params) => {
+        if (!params.data) return null;
+        const fact = params.data;
+        const rowH = params.node.rowHeight ?? 52;
+        const clampLines = Math.max(1, Math.floor(rowH / 20));
+        return /* @__PURE__ */ jsxs("div", { className: "relative flex size-full items-start pr-6", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "fact-clamp whitespace-normal break-words text-sm leading-snug text-foreground",
+              style: { ["--fact-clamp-lines"]: clampLines },
+              "data-testid": testIdOr(ids?.text?.(fact.external_id), {
+                testId: `facts-grid-text-${fact.external_id}`
+              }),
+              children: decodeWhitespaceEntities(fact.text)
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "facts-row-kebab absolute right-0.5 top-1/2 -translate-y-1/2", children: slots.renderRowActions(fact, params) })
+        ] });
+      }
+    },
+    {
+      colId: "date",
+      // AG Grid's DEFAULT header, so the sort arrow and filter button are the native ones,
+      // identical to the Files table's Date columns.
+      headerName: l.dates,
+      // Sort on the raw bound rather than the rendered string ("Oct 2019" sorts April first).
+      field: fieldOf("date_start"),
+      flex: 0.8,
+      minWidth: 132,
+      sortable: true,
+      filter: "agDateColumnFilter",
+      filterParams: ISO_DATE_FILTER_PARAMS,
+      // The edit value is the date-only slice: a lexical sort matches a chronological one, and
+      // the inline editor shows "2024-03-12" rather than a full ISO timestamp. Inline typing
+      // accepts YYYY, YYYY-MM or YYYY-MM-DD; clearing the cell undates the fact.
+      editable: true,
+      singleClickEdit: true,
+      valueGetter: (params) => params.data?.date_start ? params.data.date_start.slice(0, 10) : null,
+      valueSetter: (params) => {
+        if (!params.data) return false;
+        params.data.date_start = params.newValue;
+        return true;
+      },
+      cellClass: "relative cell-tnum",
+      cellRenderer: (params) => {
+        const when = formatSpan(
+          params.data?.date_start,
+          params.data?.date_end,
+          params.data?.timezone
+        );
+        if (!when) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\u2014" });
+        return /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1",
+            "data-testid": testIdOr(ids?.date?.(params.data?.external_id ?? ""), {
+              testId: `facts-grid-date-${params.data?.external_id}`
+            }),
+            title: l.dateTitle,
+            children: [
+              /* @__PURE__ */ jsx(CalendarDays, { className: "size-3 opacity-70" }),
+              when
+            ]
+          }
+        );
+      }
+    },
+    {
+      colId: "tags",
+      suppressHeaderFilterButton: true,
+      headerComponent: (p) => slots.renderHeader(p, "tags"),
+      headerName: l.labels,
+      flex: 0.9,
+      // Never narrower than its own header, even with the filter button and sort indicator.
+      minWidth: 160,
+      sortable: true,
+      filter: "agTextColumnFilter",
+      cellClass: "overflow-visible",
+      valueGetter: (params) => (params.data?.tags ?? []).map((t) => t.name).join(", "),
+      // Editable in place: toggling a label persists immediately, no dialog round-trip.
+      cellRenderer: (params) => params.data ? slots.renderLabels(params.data, params) : null
+    },
+    {
+      colId: "confirmed",
+      headerName: l.verified,
+      headerTooltip: l.verifiedTooltip,
+      field: fieldOf("confirmed"),
+      // minWidth matches width so the header can't be clamped narrow enough to ellipsize.
+      width: 116,
+      minWidth: 116,
+      sortable: true,
+      cellDataType: "boolean",
+      valueGetter: (params) => params.data?.confirmed ?? false,
+      cellClass: "cell-hcenter",
+      headerClass: "header-hcenter",
+      cellRenderer: (params) => params.data ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: slots.renderVerified(params.data) }) : null
+    },
+    {
+      colId: "shared",
+      headerName: l.shared,
+      headerTooltip: l.sharedTooltip,
+      field: fieldOf("shared"),
+      // minWidth (not just width) is raised too: AG Grid clamps any persisted width up to it.
+      width: 110,
+      minWidth: 110,
+      sortable: true,
+      headerClass: "header-hcenter",
+      cellDataType: "boolean",
+      valueGetter: (params) => params.data?.shared ?? false,
+      cellRenderer: (params) => params.data ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: slots.renderShared(params.data, params) }) : null
+    },
+    {
+      colId: "created_by",
+      headerName: l.createdBy,
+      headerTooltip: l.createdBy,
+      width: 138,
+      minWidth: 138,
+      sortable: true,
+      valueGetter: (params) => slots.getCreatorName(params),
+      cellRenderer: (params) => params.data ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: slots.renderCreator(params.data, params) }) : null
+    },
+    {
+      colId: "sources",
+      headerName: l.sources,
+      width: 112,
+      minWidth: 104,
+      sortable: true,
+      // A hand-written fact has no sources, which is information rather than a gap: it reads as
+      // an em dash instead of a zero.
+      valueGetter: (params) => sourceDocCount(params.data),
+      cellRenderer: (params) => {
+        const n = sourceDocCount(params.data);
+        if (n === 0) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/40", children: "\u2014" });
+        return /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+            title: l.sourcedFrom(n),
+            children: [
+              /* @__PURE__ */ jsx(Quote, { className: "size-3 opacity-70" }),
+              n
+            ]
+          }
+        );
+      }
+    },
+    {
+      colId: "created_at",
+      suppressHeaderFilterButton: true,
+      headerComponent: (p) => slots.renderHeader(p, "created_at"),
+      headerName: l.createdAt,
+      field: fieldOf("created_at"),
+      width: 162,
+      minWidth: 154,
+      sortable: true,
+      filter: "agDateColumnFilter",
+      filterParams: ISO_DATE_FILTER_PARAMS,
+      // Display-only: a valueFormatter avoids mounting a React component per row.
+      cellClass: "text-muted-foreground",
+      valueFormatter: (params) => params.value ? slots.formatDate(params.value) : ""
+    },
+    {
+      colId: "updated_at",
+      suppressHeaderFilterButton: true,
+      headerComponent: (p) => slots.renderHeader(p, "updated_at"),
+      headerName: l.updated,
+      field: fieldOf("updated_at"),
+      width: 140,
+      minWidth: 140,
+      // Hidden by default: a column-menu opt-in like the documents grid's long tail.
+      hide: true,
+      sortable: true,
+      filter: "agDateColumnFilter",
+      filterParams: ISO_DATE_FILTER_PARAMS,
+      valueFormatter: (params) => params.value ? slots.formatDate(params.value) : ""
+    },
+    {
+      colId: "note_id",
+      headerName: l.id,
+      field: fieldOf("external_id"),
+      width: 120,
+      minWidth: 100,
+      sortable: true,
+      filter: "agTextColumnFilter",
+      // Hidden by default like the documents ID column: needed when quoting a fact to support.
+      hide: true,
+      cellClass: "font-mono text-xs text-muted-foreground"
+    }
+  ];
+  return DEFAULT_FACT_COLUMN_ORDER.map((id) => columns.find((c) => c.colId === id)).filter(
+    (c) => c !== void 0
+  );
+}
+var DEFAULT_FACT_ROW_ACTIONS_LABELS = {
+  actions: "Fact actions",
+  edit: "Edit",
+  editRestricted: "Only the creator or a workspace owner can reword this fact",
+  delete: "Delete"
+};
+function FactRowActions({
+  onEdit,
+  canEdit = true,
+  onDelete,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_ROW_ACTIONS_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => e.stopPropagation(),
+        className: "flex size-6 pointer-coarse:size-11 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground",
+        "data-testid": testIdOr(testIds?.trigger, { testId: "fact-row-actions" }),
+        "aria-label": l.actions,
+        children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onSelect: onEdit,
+          disabled: !canEdit,
+          title: canEdit ? void 0 : l.editRestricted,
+          "data-testid": testIdOr(testIds?.edit, { testId: "fact-action-edit" }),
+          children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4" }),
+            l.edit
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs(
+        DropdownMenuItem,
+        {
+          onSelect: onDelete,
+          className: "text-red-text focus:text-red-text",
+          "data-testid": testIdOr(testIds?.delete, { testId: "fact-action-delete" }),
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }),
+            l.delete
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+export { DEFAULT_FACTS_BULK_BAR_LABELS, DEFAULT_FACTS_EMPTY_STATE_LABELS, DEFAULT_FACTS_FIELDS_BUTTON_LABELS, DEFAULT_FACTS_TOOLBAR_LABELS, DEFAULT_FACTS_VIEW_TOGGLE_LABELS, DEFAULT_FACT_COLUMN_LABELS, DEFAULT_FACT_COLUMN_ORDER, DEFAULT_FACT_COMPOSER_LABELS, DEFAULT_FACT_DATE_INPUT_LABELS, DEFAULT_FACT_LABELS_CELL_LABELS, DEFAULT_FACT_ROW_ACTIONS_LABELS, DEFAULT_FACT_SOURCES_ROW_LABELS, DEFAULT_FACT_SOURCE_GROUP_LABELS, DEFAULT_FACT_TIMELINE_LABELS, EMPTY_FACT_DATE_FIELDS, FactComposer, FactDateInput, FactFieldRow, FactLabelsCell, FactRowActions, FactSourceGroup, FactSourcesRow, FactsBulkBar, FactsCalendar, FactsEmptyState, FactsFieldsButton, FactsGanttPane, FactsLoadError, FactsLoading, FactsToolbar, FactsViewToggle, ISO_DATE_FILTER_PARAMS, buildFactCitations, chunkIdsOf, citedVersionRef, createFactColumns, docIdsOf, enableFactTableColumnResize, factDateFieldsToSpan, factDateSpanToFields, hasChunk, isWholeDoc, sourceDocCount, toFactCitations, withChunk, withDoc, withoutChunk, withoutDoc };
+//# sourceMappingURL=chunk-WU34CHU5.js.map
+//# sourceMappingURL=chunk-WU34CHU5.js.map