From 6d72561b304fb9f5576eb5e135a79cf7f8bc70f1 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Tue, 10 Mar 2026 18:04:15 -0700
Subject: [PATCH] fix(notes): link note metadata

---
 web/src/components/MetadataPanel.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/components/MetadataPanel.tsx b/web/src/components/MetadataPanel.tsx
index d246391..a83d11f 100644
--- a/web/src/components/MetadataPanel.tsx
+++ b/web/src/components/MetadataPanel.tsx
@@ -1,3 +1,4 @@
+import Link from "next/link";
 import type { NoteDetail } from "@/lib/types";
 
 export function MetadataPanel({ note }: { note: NoteDetail }) {
@@ -7,13 +8,17 @@ export function MetadataPanel({ note }: { note: NoteDetail }) {
       <div style={{ display: "grid", gap: "var(--ml-space-2)" }}>
         <div style={{ color: "var(--ml-text-secondary)" }}>Owner: {note.metadata.owner}</div>
         <div style={{ color: "var(--ml-text-secondary)" }}>Source: {note.metadata.source}</div>
-        <div style={{ color: "var(--ml-text-secondary)" }}>Review state: {note.metadata.reviewState}</div>
+        <Link href="/reviews" style={{ color: "var(--ml-text-secondary)" }}>
+          Review state: {note.metadata.reviewState}
+        </Link>
         <div style={{ color: "var(--ml-text-secondary)" }}>Tasks: {note.metadata.taskCount}</div>
         <div style={{ color: "var(--ml-text-secondary)" }}>Artifacts: {note.metadata.artifactCount}</div>
       </div>
       <div style={{ display: "flex", gap: "var(--ml-space-2)", flexWrap: "wrap" }}>
         {note.tags.map((tag) => (
-          <span key={tag} className="badge">#{tag}</span>
+          <Link key={tag} href={`/search?q=${encodeURIComponent(tag)}`} className="badge">
+            #{tag}
+          </Link>
         ))}
       </div>
     </section>