@qkix/strapi-plugin-rewind 0.2.1 → 0.4.0

package/README.md

@@ -98,6 +98,12 @@ relations, and a snapshot of the schema at the time - the last of which is what
 lets a restore tell "this field was empty" apart from "this field did not exist
 yet".
 
+A relation is stored as what it pointed at _and_ what that was called, using the
+field the Content Manager titles the entry by. Storing the name is what makes a
+history readable once the target is gone: the id of a deleted author resolves to
+nothing, and "Ada Lovelace no longer exists and will be left out" is the sentence
+an editor needs.
+
 Publishing records **one** version, not two, even though the Content Manager
 saves the draft and publishes it as two separate operations.
 
@@ -136,17 +142,34 @@ 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
 collapsed, so a one-word edit in a long article reads as one word rather than
 as the whole article with something green in it somewhere. Relations are
-reported as linked and unlinked.
+reported as linked and unlinked, by name where the version has one.
+
+<img src="https://raw.githubusercontent.com/qkix/strapi-plugins/main/packages/strapi-plugin-rewind/docs/relations.png" alt="The What changed dialog showing the featured relation: plus Plugin showcase in green, minus Autumn release notes in red" width="760" />
+
+The name comes from the version, not from the target, so it still reads this way
+once the target has been deleted.
 
 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
@@ -213,9 +236,13 @@ Worth knowing before you install it, not after:
 - **Only the Document Service is visible.** Writes made through
   `strapi.db.query()` or the legacy entity service bypass the middleware
   entirely and cannot be captured at any setting.
-- **Deleted relation targets lose their names.** A version stores which document
-  a relation pointed at, not what it was called, so a link to something since
-  deleted shows as missing rather than as "the article it used to be".
+- **A relation's name is a snapshot too.** A version records what the target was
+  called when it was taken, so a link survives the target being deleted. It does
+  not follow a later rename: a version from March says what the author was called
+  in March, which is the point.
+- **Versions taken before names were recorded have none**, and fall back to
+  counting - "2 linked items" - because a name cannot be recovered after the
+  fact.
 - **Media is referenced, never copied.** Delete the file and the version knows
   the file is gone; it cannot bring it back.
 

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

package/dist/admin/index.mjs

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