@arbidocs/blocks 0.3.185 → 0.4.1

package/dist/facts/index.cjs

@@ -0,0 +1,2401 @@
+"use client";
+'use strict';
+
+var chunkLRUCMZK6_cjs = require('../chunk-LRUCMZK6.cjs');
+var chunkOUW6G4O2_cjs = require('../chunk-OUW6G4O2.cjs');
+var chunkVPPX5XUF_cjs = require('../chunk-VPPX5XUF.cjs');
+var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
+var chunk5B4PXAKI_cjs = require('../chunk-5B4PXAKI.cjs');
+var chunkPPCATBOY_cjs = require('../chunk-PPCATBOY.cjs');
+var chunkWJMEXTVD_cjs = require('../chunk-WJMEXTVD.cjs');
+require('../chunk-C54XEN5T.cjs');
+var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// src/facts/fact-text.ts
+var WHITESPACE_CODE_POINTS = /* @__PURE__ */ new Set([32, 9, 160]);
+function decodeWhitespaceEntities(text) {
+  if (!text) return "";
+  return text.replace(/&#x([0-9a-f]+);|&#(\d+);/gi, (match, hex, dec) => {
+    const code = hex ? parseInt(hex, 16) : parseInt(dec, 10);
+    return WHITESPACE_CODE_POINTS.has(code) ? String.fromCodePoint(code) : match;
+  });
+}
+var DEFAULT_FACT_COLUMN_LABELS = {
+  pinnedHeaderTooltip: "Pinned facts are given to the assistant every turn",
+  pinnedTitle: "Pinned \u2014 sent with every AI request. Click to unpin.",
+  unpinnedTitle: "Pin \u2014 send with every AI request",
+  unpin: "Unpin fact",
+  pin: "Pin fact",
+  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 = [
+  "pinned",
+  "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 columns = [
+    {
+      colId: "pinned",
+      headerName: "",
+      headerComponent: () => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "size-3.5 text-muted-foreground" }) }),
+      field: fieldOf("pinned"),
+      width: 44,
+      minWidth: 44,
+      maxWidth: 44,
+      sortable: true,
+      resizable: false,
+      headerTooltip: l.pinnedHeaderTooltip,
+      cellClass: "cell-hcenter",
+      // A toggle, not a readout: pinning is the row's most consequential switch (pinned facts
+      // ride every AI request), so it flips in place.
+      cellRenderer: (params) => {
+        if (!params.data) return null;
+        const fact = params.data;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => slots.onTogglePin(fact),
+            title: fact.pinned ? l.pinnedTitle : l.unpinnedTitle,
+            "aria-label": fact.pinned ? l.unpin : l.pin,
+            "aria-pressed": fact.pinned,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(ids?.pinned?.(fact.external_id), {
+              testId: `facts-grid-pinned-${fact.external_id}`
+            }),
+            className: "flex h-full items-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.Pin,
+              {
+                className: ui.cn(
+                  "size-3.5",
+                  fact.pinned ? "fill-current text-yellow-text" : "text-muted-foreground/30 transition-colors hover:text-muted-foreground"
+                )
+              }
+            )
+          }
+        );
+      }
+    },
+    {
+      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__ */ jsxRuntime.jsxs("div", { className: "relative flex size-full items-start pr-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "fact-clamp whitespace-normal break-words text-sm leading-snug text-foreground",
+              style: { ["--fact-clamp-lines"]: clampLines },
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(ids?.text?.(fact.external_id), {
+                testId: `facts-grid-text-${fact.external_id}`
+              }),
+              children: decodeWhitespaceEntities(fact.text)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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 = chunkVPPX5XUF_cjs.formatSpan(
+          params.data?.date_start,
+          params.data?.date_end,
+          params.data?.timezone
+        );
+        if (!when) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/50", children: "\u2014" });
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(ids?.date?.(params.data?.external_id ?? ""), {
+              testId: `facts-grid-date-${params.data?.external_id}`
+            }),
+            title: l.dateTitle,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: slots.renderShared(params.data) }) : 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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/40", children: "\u2014" });
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
+            title: l.sourcedFrom(n),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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",
+  delete: "Delete"
+};
+function FactRowActions({ onEdit, onDelete, labels, testIds }) {
+  const l = { ...DEFAULT_FACT_ROW_ACTIONS_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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": chunkMHVNT4J3_cjs.testIdOr(testIds?.trigger, { testId: "fact-row-actions" }),
+        "aria-label": l.actions,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.DropdownMenuItem,
+        {
+          onSelect: onEdit,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.edit, { testId: "fact-action-edit" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "mr-2 size-4" }),
+            l.edit
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.DropdownMenuItem,
+        {
+          onSelect: onDelete,
+          className: "text-red-text focus:text-red-text",
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.delete, { testId: "fact-action-delete" }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+            l.delete
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function FactSwitch({ checked, label, onToggle, testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": label,
+      onClick: onToggle,
+      "data-testid": testId,
+      className: ui.cn(
+        "inline-flex h-5 w-9 items-center rounded-full p-0.5 transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        checked ? "bg-green-solid" : "bg-muted-foreground/30"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: ui.cn(
+            "size-4 rounded-full bg-background transition-transform",
+            checked && "translate-x-4"
+          )
+        }
+      )
+    }
+  );
+}
+var defaultFormatDate = (iso) => {
+  const d = new Date(iso);
+  return Number.isNaN(d.getTime()) ? iso : d.toLocaleDateString();
+};
+var EMPTY_STATE = { title: "No facts yet" };
+function FactsTable({
+  facts,
+  onTogglePin,
+  onToggleConfirmed,
+  onToggleShared,
+  onEdit,
+  onDelete,
+  onOpen,
+  getCreatorName,
+  formatDate = defaultFormatDate,
+  columnLabels,
+  isLoading,
+  gridId = "facts-table-v1",
+  height = "100%",
+  rowHeight = 52,
+  gridProps,
+  testId = "facts-table"
+}) {
+  const l = { ...DEFAULT_FACT_COLUMN_LABELS, ...columnLabels };
+  const columnDefs = react.useMemo(
+    () => createFactColumns({
+      onTogglePin,
+      renderHeader: (params) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12.5px] font-medium", children: params.displayName }),
+      renderRowActions: (fact) => onEdit && onDelete ? /* @__PURE__ */ jsxRuntime.jsx(FactRowActions, { onEdit: () => onEdit(fact), onDelete: () => onDelete(fact) }) : null,
+      renderLabels: (fact) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex flex-wrap items-center gap-1", children: (fact.tags ?? []).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "rounded-full bg-muted px-2 py-px text-xs text-muted-foreground",
+          children: tag.name
+        },
+        tag.name
+      )) }),
+      renderVerified: (fact) => /* @__PURE__ */ jsxRuntime.jsx(
+        FactSwitch,
+        {
+          checked: fact.confirmed,
+          label: l.verified,
+          onToggle: () => onToggleConfirmed(fact),
+          testId: `facts-grid-confirmed-${fact.external_id}`
+        }
+      ),
+      renderShared: (fact) => /* @__PURE__ */ jsxRuntime.jsx(
+        FactSwitch,
+        {
+          checked: fact.shared,
+          label: l.shared,
+          onToggle: () => onToggleShared(fact),
+          testId: `facts-grid-shared-${fact.external_id}`
+        }
+      ),
+      renderCreator: (fact, _params) => {
+        const name = getCreatorName?.(fact) ?? "";
+        return name ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            title: name,
+            className: "inline-flex size-6 items-center justify-center rounded-full bg-muted text-[10px] font-medium text-muted-foreground",
+            children: chunkWJMEXTVD_cjs.initials(name)
+          }
+        ) : null;
+      },
+      getCreatorName: (params) => params.data ? getCreatorName?.(params.data) ?? "" : "",
+      formatDate,
+      labels: columnLabels
+    }),
+    [
+      onTogglePin,
+      onToggleConfirmed,
+      onToggleShared,
+      onEdit,
+      onDelete,
+      getCreatorName,
+      formatDate,
+      columnLabels,
+      l.verified,
+      l.shared
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkLRUCMZK6_cjs.GridView,
+    {
+      testId,
+      items: facts,
+      columnDefs,
+      getItemId: (fact) => fact.external_id,
+      onRowClick: onOpen,
+      isLoading,
+      emptyState: EMPTY_STATE,
+      gridId,
+      height,
+      rowHeight,
+      ...gridProps,
+      gridOptions: { suppressClickEdit: true, ...gridProps?.gridOptions }
+    }
+  );
+}
+
+// src/facts/fact-row.ts
+function toFactRow(record) {
+  return {
+    external_id: record.id,
+    text: record.text,
+    pinned: record.pinned ?? false,
+    confirmed: record.confirmed ?? false,
+    shared: record.shared ?? false,
+    date_start: record.dateStart ?? null,
+    date_end: record.dateEnd ?? null,
+    timezone: record.timezone ?? null,
+    tags: (record.tags ?? []).map((t) => typeof t === "string" ? { name: t } : t),
+    citations: record.citations ?? [],
+    created_by_ext_id: record.createdBy ?? null,
+    created_at: record.createdAt ?? null,
+    updated_at: record.updatedAt ?? null,
+    record
+  };
+}
+function toFactRows(records) {
+  return records.map(toFactRow);
+}
+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 = react.memo(function FactLabelsCell2({
+  options,
+  selectedIds,
+  onChange,
+  onCreate,
+  rowHeight = 52,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_LABELS_CELL_LABELS, ...labels };
+  const [open, setOpen] = react.useState(false);
+  const [search, setSearch] = react.useState("");
+  const applied = react.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 = react.useRef(null);
+  const [hasOverflow, setHasOverflow] = react.useState(false);
+  react.useEffect(() => {
+    const el = chipsRef.current;
+    if (!el) return;
+    const measure = () => setHasOverflow(el.scrollHeight > el.clientHeight + 1);
+    measure();
+    return chunkPPCATBOY_cjs.observeResize(el, measure);
+  }, [applied, clampRows, rowHeight, options]);
+  const searchMatchesExisting = options.some(
+    (o) => o.name.toLowerCase() === search.trim().toLowerCase()
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Popover,
+    {
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex-1 text-muted-foreground opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilLine, { className: "size-3.5" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: "flex size-3.5 shrink-0 items-center justify-center rounded",
+                            style: { backgroundColor: o.color },
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-2.5 text-white", strokeWidth: 3 })
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[80px] truncate", children: o.name })
+                      ]
+                    },
+                    o.id
+                  ))
+                }
+              ),
+              hasOverflow && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "w-[360px] p-0", align: "start", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.CommandInput,
+            {
+              placeholder: l.searchPlaceholder,
+              value: search,
+              onValueChange: setSearch,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && search.trim() && !searchMatchesExisting) {
+                  e.preventDefault();
+                  void createAndApply(search);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: search.trim() ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.empty }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: options.map((o) => {
+              const isApplied = applied.has(o.id);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.CommandItem,
+                {
+                  value: o.name,
+                  onSelect: () => toggle(o),
+                  onPointerDown: (e) => e.preventDefault(),
+                  className: "cursor-pointer pointer-coarse:min-h-11",
+                  "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.option?.(o.id), {
+                    testId: `fact-label-select-${o.id}`
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3 text-white", strokeWidth: 3 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-sm", children: o.name })
+                  ]
+                },
+                o.id
+              );
+            }) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+});
+
+// src/facts/timezone.ts
+function detectTimezone() {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+  } catch {
+    return "UTC";
+  }
+}
+function supportedTimezones() {
+  try {
+    const fn = Intl.supportedValuesOf;
+    return fn ? fn("timeZone") : [];
+  } catch {
+    return [];
+  }
+}
+
+// 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 = react.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] = react.useState(initial);
+  const [mode, setMode] = react.useState("days");
+  const [yearStart, setYearStart] = react.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__ */ jsxRuntime.jsxs("div", { className: "w-[248px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-1 pb-2", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+        }
+      ),
+      mode === "days" ? /* @__PURE__ */ jsxRuntime.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": chunkMHVNT4J3_cjs.testIdOr(testIds?.caption, { testId: "fact-calendar-caption" }),
+          children: [
+            l.months[view.monthIndex],
+            " ",
+            view.year
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium", children: [
+        yearStart,
+        " \u2013 ",
+        yearStart + 11
+      ] }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+        }
+      )
+    ] }),
+    mode === "days" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-7 gap-0.5", children: [
+      l.weekdays.map((w) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", {}, `blank-${i}`);
+        const key = dayKey(view.year, view.monthIndex, day);
+        const isSelected = key === selected;
+        const isToday = key === todayKey;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(key),
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.day?.(key), { testId: `fact-calendar-day-${key}` }),
+            className: ui.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__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-1", children: years.map((y) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => pickYear(y),
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.year?.(y), { testId: `fact-calendar-year-${y}` }),
+        className: ui.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] = react.useState(false);
+  const timezones = react.useMemo(() => supportedTimezones(), []);
+  const timezoneListId = `${idPrefix}-timezone-options`;
+  const span = factDateFieldsToSpan(value);
+  const summary = value.time || value.endTime ? summarizeWithTimes(value) : chunkVPPX5XUF_cjs.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__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: ui.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__ */ jsxRuntime.jsx(lucideReact.CalendarDays, { className: "size-4 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: summary || l.addDate })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.PopoverContent, { className: "w-auto p-3", align: "start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(MonthCalendar, { selected: value.date, onSelect: setDate, labels: l, testIds }),
+      value.date && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-col gap-2 border-t border-border pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.startTime }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: "time",
+                value: value.time,
+                onChange: (e) => setStartTime(e.target.value),
+                className: "h-8 text-xs",
+                "data-testid": `${idPrefix}-time`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.endTime }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.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__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.timezone }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.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__ */ jsxRuntime.jsx("datalist", { id: timezoneListId, children: timezones.map((tz) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: tz }, tz)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: l.endDate }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.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__ */ jsxRuntime.jsxs(
+          ui.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "mr-1 size-3.5" }),
+              " ",
+              l.clearDate
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+var DEFAULT_FACT_PASSAGES_LABELS = {
+  loading: "Loading passage\u2026",
+  close: "Close"
+};
+function toPreviewLine(md) {
+  return md.replace(/`{1,3}([^`]*)`{1,3}/g, "$1").replace(/!\[[^\]]*\]\([^)]*\)/g, "").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/^[>\s]*#{1,6}\s*/gm, "").replace(/^[>\s]*[-*+]\s+/gm, "").replace(/[*_~]/g, "").replace(/\|/g, " ").replace(/\s+/g, " ").trim();
+}
+var SUP_SUB_RE = /<(sup|sub)>([\s\S]*?)<\/\1>/gi;
+var STRAY_SUP_SUB_RE = /<\/?(?:sup|sub)>/gi;
+var stripStrayTags = (s) => s.replace(STRAY_SUP_SUB_RE, "");
+function renderPreviewInline(line) {
+  const nodes = [];
+  let last = 0;
+  let key = 0;
+  for (const m of line.matchAll(SUP_SUB_RE)) {
+    const start = m.index ?? 0;
+    if (start > last) nodes.push(stripStrayTags(line.slice(last, start)));
+    const inner = stripStrayTags(m[2]);
+    nodes.push(
+      m[1].toLowerCase() === "sup" ? /* @__PURE__ */ jsxRuntime.jsx("sup", { children: inner }, key++) : /* @__PURE__ */ jsxRuntime.jsx("sub", { children: inner }, key++)
+    );
+    last = start + m[0].length;
+  }
+  if (last < line.length) nodes.push(stripStrayTags(line.slice(last)));
+  return nodes;
+}
+function FactPassageItem({
+  index,
+  page,
+  excerpt,
+  isViewing,
+  onSelect,
+  testId,
+  className,
+  labels
+}) {
+  const l = { ...DEFAULT_FACT_PASSAGES_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSelect,
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "fact-source-passage" }),
+      "aria-current": isViewing || void 0,
+      className: ui.cn(
+        "flex w-full items-start gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors pointer-coarse:min-h-11",
+        isViewing ? "bg-ai-soft text-foreground ring-1 ring-ai-accent/40" : "bg-ai-soft/60 text-foreground hover:bg-ai-soft",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 shrink-0 rounded bg-muted px-1 py-0.5 font-mono text-xs text-muted-foreground", children: [
+          index + 1,
+          "."
+        ] }),
+        page != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 shrink-0 rounded-full bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground", children: [
+          "p.",
+          page
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: excerpt ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          "\u201C",
+          renderPreviewInline(toPreviewLine(excerpt)),
+          "\u201D"
+        ] }) : l.loading })
+      ]
+    }
+  );
+}
+function FactSourcesPanel({
+  title,
+  onClose,
+  container,
+  children,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_PASSAGES_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.PopoverContent,
+    {
+      align: "start",
+      side: "bottom",
+      sideOffset: 4,
+      collisionPadding: 16,
+      container,
+      collisionBoundary: container ?? void 0,
+      onInteractOutside: (e) => {
+        const target = e.detail.originalEvent.target;
+        if (target?.closest(
+          '[data-testid="parsed-viewer"], [role="dialog"], [data-radix-popper-content-wrapper]'
+        )) {
+          e.preventDefault();
+        }
+      },
+      className: "w-[34rem] max-w-[var(--radix-popover-content-available-width)] p-0 data-[state=closed]:animate-none",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.popover, { testId: "fact-sources-popover" }),
+      "data-slot": "fact-sources-panel",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 flex items-center justify-between gap-2 border-b border-border bg-popover px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": l.close,
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.close, { testId: "fact-sources-close" }),
+              onClick: onClose,
+              className: "-m-1.5 flex shrink-0 items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground pointer-coarse:p-3",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "flex max-h-[min(60vh,var(--radix-popover-content-available-height))] flex-col gap-2 overflow-y-auto p-1.5",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.list, { testId: "fact-sources-list" }),
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+var DEFAULT_FACT_SOURCE_GROUP_LABELS = {
+  remove: "Remove this document",
+  wholeDocument: "Whole document \u2014 open it to cite specific passages"
+};
+function FactSourceGroup({
+  docId,
+  document,
+  isViewing,
+  onRemove,
+  children,
+  hasPassages,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_SOURCE_GROUP_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-1",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root?.(docId), { testId: `citation-doc-${docId}` }),
+      "data-viewing": isViewing || void 0,
+      "data-slot": "fact-source-group",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-1 text-sm", children: [
+          document,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onRemove,
+              "aria-label": l.remove,
+              "data-testid": chunkMHVNT4J3_cjs.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" })
+            }
+          )
+        ] }),
+        hasPassages ? children : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 text-xs text-muted-foreground", children: l.wholeDocument })
+      ]
+    }
+  );
+}
+var DEFAULT_FACTS_VIEW_TOGGLE_LABELS = {
+  table: "Table",
+  calendar: "Calendar",
+  timeline: "Timeline",
+  smartSearch: "Smart Search"
+};
+var createOptions = (l) => [
+  { value: "table", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Table2, { className: "size-3.5" }), label: l.table },
+  { value: "calendar", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarRange, { className: "size-3.5" }), label: l.calendar },
+  { value: "gantt", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(
+    chunkLRUCMZK6_cjs.ViewToggle,
+    {
+      options,
+      value: viewMode,
+      onChange: (value) => onChange(value),
+      testIdPrefix: chunkMHVNT4J3_cjs.testIdOr(testIdPrefix, { testId: "facts-layout" }),
+      showLabels: !collapsed,
+      size: "sm"
+    }
+  );
+}
+var FACTS_SEARCH_FIELD_OPTIONS = [
+  { value: "text", label: "Fact" },
+  { value: "labels", label: "Labels" }
+];
+var DEFAULT_FACTS_FILTER_INPUT_LABELS = {
+  placeholder: "Filter...",
+  clear: "Clear filter",
+  chooseFields: "Choose fields to filter",
+  fieldsHeading: "Filter fields",
+  fieldNames: { text: "Fact", labels: "Labels" }
+};
+function FactsFilterInput({
+  value,
+  onChange,
+  fields,
+  onFieldsChange,
+  filter,
+  className,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACTS_FILTER_INPUT_LABELS, ...labels };
+  const toggleField = (field) => onFieldsChange(fields.includes(field) ? fields.filter((f) => f !== field) : [...fields, field]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn("flex min-w-0 items-center", className ?? "w-44 pointer-coarse:w-56"),
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root, { testId: "facts-filter" }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0", children: [
+        filter ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute left-1 top-1/2 z-10 -translate-y-1/2",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.quick, { testId: "facts-filter-quick" }),
+            children: filter
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "pointer-events-none absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            value,
+            onChange: (e) => onChange(e.target.value),
+            placeholder: l.placeholder,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.input, { testId: "facts-filter-input" }),
+            className: ui.cn(
+              "h-7 bg-muted pr-12 text-sm shadow-none focus-visible:bg-muted focus-visible:ring-0 pointer-coarse:h-11 pointer-coarse:pr-24",
+              filter ? "pl-11" : "pl-7"
+            )
+          }
+        ),
+        value && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(""),
+            "aria-label": l.clear,
+            className: "absolute right-7 top-1/2 z-10 -translate-y-1/2 text-muted-foreground hover:text-foreground pointer-coarse:right-11 pointer-coarse:flex pointer-coarse:size-11 pointer-coarse:items-center pointer-coarse:justify-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": l.chooseFields,
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.fieldsButton, {
+                testId: "facts-filter-fields-button"
+              }),
+              className: "absolute right-1.5 top-1/2 z-10 -translate-y-1/2 !h-5 !w-5 !p-0 text-muted-foreground/60 transition-colors hover:text-foreground pointer-coarse:right-0 pointer-coarse:!flex pointer-coarse:!h-11 pointer-coarse:!w-11 pointer-coarse:items-center pointer-coarse:justify-center",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, { className: "size-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "w-44 p-0", align: "end", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Command, { shouldFilter: false, children: /* @__PURE__ */ jsxRuntime.jsx(ui.CommandList, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { heading: l.fieldsHeading, children: FACTS_SEARCH_FIELD_OPTIONS.map((option) => {
+            const isSelected = fields.includes(option.value);
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.CommandItem,
+              {
+                onSelect: () => toggleField(option.value),
+                className: "cursor-pointer text-sm",
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.field?.(option.value), {
+                  testId: `facts-filter-field-${option.value}`
+                }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: ui.cn(
+                        "mr-2 flex size-3.5 items-center justify-center rounded-sm border border-primary",
+                        isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3" })
+                    }
+                  ),
+                  l.fieldNames[option.value]
+                ]
+              },
+              option.value
+            );
+          }) }) }) }) })
+        ] })
+      ] })
+    }
+  );
+}
+var DEFAULT_FACTS_FIELDS_BUTTON_LABELS = {
+  fields: "Fields",
+  defaultView: "Default view",
+  columns: "Columns",
+  columnNames: { pinned: "Pinned" }
+};
+function FactsFieldsButton({
+  getGridApi,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACTS_FIELDS_BUTTON_LABELS, ...labels };
+  const [open, setOpen] = react.useState(false);
+  const [version, setVersion] = react.useState(0);
+  const columns = react.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__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.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": chunkMHVNT4J3_cjs.testIdOr(testIds?.trigger, { testId: "facts-fields-trigger" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Columns3, { className: "size-3.5" }),
+          l.fields,
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "size-3" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "w-[220px] p-0", align: "end", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Command, { shouldFilter: false, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { className: "max-h-[60dvh]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.CommandItem,
+        {
+          onSelect: resetToDefault,
+          className: "cursor-pointer text-sm text-muted-foreground",
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.defaultView, {
+            testId: "facts-fields-default-view"
+          }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "mr-2 size-3.5" }),
+            l.defaultView
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandSeparator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { heading: l.columns, children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.CommandItem,
+        {
+          onSelect: () => toggle(col.colId, col.visible),
+          className: "cursor-pointer text-sm",
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.toggle?.(col.colId), {
+            testId: `facts-fields-toggle-${col.colId}`
+          }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: ui.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__ */ jsxRuntime.jsx(lucideReact.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 = chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "facts-calendar" });
+  const items = react.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 = react.useRef(null);
+  const entryId = chunkMHVNT4J3_cjs.testIdOr(testId && `${testId}-entry-${selectedId}`, {
+    testId: `facts-calendar-entry-${selectedId}`
+  });
+  react.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__ */ jsxRuntime.jsx("div", { ref: rootRef, className: "h-full border-t border-border", "data-slot": "facts-calendar", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVPPX5XUF_cjs.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__ */ jsxRuntime.jsx("div", { className: "facts-gantt h-full border-t border-border", "data-slot": "facts-gantt", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkVPPX5XUF_cjs.TimelineGantt,
+    {
+      testId: chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "gantt" }),
+      emptyMessage: emptyMessage ?? l.ganttEmpty,
+      ...props
+    }
+  ) });
+}
+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 = [lucideReact.CalendarClock, lucideReact.Scale, lucideReact.Lightbulb];
+function FactsEmptyState({ onUseExample, labels, testIds }) {
+  const l = { ...DEFAULT_FACTS_EMPTY_STATE_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "flex min-h-full items-center justify-center p-10",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root, { testId: "facts-page-empty-state" }),
+      "data-slot": "facts-empty-state",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-xl text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex size-12 items-center justify-center rounded-lg bg-accent text-accent-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Milestone, { className: "size-6" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-2 text-xl font-semibold text-foreground", children: l.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: l.intro }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-7 grid gap-3 text-left sm:grid-cols-3", children: l.kinds.map(({ label, desc }, i) => {
+          const KindIcon = KIND_ICONS[i % KIND_ICONS.length];
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(KindIcon, { className: "size-4 text-primary" }),
+              label
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs leading-snug text-muted-foreground", children: desc })
+          ] }, label);
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-10 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: l.tryAdding }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap justify-center gap-2.5", children: l.examples.map((fact) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onUseExample(fact),
+            className: "group inline-flex items-center gap-1.5 rounded-full bg-muted px-3.5 py-2 text-sm text-foreground transition-colors hover:bg-accent pointer-coarse:min-h-11",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.example, { testId: "facts-page-example" }),
+            children: [
+              fact,
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center py-10 text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-3 px-6 py-10 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: message }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outline", size: "sm", onClick: onRetry, children: retryLabel })
+  ] });
+}
+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__ */ jsxRuntime.jsxs("div", { className: ui.cn("flex flex-col gap-1.5", className), "data-slot": "fact-field-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children })
+  ] });
+}
+function FactSourcesRow({ toggle, picker, labels, hintTestId }) {
+  const l = { ...DEFAULT_FACT_SOURCES_ROW_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", "data-slot": "fact-sources-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-sm font-medium text-foreground", children: [
+      l.sources,
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": l.hintButton,
+            className: "text-muted-foreground hover:text-foreground",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(hintTestId, { testId: "facts-source-hint" }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "size-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { className: "max-w-xs", children: l.hint })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+      toggle,
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.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__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: panelRef,
+          className: "facts-composer flex flex-col gap-4 border-b border-border bg-muted px-4 py-4",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+              editor,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.tags, { testId: "facts-page-composer-tags" }),
+                      className: "min-w-[14rem] flex-1",
+                      children: labels
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-6", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                      sharedToggle,
+                      l.shared
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-foreground", children: [
+                      verifiedToggle,
+                      l.verified
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-[10rem] flex-1 flex-col gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-foreground", children: l.dates }),
+                    dateInput
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 self-end max-sm:w-full max-sm:justify-end", children: [
+                    isEditing && /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.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": chunkMHVNT4J3_cjs.testIdOr(testIds?.delete, {
+                          testId: "facts-page-composer-delete"
+                        }),
+                        "aria-label": l.deleteFact,
+                        title: l.deleteFact,
+                        children: isDeleting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "size-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Button,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-7 pointer-coarse:h-11",
+                        onClick: onCancel,
+                        children: l.cancel
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Button,
+                      {
+                        size: "sm",
+                        className: "h-7 pointer-coarse:h-11",
+                        disabled: !canSave,
+                        onClick: onSave,
+                        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.save, { testId: "facts-page-composer-save" }),
+                        children: isEditing ? isSaving ? l.saving : l.saveFact : isSaving ? l.adding : l.addFact
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            ] }),
+            error && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "text-xs text-destructive",
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.error, { testId: "facts-page-composer-error" }),
+                children: error
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+}
+var DEFAULT_FACTS_BULK_BAR_LABELS = {
+  unpin: "Unpin Facts",
+  pin: "Pin to Chats",
+  label: "Label",
+  shared: "Shared",
+  more: "More",
+  export: "Export",
+  delete: "Delete",
+  budgetHint: "Pinned facts ride every AI request, so they are always in context and share one budget. This estimates the tokens they add (\u22484 characters per token), capped at ~2,000.",
+  budget: (tokens, cap) => `~${tokens}/${cap} tokens`,
+  unpinTooltip: (n) => `Unpin the selected ${n} so they no longer ride every chat`,
+  pinTooltip: (n) => `Pin the selected ${n} so they ride every chat with the assistant`,
+  labelTooltip: (n) => `Add or remove labels from selected ${n}`
+};
+function FactsBulkBar({
+  count,
+  onClear,
+  allSelectedPinned,
+  onTogglePin,
+  onLabel,
+  sharedToggle,
+  onExport,
+  onDelete,
+  budget,
+  pluralNoun = "facts",
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACTS_BULK_BAR_LABELS, ...labels };
+  const none = count === 0;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-3", "data-slot": "facts-bulk-bar", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkV4ISCZJ7_cjs.SelectionBar,
+    {
+      count,
+      onClear,
+      status: budget ? /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: ui.cn(
+            "shrink-0 text-xs tabular-nums",
+            budget.isOver ? "text-destructive" : "text-muted-foreground"
+          ),
+          title: l.budgetHint,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.budget, { testId: "facts-page-core-budget" }),
+          children: l.budget(budget.tokens.toLocaleString(), budget.cap.toLocaleString())
+        }
+      ) : null,
+      children: (isCompact) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkV4ISCZJ7_cjs.SelectionBarAction,
+          {
+            icon: allSelectedPinned ? lucideReact.PinOff : lucideReact.Pin,
+            label: allSelectedPinned ? l.unpin : l.pin,
+            onClick: onTogglePin,
+            disabled: none,
+            isCompact,
+            className: "border-yellow-border text-yellow-text hover:bg-yellow-bg hover:text-yellow-text",
+            tooltip: allSelectedPinned ? l.unpinTooltip(pluralNoun) : l.pinTooltip(pluralNoun),
+            testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.pin, { testId: "bulk-pin-facts-button" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkV4ISCZJ7_cjs.SelectionBarAction,
+          {
+            icon: lucideReact.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: chunkMHVNT4J3_cjs.testIdOr(testIds?.label, { testId: "bulk-label-facts-button" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: l.shared })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-7 gap-1.5 px-2 pointer-coarse:h-11",
+              disabled: none,
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.more, { testId: "facts-bulk-more-button" }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+                !isCompact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: l.more })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.DropdownMenuItem,
+              {
+                onClick: onExport,
+                disabled: none,
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.export, { testId: "export-facts-button" }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderUp, { className: "mr-2 size-4" }),
+                  l.export
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.DropdownMenuItem,
+              {
+                onClick: onDelete,
+                disabled: none,
+                className: "text-red-text focus:text-red-text",
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.delete, { testId: "bulk-delete-facts-button" }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "mr-2 size-4" }),
+                  l.delete
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+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 = react.useRef(null);
+  const [viewsCollapsed, setViewsCollapsed] = react.useState(false);
+  const [isNarrow, setIsNarrow] = react.useState(false);
+  react.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 chunkPPCATBOY_cjs.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__ */ jsxRuntime.jsx(lucideReact.Milestone, { className: "size-3.5" }),
+      label: "",
+      count,
+      countPlacement: "leading",
+      hasActiveFilters,
+      testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.tab, { testId: "facts-tab" }),
+      // Strip the folder-tab chrome: just the glyph and count, as in the Files header.
+      tabClassName: "!bg-transparent hover:!bg-transparent !border-transparent !rounded-none !mb-0 !pl-0 before:!hidden after:!hidden shadow-none!"
+    }
+  ];
+  const filterControls = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: isNarrow ? "flex w-full items-center gap-1.5" : "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      FactsFilterInput,
+      {
+        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__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-6 shrink-0 gap-1.5 px-2 pointer-coarse:h-11",
+        onClick: onOpenTags,
+        "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.tagsButton, { testId: "facts-tags-button" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookMarked, { className: "size-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: l.tags })
+        ]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: headerRef, className: "sticky top-0 z-10 bg-background", "data-slot": "facts-toolbar", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5B4PXAKI_cjs.TabHeader,
+      {
+        tabs,
+        className: "pr-3",
+        activeTabId: "notes",
+        onTabChange: () => {
+        },
+        afterTabs: isNarrow ? null : filterControls,
+        centerContent: isNarrow ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          FactsViewToggle,
+          {
+            viewMode,
+            onChange: onViewModeChange,
+            collapsed: viewsCollapsed,
+            labels: viewToggleLabels,
+            testIdPrefix: viewToggleTestIdPrefix
+          }
+        ) }),
+        rightContent: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Button,
+          {
+            onClick: onNewFact,
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.newFact, { testId: "facts-page-new" }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-0.5 size-4" }),
+              l.newFact
+            ]
+          }
+        )
+      }
+    ),
+    isNarrow && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FactsViewToggle,
+            {
+              viewMode,
+              onChange: onViewModeChange,
+              collapsed: true,
+              labels: viewToggleLabels,
+              testIdPrefix: viewToggleTestIdPrefix
+            }
+          ) })
+        ]
+      }
+    ),
+    showToolbarRow && /* @__PURE__ */ jsxRuntime.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": chunkMHVNT4J3_cjs.testIdOr(testIds?.filterBar, { testId: "facts-filter-bar" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: navSlotRef,
+              className: "flex shrink-0 items-center empty:hidden",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.filterBarNav, { testId: "facts-filter-bar-nav" }),
+              children: navigator
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center", children: tools })
+        ]
+      }
+    )
+  ] });
+}
+var DEFAULT_FACT_SEARCH_BAR_LABELS = {
+  search: "Search:",
+  // An example query rather than an instruction: shows the quoted-phrase syntax.
+  placeholder: 'e.g. "board meeting" decision on the budget',
+  clear: "Clear search",
+  submit: "Search"
+};
+var DEFAULT_FACT_SEARCH_RESULT_LABELS = {
+  core: "Core",
+  verified: "Verified",
+  open: "Open"
+};
+function FactSearchBar({
+  query,
+  onQueryChange,
+  onSubmit,
+  onClear,
+  isSearching,
+  placeholder,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FACT_SEARCH_BAR_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border px-6 pb-4 pt-6", "data-slot": "fact-search-bar", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSubmit();
+      },
+      className: "mx-auto flex w-full max-w-2xl items-center gap-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: "facts-smart-search-input",
+            className: "shrink-0 text-base font-medium text-foreground",
+            children: l.search
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 rounded-lg border border-border bg-background px-3.5 py-2.5 transition-colors focus-within:border-ring focus-within:ring-2 focus-within:ring-ring", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              id: "facts-smart-search-input",
+              rows: 1,
+              value: query,
+              onChange: (e) => {
+                onQueryChange(e.target.value);
+                e.target.style.height = "auto";
+                e.target.style.height = `${e.target.scrollHeight}px`;
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  onSubmit();
+                }
+              },
+              placeholder: placeholder ?? l.placeholder,
+              className: "flex-1 resize-none overflow-hidden border-0 bg-transparent p-0 text-base leading-relaxed text-foreground outline-none placeholder:text-muted-foreground",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.input, { testId: "facts-smart-search-input" }),
+              autoFocus: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            query && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "size-7 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
+                onClick: onClear,
+                "aria-label": l.clear,
+                title: l.clear,
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.clear, { testId: "facts-smart-search-clear" }),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "submit",
+                size: "icon",
+                disabled: !query.trim() || isSearching,
+                className: "size-7 pointer-coarse:size-11",
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.submit, { testId: "facts-smart-search-submit" }),
+                title: l.submit,
+                children: isSearching ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function FactSearchTotals({ children, testId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      className: "font-sans text-base font-semibold tabular-nums text-foreground",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "facts-smart-search-totals" }),
+      children
+    }
+  ) });
+}
+function FactSearchPending({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }),
+    " ",
+    children
+  ] });
+}
+function FactSearchNoMatches({
+  children,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "py-16 text-center text-sm text-muted-foreground",
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "facts-smart-search-empty" }),
+      children
+    }
+  );
+}
+function FactSearchResult({
+  id,
+  rank,
+  text,
+  terms,
+  renderSnippet,
+  labels,
+  isPinned,
+  isVerified,
+  isSelected,
+  onOpen,
+  uiLabels: labelOverrides,
+  testIds,
+  href
+}) {
+  const l = { ...DEFAULT_FACT_SEARCH_RESULT_LABELS, ...labelOverrides };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", "data-slot": "fact-search-hit", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "w-5 shrink-0 pt-3 text-right text-xs tabular-nums text-muted-foreground",
+        "aria-hidden": "true",
+        children: rank
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkOUW6G4O2_cjs.SearchHit,
+      {
+        className: "min-w-0 flex-1",
+        testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.hit?.(id), { testId: `facts-smart-search-hit-${id}` }),
+        href,
+        selected: isSelected,
+        onClick: onOpen,
+        content: text,
+        terms,
+        renderSnippet,
+        header: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex min-w-0 flex-1 flex-wrap items-center gap-1 text-xs text-muted-foreground",
+            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.labels?.(id), {
+              testId: `facts-smart-search-hit-labels-${id}`
+            }),
+            children: [
+              isPinned && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 pr-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: "size-3" }),
+                " ",
+                l.core
+              ] }),
+              labels.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "inline-flex shrink-0 items-center gap-1 rounded border px-1.5 py-0.5 text-xs font-medium text-foreground",
+                  title: tag.name,
+                  style: { borderColor: tag.color },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "flex size-3.5 shrink-0 items-center justify-center rounded",
+                        style: { backgroundColor: tag.color },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-2.5 text-white", strokeWidth: 3 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[120px] truncate", children: tag.name })
+                  ]
+                },
+                tag.id
+              ))
+            ]
+          }
+        ),
+        headerRight: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+          isVerified && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "inline-flex shrink-0 items-center gap-1 text-green-text",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.verified?.(id), {
+                testId: `facts-smart-search-hit-verified-${id}`
+              }),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-3" }),
+                " ",
+                l.verified
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            l.open,
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CornerDownLeft, { className: "size-3" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+exports.DEFAULT_FACTS_BULK_BAR_LABELS = DEFAULT_FACTS_BULK_BAR_LABELS;
+exports.DEFAULT_FACTS_EMPTY_STATE_LABELS = DEFAULT_FACTS_EMPTY_STATE_LABELS;
+exports.DEFAULT_FACTS_FIELDS_BUTTON_LABELS = DEFAULT_FACTS_FIELDS_BUTTON_LABELS;
+exports.DEFAULT_FACTS_FILTER_INPUT_LABELS = DEFAULT_FACTS_FILTER_INPUT_LABELS;
+exports.DEFAULT_FACTS_TOOLBAR_LABELS = DEFAULT_FACTS_TOOLBAR_LABELS;
+exports.DEFAULT_FACTS_VIEW_TOGGLE_LABELS = DEFAULT_FACTS_VIEW_TOGGLE_LABELS;
+exports.DEFAULT_FACT_COLUMN_LABELS = DEFAULT_FACT_COLUMN_LABELS;
+exports.DEFAULT_FACT_COLUMN_ORDER = DEFAULT_FACT_COLUMN_ORDER;
+exports.DEFAULT_FACT_COMPOSER_LABELS = DEFAULT_FACT_COMPOSER_LABELS;
+exports.DEFAULT_FACT_DATE_INPUT_LABELS = DEFAULT_FACT_DATE_INPUT_LABELS;
+exports.DEFAULT_FACT_LABELS_CELL_LABELS = DEFAULT_FACT_LABELS_CELL_LABELS;
+exports.DEFAULT_FACT_PASSAGES_LABELS = DEFAULT_FACT_PASSAGES_LABELS;
+exports.DEFAULT_FACT_ROW_ACTIONS_LABELS = DEFAULT_FACT_ROW_ACTIONS_LABELS;
+exports.DEFAULT_FACT_SEARCH_BAR_LABELS = DEFAULT_FACT_SEARCH_BAR_LABELS;
+exports.DEFAULT_FACT_SEARCH_RESULT_LABELS = DEFAULT_FACT_SEARCH_RESULT_LABELS;
+exports.DEFAULT_FACT_SOURCES_ROW_LABELS = DEFAULT_FACT_SOURCES_ROW_LABELS;
+exports.DEFAULT_FACT_SOURCE_GROUP_LABELS = DEFAULT_FACT_SOURCE_GROUP_LABELS;
+exports.DEFAULT_FACT_TIMELINE_LABELS = DEFAULT_FACT_TIMELINE_LABELS;
+exports.EMPTY_FACT_DATE_FIELDS = EMPTY_FACT_DATE_FIELDS;
+exports.FACTS_SEARCH_FIELD_OPTIONS = FACTS_SEARCH_FIELD_OPTIONS;
+exports.FactComposer = FactComposer;
+exports.FactDateInput = FactDateInput;
+exports.FactFieldRow = FactFieldRow;
+exports.FactLabelsCell = FactLabelsCell;
+exports.FactPassageItem = FactPassageItem;
+exports.FactRowActions = FactRowActions;
+exports.FactSearchBar = FactSearchBar;
+exports.FactSearchNoMatches = FactSearchNoMatches;
+exports.FactSearchPending = FactSearchPending;
+exports.FactSearchResult = FactSearchResult;
+exports.FactSearchTotals = FactSearchTotals;
+exports.FactSourceGroup = FactSourceGroup;
+exports.FactSourcesPanel = FactSourcesPanel;
+exports.FactSourcesRow = FactSourcesRow;
+exports.FactsBulkBar = FactsBulkBar;
+exports.FactsCalendar = FactsCalendar;
+exports.FactsEmptyState = FactsEmptyState;
+exports.FactsFieldsButton = FactsFieldsButton;
+exports.FactsFilterInput = FactsFilterInput;
+exports.FactsGanttPane = FactsGanttPane;
+exports.FactsLoadError = FactsLoadError;
+exports.FactsLoading = FactsLoading;
+exports.FactsTable = FactsTable;
+exports.FactsToolbar = FactsToolbar;
+exports.FactsViewToggle = FactsViewToggle;
+exports.ISO_DATE_FILTER_PARAMS = ISO_DATE_FILTER_PARAMS;
+exports.createFactColumns = createFactColumns;
+exports.decodeWhitespaceEntities = decodeWhitespaceEntities;
+exports.detectTimezone = detectTimezone;
+exports.factDateFieldsToSpan = factDateFieldsToSpan;
+exports.factDateSpanToFields = factDateSpanToFields;
+exports.renderPreviewInline = renderPreviewInline;
+exports.sourceDocCount = sourceDocCount;
+exports.supportedTimezones = supportedTimezones;
+exports.toFactRow = toFactRow;
+exports.toFactRows = toFactRows;
+exports.toPreviewLine = toPreviewLine;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map