validate PLC operations

src/views/repo.tsx

···
 import { BlobView } from "./blob.jsx";
 import { TextInput } from "../components/text-input.jsx";
 import Tooltip from "../components/tooltip.jsx";
-import { CompatibleOperationOrTombstone, defs, IndexedEntry } from "@atcute/did-plc";
+import {
+  CompatibleOperationOrTombstone,
+  defs,
+  IndexedEntry,
+  processIndexedEntryLog,
+} from "@atcute/did-plc";
 import { createOperationHistory, DiffEntry, groupBy } from "../utils/plc-logs.js";
 import { localDateFromTimestamp } from "../utils/date.js";
 
···
     createSignal<[IndexedEntry<CompatibleOperationOrTombstone>, DiffEntry[]][]>();
   const [showPlcLogs, setShowPlcLogs] = createSignal(false);
   const [loading, setLoading] = createSignal(false);
+  const [notice, setNotice] = createSignal<string>();
   let rpc: Client;
   let pds: string;
   const did = params.repo;
···
                             );
                             const json = await response.json();
                             const logs = defs.indexedEntryLog.parse(json);
+                            try {
+                              await processIndexedEntryLog(did as any, logs);
+                            } catch (e: any) {
+                              setNotice(e);
+                              console.error(e);
+                              setLoading(false);
+                            }
                             const opHistory = createOperationHistory(logs).reverse();
                             setPlcOps(Array.from(groupBy(opHistory, (item) => item.orig)));
                             setLoading(false);
···
                   </Show>
                 </div>
                 <Show when={showPlcLogs()}>
+                  <Show when={notice()}>
+                    <div>{notice()}</div>
+                  </Show>
                   <PlcLogView plcOps={plcOps() ?? []} />
                 </Show>
               </div>