add translate

src/web/components/browser.ts

@@ -167,14 +167,21 @@ export function renderRecordList(
 // Render single record detail
 export function renderRecordDetail(
   record: { uri: string; cid: string; value: unknown },
-  collection: string
+  collection: string,
+  isOwner: boolean = false
 ): string {
+  const rkey = record.uri.split('/').pop() || ''
+  const deleteBtn = isOwner ? `
+    <button type="button" class="record-delete-btn" id="record-delete-btn" data-collection="${collection}" data-rkey="${rkey}">Delete</button>
+  ` : ''
+
   return `
     <article class="record-detail">
       <header class="record-header">
         <h3>${collection}</h3>
         <p class="record-uri">URI: ${record.uri}</p>
         <p class="record-cid">CID: ${record.cid}</p>
+        ${deleteBtn}
       </header>
       <div class="json-view">
         <pre><code>${escapeHtml(JSON.stringify(record.value, null, 2))}</code></pre>