restore and npm fix

packages/lexicons/package.json

···
   "type": "module",
   "name": "@pds-moover/lexicons",
   "description": "PDS MOOver Lexicon Types",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "repository": "https://tangled.org/@baileytownsend.dev/pds-moover",
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": "./dist/index.js",
     "./types/*": "./dist/lexicons/types/sh/tangled/*.js"
···
   "scripts": {
     "build": "tsc",
     "generate": "rm -r ./lib/lexicons/; lex-cli generate -c ./lex.config.js",
-    "prepublish": "rm -rf dist; pnpm run build"
+    "prepublishOnly": "rm -rf dist; npm run build"
   },
   "devDependencies": {
     "@atcute/lex-cli": "^2.2.2"

packages/moover/lib/restore.js

···
 
 class Restore {
 
-    constructor() {
+    /**
+     *
+     * @param pdsMooverInstance {string} - The url of the pds moover instance to restore from. Defaults to https://pdsmover.com
+     */
+    constructor(pdsMooverInstance = 'https://pdsmover.com') {
         /**
          * If you want to use a different plc directory create your own instance of the plc ops class and pass it in here
          * @type {PlcOps} */
···
          * This is the base url for the pds moover instance used to restore the files from a backup.
          * @type {string}
          */
-        this.pdsMooverInstance = 'https://pdsmover.com'
+        this.pdsMooverInstance = pdsMooverInstance
 
         /**
          * To keep it simple, only uses secp256k for the temp verification key that is used to create the new account on the new PDS

packages/moover/types/backup.d.ts

···
  */
 export class BackupService {
     /**
-     * The did:web for the xrpc service for backups, defaults to pdsmoover.com
-     * @param backupDidWeb
+     *
+     * @param backupDidWeb {string} - The did:web for the xrpc service for backups, defaults to did:web:pdsmoover.com
      */
     constructor(backupDidWeb?: string);
     /**

packages/moover/types/backup.d.ts.map

···
-{"version":3,"file":"backup.d.ts","sourceRoot":"","sources":["../lib/backup.js"],"names":[],"mappings":";;;;AAKA;;;GAGG;AAGH;;GAEG;AACH;IACI;;;OAGG;IACH,mCAiBC;IAhBG;;;OAGG;IACH,cAFU,MAAM,CAEQ;IACxB;;;OAGG;IACH,yBAFU,iBAAiB,CAEQ;IAEnC;;;OAGG;IACH,cAFU,MAAM,CAEgB;IAIpC;;;;;;;;;;;;;;;OAeG;IACH,2BARsB,MAAM,YACR,MAAM,aACf,WAAS,IAAI,kBAEC,MAAM,GAAC,IAAI,GAEvB,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAC,IAAI,CAAC,CAyDpG;IAED;;;;OAIG;IACH,wBAFa,OAAO,CAAC,IAAI,CAAC,CAczB;IAED;;;OAGG;IACH,oBAFa,OAAO,CAAC,IAAI,CAAC,CAgBzB;IAED;;;;;;;OAOG;IACH,6BAJoB,MAAM,eACH,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC,CAgDzB;IAGD;;;;;;OAMG;IACH,8BAHoB,WAAS,IAAI,GACpB,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAe/F;IAED;;;;OAIG;IACH,8BAFa,OAAO,CAAC,OAAO,CAAC,CAkB5B;IAED;;;;OAIG;IACH,4BAFa,OAAO,CAAC,OAAO,CAAC,CAe5B;CACJ;uBAhR2C,gBAAgB;kCAAhB,gBAAgB;iDAGb,sBAAsB"}
+{"version":3,"file":"backup.d.ts","sourceRoot":"","sources":["../lib/backup.js"],"names":[],"mappings":";;;;AAKA;;;GAGG;AAGH;;GAEG;AACH;IACI;;;OAGG;IACH,2BAFwB,MAAM,EAmB7B;IAhBG;;;OAGG;IACH,cAFU,MAAM,CAEQ;IACxB;;;OAGG;IACH,yBAFU,iBAAiB,CAEQ;IAEnC;;;OAGG;IACH,cAFU,MAAM,CAEgB;IAIpC;;;;;;;;;;;;;;;OAeG;IACH,2BARsB,MAAM,YACR,MAAM,aACf,WAAS,IAAI,kBAEC,MAAM,GAAC,IAAI,GAEvB,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,GAAC,IAAI,CAAC,CAyDpG;IAED;;;;OAIG;IACH,wBAFa,OAAO,CAAC,IAAI,CAAC,CAczB;IAED;;;OAGG;IACH,oBAFa,OAAO,CAAC,IAAI,CAAC,CAgBzB;IAED;;;;;;;OAOG;IACH,6BAJoB,MAAM,eACH,MAAM,GAChB,OAAO,CAAC,IAAI,CAAC,CAgDzB;IAGD;;;;;;OAMG;IACH,8BAHoB,WAAS,IAAI,GACpB,OAAO,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAe/F;IAED;;;;OAIG;IACH,8BAFa,OAAO,CAAC,OAAO,CAAC,CAkB5B;IAED;;;;OAIG;IACH,4BAFa,OAAO,CAAC,OAAO,CAAC,CAe5B;CACJ;uBAhR2C,gBAAgB;kCAAhB,gBAAgB;iDAGb,sBAAsB"}

packages/moover/types/plc-ops.d.ts

···
  */
 export class PlcOps {
     /**
+     *
+     * @param plcDirectoryUrl {string} - The url of the plc directory, defaults to https://plc.directory
+     */
+    constructor(plcDirectoryUrl?: string);
+    /**
      * The url of the plc directory
      * @type {string}
      */

packages/moover/types/plc-ops.d.ts.map

···
-{"version":3,"file":"plc-ops.d.ts","sourceRoot":"","sources":["../lib/plc-ops.js"],"names":[],"mappings":";;;;;;;;;;;wBAIa,OAAO,iBAAiB,EAAE,SAAS;;;;kCACnC,OAAO,iBAAiB,EAAE,mBAAmB;;;;8BAC7C,OAAO,iBAAiB,EAAE,eAAe;;;;2BACzC,OAAO,iBAAiB,EAAE,YAAY;AAgBnD;;GAEG;AACH;IAEQ;;;OAGG;IACH,iBAFU,MAAM,CAE8B;IAGlD;;;;OAIG;IACH,yCAFa,OAAO,CAAC,MAAM,EAAE,CAAC,CAM7B;IAED;;;;OAIG;IACH,+BAFa,OAAO,CAAC;QAAC,aAAa,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAC,CAAC,CAK1D;IAED;;;;OAIG;IACH,mBAHgB,eAAe,GAClB;QAAC,aAAa,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,YAAY,CAAA;KAAC,CAK1D;IAGD;;;;OAIG;IACH,2BAFa,OAAO,CAAC,eAAe,CAAC,CAUpC;IAED;;;OAGG;IACH,uBAFa,OAAO,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,WAAW,MAAM,EAAE,CAAA;KAAC,CAAC,CAUzE;IAGD;;;;;;;;;;OAUG;IACH,yBATe,MAAM,sBACU,cAAc,GAAC,mBAAmB,eAC1C,MAAM,EAAE,gBACP,MAAM,EAAE,OACjB,MAAM,mBACM,MAAM,QACjB,MAAM,GACT,OAAO,CAAC,IAAI,CAAC,CA6BzB;IAED;;;;;OAKG;IACH,6BAJ4B,MAAM,SAClB,MAAM,GACT,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,cAAc,GAAC,mBAAmB,CAAA;KAAC,CAAC,CAmDnH;IAED;;;;;OAKG;IACH,sBAJe,MAAM,mBAER,OAAO,CAAC,IAAI,CAAC,CAwBzB;IAGD;;;;;;;;OAQG;IACH,wEAFa,OAAO,CAAC,MAAM,CAAC,CAwC3B;CAGJ;qBAzQ+B,iBAAiB;+BACsD,gBAAgB;oCAAhB,gBAAgB"}
+{"version":3,"file":"plc-ops.d.ts","sourceRoot":"","sources":["../lib/plc-ops.js"],"names":[],"mappings":";;;;;;;;;;;wBAIa,OAAO,iBAAiB,EAAE,SAAS;;;;kCACnC,OAAO,iBAAiB,EAAE,mBAAmB;;;;8BAC7C,OAAO,iBAAiB,EAAE,eAAe;;;;2BACzC,OAAO,iBAAiB,EAAE,YAAY;AAgBnD;;GAEG;AACH;IACI;;;OAGG;IACH,8BAF2B,MAAM,EAQhC;IALG;;;OAGG;IACH,iBAFU,MAAM,CAEsB;IAG1C;;;;OAIG;IACH,yCAFa,OAAO,CAAC,MAAM,EAAE,CAAC,CAM7B;IAED;;;;OAIG;IACH,+BAFa,OAAO,CAAC;QAAC,aAAa,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAC,CAAC,CAK1D;IAED;;;;OAIG;IACH,mBAHgB,eAAe,GAClB;QAAC,aAAa,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,YAAY,CAAA;KAAC,CAK1D;IAGD;;;;OAIG;IACH,2BAFa,OAAO,CAAC,eAAe,CAAC,CAUpC;IAED;;;OAGG;IACH,uBAFa,OAAO,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,WAAW,MAAM,EAAE,CAAA;KAAC,CAAC,CAUzE;IAGD;;;;;;;;;;OAUG;IACH,yBATe,MAAM,sBACU,cAAc,GAAC,mBAAmB,eAC1C,MAAM,EAAE,gBACP,MAAM,EAAE,OACjB,MAAM,mBACM,MAAM,QACjB,MAAM,GACT,OAAO,CAAC,IAAI,CAAC,CA6BzB;IAED;;;;;OAKG;IACH,6BAJ4B,MAAM,SAClB,MAAM,GACT,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,cAAc,GAAC,mBAAmB,CAAA;KAAC,CAAC,CAmDnH;IAED;;;;;OAKG;IACH,sBAJe,MAAM,mBAER,OAAO,CAAC,IAAI,CAAC,CAwBzB;IAGD;;;;;;;;OAQG;IACH,wEAFa,OAAO,CAAC,MAAM,CAAC,CAwC3B;CAGJ;qBA7Q+B,iBAAiB;+BACsD,gBAAgB;oCAAhB,gBAAgB"}

packages/moover/types/restore.d.ts

···
 export type Operation = import("@atcute/did-plc").Operation;
 export class Restore {
     /**
+     *
+     * @param pdsMooverInstance {string} - The url of the pds moover instance to restore from. Defaults to https://pdsmover.com
+     */
+    constructor(pdsMooverInstance?: string);
+    /**
      * If you want to use a different plc directory create your own instance of the plc ops class and pass it in here
      * @type {PlcOps} */
     plcOps: PlcOps;

packages/moover/types/restore.d.ts.map

···
-{"version":3,"file":"restore.d.ts","sourceRoot":"","sources":["../lib/restore.js"],"names":[],"mappings":"wBACa,OAAO,iBAAiB,EAAE,SAAS;AAWhD;IAGQ;;wBAEoB;IACpB,QADU,MAAM,CACU;IAE1B;;;OAGG;IACH,mBAFU,MAAM,CAE+B;IAE/C;;;;OAIG;IACH,yBAFU,IAAI,GAAC,6BAA6B,CAET;IAEnC,uBAAuB;IACvB,UADW,QAAQ,CACC;IAEpB;;;OAGG;IACH,yBAFU,IAAI,GAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,cAAc,GAAC,mBAAmB,CAAA;KAAC,CAE1E;IAEnC;;;OAGG;IACH,mBAFU,OAAO,CAEY;IAE7B;;;;OAIG;IACH,iBAFU,OAAO,CAEU;IAG/B;;;;;;;;;;;;;;;OAeG;IACH,qBAbuB,MAAM,mBACF,MAAM,sBACH,MAAM,UAClB,MAAM,aACH,MAAM,eACJ,MAAM,YACT,MAAM,cACJ,MAAM,GAAC,IAAI,mBACP,MAAM,GAAC,IAAI,aACjB,WAAS,IAAI,GACpB,OAAO,CAAC,IAAI,CAAC,CA2MzB;IAGD;;;;;;;;;OASG;IACH,0FAFa,OAAO,CAAC,IAAI,CAAC,CAkCzB;CACJ;uBAzToB,cAAc;8CAGS,gBAAgB;yBADrC,cAAc;+BAJa,gBAAgB;oCAAhB,gBAAgB"}
+{"version":3,"file":"restore.d.ts","sourceRoot":"","sources":["../lib/restore.js"],"names":[],"mappings":"wBACa,OAAO,iBAAiB,EAAE,SAAS;AAWhD;IAEI;;;OAGG;IACH,gCAF6B,MAAM,EA0ClC;IAvCG;;wBAEoB;IACpB,QADU,MAAM,CACU;IAE1B;;;OAGG;IACH,mBAFU,MAAM,CAE0B;IAE1C;;;;OAIG;IACH,yBAFU,IAAI,GAAC,6BAA6B,CAET;IAEnC,uBAAuB;IACvB,UADW,QAAQ,CACC;IAEpB;;;OAGG;IACH,yBAFU,IAAI,GAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,cAAc,GAAC,mBAAmB,CAAA;KAAC,CAE1E;IAEnC;;;OAGG;IACH,mBAFU,OAAO,CAEY;IAE7B;;;;OAIG;IACH,iBAFU,OAAO,CAEU;IAG/B;;;;;;;;;;;;;;;OAeG;IACH,qBAbuB,MAAM,mBACF,MAAM,sBACH,MAAM,UAClB,MAAM,aACH,MAAM,eACJ,MAAM,YACT,MAAM,cACJ,MAAM,GAAC,IAAI,mBACP,MAAM,GAAC,IAAI,aACjB,WAAS,IAAI,GACpB,OAAO,CAAC,IAAI,CAAC,CA2MzB;IAGD;;;;;;;;;OASG;IACH,0FAFa,OAAO,CAAC,IAAI,CAAC,CAkCzB;CACJ;uBA7ToB,cAAc;8CAGS,gBAAgB;yBADrC,cAAc;+BAJa,gBAAgB;oCAAhB,gBAAgB"}

web-ui/bun.lock

···
       "dependencies": {
         "@atcute/client": "^4.0.5",
         "@atcute/lexicons": "^1.2.2",
-        "@pds-moover/lexicons": "^1.0.0",
+        "@pds-moover/lexicons": "^1.0.1",
         "@pds-moover/moover": "file:../packages/moover",
       },
       "devDependencies": {
···
 
     "@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
 
-    "@pds-moover/lexicons": ["@pds-moover/lexicons@1.0.0", "", { "dependencies": { "@atproto/lexicon": "^0.5.1", "@atproto/xrpc": "^0.7.5" } }, "sha512-1/q4ZUf0PuyDTLuyuGunsBvQBo1+V8W80/QAw7VHqO6Uvu/+VjcriM2C7O4F7Q+KFX3QPFEiK0vRSyaSdgg5Zw=="],
+    "@pds-moover/lexicons": ["@pds-moover/lexicons@1.0.1", "", { "dependencies": { "@atproto/lexicon": "^0.5.1", "@atproto/xrpc": "^0.7.5" } }, "sha512-fv5b/DtHM7FEo/JklyF9gdK0ainlb6mWjWrBe6cmSAeg9G/4O2jBlQUOqfOAICY9gOcrCpkOrk9PHgGw//JQ2A=="],
 
     "@pds-moover/moover": ["@pds-moover/moover@file:../packages/moover", { "dependencies": { "@atcute/cbor": "^2.2.7", "@atcute/client": "^4.0.4", "@atcute/crypto": "^2.2.5", "@atcute/did-plc": "^0.1.7", "@atcute/identity-resolver": "^1.1.3", "@atcute/multibase": "^1.1.6", "@atproto/api": "^0.16.7" }, "devDependencies": { "eslint": "^9.34.0", "eslint-plugin-import": "^2.32.0" } }],
 

web-ui/package.json

···
   "dependencies": {
     "@atcute/client": "^4.0.5",
     "@atcute/lexicons": "^1.2.2",
-    "@pds-moover/lexicons": "^1.0.0",
+    "@pds-moover/lexicons": "^1.0.1",
     "@pds-moover/moover": "file:../packages/moover"
   },
   "devDependencies": {

web-ui/src/routes/backups/+page.svelte

···
 
 
     // Service instances
+    let tempBackupService = new BackupService(`did:web:${PUBLIC_XRPC_BASE}`);
+    tempBackupService.atCuteCredentialManager
+
     let backupService = $state(new BackupService(`did:web:${PUBLIC_XRPC_BASE}`));
     let plcOps = $state(new PlcOps());
 
···
             <div>
                 <button type="submit" disabled={isLoggingIn}>
                     {#if isLoggingIn}
-                        <LoadingSpinner />
+                        <LoadingSpinner/>
                     {/if}
                     Login for backups
                 </button>

web-ui/src/routes/restore/+page.svelte

···
+<script lang="ts">
+    import {Restore} from '@pds-moover/moover';
+    import MooHeader from '$lib/components/MooHeader.svelte';
+    import LoadingSpinner from '$lib/components/LoadingSpinner.svelte';
+    import {PUBLIC_XRPC_BASE} from '$env/static/public';
+
+    // Service instances
+    let restoreService = $state(new Restore(`https://${PUBLIC_XRPC_BASE}`));
+
+    // Form inputs
+    let currentHandle = $state('');
+    let rotationKey = $state('');
+    let newPds = $state('');
+    let newHandle = $state('');
+    let newPassword = $state('');
+    let newEmail = $state('');
+    let inviteCode = $state('');
+    let cid = $state('');
+
+    // Advanced options
+    let restoreOnlyFilesFromBackup = $state(false);
+
+    // UI state
+    let error = $state<string | null>(null);
+    let showStatusMessage = $state(false);
+    let showAdvanced = $state(false);
+    let done = $state(false);
+    let statusMessageText = $state('');
+    let isSubmitting = $state(false);
+
+    function setStatus(message: string) {
+        console.log('Status update:', message);
+        statusMessageText = message;
+        showStatusMessage = true;
+    }
+
+    async function handleSubmit() {
+        error = null;
+        showStatusMessage = false;
+        isSubmitting = true;
+
+        try {
+            // If set to true only restores files from backup not plc ops
+            restoreService.RestoreFromBackup = restoreOnlyFilesFromBackup;
+            restoreService.AccountRecovery = !restoreOnlyFilesFromBackup;
+
+            // The TypeScript signature requires rotationKeyType as second parameter
+            // Default to 'secp256k1' as mentioned in the comments
+            await restoreService.recover(
+                rotationKey,
+                'secp256k1', // rotationKeyType - defaults to secp256k1
+                currentHandle,
+                newPds,
+                newHandle,
+                newPassword,
+                newEmail,
+                inviteCode || null,
+                cid || null,
+                setStatus
+            );
+            done = true;
+        } catch (e) {
+            console.error(e);
+            // @ts-expect-error: Error is handled
+            error = e.message || 'An error occurred';
+        } finally {
+            isSubmitting = false;
+        }
+    }
+</script>
+
+<svelte:head>
+    <meta property="og:description" content="Restore your ATProto account using a rotation key"/>
+</svelte:head>
+
+<div class="container">
+    <MooHeader title="Restore"/>
+
+    <div class="section">
+        <p style="text-align: left">
+            Use this page to restore your AT Protocol account on a new PDS using your private rotation
+            key. It's intended to be used in the worst case scenario, and not for normal account
+            migrations. We do not need your password since your rotation key is what is used to recover
+            your account. Once your account has been moved to a new PDS we will also attempt to restore
+            your repo and blobs(pictures/videos) from our backups.
+        </p>
+    </div>
+
+    {#if !done}
+        <form
+                id="restore-form"
+                onsubmit={(e) => {
+				e.preventDefault();
+				handleSubmit();
+			}}
+        >
+            <div class="form-group">
+                <label for="current-handle"
+                >Your current handle or did (found in the recovery rotation-key.txt)</label
+                >
+                <input
+                        id="current-handle"
+                        bind:value={currentHandle}
+                        placeholder="Your current handle"
+                        required
+                />
+            </div>
+
+            {#if !restoreOnlyFilesFromBackup}
+                <div class="form-group">
+                    <label for="rotationKey">Private Rotation Key</label>
+                    <input
+                            id="rotationKey"
+                            bind:value={rotationKey}
+                            placeholder="a secp256k1 or p256 in either hex or multikey format"
+                            required={!restoreOnlyFilesFromBackup}
+                    />
+                </div>
+            {/if}
+
+            <div class="form-group">
+                <label for="newPds">New PDS</label>
+                <input
+                        id="newPds"
+                        type="text"
+                        bind:value={newPds}
+                        placeholder="https://newpds.com"
+                        required
+                />
+            </div>
+
+            <div class="form-group">
+                <label for="newHandle">New Handle</label>
+                <input
+                        id="newHandle"
+                        type="text"
+                        bind:value={newHandle}
+                        placeholder="you.newpds.com or thisisme.com"
+                        required
+                />
+            </div>
+
+            <div class="form-group">
+                <label for="newPassword">New Password</label>
+                <input id="newPassword" type="password" bind:value={newPassword} required/>
+            </div>
+
+            <div class="form-group">
+                <label for="newEmail">New Email</label>
+                <input
+                        id="newEmail"
+                        type="email"
+                        bind:value={newEmail}
+                        placeholder="[e-mail]"
+                        required
+                />
+            </div>
+
+            <div class="form-group">
+                <label for="inviteCode">Invite code (optional)</label>
+                <input id="inviteCode" type="text" bind:value={inviteCode} placeholder="Optional"/>
+            </div>
+
+            <div class="form-group">
+                <button type="button" onclick={() => (showAdvanced = !showAdvanced)}>
+                    {showAdvanced ? 'Hide advanced options' : 'Show advanced options'}
+                </button>
+            </div>
+
+            {#if showAdvanced}
+                <div class="advanced-options">
+                    <div class="form-group">
+                        <label class="moove-checkbox-label">
+                            <input
+                                    id="restoreOnlyFilesFromBackup"
+                                    type="checkbox"
+                                    bind:checked={restoreOnlyFilesFromBackup}
+                            />
+                            Restore only files from backup, No PLC operations
+                        </label>
+                    </div>
+                    {#if !restoreOnlyFilesFromBackup}
+                        <div class="form-group">
+                            <label for="cid">Cid (optional)</label>
+                            <input
+                                    id="cid"
+                                    type="text"
+                                    bind:value={cid}
+                                    placeholder="Specific PLC audit log CID to restore to (advanced)"
+                            />
+                            <small class="help-text"
+                            >Leave empty for normal restore. IF someone besides you changed your did doc and
+                                stolen your atproto identity you have up to 72hrs to reverse that change with a valid
+                                rotation key. This input allows you to restore to the last good PLC op via it's
+                                CID.</small
+                            >
+                        </div>
+                    {/if}
+                </div>
+            {/if}
+
+            {#if error}
+                <div class="error-message">{error}</div>
+            {/if}
+            {#if showStatusMessage}
+                <div class="status-message">{statusMessageText}</div>
+            {/if}
+
+            <div class="form-actions">
+                <button type="submit" disabled={isSubmitting}>
+                    {#if isSubmitting}
+                        <LoadingSpinner/>
+                    {/if}
+                    Recover and restore your account
+                </button>
+            </div>
+        </form>
+    {/if}
+
+    <!-- Done -->
+    {#if done}
+        <div class="section">
+            <div class="status-message">
+                Congratulations! You have successfully recovered your account! Remember to use your new
+                PDS URL under "Hosting provider" when logging in on Bluesky. Can find more detail
+                information
+                <a href="/info#cant-login">here.</a>
+            </div>
+        </div>
+    {/if}
+</div>