@qkix/strapi-plugin-rewind 0.3.0 → 0.4.1

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.
 
@@ -142,7 +148,12 @@ 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.
@@ -225,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"),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;
+"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,104 +1,112 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import * as c from "react";
-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) => {
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+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)(
-      C.bind(
+      m.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + i + (i.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." : "")
         )
       )
     );
   });
-}, 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,
+}, 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: i.op === "added" ? "success600" : "danger600",
     style: i.op === "removed" ? { textDecoration: "line-through" } : { fontWeight: 600 },
     children: i.value
   },
-  a
-)) }), W = (e) => e == null || e === "" ? "(empty)" : typeof e == "object" ? JSON.stringify(e) : String(e), ge = ({ change: e }) => {
+  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__ */ l(u, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-    e.linked?.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "success600", children: [
+  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__ */ l(r, { 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__ */ l(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(
-      r,
+      l,
       {
         variant: "omega",
         textColor: "danger600",
         style: { textDecoration: "line-through" },
-        children: W(e.before)
+        children: _(e.before)
       }
     ),
-    /* @__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 = ({
+    /* @__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: 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: [
+  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: h }),
+        /* @__PURE__ */ t("b", { children: s }),
         " with"
       ] }),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ o(
         ae,
         {
           "aria-label": "Compare with",
           size: "S",
-          value: C === null ? P : String(C),
-          onChange: (s) => p(String(s) === P ? null : Number(s)),
+          value: m === null ? D : String(m),
+          onChange: (d) => g(String(d) === D ? null : Number(d)),
           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))
+            /* @__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))
           ]
         }
       ),
-      w ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+      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(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." })
+    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(v.Footer, { children: /* @__PURE__ */ t(S, { variant: "tertiary", onClick: a, children: "Close" }) })
-] }) }), f = "rewind", V = {
+  /* @__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",
@@ -106,10 +114,10 @@ const he = (e, i, a) => {
   unpublish: "Unpublished",
   discardDraft: "Draft discarded",
   restore: "Replaced by restore"
-}, _ = /* @__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 = ({
+}, 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: i,
   /**
@@ -118,194 +126,190 @@ const he = (e, i, a) => {
    * 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: 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(
+  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) => {
-      $(!0), x(null);
+      L(!0), x(null);
       try {
-        const { data: d } = await h(`/${f}/versions`, {
+        const { data: c } = await s(`/${v}/versions`, {
           params: {
             contentType: e,
             documentId: i,
             page: n,
-            pageSize: fe
+            pageSize: ve
           }
         });
-        w((g) => n === 1 ? d.data : [...g, ...d.data]), K(d.meta.total), Z(n);
+        b((f) => n === 1 ? c.data : [...f, ...c.data]), J(c.meta.total), Q(n);
       } catch {
         x("Could not load the history for this document.");
       } finally {
-        $(!1);
+        L(!1);
       }
     },
-    [h, e, i]
+    [s, e, i]
   );
-  c.useEffect(() => {
-    j(1);
-  }, [j, a]);
-  const E = async (n, d) => {
-    O(!0), D(null);
+  u.useEffect(() => {
+    I(1);
+  }, [I, r]);
+  const E = async (n, c) => {
+    O(!0), T(null);
     try {
-      const { data: g } = await h(
-        `/${f}/versions/${n.id}/diff`,
-        d === null ? void 0 : { params: { against: d } }
+      const { data: f } = await s(
+        `/${v}/versions/${n.id}/diff`,
+        c === null ? void 0 : { params: { against: c } }
       );
-      D(g.data);
+      T(f.data);
     } catch {
-      D(null);
+      T(null);
     } finally {
       O(!1);
     }
-  }, ee = (n) => {
-    N(n), B(null), E(n, null);
   }, te = (n) => {
-    b && (B(n), E(b, n));
-  }, ne = async (n) => {
-    const d = !n.pinned;
-    w((g) => g.map((m) => m.id === n.id ? { ...m, pinned: d } : m));
+    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 C(`/${f}/versions/${n.id}/pin`, { pinned: d });
+      await m(`/${v}/versions/${n.id}/pin`, { pinned: c });
     } catch {
-      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.");
+      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.");
     }
-  }, ie = async (n) => {
+  }, re = async (n) => {
     try {
-      const { data: d } = await h(
-        `/${f}/versions/${n.id}/preview`
+      const { data: c } = await s(
+        `/${v}/versions/${n.id}/preview`
       );
-      T({ version: n, preview: d.data });
+      j({ version: n, preview: c.data });
     } catch {
       x("Could not work out what restoring this version would change.");
     }
-  }, re = async () => {
-    if (o) {
+  }, le = async () => {
+    if (a) {
       F(!0);
       try {
-        await R(`/${f}/versions/${o.version.id}/restore`, {}), window.location.reload();
+        await p(`/${v}/versions/${a.version.id}/restore`, {}), window.location.reload();
       } catch {
-        x("The restore failed. Nothing was changed."), F(!1), T(null);
+        x("The restore failed. Nothing was changed."), F(!1), j(null);
       }
     }
   };
-  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: [
+  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(
-              oe,
+              se,
               {
-                backgroundColor: _.has(n.origin) ? "primary100" : "neutral150",
-                textColor: _.has(n.origin) ? "primary600" : "neutral600",
-                children: V[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(r, { 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(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.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(r, { variant: "pi", textColor: "primary600", fontWeight: "bold", children: "Pinned" }) : null,
-          /* @__PURE__ */ t(se, { onClick: () => ee(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__ */ l(u, { shrink: 0, gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ o(h, { shrink: 0, gap: 1, alignItems: "center", children: [
           /* @__PURE__ */ t(
-            de,
+            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: () => ne(n),
-              children: /* @__PURE__ */ t(ue, { fill: n.pinned ? "primary600" : "neutral500" })
+              onClick: () => ie(n),
+              children: /* @__PURE__ */ t(he, { fill: n.pinned ? "primary600" : "neutral500" })
             }
           ),
-          /* @__PURE__ */ t(S, { size: "S", variant: "tertiary", onClick: () => ie(n), children: "Restore" })
+          /* @__PURE__ */ t($, { size: "S", variant: "tertiary", onClick: () => re(n), children: "Restore" })
         ] })
       ] }),
-      /* @__PURE__ */ t(k, { paddingTop: 2, children: /* @__PURE__ */ t(ce, {}) })
+      /* @__PURE__ */ t(k, { paddingTop: 2, children: /* @__PURE__ */ t(ue, {}) })
     ] }, n.id)),
