fix post generate

src/components/atbrowser.ts

@@ -47,7 +47,7 @@ async function renderServices(did: string, handle: string): Promise<string> {
   const items = Array.from(serviceMap.entries()).map(([domain, info]) => {
     return `
       <li class="service-list-item">
-        <a href="?mode=browser&handle=${handle}&service=${encodeURIComponent(domain)}" class="service-list-link">
+        <a href="/at/${handle}/${domain}" class="service-list-link">
           <img src="${info.favicon}" class="service-list-favicon" alt="" onerror="this.style.display='none'">
           <span class="service-list-name">${info.name}</span>
           <span class="service-list-count">${info.count}</span>
@@ -84,7 +84,7 @@ async function renderCollections(did: string, handle: string, serviceDomain: str
   const items = filtered.map(col => {
     return `
       <li class="collection-item">
-        <a href="?mode=browser&handle=${handle}&collection=${encodeURIComponent(col)}" class="collection-link">
+        <a href="/at/${handle}/${col}" class="collection-link">
           <span class="collection-nsid">${col}</span>
         </a>
       </li>
@@ -111,7 +111,7 @@ async function renderRecordList(did: string, handle: string, collection: string)
     const preview = rec.value.title || rec.value.text?.slice(0, 50) || rkey
     return `
       <li class="record-item">
-        <a href="?mode=browser&handle=${handle}&collection=${encodeURIComponent(collection)}&rkey=${rkey}" class="record-link">
+        <a href="/at/${handle}/${collection}/${rkey}" class="record-link">
           <span class="record-rkey">${rkey}</span>
           <span class="record-preview">${preview}</span>
         </a>
@@ -168,7 +168,7 @@ export async function mountAtBrowser(
   service: string | null = null,
   loginDid: string | null = null
 ): Promise<void> {
-  container.innerHTML = '<p class="loading">Loading...</p>'
+  container.innerHTML = '<div class="loading"><div class="loading-spinner"></div></div>'
 
   try {
     const did = handle.startsWith('did:') ? handle : await resolveHandle(handle)
@@ -178,16 +178,16 @@ export async function mountAtBrowser(
     let nav = ''
 
     if (collection && rkey) {
-      nav = `<a href="?mode=browser&handle=${handle}&collection=${encodeURIComponent(collection)}" class="back-link">← Back</a>`
+      nav = `<a href="/at/${handle}/${collection}" class="back-link">← Back</a>`
       content = await renderRecordDetail(did, handle, collection, rkey, canDelete)
     } else if (collection) {
       // Get service from collection for back link
       const info = getServiceInfo(collection)
       const backService = info ? info.domain : ''
-      nav = `<a href="?mode=browser&handle=${handle}&service=${encodeURIComponent(backService)}" class="back-link">← ${info?.name || 'Back'}</a>`
+      nav = `<a href="/at/${handle}/${backService}" class="back-link">← ${info?.name || 'Back'}</a>`
       content = await renderRecordList(did, handle, collection)
     } else if (service) {
-      nav = `<a href="?mode=browser&handle=${handle}" class="back-link">← Services</a>`
+      nav = `<a href="/at/${handle}" class="back-link">← Services</a>`
       content = await renderCollections(did, handle, service)
     } else {
       content = await renderServices(did, handle)
@@ -213,7 +213,7 @@ export async function mountAtBrowser(
           btn.textContent = 'Deleting...'
           await deleteRecord(col, rk)
           // Go back to collection
-          window.location.href = `?mode=browser&handle=${handle}&collection=${encodeURIComponent(col)}`
+          window.location.href = `/at/${handle}/${col}`
         } catch (err) {
           alert('Delete failed: ' + err)
           btn.disabled = false