@qkix/strapi-plugin-rewind 0.1.3 → 0.2.0

package/README.md

@@ -34,7 +34,7 @@ Strapi sells a feature called **Content History** on its Growth and Enterprise
 plans. Rewind is **not that feature**, is not a drop-in replacement for it, and
 does not unlock it.
 
-It is the poor cousin. If you pay for Growth, use Strapi's — it is deeper, it is
+It is the poor cousin. If you pay for Growth, use Strapi's - it is deeper, it is
 supported by the people who wrote the CMS, and it will stay in step with Strapi
 in a way a third-party plugin cannot promise. Rewind exists for everyone on
 Community Edition, who today has nothing at all: no way to see what a document
@@ -56,7 +56,7 @@ cheap to add once the plumbing existed:
 - **Writes from outside the Content Manager can be versioned** (opt-in), where
   Strapi only ever records admin-panel edits.
 
-And a good deal it does _not_ do — see [Limits](#limits).
+And a good deal it does _not_ do - see [Limits](#limits).
 
 ### On not touching the paywall
 
@@ -64,8 +64,8 @@ Rewind never reads or writes `strapi.ee`, never inspects a licence, and never
 enables a gated feature. It is an independent implementation writing to its own
 table, and it works the same whether or not you have a Strapi licence. Strapi's
 history code is MIT-licensed and was read while working out what the problem
-actually is — the way you would read any open-source implementation before
-writing your own — but the code here is written for this plugin.
+actually is - the way you would read any open-source implementation before
+writing your own - but the code here is written for this plugin.
 
 ## Install
 
@@ -94,7 +94,7 @@ the first disk alert.
 
 Six actions on a tracked content type: `create`, `update`, `clone`, `publish`,
 `unpublish` and `discardDraft`. Each version stores the document's content, its
-relations, and a snapshot of the schema at the time — the last of which is what
+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".
 
@@ -106,7 +106,7 @@ A save that is rolled back records nothing.
 <img src="https://raw.githubusercontent.com/qkix/strapi-plugins/main/packages/strapi-plugin-rewind/docs/panel.png" alt="History entries labelled Replaced by restore, Draft discarded and Edited" width="320" />
 
 The badge says what happened to the document. **Replaced by restore** marks the
-state a restore was about to overwrite — the undo point for that restore.
+state a restore was about to overwrite - the undo point for that restore.
 
 ## Restoring
 
@@ -125,7 +125,7 @@ part of a restore is what it will _not_ do:
 - fields no longer in the model are skipped
 - links to documents or media that have since been deleted are dropped, and
   reported
-- **fields that are not translated per locale change in every locale at once** —
+- **fields that are not translated per locale change in every locale at once** -
   restoring the Polish version of a document rewrites a shared field for every
   other language too. This is not a choice the plugin makes; a non-localised
   field physically has one value. The dialog names those fields and counts the
@@ -138,14 +138,14 @@ 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" />
 
-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
+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.
 
-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.
+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.
 
 ### Rendering a field type properly
 
@@ -156,7 +156,7 @@ package that owns the format can show that, so the mapping is a registry:
 ```ts
 import { registerDiffRenderer } from '@qkix/strapi-plugin-rewind/strapi-admin';
 
-import { MyBlocksDiff } from './MyBlocksDiff'; // yours — see below
+import { MyBlocksDiff } from './MyBlocksDiff'; // yours - see below
 
 registerDiffRenderer('plugin::better-blocks.better-blocks', MyBlocksDiff);
 ```
@@ -165,13 +165,24 @@ Keyed by a custom field's uid, or by an attribute `type`. A uid wins over a
 type, since every custom field stores itself as `json`.
 
 > **Bring your own renderer.** Rewind ships the registry, not the renderers. No
-> `@qkix` package currently exports a block-aware diff component — including
-> Better Blocks — so the component above is one you write. A renderer receives
+> `@qkix` package currently exports a block-aware diff component - including
+> Better Blocks - so the component above is one you write. A renderer receives
 > the two values and returns the `FieldChange` shape exported alongside
 > `registerDiffRenderer`; without one registered, a field falls back to the
 > generic text diff. A ready-made renderer for Better Blocks documents is
 > wanted, and not yet written.
 
+## Pinning a version
+
+Every entry has a pin. A pinned version is never thinned, whatever the retention
+settings say and however old it gets - the state the site launched in, the draft
+before a rewrite, the version somebody will ask about in a year.
+
+Pinning is the one thing in this panel that writes to the history rather than to
+the document, and it is the whole of it: a version is pinned or it is not.
+Nothing else about the version changes, and unpinning hands it straight back to
+the next prune.
+
 ## Configuration
 
 | Option                     | Default       | Meaning                                                                                                         |
@@ -185,8 +196,8 @@ type, since every custom field stores itself as `json`.
 | `retention.keepAnchors`    | `true`        | Never thin publish, unpublish, discard or restore versions, whatever their age.                                 |
 | `cron`                     | `'0 3 * * *'` | When the thinning runs, in the server's timezone.                                                               |
 
-The three windows must widen in order — `keepAllDays <= dailyUntilDays <=
-maxAgeDays` — and the plugin refuses to boot rather than delete on a guess if
+The three windows must widen in order - `keepAllDays <= dailyUntilDays <=
+maxAgeDays` - and the plugin refuses to boot rather than delete on a guess if
 they do not. Pinned versions are never thinned either, independently of
 `keepAnchors`.
 
@@ -202,8 +213,6 @@ 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.
-- **Nothing pins a version from the panel yet.** The column is there and prune
-  honours it, but there is no button; pin by setting `pinned` on the row.
 - **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".
@@ -213,7 +222,7 @@ Worth knowing before you install it, not after:
 ## Keeping your history when the plugin is off
 
 Strapi's schema sync drops tables belonging to content types it no longer sees.
-Disable this plugin for a single boot and the history would go with it — so on
+Disable this plugin for a single boot and the history would go with it - so on
 boot Rewind adds its table to Strapi's `persisted_tables` list, which is the
 same mechanism Strapi uses to protect its own. Nothing to configure.
 
@@ -221,6 +230,11 @@ same mechanism Strapi uses to protect its own. Nothing to configure.
 
 Strapi 5, Node 20 or 22.
 
+## Roadmap
+
+What is worth building next, what is deliberately not planned, and why:
+[ROADMAP.md](https://github.com/qkix/strapi-plugins/blob/main/packages/strapi-plugin-rewind/ROADMAP.md).
+
 ## License
 
 MIT.

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"),E=require("@strapi/admin/strapi-admin"),t=require("@strapi/design-system");function H(n){if(n&&n.__esModule)return n;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:()=>n[i]})}}return r.default=n,Object.freeze(r)}const l=H(q),G=(n,r,i)=>{const a=n[r];return a?typeof a=="function"?a():Promise.resolve(a):new Promise((j,d)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(d.bind(null,new Error("Unknown variable dynamic import: "+r+(r.split("/").length!==i?". Note that variables only represent file names one level deep.":""))))})},D=new Map,W=(n,r)=>{D.set(n,r)},b=n=>D.get(n),z=({spans:n})=>e.jsx(t.Typography,{variant:"omega",tag:"p",children:n.map((r,i)=>r.op==="equal"?e.jsx(t.Typography,{variant:"omega",textColor:"neutral600",children:r.value},i):e.jsx(t.Typography,{variant:"omega",textColor:r.op==="added"?"success600":"danger600",style:r.op==="removed"?{textDecoration:"line-through"}:{fontWeight:600},children:r.value},i))}),S=n=>n==null||n===""?"(empty)":typeof n=="object"?JSON.stringify(n):String(n),U=({change:n})=>{const r=(n.customField?b(n.customField):void 0)??b(n.type);return r?e.jsx(r,{change:n}):n.spans?e.jsx(z,{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:S(n.before)}),e.jsx(t.Typography,{variant:"omega",textColor:"neutral500",children:"→"}),e.jsx(t.Typography,{variant:"omega",textColor:"success600",children:S(n.after)})]}):e.jsx(t.Typography,{variant:"pi",textColor:"neutral600",children:"Formatting or structure changed; the text is the same."})},K=({diff:n,loading:r,onClose:i})=>e.jsx(t.Modal.Root,{open:!0,onOpenChange:i,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(U,{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:i,children:"Close"})})]})}),u="rewind",V={create:"Created",update:"Edited",clone:"Cloned",publish:"Published",unpublish:"Unpublished",discardDraft:"Draft discarded",restore:"Replaced by restore"},k=new Set(["publish","unpublish","discardDraft","restore"]),J=10,Z=n=>{const r=new Date(n),i=Math.round((Date.now()-r.getTime())/6e4);return i<1?"just now":i<60?`${i} min ago`:i<60*24?`${Math.round(i/60)} h ago`:r.toLocaleString()},Q=({model:n,documentId:r,updatedAt:i})=>{const{get:a,post:j}=E.useFetchClient(),[d,R]=l.useState([]),[F,I]=l.useState(0),[B,L]=l.useState(1),[f,m]=l.useState(!0),[h,p]=l.useState(null),[o,g]=l.useState(null),[v,C]=l.useState(!1),[M,w]=l.useState(!1),[P,x]=l.useState(null),[O,T]=l.useState(!1),y=l.useCallback(async s=>{m(!0),p(null);try{const{data:c}=await a(`/${u}/versions`,{params:{contentType:n,documentId:r,page:s,pageSize:J}});R(A=>s===1?c.data:[...A,...c.data]),I(c.meta.total),L(s)}catch{p("Could not load the history for this document.")}finally{m(!1)}},[a,n,r]);l.useEffect(()=>{y(1)},[y,i]);const _=async s=>{w(!0),T(!0),x(null);try{const{data:c}=await a(`/${u}/versions/${s.id}/diff`);x(c.data)}catch{x(null)}finally{T(!1)}},N=async s=>{try{const{data:c}=await a(`/${u}/versions/${s.id}/preview`);g({version:s,preview:c.data})}catch{p("Could not work out what restoring this version would change.")}},$=async()=>{if(o){C(!0);try{await j(`/${u}/versions/${o.version.id}/restore`,{}),window.location.reload()}catch{p("The restore failed. Nothing was changed."),C(!1),g(null)}}};return f&&d.length===0?e.jsx(t.Flex,{justifyContent:"center",padding:4,children:e.jsx(t.Loader,{small:!0,children:"Loading history"})}):h&&d.length===0?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:h}):d.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:[d.map(s=>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:k.has(s.origin)?"primary100":"neutral150",textColor:k.has(s.origin)?"primary600":"neutral600",children:V[s.origin]??s.origin}),s.locale?e.jsx(t.Typography,{variant:"pi",textColor:"neutral500",children:s.locale}):null]}),s.label?e.jsx(t.Box,{width:"100%",children:e.jsx(t.Typography,{variant:"omega",textColor:"neutral800",ellipsis:!0,children:s.label})}):null,e.jsxs(t.Typography,{variant:"pi",textColor:"neutral600",children:[Z(s.createdAt),s.user?` · ${s.user.name}`:""]}),e.jsx(t.TextButton,{onClick:()=>_(s),children:"What changed"})]}),e.jsx(t.Box,{shrink:0,children:e.jsx(t.Button,{size:"S",variant:"tertiary",onClick:()=>N(s),children:"Restore"})})]}),e.jsx(t.Box,{paddingTop:2,children:e.jsx(t.Divider,{})})]},s.id)),d.length<F?e.jsx(t.Button,{size:"S",variant:"tertiary",loading:f,onClick:()=>y(B+1),children:"Show older versions"}):null,h?e.jsx(t.Typography,{variant:"pi",textColor:"danger600",children:h}):null,M?e.jsx(K,{diff:P,loading:O,onClose:()=>w(!1)}):null,e.jsx(t.Dialog.Root,{open:o!==null,onOpenChange:()=>g(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:v,children:"Cancel"})}),e.jsx(t.Button,{onClick:$,loading:v,children:"Restore"})]})]})})]})},X=({model:n,documentId:r,document:i})=>r?{title:"History",content:e.jsx(Q,{model:n,documentId:r,updatedAt:i?.updatedAt})}:null,Y={register(n){n.registerPlugin({id:u,name:u,isReady:!0})},bootstrap(n){n.getPlugin("content-manager").apis.addEditViewSidePanel([X])},async registerTrads({locales:n}){return Promise.all(n.map(async r=>{try{const{default:i}=await G(Object.assign({"./translations/en.json":()=>Promise.resolve().then(()=>require("../_chunks/en-BHfx2OWt.js"))}),`./translations/${r}.json`,3);return{data:i,locale:r}}catch{return{data:{},locale:r}}}))}};exports.PLUGIN_ID=u;exports.default=Y;exports.registerDiffRenderer=W;
+"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;

package/dist/admin/index.mjs

@@ -1,71 +1,72 @@
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import * as d from "react";
-import { useFetchClient as K } from "@strapi/admin/strapi-admin";
-import { Modal as g, Flex as c, Loader as $, Typography as r, Box as f, Button as v, Badge as V, TextButton as J, Divider as Z, Dialog as p } from "@strapi/design-system";
-const Q = (e, n, a) => {
-  const s = e[n];
-  return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((k, u) => {
+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) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      u.bind(
+      b.bind(
         null,
         new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
+          "Unknown variable dynamic import: " + r + (r.split("/").length !== a ? ". Note that variables only represent file names one level deep." : "")
         )
       )
     );
   });
-}, N = /* @__PURE__ */ new Map(), de = (e, n) => {
-  N.set(e, n);
-}, L = (e) => N.get(e), X = ({ spans: e }) => /* @__PURE__ */ t(r, { variant: "omega", tag: "p", children: e.map((n, a) => n.op === "equal" ? /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral600", children: n.value }, a) : /* @__PURE__ */ t(
-  r,
+}, 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,
   {
     variant: "omega",
-    textColor: n.op === "added" ? "success600" : "danger600",
-    style: n.op === "removed" ? { textDecoration: "line-through" } : { fontWeight: 600 },
-    children: n.value
+    textColor: r.op === "added" ? "success600" : "danger600",
+    style: r.op === "removed" ? { textDecoration: "line-through" } : { fontWeight: 600 },
+    children: r.value
   },
   a
-)) }), F = (e) => e == null || e === "" ? "(empty)" : typeof e == "object" ? JSON.stringify(e) : String(e), Y = ({ change: e }) => {
-  const n = (e.customField ? L(e.customField) : void 0) ?? L(e.type);
-  return n ? /* @__PURE__ */ t(n, { change: e }) : e.spans ? /* @__PURE__ */ t(X, { spans: e.spans }) : e.linked || e.unlinked ? /* @__PURE__ */ o(c, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-    e.linked?.length ? /* @__PURE__ */ o(r, { variant: "pi", textColor: "success600", children: [
+)) }), 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: [
       "+ ",
       e.linked.length,
       " linked"
     ] }) : null,
