diff --git a/extension/src/components/popup/App.tsx b/extension/src/components/popup/App.tsx
index 75f3fbf..0a342fc 100644
--- a/extension/src/components/popup/App.tsx
+++ b/extension/src/components/popup/App.tsx
@@ -870,7 +870,7 @@ export function App() {
                       <BookmarkIcon size={16} className="text-[var(--accent)]" />
                     </div>
                     <a
-                      href={item.source}
+                      href={item.target?.source || item.source}
                       target="_blank"
                       rel="noopener noreferrer"
                       className="flex-1 min-w-0"
diff --git a/extension/src/components/sidepanel/App.tsx b/extension/src/components/sidepanel/App.tsx
index ea0ec63..c872a21 100644
--- a/extension/src/components/sidepanel/App.tsx
+++ b/extension/src/components/sidepanel/App.tsx
@@ -738,16 +738,18 @@ export function App() {
                       {Icons.bookmark}
                     </div>
                     <a
-                      href={item.source}
+                      href={item.target?.source || item.source}
                       target="_blank"
                       rel="noopener noreferrer"
                       className="flex-1 min-w-0"
                     >
                       <div className="text-sm font-medium truncate group-hover:text-[var(--accent)] transition-colors">
-                        {item.title || item.source}
+                        {item.target?.title || item.title || 'Untitled'}
                       </div>
                       <div className="text-xs text-[var(--text-tertiary)] truncate">
-                        {item.source ? new URL(item.source).hostname : ''}
+                        {(item.target?.source || item.source)
+                          ? new URL(item.target?.source || item.source!).hostname
+                          : ''}
                       </div>
                     </a>
                     <button