fix OG

backend/cmd/server/main.go

···
 	"net/http"
 	"os"
 	"os/signal"
-	"path/filepath"
-	"strings"
 	"syscall"
 	"time"
 
···
 	r.Get("/api/profile/{did}", handler.GetProfile)
 	r.Post("/api/profile/avatar", handler.UploadAvatar)
 
-	staticDir := getEnv("STATIC_DIR", "../web/dist")
-	serveStatic(r, staticDir)
-
-	port := getEnv("PORT", "8080")
+	port := getEnv("PORT", "8081")
 	server := &http.Server{
 		Addr:    ":" + port,
 		Handler: r,
 	}
 
-	baseURL := getEnv("BASE_URL", "http://localhost:"+port)
 	go func() {
-		log.Printf("🚀 Margin server running on %s", baseURL)
-		log.Printf("📝 App: %s", baseURL)
-		log.Printf("🔗 API: %s/api/annotations", baseURL)
+		log.Printf("Margin API server running on :%s", port)
 		if err := server.ListenAndServe(); err != nil && err != http.ErrServerClosed {
 			log.Fatalf("Server error: %v", err)
 		}
···
 	}
 	return fallback
 }
-
-func serveStatic(r chi.Router, staticDir string) {
-	absPath, err := filepath.Abs(staticDir)
-	if err != nil {
-		log.Printf("Warning: Could not resolve static directory: %v", err)
-		return
-	}
-
-	if _, err := os.Stat(absPath); os.IsNotExist(err) {
-		log.Printf("Warning: Static directory does not exist: %s", absPath)
-		log.Printf("Run 'npm run build' in the web directory first")
-		return
-	}
-
-	log.Printf("📂 Serving static files from: %s", absPath)
-
-	fileServer := http.FileServer(http.Dir(absPath))
-
-	r.Get("/*", func(w http.ResponseWriter, req *http.Request) {
-		path := req.URL.Path
-
-		if strings.HasPrefix(path, "/api/") || strings.HasPrefix(path, "/auth/") {
-			http.NotFound(w, req)
-			return
-		}
-
-		filePath := filepath.Join(absPath, path)
-		if _, err := os.Stat(filePath); err == nil {
-			fileServer.ServeHTTP(w, req)
-			return
-		}
-
-		if strings.HasPrefix(path, "/.well-known/") {
-			http.NotFound(w, req)
-			return
-		}
-
-		lastSlash := strings.LastIndex(path, "/")
-		lastSegment := path
-		if lastSlash >= 0 {
-			lastSegment = path[lastSlash+1:]
-		}
-
-		staticExts := []string{".js", ".css", ".png", ".jpg", ".jpeg", ".gif", ".svg", ".ico", ".woff", ".woff2", ".ttf", ".eot", ".map"}
-		for _, ext := range staticExts {
-			if strings.HasSuffix(lastSegment, ext) {
-				http.NotFound(w, req)
-				return
-			}
-		}
-
-		http.ServeFile(w, req, filepath.Join(absPath, "index.html"))
-	})
-}

web/src/lib/og.ts

···
 }
 
 interface APIAnnotation {
-  uri: string;
+  id?: string;
+  uri?: string;
   author?: { did: string; handle?: string };
   creator?: { did: string; handle?: string };
   target?: { source?: string; title?: string; selector?: { exact?: string } };
···
 }
 
 interface APICollection {
-  uri: string;
+  id?: string;
+  uri?: string;
   name: string;
   description?: string;
   icon?: string;
···
   )) as APIAnnotation | null;
   if (!item) return null;
 
+  const itemURI = item.id || item.uri || uri;
   const author = getAuthorHandle(item);
   const source = item.target?.source || item.url || item.source || "";
   const domain = extractDomain(source);
···
   return {
     title,
     description,
-    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(item.uri)}`,
+    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(itemURI)}`,
     author,
-    pageURL: `${BASE_URL}/at/${encodeURIComponent(item.uri.slice(5))}`,
+    pageURL: `${BASE_URL}/at/${encodeURIComponent(itemURI.slice(5))}`,
   };
 }
 
···
   )) as APIAnnotation | null;
   if (!item) return null;
 
+  const itemURI = item.id || item.uri || uri;
   const author = getAuthorHandle(item);
   const source = item.target?.source || item.url || item.source || "";
   const domain = extractDomain(source);
···
   return {
     title,
     description,
-    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(item.uri)}`,
+    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(itemURI)}`,
     author,