-    e.unlinked?.length ? /* @__PURE__ */ o(r, { variant: "pi", textColor: "danger600", children: [
+    e.unlinked?.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "danger600", children: [
       "− ",
       e.unlinked.length,
       " unlinked"
     ] }) : null
-  ] }) : e.before !== void 0 || e.after !== void 0 ? /* @__PURE__ */ o(c, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+  ] }) : e.before !== void 0 || e.after !== void 0 ? /* @__PURE__ */ o(u, { gap: 2, alignItems: "center", wrap: "wrap", children: [
     /* @__PURE__ */ t(
-      r,
+      i,
       {
         variant: "omega",
         textColor: "danger600",
         style: { textDecoration: "line-through" },
-        children: F(e.before)
+        children: A(e.before)
       }
     ),
-    /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral500", children: "→" }),
-    /* @__PURE__ */ t(r, { variant: "omega", textColor: "success600", children: F(e.after) })
-  ] }) : /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral600", children: "Formatting or structure changed; the text is the same." });
-}, ee = ({
+    /* @__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 = ({
   diff: e,
-  loading: n,
+  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: n ? /* @__PURE__ */ t(c, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t($, { small: !0, children: "Comparing" }) }) : e ? /* @__PURE__ */ o(c, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    /* @__PURE__ */ t(r, { 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(r, { textColor: "neutral600", children: "Nothing changed between these two versions." }) : e.changes.map((s) => /* @__PURE__ */ o(f, { children: [
-      /* @__PURE__ */ t(r, { variant: "sigma", textColor: "neutral600", children: s.field }),
-      /* @__PURE__ */ t(f, { paddingTop: 1, children: /* @__PURE__ */ t(Y, { change: s }) })
+  /* @__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(r, { textColor: "danger600", children: "Could not compare these versions." }) }),
-  /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(v, { variant: "tertiary", onClick: a, children: "Close" }) })
-] }) }), m = "rewind", te = {
+  ] }) : /* @__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 = {
   create: "Created",
   update: "Edited",
   clone: "Cloned",
@@ -73,12 +74,12 @@ const Q = (e, n, a) => {
   unpublish: "Unpublished",
   discardDraft: "Draft discarded",
   restore: "Replaced by restore"
-}, P = /* @__PURE__ */ new Set(["publish", "unpublish", "discardDraft", "restore"]), ne = 10, re = (e) => {
-  const n = new Date(e), a = Math.round((Date.now() - n.getTime()) / 6e4);
-  return a < 1 ? "just now" : a < 60 ? `${a} min ago` : a < 60 * 24 ? `${Math.round(a / 60)} h ago` : n.toLocaleString();
-}, ie = ({
+}, 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 = ({
   model: e,
-  documentId: n,
+  documentId: r,
   /**
    * 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
@@ -87,102 +88,125 @@ const Q = (e, n, a) => {
    */
   updatedAt: a
 }) => {
-  const { get: s, post: k } = K(), [u, A] = d.useState([]), [O, B] = d.useState(0), [E, M] = d.useState(1), [S, R] = d.useState(!0), [C, w] = d.useState(null), [l, y] = d.useState(null), [T, D] = d.useState(!1), [_, I] = d.useState(!1), [H, x] = d.useState(null), [W, j] = d.useState(!1), b = d.useCallback(
-    async (i) => {
-      R(!0), w(null);
+  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(
+    async (n) => {
+      j(!0), C(null);
       try {
-        const { data: h } = await s(`/${m}/versions`, {
+        const { data: d } = await s(`/${p}/versions`, {
           params: {
             contentType: e,
-            documentId: n,
-            page: i,
-            pageSize: ne
+            documentId: r,
+            page: n,
+            pageSize: le
           }
         });
-        A((U) => i === 1 ? h.data : [...U, ...h.data]), B(h.meta.total), M(i);
+        k((v) => n === 1 ? d.data : [...v, ...d.data]), _(d.meta.total), W(n);
       } catch {
-        w("Could not load the history for this document.");
+        C("Could not load the history for this document.");
       } finally {
-        R(!1);
+        j(!1);
       }
     },
-    [s, e, n]
+    [s, e, r]
   );
-  d.useEffect(() => {
-    b(1);
-  }, [b, a]);
-  const G = async (i) => {
-    I(!0), j(!0), x(null);
+  c.useEffect(() => {
+    I(1);
+  }, [I, a]);
+  const q = async (n) => {
+    $(!0), F(!0), R(null);
     try {
-      const { data: h } = await s(
-        `/${m}/versions/${i.id}/diff`
+      const { data: d } = await s(
+        `/${p}/versions/${n.id}/diff`
       );
-      x(h.data);
+      R(d.data);
     } catch {
-      x(null);
+      R(null);
     } finally {
-      j(!1);
+      F(!1);
     }
-  }, q = async (i) => {
+  }, K = async (n) => {
+    const d = !n.pinned;
+    k((v) => v.map((h) => h.id === n.id ? { ...h, pinned: d } : h));
     try {
-      const { data: h } = await s(
-        `/${m}/versions/${i.id}/preview`
+      await b(`/${p}/versions/${n.id}/pin`, { pinned: d });
+    } catch {
+      k(
+        (v) => v.map((h) => h.id === n.id ? { ...h, pinned: !d } : h)
+      ), C(d ? "Could not pin that version." : "Could not unpin that version.");
+    }
+  }, V = async (n) => {
+    try {
+      const { data: d } = await s(
+        `/${p}/versions/${n.id}/preview`
       );
-      y({ version: i, preview: h.data });
+      S({ version: n, preview: d.data });
     } catch {
-      w("Could not work out what restoring this version would change.");
+      C("Could not work out what restoring this version would change.");
     }
-  }, z = async () => {
+  }, J = async () => {
     if (l) {
-      D(!0);
+      P(!0);
       try {
-        await k(`/${m}/versions/${l.version.id}/restore`, {}), window.location.reload();
+        await T(`/${p}/versions/${l.version.id}/restore`, {}), window.location.reload();
       } catch {
-        w("The restore failed. Nothing was changed."), D(!1), y(null);
+        C("The restore failed. Nothing was changed."), P(!1), S(null);
       }
     }
   };
-  return S && u.length === 0 ? /* @__PURE__ */ t(c, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ t($, { small: !0, children: "Loading history" }) }) : C && u.length === 0 ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "danger600", children: C }) : u.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__ */ o(c, { direction: "column", alignItems: "stretch", gap: 2, width: "100%", children: [
-    u.map((i) => /* @__PURE__ */ o(f, { paddingBottom: 2, children: [
-      /* @__PURE__ */ o(c, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
-        /* @__PURE__ */ o(c, { direction: "column", alignItems: "flex-start", gap: 1, grow: 1, minWidth: 0, children: [
-          /* @__PURE__ */ o(c, { gap: 2, alignItems: "center", children: [
+  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: [
             /* @__PURE__ */ t(
-              V,
+              Q,
               {
-                backgroundColor: P.has(i.origin) ? "primary100" : "neutral150",
-                textColor: P.has(i.origin) ? "primary600" : "neutral600",
-                children: te[i.origin] ?? i.origin
+                backgroundColor: B.has(n.origin) ? "primary100" : "neutral150",
+                textColor: B.has(n.origin) ? "primary600" : "neutral600",
+                children: ae[n.origin] ?? n.origin
               }
             ),
-            i.locale ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "neutral500", children: i.locale }) : null
+            n.locale ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "neutral500", children: n.locale }) : null
           ] }),
-          i.label ? /* @__PURE__ */ t(f, { width: "100%", children: /* @__PURE__ */ t(r, { variant: "omega", textColor: "neutral800", ellipsis: !0, children: i.label }) }) : null,
-          /* @__PURE__ */ o(r, { variant: "pi", textColor: "neutral600", children: [
-            re(i.createdAt),
-            i.user ? ` · ${i.user.name}` : ""
+          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.user ? ` · ${n.user.name}` : "",
+            n.pinned ? /* @__PURE__ */ t(i, { variant: "pi", textColor: "primary600", fontWeight: "bold", children: " · Pinned" }) : null
           ] }),
-          /* @__PURE__ */ t(J, { onClick: () => G(i), children: "What changed" })
+          /* @__PURE__ */ t(X, { onClick: () => q(n), children: "What changed" })
         ] }),
-        /* @__PURE__ */ t(f, { shrink: 0, children: /* @__PURE__ */ t(v, { size: "S", variant: "tertiary", onClick: () => q(i), children: "Restore" }) })
+        /* @__PURE__ */ o(u, { shrink: 0, gap: 1, alignItems: "center", children: [
+          /* @__PURE__ */ t(
+            Y,
+            {
+              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" })
+            }
+          ),
+          /* @__PURE__ */ t(y, { size: "S", variant: "tertiary", onClick: () => V(n), children: "Restore" })
+        ] })
       ] }),
-      /* @__PURE__ */ t(f, { paddingTop: 2, children: /* @__PURE__ */ t(Z, {}) })
-    ] }, i.id)),
-    u.length < O ? /* @__PURE__ */ t(v, { size: "S", variant: "tertiary", loading: S, onClick: () => b(E + 1), children: "Show older versions" }) : null,
-    C ? /* @__PURE__ */ t(r, { variant: "pi", textColor: "danger600", children: C }) : null,
-    _ ? /* @__PURE__ */ t(
-      ee,
+      /* @__PURE__ */ t(w, { paddingTop: 2, children: /* @__PURE__ */ t(ee, {}) })
+    ] }, 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,
       {
-        diff: H,
-        loading: W,
-        onClose: () => I(!1)
+        diff: G,
+        loading: U,
+        onClose: () => $(!1)
       }
     ) : null,
-    /* @__PURE__ */ t(p.Root, { open: l !== null, onOpenChange: () => y(null), children: /* @__PURE__ */ o(p.Content, { children: [
-      /* @__PURE__ */ t(p.Header, { children: "Restore this version?" }),
-      /* @__PURE__ */ t(p.Body, { children: /* @__PURE__ */ o(c, { 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." }),
-        l?.preview.crossLocaleFields.length ? /* @__PURE__ */ o(r, { textColor: "danger600", children: [
+    /* @__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(", "),
           " ",
           l.preview.crossLocaleFields.length === 1 ? "is" : "are",
@@ -197,58 +221,58 @@ const Q = (e, n, a) => {
           l.preview.affectedLocales.join(", "),
           "."
         ] }) : null,
-        l?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ o(r, { variant: "pi", textColor: "neutral600", children: [
+        l?.preview.fieldsKeptAsIs.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "neutral600", children: [
           "Added since this version and left untouched:",
           " ",
           l.preview.fieldsKeptAsIs.join(", "),
           "."
         ] }) : null,
-        l?.preview.fieldsDropped.length ? /* @__PURE__ */ o(r, { variant: "pi", textColor: "neutral600", children: [
+        l?.preview.fieldsDropped.length ? /* @__PURE__ */ o(i, { variant: "pi", textColor: "neutral600", children: [
           "No longer in the model and skipped: ",
           l.preview.fieldsDropped.join(", "),
           "."
         ] }) : null,
-        l?.preview.brokenRelations.length || l?.preview.missingMedia.length ? /* @__PURE__ */ o(r, { variant: "pi", textColor: "warning600", children: [
+        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
       ] }) }),
-      /* @__PURE__ */ o(p.Footer, { children: [
-        /* @__PURE__ */ t(p.Cancel, { children: /* @__PURE__ */ t(v, { variant: "tertiary", disabled: T, children: "Cancel" }) }),
-        /* @__PURE__ */ t(v, { onClick: z, loading: T, children: "Restore" })
+      /* @__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" })
       ] })
     ] }) })
   ] });
-}, oe = ({
+}, ce = ({
   model: e,
-  documentId: n,
+  documentId: r,
   document: a
-}) => n ? {
+}) => r ? {
   title: "History",
-  content: /* @__PURE__ */ t(ie, { model: e, documentId: n, updatedAt: a?.updatedAt })
-} : null, ce = {
+  content: /* @__PURE__ */ t(de, { model: e, documentId: r, updatedAt: a?.updatedAt })
+} : null, fe = {
   register(e) {
-    e.registerPlugin({ id: m, name: m, isReady: !0 });
+    e.registerPlugin({ id: p, name: p, isReady: !0 });
   },
   bootstrap(e) {
-    e.getPlugin("content-manager").apis.addEditViewSidePanel([oe]);
+    e.getPlugin("content-manager").apis.addEditViewSidePanel([ce]);
   },
   async registerTrads({ locales: e }) {
     return Promise.all(
-      e.map(async (n) => {
+      e.map(async (r) => {
         try {
-          const { default: a } = await Q(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-DCctmu-a.mjs") }), `./translations/${n}.json`, 3);
-          return { data: a, locale: n };
+          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 };
         } catch {
-          return { data: {}, locale: n };
+          return { data: {}, locale: r };
         }
       })
     );
   }
 };
 export {
-  m as PLUGIN_ID,
-  ce as default,
-  de as registerDiffRenderer
+  p as PLUGIN_ID,
+  fe as default,
+  me as registerDiffRenderer
 };

package/dist/admin/src/diffRegistry.d.ts

@@ -42,7 +42,7 @@ export type DiffRenderer = React.ComponentType<{
  * Keyed by the attribute's `type`, or by a custom field's uid.
  *
  * `MyBlocksDiff` above is the caller's own component. No @qkix package exports
- * one today — this is the hook for writing it, not a wiring instruction for
+ * one today - this is the hook for writing it, not a wiring instruction for
  * something that already exists. Without a renderer registered, the field falls
  * back to the generic text diff.
  */