@qkix/strapi-plugin-rewind 0.2.1 → 0.3.0

package/README.md

@@ -136,7 +136,7 @@ part of a restore is what it will _not_ do:
 Every entry in the panel has a **What changed** link, comparing that version
 with the one saved immediately before it.
 
-<img src="https://raw.githubusercontent.com/qkix/strapi-plugins/main/packages/strapi-plugin-rewind/docs/changes.png" alt="A word-level diff: 'put back' struck through and replaced by 'restored in one click', and 'ten' by 'twelve'" width="760" />
+<img src="https://raw.githubusercontent.com/qkix/strapi-plugins/main/packages/strapi-plugin-rewind/docs/changes.png" alt="The What changed dialog: a Compare with dropdown above a word-level diff, with 'put back' struck through and replaced by 'restored in one click'" width="760" />
 
 Scalars are shown as a plain before and after. Prose - including rich text
 stored as JSON - is compared word by word, with the unchanged stretches
@@ -147,6 +147,18 @@ reported as linked and unlinked.
 Where a field's stored value changed but its readable text did not - a mark
 applied, blocks reordered - it says so, rather than showing an empty diff.
 
+### Comparing any two versions
+
+"What did this save do" is the question the default answers, and it is the one
+asked most. The other one - "what has changed since Friday" - needs both ends,
+so the dialog carries a **Compare with** dropdown listing the other versions of
+that document. Pick one and the diff redraws against it.
+
+The comparison always reads oldest to newest, whichever end you picked first, so
+choosing the earlier version second does not turn every addition into a removal.
+The dropdown offers the versions loaded in the panel; **Show older versions**
+reaches further back and they appear there too.
+
 ### Rendering a field type properly
 
 Pulling the words out of a rich-text field tells an editor _that_ a paragraph