-    pageURL: `${BASE_URL}/at/${encodeURIComponent(item.uri.slice(5))}`,
+    pageURL: `${BASE_URL}/at/${encodeURIComponent(itemURI.slice(5))}`,
   };
 }
 
···
   )) as APIAnnotation | null;
   if (!item) return null;
 
+  const itemURI = item.id || item.uri || uri;
   const author = getAuthorHandle(item);
   const source = item.target?.source || item.url || item.source || "";
   const domain = extractDomain(source);
···
   return {
     title,
     description,
-    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(item.uri)}`,
+    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(itemURI)}`,
     author,
-    pageURL: `${BASE_URL}/at/${encodeURIComponent(item.uri.slice(5))}`,
+    pageURL: `${BASE_URL}/at/${encodeURIComponent(itemURI.slice(5))}`,
   };
 }
 
···
   )) as APICollection | null;
   if (!item) return null;
 
+  const itemURI = item.id || item.uri || uri;
   const author = getAuthorHandle(item);
   const icon = item.icon || "📁";
   const title = `${icon} ${item.name}`;
···
   return {
     title,
     description,
-    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(item.uri)}`,
+    image: `${BASE_URL}/og-image?uri=${encodeURIComponent(itemURI)}`,
     author,
-    pageURL: `${BASE_URL}/collection/${encodeURIComponent(item.uri)}`,
+    pageURL: `${BASE_URL}/collection/${encodeURIComponent(itemURI)}`,
   };
 }
 

web/src/pages/[handle]/annotation/[rkey].astro

···
 let image = 'https://margin.at/og.png';
 
 if (handle && rkey) {
-	const did = await resolveHandle(handle);
-	if (did) {
-		const data = await fetchOGForRoute(did, rkey, 'at.margin.annotation');
-		if (data) {
-			title = data.title;
-			description = data.description;
-			image = data.image;
+	try {
+		const did = await resolveHandle(handle);
+		if (did) {
+			const data = await fetchOGForRoute(did, rkey, 'at.margin.annotation');
+			if (data) {
+				title = data.title;
+				description = data.description;
+				image = data.image;
+			}
 		}
+	} catch (e) {
+		console.error('OG fetch error (annotation):', e);
 	}
 }
 ---

web/src/pages/[handle]/bookmark/[rkey].astro

···
 let image = 'https://margin.at/og.png';
 
 if (handle && rkey) {
-	const did = await resolveHandle(handle);
-	if (did) {
-		const data = await fetchOGForRoute(did, rkey, 'at.margin.bookmark');
-		if (data) {
-			title = data.title;
-			description = data.description;
-			image = data.image;
+	try {
+		const did = await resolveHandle(handle);
+		if (did) {
+			const data = await fetchOGForRoute(did, rkey, 'at.margin.bookmark');
+			if (data) {
+				title = data.title;
+				description = data.description;
+				image = data.image;
+			}
 		}
+	} catch (e) {
+		console.error('OG fetch error (bookmark):', e);
 	}
 }
 ---

web/src/pages/[handle]/collection/[rkey].astro

···
 let image = 'https://margin.at/og.png';
 
 if (handle && rkey) {
-	const did = await resolveHandle(handle);
-	if (did) {
-		const uri = `at://${did}/at.margin.collection/${rkey}`;
-		const data = await fetchCollectionOG(uri);
-		if (data) {
-			title = data.title;
-			description = data.description;
-			image = data.image;
+	try {
+		const did = await resolveHandle(handle);
+		if (did) {
+			const uri = `at://${did}/at.margin.collection/${rkey}`;
+			const data = await fetchCollectionOG(uri);
+			if (data) {
+				title = data.title;
+				description = data.description;
+				image = data.image;
+			}
 		}
+	} catch (e) {
+		console.error('OG fetch error (collection):', e);
 	}
 }
 ---

web/src/pages/[handle]/highlight/[rkey].astro

···
 let image = 'https://margin.at/og.png';
 
 if (handle && rkey) {
-	const did = await resolveHandle(handle);
-	if (did) {
-		const data = await fetchOGForRoute(did, rkey, 'at.margin.highlight');
-		if (data) {
-			title = data.title;
-			description = data.description;
-			image = data.image;
+	try {
+		const did = await resolveHandle(handle);
+		if (did) {
+			const data = await fetchOGForRoute(did, rkey, 'at.margin.highlight');
+			if (data) {
+				title = data.title;
+				description = data.description;
+				image = data.image;
+			}
 		}
+	} catch (e) {
+		console.error('OG fetch error (highlight):', e);
 	}
 }
 ---