@payloadcms/ui 4.0.0-internal.532221d → 4.0.0-internal.567a487

package/dist/views/Branch/DiscardChangesButton/index.js

@@ -0,0 +1,106 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { branchesCollectionSlug, formatAdminURL } from 'payload/shared';
+import React, { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { Button } from '../../../elements/Button/index.js';
+import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js';
+import { useModal } from '../../../elements/Modal/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useRouter } from '../../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+/**
+ * Throws away branch work, at the same scope the merge button applies it.
+ *
+ * Scoped by the same checkboxes deliberately: "these are the changes I am looking
+ * at" should mean one thing on the page, whichever of the two actions follows. A
+ * confirmation stands in front of it because discarding is the one action here that
+ * destroys work rather than promoting it, and there is no undo.
+ */
+export const DiscardChangesButton = ({
+  branchID,
+  selectedChangeIDs,
+  totalChanges
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const [isDiscarding, setIsDiscarding] = useState(false);
+  const modalSlug = `discard-branch-changes-${branchID}`;
+  const count = selectedChangeIDs?.length ?? totalChanges;
+  const handleDiscard = useCallback(async () => {
+    setIsDiscarding(true);
+    try {
+      const response = await requests.post(formatAdminURL({
+        apiRoute: api,
+        path: `/${branchesCollectionSlug}/${branchID}/discard`,
+        serverURL
+      }), {
+        body: JSON.stringify({
+          changes: selectedChangeIDs
+        }),
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      });
+      if (!response.ok) {
+        toast.error(t('error:unknown'));
+        return;
+      }
+      const json = await response.json();
+      toast.success(t('branching:discardedCount', {
+        count: json.discarded?.length ?? 0
+      }));
+      closeModal(modalSlug);
+      startRouteTransition(() => router.refresh());
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsDiscarding(false);
+    }
+  }, [api, branchID, closeModal, modalSlug, router, selectedChangeIDs, serverURL, startRouteTransition, t]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      buttonStyle: "secondary",
+      disabled: !count || isDiscarding,
+      onClick: () => openModal(modalSlug),
+      size: "medium",
+      children: selectedChangeIDs ? t('branching:discardSelected', {
+        count
+      }) : t('branching:discardAll', {
+        count
+      })
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: selectedChangeIDs ? t('branching:confirmDiscardSelected', {
+        count
+      }) : t('branching:confirmDiscardAll', {
+        count
+      }),
+      className: "discard-changes-modal",
+      confirmingLabel: t('branching:discarding'),
+      heading: t('branching:discardChanges'),
+      modalSlug: modalSlug,
+      onConfirm: handleDiscard
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/DiscardChangesButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["branchesCollectionSlug","formatAdminURL","React","useCallback","useState","toast","Button","ConfirmationModal","useModal","useConfig","useRouter","useRouteTransition","useTranslation","requests","DiscardChangesButton","branchID","selectedChangeIDs","totalChanges","t","closeModal","openModal","router","startRouteTransition","config","routes","api","serverURL","isDiscarding","setIsDiscarding","modalSlug","count","length","handleDiscard","response","post","apiRoute","path","body","JSON","stringify","changes","headers","ok","error","json","success","discarded","refresh","_err","_jsxs","Fragment","_jsx","buttonStyle","disabled","onClick","size","className","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Branch/DiscardChangesButton/index.tsx"],"sourcesContent":["'use client'\n\nimport { branchesCollectionSlug, formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\n\n/**\n * Throws away branch work, at the same scope the merge button applies it.\n *\n * Scoped by the same checkboxes deliberately: \"these are the changes I am looking\n * at\" should mean one thing on the page, whichever of the two actions follows. A\n * confirmation stands in front of it because discarding is the one action here that\n * destroys work rather than promoting it, and there is no undo.\n */\nexport const DiscardChangesButton: React.FC<{\n  branchID: number | string\n  /** Undefined means every pending change, matching the merge target's convention. */\n  selectedChangeIDs?: (number | string)[]\n  totalChanges: number\n}> = ({ branchID, selectedChangeIDs, totalChanges }) => {\n  const { t } = useTranslation()\n  const { closeModal, openModal } = useModal()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const [isDiscarding, setIsDiscarding] = useState(false)\n\n  const modalSlug = `discard-branch-changes-${branchID}`\n  const count = selectedChangeIDs?.length ?? totalChanges\n\n  const handleDiscard = useCallback(async () => {\n    setIsDiscarding(true)\n\n    try {\n      const response = await requests.post(\n        formatAdminURL({\n          apiRoute: api,\n          path: `/${branchesCollectionSlug}/${branchID}/discard`,\n          serverURL,\n        }),\n        {\n          body: JSON.stringify({ changes: selectedChangeIDs }),\n          headers: { 'Content-Type': 'application/json' },\n        },\n      )\n\n      if (!response.ok) {\n        toast.error(t('error:unknown'))\n\n        return\n      }\n\n      const json = (await response.json()) as { discarded?: unknown[] }\n\n      toast.success(t('branching:discardedCount', { count: json.discarded?.length ?? 0 }))\n      closeModal(modalSlug)\n      startRouteTransition(() => router.refresh())\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setIsDiscarding(false)\n    }\n  }, [\n    api,\n    branchID,\n    closeModal,\n    modalSlug,\n    router,\n    selectedChangeIDs,\n    serverURL,\n    startRouteTransition,\n    t,\n  ])\n\n  return (\n    <React.Fragment>\n      <Button\n        buttonStyle=\"secondary\"\n        disabled={!count || isDiscarding}\n        onClick={() => openModal(modalSlug)}\n        size=\"medium\"\n      >\n        {selectedChangeIDs\n          ? t('branching:discardSelected', { count })\n          : t('branching:discardAll', { count })}\n      </Button>\n      <ConfirmationModal\n        body={\n          selectedChangeIDs\n            ? t('branching:confirmDiscardSelected', { count })\n            : t('branching:confirmDiscardAll', { count })\n        }\n        className=\"discard-changes-modal\"\n        confirmingLabel={t('branching:discarding')}\n        heading={t('branching:discardChanges')}\n        modalSlug={modalSlug}\n        onConfirm={handleDiscard}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Branch/Manage/index.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentViewClientProps } from 'payload';
+import React from 'react';
+/**
+ * A branch's own fields, at `/manage`.
+ *
+ * Payload's edit view, unchanged, plus the crumb that says which view you are on.
+ * A branch opens to its changed documents, so the branch crumb alone would land
+ * you somewhere else than where you are.
+ */
+export declare const BranchManageView: React.FC<DocumentViewClientProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/Manage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/Manage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAK9D,CAAA"}

package/dist/views/Branch/Manage/index.js

@@ -0,0 +1,71 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useStepNav } from '../../../elements/StepNav/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { DefaultEditView } from '../../Edit/index.js';
+/**
+ * A branch's own fields, at `/manage`.
+ *
+ * Payload's edit view, unchanged, plus the crumb that says which view you are on.
+ * A branch opens to its changed documents, so the branch crumb alone would land
+ * you somewhere else than where you are.
+ */
+export const BranchManageView = props => /*#__PURE__*/_jsxs(React.Fragment, {
+  children: [/*#__PURE__*/_jsx(DefaultEditView, {
+    ...props
+  }), /*#__PURE__*/_jsx(EditCrumb, {})]
+});
+/**
+ * Appends to the trail rather than setting it.
+ *
+ * The edit view owns the trail and rewrites it whenever the document resolves, so
+ * a second writer would race it. This reacts to whatever it wrote instead, which
+ * self-corrects on every rewrite.
+ */
+const EditCrumb = () => {
+  const $ = _c(7);
+  const {
+    setStepNav,
+    stepNav
+  } = useStepNav();
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== t) {
+    t0 = t("general:edit");
+    $[0] = t;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const label = t0;
+  let t1;
+  let t2;
+  if ($[2] !== label || $[3] !== setStepNav || $[4] !== stepNav) {
+    t1 = () => {
+      const last = stepNav[stepNav.length - 1];
+      if (!last || last.label === label && !last.url) {
+        return;
+      }
+      setStepNav([...stepNav, {
+        label
+      }]);
+    };
+    t2 = [label, setStepNav, stepNav];
+    $[2] = label;
+    $[3] = setStepNav;
+    $[4] = stepNav;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t1 = $[5];
+    t2 = $[6];
+  }
+  useEffect(t1, t2);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/Manage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useStepNav","useTranslation","DefaultEditView","BranchManageView","props","_jsxs","Fragment","_jsx","EditCrumb","$","setStepNav","stepNav","t","t0","label","t1","t2","last","length","url"],"sources":["../../../../src/views/Branch/Manage/index.tsx"],"sourcesContent":["'use client'\n\nimport type { DocumentViewClientProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DefaultEditView } from '../../Edit/index.js'\n\n/**\n * A branch's own fields, at `/manage`.\n *\n * Payload's edit view, unchanged, plus the crumb that says which view you are on.\n * A branch opens to its changed documents, so the branch crumb alone would land\n * you somewhere else than where you are.\n */\nexport const BranchManageView: React.FC<DocumentViewClientProps> = (props) => (\n  <React.Fragment>\n    <DefaultEditView {...props} />\n    <EditCrumb />\n  </React.Fragment>\n)\n\n/**\n * Appends to the trail rather than setting it.\n *\n * The edit view owns the trail and rewrites it whenever the document resolves, so\n * a second writer would race it. This reacts to whatever it wrote instead, which\n * self-corrects on every rewrite.\n */\nconst EditCrumb: React.FC = () => {\n  const { setStepNav, stepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  const label = t('general:edit')\n\n  useEffect(() => {\n    const last = stepNav[stepNav.length - 1]\n\n    // Ours is the only crumb without a link, so this cannot mistake a branch\n    // that happens to be named \"Edit\" for a crumb already appended.\n    if (!last || (last.label === label && !last.url)) {\n      return\n    }\n\n    setStepNav([...stepNav, { label }])\n  }, [label, setStepNav, stepNav])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC;;;;;;;AAOA,OAAO,MAAMC,gBAAA,GAAuDC,KAAA,iBAClEC,KAAA,CAACP,KAAA,CAAMQ,QAAQ;0BACbC,IAAA,CAACL,eAAA;IAAiB,GAAGE;mBACrBG,IAAA,CAACC,SAAA;;AAIL;;;;;;;AAOA,MAAMA,SAAA,GAAsBA,CAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAC1B;IAAAa,UAAA;IAAAC;EAAA,IAAgCX,UAAA;EAChC;IAAAY;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA;IAEAC,EAAA,GAAAD,CAAA,CAAE;IAAAH,CAAA,MAAAG,CAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAhB,MAAAK,KAAA,GAAcD,EAAE;EAAA,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,OAAA;IAENI,EAAA,GAAAA,CAAA;MACR,MAAAE,IAAA,GAAaN,OAAO,CAACA,OAAA,CAAAO,MAAA,IAAiB;MAAE,IAIpC,CAACD,IAAA,IAASA,IAAA,CAAAH,KAAA,KAAeA,KAAA,KAAUG,IAAA,CAAAE,GAAQ;QAAA;MAAA;MAI/CT,UAAA,KAAeC,OAAA;QAAAG;MAAA,EAAmB;IAAA;IACjCE,EAAA,IAACF,KAAA,EAAOJ,UAAA,EAAYC,OAAA;IAAQF,CAAA,MAAAK,KAAA;IAAAL,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAV/BV,SAAA,CAAUgB,EAUV,EAAGC,EAA4B;EAAA;AAAA,CAGjC","ignoreList":[]}

package/dist/views/Branch/MergeChangesButton/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MergeTarget } from '../../../elements/MergeBranch/context.js';
+/**
+ * The primary action on a branch: take what it changed.
+ *
+ * Raises the shared modal against this screen's target rather than mounting one of
+ * its own — the switcher in the app header can raise the same modal from the same
+ * page, and two dialogs on one slug stack.
+ */
+export declare const MergeChangesButton: React.FC<{
+    disabled?: boolean;
+    target: MergeTarget;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/MergeChangesButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/MergeChangesButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAM3E;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,WAAW,CAAA;CACpB,CAcA,CAAA"}

package/dist/views/Branch/MergeChangesButton/index.js

@@ -0,0 +1,55 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { useMergeBranch } from '../../../elements/MergeBranch/context.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+/**
+ * The primary action on a branch: take what it changed.
+ *
+ * Raises the shared modal against this screen's target rather than mounting one of
+ * its own — the switcher in the app header can raise the same modal from the same
+ * page, and two dialogs on one slug stack.
+ */
+export const MergeChangesButton = t0 => {
+  const $ = _c(7);
+  const {
+    disabled,
+    target
+  } = t0;
+  const {
+    openMerge
+  } = useMergeBranch();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== openMerge || $[1] !== target) {
+    t1 = () => openMerge(target);
+    $[0] = openMerge;
+    $[1] = target;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== disabled || $[4] !== t || $[5] !== t1) {
+    t2 = _jsx(Button, {
+      buttonStyle: "primary",
+      disabled,
+      onClick: t1,
+      size: "medium",
+      children: t("branching:mergeChanges")
+    });
+    $[3] = disabled;
+    $[4] = t;
+    $[5] = t1;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Branch/MergeChangesButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Button","useMergeBranch","useTranslation","MergeChangesButton","t0","$","disabled","target","openMerge","t","t1","t2","_jsx","buttonStyle","onClick","size","children"],"sources":["../../../../src/views/Branch/MergeChangesButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { MergeTarget } from '../../../elements/MergeBranch/context.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { useMergeBranch } from '../../../elements/MergeBranch/context.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\n/**\n * The primary action on a branch: take what it changed.\n *\n * Raises the shared modal against this screen's target rather than mounting one of\n * its own — the switcher in the app header can raise the same modal from the same\n * page, and two dialogs on one slug stack.\n */\nexport const MergeChangesButton: React.FC<{\n  disabled?: boolean\n  target: MergeTarget\n}> = ({ disabled, target }) => {\n  const { openMerge } = useMergeBranch()\n  const { t } = useTranslation()\n\n  return (\n    <Button\n      buttonStyle=\"primary\"\n      disabled={disabled}\n      onClick={() => openMerge(target)}\n      size=\"medium\"\n    >\n      {t('branching:mergeChanges')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC;EAAA,IAAAH,EAAoB;EACxB;IAAAI;EAAA,IAAsBP,cAAA;EACtB;IAAAQ;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAE,MAAA;IAMDG,EAAA,GAAAA,CAAA,KAAMF,SAAA,CAAUD,MAAA;IAAAF,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAM,EAAA;EAAA,IAAAN,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAK,EAAA;IAH3BC,EAAA,GAAAC,IAAA,CAAAZ,MAAA;MAAAa,WAAA,EACc;MAAAP,QAAA;MAAAQ,OAAA,EAEHJ,EAAgB;MAAAK,IAAA,EACpB;MAAAC,QAAA,EAEJP,CAAA,CAAE;IAAA,C;;;;;;;;SANLE,E;CASJ","ignoreList":[]}

package/dist/views/Branch/MergeLedger/index.css

@@ -0,0 +1,137 @@
+@layer payload-default {
+  .merge-ledger {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-5);
+  }
+
+  .merge-ledger__header {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--spacer-3);
+    margin-block-end: var(--spacer-2);
+  }
+
+  .merge-ledger__when {
+    margin: 0;
+    font-family: var(--text-body-medium-strong-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-strong-font-weight);
+  }
+
+  .merge-ledger__meta {
+    color: var(--color-text-secondary);
+  }
+
+  .merge-ledger__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .merge-ledger__row {
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+  }
+
+  .merge-ledger__row-header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    background: var(--color-bg-secondary);
+    cursor: pointer;
+
+    &:hover {
+      background: var(--color-bg-secondary-hover);
+    }
+  }
+
+  /* Covers the header so the whole row is the control. Transparent text rather
+     than hidden, so it still carries the row's accessible name. */
+  .merge-ledger__toggle {
+    position: absolute;
+    inset: 0;
+    text-align: start;
+    color: transparent;
+    background: none;
+    border: none;
+    border-radius: inherit;
+    cursor: pointer;
+    outline: none;
+
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+      outline-offset: -1px;
+    }
+
+    span {
+      user-select: none;
+    }
+  }
+
+  .merge-ledger__row-content {
+    pointer-events: none;
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex: 1 1 auto;
+    min-width: 0;
+    padding: var(--spacer-1-5) var(--spacer-2);
+  }
+
+  .merge-ledger__operation,
+  .merge-ledger__entity {
+    flex-shrink: 0;
+  }
+
+  /* The header it sits on is `--color-bg-secondary`, which is also the light-gray
+     pill's background, so give it its own edge to read against. */
+  .merge-ledger__entity {
+    background: var(--color-bg);
+    box-shadow: inset 0 0 0 var(--stroke-width-small) var(--color-border);
+  }
+
+  .merge-ledger__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* The one part of the header that is not the toggle: the document itself is still
+     reachable, since main is where the merged content now lives.
+     Sized to its text and not allowed to grow — stretched across the row it would
+     sit on top of the toggle overlay and swallow every click meant to expand. */
+  .merge-ledger__title--link {
+    position: relative;
+    z-index: 1;
+    flex: 0 1 auto;
+    margin-inline-end: auto;
+    pointer-events: all;
+    color: var(--color-text);
+
+    &:hover {
+      color: var(--color-text-brand);
+    }
+  }
+
+  .merge-ledger__indicator {
+    flex-shrink: 0;
+    color: var(--color-icon);
+  }
+
+  .merge-ledger__diff {
+    padding: var(--spacer-3);
+    border-block-start: var(--stroke-width-small) solid var(--color-border);
+  }
+
+  .merge-ledger__error {
+    color: var(--color-text-secondary);
+  }
+}

package/dist/views/Branch/MergeLedger/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './index.css';
+export type MergeEventChange = {
+    collectionSlug: string;
+    docID: string;
+    docTitle: string;
+    /** Set instead of `collectionSlug`/`docID` when the merged change was a global. */
+    globalSlug?: string;
+    operation: 'create' | 'delete' | 'update';
+};
+export type MergeEvent = {
+    changes: MergeEventChange[];
+    id: string;
+    mergedAt: string;
+    mergedByLabel?: string;
+};
+/**
+ * A branch's history: one section per merge event, newest first.
+ *
+ * Reconstructed from the ledger rather than from the branch's current state, which
+ * by then holds nothing — a merge consumes the change rows it applies and drops the
+ * shadow rows behind them. Titles are the ones the documents had when they merged.
+ *
+ * Rows expand to the diff of what that merge did, rendered from the snapshots taken
+ * either side of the write. Fetched per row, because a history can hold hundreds of
+ * documents and each diff is a full field-tree render.
+ */
+export declare const MergeLedger: React.FC<{
+    events: MergeEvent[];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Branch/MergeLedger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Branch/MergeLedger/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAW5D,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAaD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,UAAU,EAAE,CAAA;CAAE,CAoL1D,CAAA"}