package/dist/admin/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),W=require("react"),z=require("@strapi/admin/strapi-admin"),t=require("@strapi/design-system"),G=require("@strapi/icons");function U(n){if(n&&n.__esModule)return n;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(r,s,a.get?a:{enumerable:!0,get:()=>n[s]})}}return r.default=n,Object.freeze(r)}const d=U(W),K=(n,r,s)=>{const a=n[r];return a?typeof a=="function"?a():Promise.resolve(a):new Promise((C,y)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(y.bind(null,new Error("Unknown variable dynamic import: "+r+(r.split("/").length!==s?". Note that variables only represent file names one level deep.":""))))})},P=new Map,V=(n,r)=>{P.set(n,r)},R=n=>P.get(n),J=({spans:n})=>e.jsx(t.Typography,{variant:"omega",tag:"p",children:n.map((r,s)=>r.op==="equal"?e.jsx(t.Typography,{variant:"omega",textColor:"neutral600",children:r.value},s):e.jsx(t.Typography,{variant:"omega",textColor:r.op==="added"?"success600":"danger600",style:r.op==="removed"?{textDecoration:"line-through"}:{fontWeight:600},children:r.value},s))}),F=n=>n==null||n===""?"(empty)":typeof n=="object"?JSON.stringify(n):String(n),Z=({change:n})=>{const r=(n.customField?R(n.customField):void 0)??R(n.type);return r?e.jsx(r,{change:n}):n.spans?e.jsx(J,{spans:n.spans}):n.linked||n.unlinked?e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:1,children:[n.linked?.length?e.jsxs(t.Typography,{variant:"pi",textColor:"success600",children:["+ ",n.linked.length," linked"]}):null,n.unlinked?.length?e.jsxs(t.Typography,{variant:"pi",textColor:"danger600",children:["− ",n.unlinked.length," unlinked"]}):null]}):n.before!==void 0||n.after!==void 0?e.jsxs(t.Flex,{gap:2,alignItems:"center",wrap:"wrap",children:[e.jsx(t.Typography,{variant:"omega",textColor:"danger600",style:{textDecoration:"line-through"},children:F(n.before)}),e.jsx(t.Typography,{variant:"omega",textColor:"neutral500",children:"→"}),e.jsx(t.Typography,{variant:"omega",textColor:"success600",children:F(n.after)})]}):e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"Formatting or structure changed; the text is the same."})},Q=({diff:n,loading:r,onClose:s})=>e.jsx(t.Modal.Root,{open:!0,onOpenChange:s,children:e.jsxs(t.Modal.Content,{children:[e.jsx(t.Modal.Header,{children:e.jsx(t.Modal.Title,{children:"What changed"})}),e.jsx(t.Modal.Body,{children:r?e.jsx(t.Flex,{justifyContent:"center",padding:4,children:e.jsx(t.Loader,{small:!0,children:"Comparing"})}):n?e.jsxs(t.Flex,{direction:"column",alignItems:"stretch",gap:4,children:[e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:n.from?"Compared with the version saved just before it.":"This is the earliest version of the document, so everything in it is new."}),n.identical?e.jsx(t.Typography,{textColor:"neutral600",children:"Nothing changed between these two versions."}):n.changes.map(a=>e.jsxs(t.Box,{children:[e.jsx(t.Typography,{variant:"sigma",textColor:"neutral600",children:a.field}),e.jsx(t.Box,{paddingTop:1,children:e.jsx(Z,{change:a})})]},a.field))]}):e.jsx(t.Typography,{textColor:"danger600",children:"Could not compare these versions."})}),e.jsx(t.Modal.Footer,{children:e.jsx(t.Button,{variant:"tertiary",onClick:s,children:"Close"})})]})}),c="rewind",X={create:"Created",update:"Edited",clone:"Cloned",publish:"Published",unpublish:"Unpublished",discardDraft:"Draft discarded",restore:"Replaced by restore"},I=new Set(["publish","unpublish","discardDraft","restore"]),Y=10,ee=n=>{const r=new Date(n),s=Math.round((Date.now()-r.getTime())/6e4);return s<1?"just now":s<60?`${s} min ago`:s<60*24?`${Math.round(s/60)} h ago`:r.toLocaleString()},te=({model:n,documentId:r,updatedAt:s})=>{const{get:a,post:C,put:y}=z.useFetchClient(),[p,j]=d.useState([]),[B,L]=d.useState(0),[M,O]=d.useState(1),[w,T]=d.useState(!0),[x,h]=d.useState(null),[o,f]=d.useState(null),[b,S]=d.useState(!1),[_,k]=d.useState(!1),[$,m]=d.useState(null),[N,D]=d.useState(!1),v=d.useCallback(async i=>{T(!0),h(null);try{const{data:l}=await a(`/${c}/versions`,{params:{contentType:n,documentId:r,page:i,pageSize:Y}});j(g=>i===1?l.data:[...g,...l.data]),L(l.meta.total),O(i)}catch{h("Could not load the history for this document.")}finally{T(!1)}},[a,n,r]);d.useEffect(()=>{v(1)},[v,s]);const A=async i=>{k(!0),D(!0),m(null);try{const{data:l}=await a(`/${c}/versions/${i.id}/diff`);m(l.data)}catch{m(null)}finally{D(!1)}},q=async i=>{const l=!i.pinned;j(g=>g.map(u=>u.id===i.id?{...u,pinned:l}:u));try{await y(`/${c}/versions/${i.id}/pin`,{pinned:l})}catch{j(g=>g.map(u=>u.id===i.id?{...u,pinned:!l}:u)),h(l?"Could not pin that version.":"Could not unpin that version.")}},E=async i=>{try{const{data:l}=await a(`/${c}/versions/${i.id}/preview`);f({version:i,preview:l.data})}catch{h("Could not work out what restoring this version would change.")}},H=async()=>{if(o){S(!0);try{await C(`/${c}/versions/${o.version.id}/restore`,{}),window.location.reload()}catch{h("The restore failed. Nothing was changed."),S(!1),f(null)}}};return w&&p.length===0?e.jsx(t.Flex,{justifyContent:"center",padding:4,children:e.jsx(t.Loader,{small:!0,children:"Loading history"})}):x&&p.length===0?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:x}):p.length===0?e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"No versions yet. The next time this document is saved, a version will appear here."}):e.jsxs(t.Flex,{direction:"column",alignItems:"stretch",gap:2,width:"100%",children:[p.map(i=>e.jsxs(t.Box,{paddingBottom:2,children:[e.jsxs(t.Flex,{justifyContent:"space-between",alignItems:"center",gap:2,children:[e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:1,grow:1,minWidth:0,children:[e.jsxs(t.Flex,{gap:2,alignItems:"center",children:[e.jsx(t.Badge,{backgroundColor:I.has(i.origin)?"primary100":"neutral150",textColor:I.has(i.origin)?"primary600":"neutral600",children:X[i.origin]??i.origin}),i.locale?e.jsx(t.Typography,{variant:"pi",textColor:"neutral500",children:i.locale}):null]}),i.label?e.jsx(t.Box,{width:"100%",children:e.jsx(t.Typography,{variant:"omega",textColor:"neutral800",ellipsis:!0,children:i.label})}):null,e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:[ee(i.createdAt),i.user?` · ${i.user.name}`:""]}),i.pinned?e.jsx(t.Typography,{variant:"pi",textColor:"primary600",fontWeight:"bold",children:"Pinned"}):null,e.jsx(t.TextButton,{onClick:()=>A(i),children:"What changed"})]}),e.jsxs(t.Flex,{shrink:0,gap:1,alignItems:"center",children:[e.jsx(t.IconButton,{size:"S",variant:"ghost",label:i.pinned?"Unpin this version, so tidying up can remove it":"Pin this version, so tidying up never removes it",onClick:()=>q(i),children:e.jsx(G.Pin,{fill:i.pinned?"primary600":"neutral500"})}),e.jsx(t.Button,{size:"S",variant:"tertiary",onClick:()=>E(i),children:"Restore"})]})]}),e.jsx(t.Box,{paddingTop:2,children:e.jsx(t.Divider,{})})]},i.id)),p.length<B?e.jsx(t.Button,{size:"S",variant:"tertiary",loading:w,onClick:()=>v(M+1),children:"Show older versions"}):null,x?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:x}):null,_?e.jsx(Q,{diff:$,loading:N,onClose:()=>k(!1)}):null,e.jsx(t.Dialog.Root,{open:o!==null,onOpenChange:()=>f(null),children:e.jsxs(t.Dialog.Content,{children:[e.jsx(t.Dialog.Header,{children:"Restore this version?"}),e.jsx(t.Dialog.Body,{children:e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[e.jsx(t.Typography,{children:"The current draft is saved as a version first, so this can be undone. The published version is not touched."}),o?.preview.crossLocaleFields.length?e.jsxs(t.Typography,{textColor:"danger600",children:[o.preview.crossLocaleFields.join(", ")," ",o.preview.crossLocaleFields.length===1?"is":"are"," not translated per locale, so restoring"," ",o.preview.crossLocaleFields.length===1?"it":"them"," changes"," ",o.preview.affectedLocales.length," locales at once:"," ",o.preview.affectedLocales.join(", "),"."]}):null,o?.preview.fieldsKeptAsIs.length?e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["Added since this version and left untouched:"," ",o.preview.fieldsKeptAsIs.join(", "),"."]}):null,o?.preview.fieldsDropped.length?e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["No longer in the model and skipped: ",o.preview.fieldsDropped.join(", "),"."]}):null,o?.preview.brokenRelations.length||o?.preview.missingMedia.length?e.jsxs(t.Typography,{variant:"pi",textColor:"warning600",children:[(o.preview.brokenRelations.length??0)+(o.preview.missingMedia.length??0)," ","linked item(s) no longer exist and will be left out."]}):null]})}),e.jsxs(t.Dialog.Footer,{children:[e.jsx(t.Dialog.Cancel,{children:e.jsx(t.Button,{variant:"tertiary",disabled:b,children:"Cancel"})}),e.jsx(t.Button,{onClick:H,loading:b,children:"Restore"})]})]})})]})},ne=({model:n,documentId:r,document:s})=>r?{title:"History",content:e.jsx(te,{model:n,documentId:r,updatedAt:s?.updatedAt})}:null,re={register(n){n.registerPlugin({id:c,name:c,isReady:!0})},bootstrap(n){n.getPlugin("content-manager").apis.addEditViewSidePanel([ne])},async registerTrads({locales:n}){return Promise.all(n.map(async r=>{try{const{default:s}=await K(Object.assign({"./translations/en.json":()=>Promise.resolve().then(()=>require("../_chunks/en-BHfx2OWt.js"))}),`./translations/${r}.json`,3);return{data:s,locale:r}}catch{return{data:{},locale:r}}}))}};exports.PLUGIN_ID=c;exports.default=re;exports.registerDiffRenderer=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),Q=require("react"),X=require("@strapi/admin/strapi-admin"),t=require("@strapi/design-system"),Y=require("@strapi/icons");function ee(n){if(n&&n.__esModule)return n;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(i,s,a.get?a:{enumerable:!0,get:()=>n[s]})}}return i.default=n,Object.freeze(i)}const c=ee(Q),te=(n,i,s)=>{const a=n[i];return a?typeof a=="function"?a():Promise.resolve(a):new Promise((f,x)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(x.bind(null,new Error("Unknown variable dynamic import: "+i+(i.split("/").length!==s?". Note that variables only represent file names one level deep.":""))))})},$=new Map,ne=(n,i)=>{$.set(n,i)},L=n=>$.get(n),re=({spans:n})=>e.jsx(t.Typography,{variant:"omega",tag:"p",children:n.map((i,s)=>i.op==="equal"?e.jsx(t.Typography,{variant:"omega",textColor:"neutral600",children:i.value},s):e.jsx(t.Typography,{variant:"omega",textColor:i.op==="added"?"success600":"danger600",style:i.op==="removed"?{textDecoration:"line-through"}:{fontWeight:600},children:i.value},s))}),M=n=>n==null||n===""?"(empty)":typeof n=="object"?JSON.stringify(n):String(n),ie=({change:n})=>{const i=(n.customField?L(n.customField):void 0)??L(n.type);return i?e.jsx(i,{change:n}):n.spans?e.jsx(re,{spans:n.spans}):n.linked||n.unlinked?e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:1,children:[n.linked?.length?e.jsxs(t.Typography,{variant:"pi",textColor:"success600",children:["+ ",n.linked.length," linked"]}):null,n.unlinked?.length?e.jsxs(t.Typography,{variant:"pi",textColor:"danger600",children:["− ",n.unlinked.length," unlinked"]}):null]}):n.before!==void 0||n.after!==void 0?e.jsxs(t.Flex,{gap:2,alignItems:"center",wrap:"wrap",children:[e.jsx(t.Typography,{variant:"omega",textColor:"danger600",style:{textDecoration:"line-through"},children:M(n.before)}),e.jsx(t.Typography,{variant:"omega",textColor:"neutral500",children:"→"}),e.jsx(t.Typography,{variant:"omega",textColor:"success600",children:M(n.after)})]}):e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"Formatting or structure changed; the text is the same."})},T="previous",se=({diff:n,loading:i,onClose:s,subject:a,options:f,againstId:x,onChangeAgainst:u,hasUnloadedVersions:y})=>e.jsx(t.Modal.Root,{open:!0,onOpenChange:s,children:e.jsxs(t.Modal.Content,{children:[e.jsx(t.Modal.Header,{children:e.jsx(t.Modal.Title,{children:"What changed"})}),e.jsxs(t.Modal.Body,{children:[e.jsxs(t.Flex,{direction:"column",alignItems:"stretch",gap:2,paddingBottom:4,children:[e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["Comparing ",e.jsx("b",{children:a})," with"]}),e.jsxs(t.SingleSelect,{"aria-label":"Compare with",size:"S",value:x===null?T:String(x),onChange:l=>u(String(l)===T?null:Number(l)),children:[e.jsx(t.SingleSelectOption,{value:T,children:"The version saved just before it"}),f.map(l=>e.jsx(t.SingleSelectOption,{value:String(l.id),children:l.name},l.id))]}),y?e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["Only versions loaded in the panel are listed. Use ",e.jsx("b",{children:"Show older versions"})," there to reach further back."]}):null]}),i?e.jsx(t.Flex,{justifyContent:"center",padding:4,children:e.jsx(t.Loader,{small:!0,children:"Comparing"})}):n?e.jsxs(t.Flex,{direction:"column",alignItems:"stretch",gap:4,children:[n.from?null:e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"This is the earliest version of the document, so everything in it is new."}),n.identical?e.jsx(t.Typography,{textColor:"neutral600",children:"Nothing changed between these two versions."}):n.changes.map(l=>e.jsxs(t.Box,{children:[e.jsx(t.Typography,{variant:"sigma",textColor:"neutral600",children:l.field}),e.jsx(t.Box,{paddingTop:1,children:e.jsx(ie,{change:l})})]},l.field))]}):e.jsx(t.Typography,{textColor:"danger600",children:"Could not compare these versions."})]}),e.jsx(t.Modal.Footer,{children:e.jsx(t.Button,{variant:"tertiary",onClick:s,children:"Close"})})]})}),h="rewind",A={create:"Created",update:"Edited",clone:"Cloned",publish:"Published",unpublish:"Unpublished",discardDraft:"Draft discarded",restore:"Replaced by restore"},O=new Set(["publish","unpublish","discardDraft","restore"]),oe=10,_=n=>`${A[n.origin]??n.origin} · ${N(n.createdAt)}`,N=n=>{const i=new Date(n),s=Math.round((Date.now()-i.getTime())/6e4);return s<1?"just now":s<60?`${s} min ago`:s<60*24?`${Math.round(s/60)} h ago`:i.toLocaleString()},ae=({model:n,documentId:i,updatedAt:s})=>{const{get:a,post:f,put:x}=X.useFetchClient(),[u,y]=c.useState([]),[l,q]=c.useState(0),[E,U]=c.useState(1),[S,k]=c.useState(!0),[v,j]=c.useState(null),[o,C]=c.useState(null),[D,F]=c.useState(!1),[m,R]=c.useState(null),[W,P]=c.useState(null),[z,w]=c.useState(null),[H,I]=c.useState(!1),b=c.useCallback(async r=>{k(!0),j(null);try{const{data:d}=await a(`/${h}/versions`,{params:{contentType:n,documentId:i,page:r,pageSize:oe}});y(p=>r===1?d.data:[...p,...d.data]),q(d.meta.total),U(r)}catch{j("Could not load the history for this document.")}finally{k(!1)}},[a,n,i]);c.useEffect(()=>{b(1)},[b,s]);const B=async(r,d)=>{I(!0),w(null);try{const{data:p}=await a(`/${h}/versions/${r.id}/diff`,d===null?void 0:{params:{against:d}});w(p.data)}catch{w(null)}finally{I(!1)}},G=r=>{R(r),P(null),B(r,null)},V=r=>{m&&(P(r),B(m,r))},K=async r=>{const d=!r.pinned;y(p=>p.map(g=>g.id===r.id?{...g,pinned:d}:g));try{await x(`/${h}/versions/${r.id}/pin`,{pinned:d})}catch{y(p=>p.map(g=>g.id===r.id?{...g,pinned:!d}:g)),j(d?"Could not pin that version.":"Could not unpin that version.")}},J=async r=>{try{const{data:d}=await a(`/${h}/versions/${r.id}/preview`);C({version:r,preview:d.data})}catch{j("Could not work out what restoring this version would change.")}},Z=async()=>{if(o){F(!0);try{await f(`/${h}/versions/${o.version.id}/restore`,{}),window.location.reload()}catch{j("The restore failed. Nothing was changed."),F(!1),C(null)}}};return S&&u.length===0?e.jsx(t.Flex,{justifyContent:"center",padding:4,children:e.jsx(t.Loader,{small:!0,children:"Loading history"})}):v&&u.length===0?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:v}):u.length===0?e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"No versions yet. The next time this document is saved, a version will appear here."}):e.jsxs(t.Flex,{direction:"column",alignItems:"stretch",gap:2,width:"100%",children:[u.map(r=>e.jsxs(t.Box,{paddingBottom:2,children:[e.jsxs(t.Flex,{justifyContent:"space-between",alignItems:"center",gap:2,children:[e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:1,grow:1,minWidth:0,children:[e.jsxs(t.Flex,{gap:2,alignItems:"center",children:[e.jsx(t.Badge,{backgroundColor:O.has(r.origin)?"primary100":"neutral150",textColor:O.has(r.origin)?"primary600":"neutral600",children:A[r.origin]??r.origin}),r.locale?e.jsx(t.Typography,{variant:"pi",textColor:"neutral500",children:r.locale}):null]}),r.label?e.jsx(t.Box,{width:"100%",children:e.jsx(t.Typography,{variant:"omega",textColor:"neutral800",ellipsis:!0,children:r.label})}):null,e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:[N(r.createdAt),r.user?` · ${r.user.name}`:""]}),r.pinned?e.jsx(t.Typography,{variant:"pi",textColor:"primary600",fontWeight:"bold",children:"Pinned"}):null,e.jsx(t.TextButton,{onClick:()=>G(r),children:"What changed"})]}),e.jsxs(t.Flex,{shrink:0,gap:1,alignItems:"center",children:[e.jsx(t.IconButton,{size:"S",variant:"ghost",label:r.pinned?"Unpin this version, so tidying up can remove it":"Pin this version, so tidying up never removes it",onClick:()=>K(r),children:e.jsx(Y.Pin,{fill:r.pinned?"primary600":"neutral500"})}),e.jsx(t.Button,{size:"S",variant:"tertiary",onClick:()=>J(r),children:"Restore"})]})]}),e.jsx(t.Box,{paddingTop:2,children:e.jsx(t.Divider,{})})]},r.id)),u.length<l?e.jsx(t.Button,{size:"S",variant:"tertiary",loading:S,onClick:()=>b(E+1),children:"Show older versions"}):null,v?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:v}):null,m?e.jsx(se,{diff:z,loading:H,subject:_(m),options:u.filter(r=>r.id!==m.id).map(r=>({id:r.id,name:_(r)})),againstId:W,onChangeAgainst:V,hasUnloadedVersions:u.length<l,onClose:()=>R(null)}):null,e.jsx(t.Dialog.Root,{open:o!==null,onOpenChange:()=>C(null),children:e.jsxs(t.Dialog.Content,{children:[e.jsx(t.Dialog.Header,{children:"Restore this version?"}),e.jsx(t.Dialog.Body,{children:e.jsxs(t.Flex,{direction:"column",alignItems:"flex-start",gap:2,children:[e.jsx(t.Typography,{children:"The current draft is saved as a version first, so this can be undone. The published version is not touched."}),o?.preview.crossLocaleFields.length?e.jsxs(t.Typography,{textColor:"danger600",children:[o.preview.crossLocaleFields.join(", ")," ",o.preview.crossLocaleFields.length===1?"is":"are"," not translated per locale, so restoring"," ",o.preview.crossLocaleFields.length===1?"it":"them"," changes"," ",o.preview.affectedLocales.length," locales at once:"," ",o.preview.affectedLocales.join(", "),"."]}):null,o?.preview.fieldsKeptAsIs.length?e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["Added since this version and left untouched:"," ",o.preview.fieldsKeptAsIs.join(", "),"."]}):null,o?.preview.fieldsDropped.length?e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:["No longer in the model and skipped: ",o.preview.fieldsDropped.join(", "),"."]}):null,o?.preview.brokenRelations.length||o?.preview.missingMedia.length?e.jsxs(t.Typography,{variant:"pi",textColor:"warning600",children:[(o.preview.brokenRelations.length??0)+(o.preview.missingMedia.length??0)," ","linked item(s) no longer exist and will be left out."]}):null]})}),e.jsxs(t.Dialog.Footer,{children:[e.jsx(t.Dialog.Cancel,{children:e.jsx(t.Button,{variant:"tertiary",disabled:D,children:"Cancel"})}),e.jsx(t.Button,{onClick:Z,loading:D,children:"Restore"})]})]})})]})},le=({model:n,documentId:i,document:s})=>i?{title:"History",content:e.jsx(ae,{model:n,documentId:i,updatedAt:s?.updatedAt})}:null,de={register(n){n.registerPlugin({id:h,name:h,isReady:!0})},bootstrap(n){n.getPlugin("content-manager").apis.addEditViewSidePanel([le])},async registerTrads({locales:n}){return Promise.all(n.map(async i=>{try{const{default:s}=await te(Object.assign({"./translations/en.json":()=>Promise.resolve().then(()=>require("../_chunks/en-BHfx2OWt.js"))}),`./translations/${i}.json`,3);return{data:s,locale:i}}catch{return{data:{},locale:i}}}))}};exports.PLUGIN_ID=h;exports.default=de;exports.registerDiffRenderer=ne;

