From 3b812bd8c7bd5967c2837045393294e8f2a82d68 Mon Sep 17 00:00:00 2001
From: Minit <minitjain.work@gmail.com>
Date: Fri, 3 Apr 2026 12:43:22 +0530
Subject: [PATCH 1/2] fix(ui): replace dice emoji with SVG icon in Surprise me
 button and modal

Removes the only emoji from the dashboard UI, aligning the Surprise me
button and Rediscovered modal header with the rest of the icon-based
visual language.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 client/src/components/DashboardClient.tsx | 26 +++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/client/src/components/DashboardClient.tsx b/client/src/components/DashboardClient.tsx
index a6f157d..3c2eacc 100644
--- a/client/src/components/DashboardClient.tsx
+++ b/client/src/components/DashboardClient.tsx
@@ -374,7 +374,19 @@ export default function DashboardClient({
             aria-label="Show a random saved bookmark"
             className="text-xs px-3 py-1.5 rounded-full border border-[var(--border)] bg-[var(--surface)] text-[var(--text-muted)] hover:border-[var(--accent)] hover:text-[var(--accent)] disabled:opacity-40 transition-all duration-100 inline-flex items-center gap-1.5"
           >
-            {surpriseLoading ? "…" : "🎲 Surprise me"}
+            {surpriseLoading ? "…" : (
+              <>
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                  <rect x="2" y="2" width="20" height="20" rx="3" ry="3" />
+                  <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="16" cy="8" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none" />
+                </svg>
+                Surprise me
+              </>
+            )}
           </button>
         )}
       </div>
@@ -804,7 +816,17 @@ export default function DashboardClient({
             onClick={(e) => e.stopPropagation()}
           >
             <div className="flex items-center justify-between mb-4">
-              <span className="text-sm font-semibold text-[var(--text)]">🎲 Rediscovered</span>
+              <span className="text-sm font-semibold text-[var(--text)] inline-flex items-center gap-1.5">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
+                  <rect x="2" y="2" width="20" height="20" rx="3" ry="3" />
+                  <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="16" cy="8" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none" />
+                  <circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none" />
+                </svg>
+                Rediscovered
+              </span>
               <button
                 onClick={() => { setSurpriseBookmark(null); setSurpriseError(null); }}
                 className="text-[var(--text-dim)] hover:text-[var(--text)] transition-colors text-xl leading-none"

From af3ca427f51baeadd9d1c3a7b27dc9b9200426fb Mon Sep 17 00:00:00 2001
From: Minit <minitjain.work@gmail.com>
Date: Fri, 3 Apr 2026 12:50:00 +0530
Subject: [PATCH 2/2] refactor(ui): extract reusable DiceIcon component in
 DashboardClient

Replaces two identical inline SVGs with a shared DiceIcon component
that accepts width, height, className, and aria-hidden props.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 client/src/components/DashboardClient.tsx | 52 ++++++++++++++++-------
 1 file changed, 36 insertions(+), 16 deletions(-)

diff --git a/client/src/components/DashboardClient.tsx b/client/src/components/DashboardClient.tsx
index 3c2eacc..4dfef5e 100644
--- a/client/src/components/DashboardClient.tsx
+++ b/client/src/components/DashboardClient.tsx
@@ -4,6 +4,40 @@ import { useState, useMemo, useRef } from "react";
 import { Bookmark } from "lucide-react";
 import BookmarkCard from "./BookmarkCard";
 
+function DiceIcon({
+  width = 16,
+  height = 16,
+  className,
+  "aria-hidden": ariaHidden,
+}: {
+  width?: number;
+  height?: number;
+  className?: string;
+  "aria-hidden"?: boolean | "true" | "false";
+}) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden={ariaHidden}
+    >
+      <rect x="2" y="2" width="20" height="20" rx="3" ry="3" />
+      <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none" />
+      <circle cx="16" cy="8" r="1.5" fill="currentColor" stroke="none" />
+      <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
+      <circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none" />
+      <circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none" />
+    </svg>
+  );
+}
+
 type TagItem = { id: string; name: string };
 type CollectionItem = { id: string; name: string };
 type BookmarkItem = {
@@ -376,14 +410,7 @@ export default function DashboardClient({
           >
             {surpriseLoading ? "…" : (
               <>
-                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
-                  <rect x="2" y="2" width="20" height="20" rx="3" ry="3" />
-                  <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="16" cy="8" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none" />
-                </svg>
+                <DiceIcon width={12} height={12} aria-hidden="true" />
                 Surprise me
               </>
             )}
@@ -817,14 +844,7 @@ export default function DashboardClient({
           >
             <div className="flex items-center justify-between mb-4">
               <span className="text-sm font-semibold text-[var(--text)] inline-flex items-center gap-1.5">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
-                  <rect x="2" y="2" width="20" height="20" rx="3" ry="3" />
-                  <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="16" cy="8" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="8" cy="16" r="1.5" fill="currentColor" stroke="none" />
-                  <circle cx="16" cy="16" r="1.5" fill="currentColor" stroke="none" />
-                </svg>
+                <DiceIcon width={14} height={14} aria-hidden="true" />
                 Rediscovered
               </span>
               <button