-    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,
+    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: 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)
+        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(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(", "),
+    /* @__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(", "),
           " ",
-          o.preview.crossLocaleFields.length === 1 ? "is" : "are",
+          a.preview.crossLocaleFields.length === 1 ? "is" : "are",
           " not translated per locale, so restoring",
           " ",
-          o.preview.crossLocaleFields.length === 1 ? "it" : "them",
+          a.preview.crossLocaleFields.length === 1 ? "it" : "them",
           " changes",
           " ",
-          o.preview.affectedLocales.length,
+          a.preview.affectedLocales.length,
           " locales at once:",
           " ",
-          o.preview.affectedLocales.join(", "),
+          a.preview.affectedLocales.join(", "),
           "."
         ] }) : null,
-        o?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+        a?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ o(l, { variant: "pi", textColor: "neutral600", children: [
           "Added since this version and left untouched:",
           " ",
-          o.preview.fieldsKeptAsIs.join(", "),
+          a.preview.fieldsKeptAsIs.join(", "),
           "."
         ] }) : null,
-        o?.preview.fieldsDropped.length ? /* @__PURE__ */ l(r, { variant: "pi", textColor: "neutral600", children: [
+        a?.preview.fieldsDropped.length ? /* @__PURE__ */ o(l, { variant: "pi", textColor: "neutral600", children: [
           "No longer in the model and skipped: ",
-          o.preview.fieldsDropped.join(", "),
+          a.preview.fieldsDropped.join(", "),
           "."
         ] }) : null,
-        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
+        a?.preview.brokenRelations.length || a?.preview.missingMedia.length ? /* @__PURE__ */ t(l, { variant: "pi", textColor: "warning600", children: Ce(a.preview) }) : null
       ] }) }),
-      /* @__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" })
+      /* @__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" })
       ] })
     ] }) })
   ] });
-}, ve = ({
+}, we = ({
   model: e,
   documentId: i,
-  document: a
+  document: r
 }) => i ? {
   title: "History",
-  content: /* @__PURE__ */ t(Ce, { model: e, documentId: i, updatedAt: a?.updatedAt })
-} : null, ke = {
+  content: /* @__PURE__ */ t(ye, { model: e, documentId: i, updatedAt: r?.updatedAt })
+} : null, Re = {
   register(e) {
-    e.registerPlugin({ id: f, name: f, isReady: !0 });
+    e.registerPlugin({ id: v, name: v, isReady: !0 });
   },
   bootstrap(e) {
-    e.getPlugin("content-manager").apis.addEditViewSidePanel([ve]);
+    e.getPlugin("content-manager").apis.addEditViewSidePanel([we]);
   },
   async registerTrads({ locales: e }) {
     return Promise.all(
       e.map(async (i) => {
         try {
-          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 };
+          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: i };
         }
@@ -314,7 +318,7 @@ const he = (e, i, a) => {
   }
 };
 export {
-  f as PLUGIN_ID,
-  ke as default,
-  Se as registerDiffRenderer
+  v as PLUGIN_ID,
+  Re as default,
+  ke as registerDiffRenderer
 };