package/dist/admin/index.mjs

@@ -1,72 +1,104 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import * as c from "react";
-import { useFetchClient as Z } from "@strapi/admin/strapi-admin";
-import { Modal as g, Flex as u, Loader as O, Typography as i, Box as w, Button as y, Badge as Q, TextButton as X, IconButton as Y, Divider as ee, Dialog as m } from "@strapi/design-system";
-import { Pin as te } from "@strapi/icons";
-const ne = (e, r, a) => {
-  const s = e[r];
-  return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((T, b) => {
+import { useFetchClient as le } from "@strapi/admin/strapi-admin";
+import { Modal as v, Flex as u, Typography as r, SingleSelect as ae, SingleSelectOption as M, Loader as z, Box as k, Button as S, Badge as oe, TextButton as se, IconButton as de, Divider as ce, Dialog as y } from "@strapi/design-system";
+import { Pin as ue } from "@strapi/icons";
+const he = (e, i, a) => {
+  const h = e[i];
+  return h ? typeof h == "function" ? h() : Promise.resolve(h) : new Promise((R, C) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      b.bind(
+      C.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + r + (r.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + i + (i.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
-}, E = /* @__PURE__ */ new Map(), me = (e, r) => {
-  E.set(e, r);
-}, N = (e) => E.get(e), re = ({ spans: e }) => /* @__PURE__ */ t(i, { variant: "omega", tag: "p", children: e.map((r, a) => r.op === "equal" ? /* @__PURE__ */ t(i, { variant: "omega", textColor: "neutral600", children: r.value }, a) : /* @__PURE__ */ t(
-  i,
+}, G = /* @__PURE__ */ new Map(), Se = (e, i) => {
+  G.set(e, i);
+}, U = (e) => G.get(e), pe = ({ spans: e }) => /* @__PURE__ */ t(r, { variant: "omega", tag: "p", children: e.map((i, a) => i.op === "equal" ? /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral600", children: i.value }, a) : /* @__PURE__ */ t(
+  r,
   {
     variant: "omega",
-    textColor: r.op === "added" ? "success600" : "danger600",
-    style: r.op === "removed" ? { textDecoration: "line-through" } : { fontWeight: 600 },
-    children: r.value
+    textColor: i.op === "added" ? "success600" : "danger600",
+    style: i.op === "removed" ? { textDecoration: "line-through" } : { fontWeight: 600 },
+    children: i.value
   },
   a
-)) }), A = (e) => e == null || e === "" ? "(empty)" : typeof e == "object" ? JSON.stringify(e) : String(e), ie = ({ change: e }) => {
-  const r = (e.customField ? N(e.customField) : void 0) ?? N(e.type);
-  return r ? /* @__PURE__ */ t(r, { change: e }) : e.spans ? /* @__PURE__ */ t(re, { spans: e.spans }) : e.linked || e.unlinked ? /* @__PURE__ */ o(u, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-    e.linked?.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "success600", children: [
+)) }), W = (e) => e == null || e === "" ? "(empty)" : typeof e == "object" ? JSON.stringify(e) : String(e), ge = ({ change: e }) => {
+  const i = (e.customField ? U(e.customField) : void 0) ?? U(e.type);
+  return i ? /* @__PURE__ */ t(i, { change: e }) : e.spans ? /* @__PURE__ */ t(pe, { spans: e.spans }) : e.linked || e.unlinked ? /* @__PURE__ */ l(u, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+    e.linked?.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "success600", children: [
       "+ ",
       e.linked.length,
       " linked"
     ] }) : null,
-    e.unlinked?.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "danger600", children: [
+    e.unlinked?.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "danger600", children: [
       "− ",
       e.unlinked.length,
       " unlinked"
     ] }) : null
-  ] }) : e.before !== void 0 || e.after !== void 0 ? /* @__PURE__ */ o(u, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+  ] }) : e.before !== void 0 || e.after !== void 0 ? /* @__PURE__ */ l(u, { gap: 2, alignItems: "center", wrap: "wrap", children: [
     /* @__PURE__ */ t(
-      i,
+      r,
       {
         variant: "omega",
         textColor: "danger600",
         style: { textDecoration: "line-through" },
-        children: A(e.before)
+        children: W(e.before)
       }
     ),
-    /* @__PURE__ */ t(i, { variant: "omega", textColor: "neutral500", children: "→" }),
-    /* @__PURE__ */ t(i, { variant: "omega", textColor: "success600", children: A(e.after) })
-  ] }) : /* @__PURE__ */ t(i, { variant: "pi", textColor: "neutral600", children: "Formatting or structure changed; the text is the same." });
-}, oe = ({
+    /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral500", children: "→" }),
+    /* @__PURE__ */ t(r, { variant: "omega", textColor: "success600", children: W(e.after) })
+  ] }) : /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral600", children: "Formatting or structure changed; the text is the same." });
+}, P = "previous", me = ({
   diff: e,
-  loading: r,
-  onClose: a
-}) => /* @__PURE__ */ t(g.Root, { open: !0, onOpenChange: a, children: /* @__PURE__ */ o(g.Content, { children: [
-  /* @__PURE__ */ t(g.Header, { children: /* @__PURE__ */ t(g.Title, { children: "What changed" }) }),
-  /* @__PURE__ */ t(g.Body, { children: r ? /* @__PURE__ */ t(u, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t(O, { small: !0, children: "Comparing" }) }) : e ? /* @__PURE__ */ o(u, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    /* @__PURE__ */ t(i, { variant: "pi", textColor: "neutral600", children: e.from ? "Compared with the version saved just before it." : "This is the earliest version of the document, so everything in it is new." }),
-    e.identical ? /* @__PURE__ */ t(i, { textColor: "neutral600", children: "Nothing changed between these two versions." }) : e.changes.map((s) => /* @__PURE__ */ o(w, { children: [
-      /* @__PURE__ */ t(i, { variant: "sigma", textColor: "neutral600", children: s.field }),
-      /* @__PURE__ */ t(w, { paddingTop: 1, children: /* @__PURE__ */ t(ie, { change: s }) })
-    ] }, s.field))
-  ] }) : /* @__PURE__ */ t(i, { textColor: "danger600", children: "Could not compare these versions." }) }),
-  /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(y, { variant: "tertiary", onClick: a, children: "Close" }) })
-] }) }), p = "rewind", ae = {
+  loading: i,
+  onClose: a,
+  subject: h,
+  options: R,
+  againstId: C,
+  onChangeAgainst: p,
+  hasUnloadedVersions: w
+}) => /* @__PURE__ */ t(v.Root, { open: !0, onOpenChange: a, children: /* @__PURE__ */ l(v.Content, { children: [
+  /* @__PURE__ */ t(v.Header, { children: /* @__PURE__ */ t(v.Title, { children: "What changed" }) }),
+  /* @__PURE__ */ l(v.Body, { children: [
+    /* @__PURE__ */ l(u, { direction: "column", alignItems: "stretch", gap: 2, paddingBottom: 4, children: [
+      /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+        "Comparing ",
+        /* @__PURE__ */ t("b", { children: h }),
+        " with"
+      ] }),
+      /* @__PURE__ */ l(
+        ae,
+        {
+          "aria-label": "Compare with",
+          size: "S",
+          value: C === null ? P : String(C),
+          onChange: (s) => p(String(s) === P ? null : Number(s)),
+          children: [
+            /* @__PURE__ */ t(M, { value: P, children: "The version saved just before it" }),
+            R.map((s) => /* @__PURE__ */ t(M, { value: String(s.id), children: s.name }, s.id))
+          ]
+        }
+      ),
+      w ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+        "Only versions loaded in the panel are listed. Use ",
+        /* @__PURE__ */ t("b", { children: "Show older versions" }),
+        " there to reach further back."
+      ] }) : null
+    ] }),
+    i ? /* @__PURE__ */ t(u, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t(z, { small: !0, children: "Comparing" }) }) : e ? /* @__PURE__ */ l(u, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      e.from ? null : /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral600", children: "This is the earliest version of the document, so everything in it is new." }),
+      e.identical ? /* @__PURE__ */ t(r, { textColor: "neutral600", children: "Nothing changed between these two versions." }) : e.changes.map((s) => /* @__PURE__ */ l(k, { children: [
+        /* @__PURE__ */ t(r, { variant: "sigma", textColor: "neutral600", children: s.field }),
+        /* @__PURE__ */ t(k, { paddingTop: 1, children: /* @__PURE__ */ t(ge, { change: s }) })
+      ] }, s.field))
+    ] }) : /* @__PURE__ */ t(r, { textColor: "danger600", children: "Could not compare these versions." })
+  ] }),
+  /* @__PURE__ */ t(v.Footer, { children: /* @__PURE__ */ t(S, { variant: "tertiary", onClick: a, children: "Close" }) })
+] }) }), f = "rewind", V = {
   create: "Created",
   update: "Edited",
   clone: "Cloned",
@@ -74,12 +106,12 @@ const ne = (e, r, a) => {
   unpublish: "Unpublished",
   discardDraft: "Draft discarded",
   restore: "Replaced by restore"
-}, B = /* @__PURE__ */ new Set(["publish", "unpublish", "discardDraft", "restore"]), le = 10, se = (e) => {
-  const r = new Date(e), a = Math.round((Date.now() - r.getTime()) / 6e4);
-  return a < 1 ? "just now" : a < 60 ? `${a} min ago` : a < 60 * 24 ? `${Math.round(a / 60)} h ago` : r.toLocaleString();
-}, de = ({
+}, _ = /* @__PURE__ */ new Set(["publish", "unpublish", "discardDraft", "restore"]), fe = 10, H = (e) => `${V[e.origin] ?? e.origin} · ${q(e.createdAt)}`, q = (e) => {
+  const i = new Date(e), a = Math.round((Date.now() - i.getTime()) / 6e4);
+  return a < 1 ? "just now" : a < 60 ? `${a} min ago` : a < 60 * 24 ? `${Math.round(a / 60)} h ago` : i.toLocaleString();
+}, Ce = ({
   model: e,
-  documentId: r,
+  documentId: i,
   /**
    * Changes whenever the Content Manager re-reads the document, which is what
    * it does after a save. Used purely as a refresh signal: without it the panel
@@ -88,191 +120,201 @@ const ne = (e, r, a) => {
    */
   updatedAt: a
 }) => {
-  const { get: s, post: T, put: b } = Z(), [f, k] = c.useState([]), [M, _] = c.useState(0), [H, W] = c.useState(1), [D, j] = c.useState(!0), [x, C] = c.useState(null), [l, S] = c.useState(null), [L, P] = c.useState(!1), [z, $] = c.useState(!1), [G, R] = c.useState(null), [U, F] = c.useState(!1), I = c.useCallback(
+  const { get: h, post: R, put: C } = le(), [p, w] = c.useState([]), [s, K] = c.useState(0), [J, Z] = c.useState(1), [L, $] = c.useState(!0), [I, x] = c.useState(null), [o, T] = c.useState(null), [A, F] = c.useState(!1), [b, N] = c.useState(null), [Q, B] = c.useState(null), [X, D] = c.useState(null), [Y, O] = c.useState(!1), j = c.useCallback(
     async (n) => {
-      j(!0), C(null);
+      $(!0), x(null);
       try {
-        const { data: d } = await s(`/${p}/versions`, {
+        const { data: d } = await h(`/${f}/versions`, {
           params: {
             contentType: e,
-            documentId: r,
+            documentId: i,
             page: n,
-            pageSize: le
+            pageSize: fe
           }
         });
-        k((v) => n === 1 ? d.data : [...v, ...d.data]), _(d.meta.total), W(n);
+        w((g) => n === 1 ? d.data : [...g, ...d.data]), K(d.meta.total), Z(n);
       } catch {
-        C("Could not load the history for this document.");
+        x("Could not load the history for this document.");
       } finally {
-        j(!1);
+        $(!1);
       }
     },
-    [s, e, r]
+    [h, e, i]
   );
   c.useEffect(() => {
-    I(1);
-  }, [I, a]);
-  const q = async (n) => {
-    $(!0), F(!0), R(null);
+    j(1);
+  }, [j, a]);
+  const E = async (n, d) => {
+    O(!0), D(null);
     try {
-      const { data: d } = await s(
-        `/${p}/versions/${n.id}/diff`
+      const { data: g } = await h(
+        `/${f}/versions/${n.id}/diff`,
+        d === null ? void 0 : { params: { against: d } }
       );
-      R(d.data);
+      D(g.data);
     } catch {
-      R(null);
+      D(null);
     } finally {
-      F(!1);
+      O(!1);
     }
-  }, K = async (n) => {
+  }, ee = (n) => {
+    N(n), B(null), E(n, null);
+  }, te = (n) => {
+    b && (B(n), E(b, n));
+  }, ne = async (n) => {
     const d = !n.pinned;
-    k((v) => v.map((h) => h.id === n.id ? { ...h, pinned: d } : h));
+    w((g) => g.map((m) => m.id === n.id ? { ...m, pinned: d } : m));
     try {
-      await b(`/${p}/versions/${n.id}/pin`, { pinned: d });
+      await C(`/${f}/versions/${n.id}/pin`, { pinned: d });
     } catch {
-      k(
-        (v) => v.map((h) => h.id === n.id ? { ...h, pinned: !d } : h)
-      ), C(d ? "Could not pin that version." : "Could not unpin that version.");
+      w(
+        (g) => g.map((m) => m.id === n.id ? { ...m, pinned: !d } : m)
+      ), x(d ? "Could not pin that version." : "Could not unpin that version.");
     }
-  }, V = async (n) => {
+  }, ie = async (n) => {
     try {
-      const { data: d } = await s(
-        `/${p}/versions/${n.id}/preview`
+      const { data: d } = await h(
+        `/${f}/versions/${n.id}/preview`
       );
-      S({ version: n, preview: d.data });
+      T({ version: n, preview: d.data });
     } catch {
-      C("Could not work out what restoring this version would change.");
+      x("Could not work out what restoring this version would change.");
     }
-  }, J = async () => {
-    if (l) {
-      P(!0);
+  }, re = async () => {
+    if (o) {
+      F(!0);
       try {
-        await T(`/${p}/versions/${l.version.id}/restore`, {}), window.location.reload();
+        await R(`/${f}/versions/${o.version.id}/restore`, {}), window.location.reload();
       } catch {
-        C("The restore failed. Nothing was changed."), P(!1), S(null);
+        x("The restore failed. Nothing was changed."), F(!1), T(null);
       }
     }
   };
-  return D && f.length === 0 ? /* @__PURE__ */ t(u, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t(O, { small: !0, children: "Loading history" }) }) : x && f.length === 0 ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "danger600", children: x }) : f.length === 0 ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "neutral600", children: "No versions yet. The next time this document is saved, a version will appear here." }) : /* @__PURE__ */ o(u, { direction: "column", alignItems: "stretch", gap: 2, width: "100%", children: [
-    f.map((n) => /* @__PURE__ */ o(w, { paddingBottom: 2, children: [
-      /* @__PURE__ */ o(u, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
-        /* @__PURE__ */ o(u, { direction: "column", alignItems: "flex-start", gap: 1, grow: 1, minWidth: 0, children: [
-          /* @__PURE__ */ o(u, { gap: 2, alignItems: "center", children: [
+  return L && p.length === 0 ? /* @__PURE__ */ t(u, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t(z, { small: !0, children: "Loading history" }) }) : I && p.length === 0 ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "danger600", children: I }) : p.length === 0 ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral600", children: "No versions yet. The next time this document is saved, a version will appear here." }) : /* @__PURE__ */ l(u, { direction: "column", alignItems: "stretch", gap: 2, width: "100%", children: [
+    p.map((n) => /* @__PURE__ */ l(k, { paddingBottom: 2, children: [
+      /* @__PURE__ */ l(u, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ l(u, { direction: "column", alignItems: "flex-start", gap: 1, grow: 1, minWidth: 0, children: [
+          /* @__PURE__ */ l(u, { gap: 2, alignItems: "center", children: [
             /* @__PURE__ */ t(
-              Q,
+              oe,
               {
-                backgroundColor: B.has(n.origin) ? "primary100" : "neutral150",
-                textColor: B.has(n.origin) ? "primary600" : "neutral600",
-                children: ae[n.origin] ?? n.origin
+                backgroundColor: _.has(n.origin) ? "primary100" : "neutral150",
+                textColor: _.has(n.origin) ? "primary600" : "neutral600",
+                children: V[n.origin] ?? n.origin
               }
             ),
-            n.locale ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "neutral500", children: n.locale }) : null
+            n.locale ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral500", children: n.locale }) : null
           ] }),
-          n.label ? /* @__PURE__ */ t(w, { width: "100%", children: /* @__PURE__ */ t(i, { variant: "omega", textColor: "neutral800", ellipsis: !0, children: n.label }) }) : null,
-          /* @__PURE__ */ o(i, { variant: "pi", textColor: "neutral600", children: [
-            se(n.createdAt),
+          n.label ? /* @__PURE__ */ t(k, { width: "100%", children: /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral800", ellipsis: !0, children: n.label }) }) : null,
+          /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+            q(n.createdAt),
             n.user ? ` · ${n.user.name}` : ""
           ] }),
-          n.pinned ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "primary600", fontWeight: "bold", children: "Pinned" }) : null,
-          /* @__PURE__ */ t(X, { onClick: () => q(n), children: "What changed" })
+          n.pinned ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "primary600", fontWeight: "bold", children: "Pinned" }) : null,
+          /* @__PURE__ */ t(se, { onClick: () => ee(n), children: "What changed" })
         ] }),
-        /* @__PURE__ */ o(u, { shrink: 0, gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ l(u, { shrink: 0, gap: 1, alignItems: "center", children: [
           /* @__PURE__ */ t(
-            Y,
+            de,
             {
               size: "S",
               variant: "ghost",
               label: n.pinned ? "Unpin this version, so tidying up can remove it" : "Pin this version, so tidying up never removes it",
-              onClick: () => K(n),
-              children: /* @__PURE__ */ t(te, { fill: n.pinned ? "primary600" : "neutral500" })
+              onClick: () => ne(n),
+              children: /* @__PURE__ */ t(ue, { fill: n.pinned ? "primary600" : "neutral500" })
             }
           ),
-          /* @__PURE__ */ t(y, { size: "S", variant: "tertiary", onClick: () => V(n), children: "Restore" })
+          /* @__PURE__ */ t(S, { size: "S", variant: "tertiary", onClick: () => ie(n), children: "Restore" })
         ] })
       ] }),
-      /* @__PURE__ */ t(w, { paddingTop: 2, children: /* @__PURE__ */ t(ee, {}) })
+      /* @__PURE__ */ t(k, { paddingTop: 2, children: /* @__PURE__ */ t(ce, {}) })
     ] }, n.id)),
-    f.length < M ? /* @__PURE__ */ t(y, { size: "S", variant: "tertiary", loading: D, onClick: () => I(H + 1), children: "Show older versions" }) : null,
-    x ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "danger600", children: x }) : null,
-    z ? /* @__PURE__ */ t(
-      oe,
+    p.length < s ? /* @__PURE__ */ t(S, { size: "S", variant: "tertiary", loading: L, onClick: () => j(J + 1), children: "Show older versions" }) : null,
+    I ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "danger600", children: I }) : null,
+    b ? /* @__PURE__ */ t(
+      me,
       {
-        diff: G,
-        loading: U,
-        onClose: () => $(!1)
+        diff: X,
+        loading: Y,
+        subject: H(b),
+        options: p.filter((n) => n.id !== b.id).map((n) => ({ id: n.id, name: H(n) })),
+        againstId: Q,
+        onChangeAgainst: te,
+        hasUnloadedVersions: p.length < s,
+        onClose: () => N(null)
       }
     ) : null,
-    /* @__PURE__ */ t(m.Root, { open: l !== null, onOpenChange: () => S(null), children: /* @__PURE__ */ o(m.Content, { children: [
-      /* @__PURE__ */ t(m.Header, { children: "Restore this version?" }),
-      /* @__PURE__ */ t(m.Body, { children: /* @__PURE__ */ o(u, { direction: "column", alignItems: "flex-start", gap: 2, children: [
-        /* @__PURE__ */ t(i, { children: "The current draft is saved as a version first, so this can be undone. The published version is not touched." }),
-        l?.preview.crossLocaleFields.length ? /* @__PURE__ */ o(i, { textColor: "danger600", children: [
-          l.preview.crossLocaleFields.join(", "),
+    /* @__PURE__ */ t(y.Root, { open: o !== null, onOpenChange: () => T(null), children: /* @__PURE__ */ l(y.Content, { children: [
+      /* @__PURE__ */ t(y.Header, { children: "Restore this version?" }),
+      /* @__PURE__ */ t(y.Body, { children: /* @__PURE__ */ l(u, { direction: "column", alignItems: "flex-start", gap: 2, children: [
+        /* @__PURE__ */ t(r, { children: "The current draft is saved as a version first, so this can be undone. The published version is not touched." }),
+        o?.preview.crossLocaleFields.length ? /* @__PURE__ */ l(r, { textColor: "danger600", children: [
+          o.preview.crossLocaleFields.join(", "),
           " ",
-          l.preview.crossLocaleFields.length === 1 ? "is" : "are",
+          o.preview.crossLocaleFields.length === 1 ? "is" : "are",
           " not translated per locale, so restoring",
           " ",
-          l.preview.crossLocaleFields.length === 1 ? "it" : "them",
+          o.preview.crossLocaleFields.length === 1 ? "it" : "them",
           " changes",
           " ",
-          l.preview.affectedLocales.length,
+          o.preview.affectedLocales.length,
           " locales at once:",
           " ",
-          l.preview.affectedLocales.join(", "),
+          o.preview.affectedLocales.join(", "),
           "."
         ] }) : null,
-        l?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "neutral600", children: [
+        o?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
           "Added since this version and left untouched:",
           " ",
-          l.preview.fieldsKeptAsIs.join(", "),
+          o.preview.fieldsKeptAsIs.join(", "),
           "."
         ] }) : null,
-        l?.preview.fieldsDropped.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "neutral600", children: [
+        o?.preview.fieldsDropped.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
           "No longer in the model and skipped: ",
-          l.preview.fieldsDropped.join(", "),
+          o.preview.fieldsDropped.join(", "),
           "."
         ] }) : null,
-        l?.preview.brokenRelations.length || l?.preview.missingMedia.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "warning600", children: [
-          (l.preview.brokenRelations.length ?? 0) + (l.preview.missingMedia.length ?? 0),
+        o?.preview.brokenRelations.length || o?.preview.missingMedia.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "warning600", children: [
+          (o.preview.brokenRelations.length ?? 0) + (o.preview.missingMedia.length ?? 0),
           " ",
           "linked item(s) no longer exist and will be left out."
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ o(m.Footer, { children: [
-        /* @__PURE__ */ t(m.Cancel, { children: /* @__PURE__ */ t(y, { variant: "tertiary", disabled: L, children: "Cancel" }) }),
-        /* @__PURE__ */ t(y, { onClick: J, loading: L, children: "Restore" })
+      /* @__PURE__ */ l(y.Footer, { children: [
+        /* @__PURE__ */ t(y.Cancel, { children: /* @__PURE__ */ t(S, { variant: "tertiary", disabled: A, children: "Cancel" }) }),
+        /* @__PURE__ */ t(S, { onClick: re, loading: A, children: "Restore" })
       ] })
     ] }) })
   ] });
-}, ce = ({
+}, ve = ({
   model: e,
-  documentId: r,
+  documentId: i,
   document: a
-}) => r ? {
+}) => i ? {
   title: "History",
-  content: /* @__PURE__ */ t(de, { model: e, documentId: r, updatedAt: a?.updatedAt })
-} : null, fe = {
+  content: /* @__PURE__ */ t(Ce, { model: e, documentId: i, updatedAt: a?.updatedAt })
+} : null, ke = {
   register(e) {
-    e.registerPlugin({ id: p, name: p, isReady: !0 });
+    e.registerPlugin({ id: f, name: f, isReady: !0 });
   },
   bootstrap(e) {
-    e.getPlugin("content-manager").apis.addEditViewSidePanel([ce]);
+    e.getPlugin("content-manager").apis.addEditViewSidePanel([ve]);
   },
   async registerTrads({ locales: e }) {
     return Promise.all(
-      e.map(async (r) => {
+      e.map(async (i) => {
         try {
-          const { default: a } = await ne(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-DCctmu-a.mjs") }), `./translations/${r}.json`, 3);
-          return { data: a, locale: r };
+          const { default: a } = await he(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-DCctmu-a.mjs") }), `./translations/${i}.json`, 3);
+          return { data: a, locale: i };
         } catch {
-          return { data: {}, locale: r };
+          return { data: {}, locale: i };
         }
       })
     );
   }
 };
 export {
-  p as PLUGIN_ID,
-  fe as default,
-  me as registerDiffRenderer
+  f as PLUGIN_ID,
+  ke as default,
+  Se as registerDiffRenderer
 };

package/dist/admin/src/components/ChangesDialog.d.ts

@@ -14,8 +14,29 @@ export interface VersionDiff {
     changes: FieldChange[];
     identical: boolean;
 }
-export declare const ChangesDialog: ({ diff, loading, onClose, }: {
+/**
+ * The comparison target lives here rather than in the panel.
+ *
+ * Picking two versions needs somewhere to put the second choice, and the panel
+ * is a narrow column whose rows already carry a badge, a title, a timestamp, a
+ * pin and a Restore button. Putting the choice beside the result also means the
+ * common case - compare with the one before - stays a single click, and the
+ * other question only costs a dropdown once you are already looking at a diff.
+ */
+export declare const ChangesDialog: ({ diff, loading, onClose, subject, options, againstId, onChangeAgainst, hasUnloadedVersions, }: {
     diff: VersionDiff | null;
     loading: boolean;
     onClose: () => void;
+    /** How the version this was opened from reads, e.g. "Edited · 2 min ago". */
+    subject: string;
+    /** Every other loaded version of the same document, already described. */
+    options: Array<{
+        id: number;
+        name: string;
+    }>;
+    /** null means the version saved immediately before the subject. */
+    againstId: number | null;
+    onChangeAgainst: (againstId: number | null) => void;
+    /** Whether the panel is still holding older versions back behind its pager. */
+    hasUnloadedVersions: boolean;
 }) => React.JSX.Element;