From 8a267a3a30c7b43c9fe98199050a35b3b217d68f Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 20 Feb 2026 18:37:46 +0000 Subject: [PATCH 1/3] feat: add feedback menu item and rename Settings to More Rename the Settings button to "More" with an ellipsis icon, and add a Feedback menu item under the Info section that opens a dialog with links to open a GitHub issue, contact on Twitter/Bluesky, or send an email. https://claude.ai/code/session_01UGMF3Qro7TWof3AsFACt79 --- src/components/layout/app-bar.tsx | 19 ++++- src/components/layout/feedback-dialog.tsx | 98 +++++++++++++++++++++++ 2 files changed, 113 insertions(+), 4 deletions(-) create mode 100644 src/components/layout/feedback-dialog.tsx diff --git a/src/components/layout/app-bar.tsx b/src/components/layout/app-bar.tsx index e67ee45..020ba6e 100644 --- a/src/components/layout/app-bar.tsx +++ b/src/components/layout/app-bar.tsx @@ -3,6 +3,7 @@ import { Database, Download, + EllipsisVertical, FolderUp, HardDrive, Heart, @@ -11,11 +12,11 @@ import { LayoutGrid, Library, ListFilter, + MessageCircle, Monitor, Moon, Plus, Search, - Settings, Settings2, SortAsc, Sparkles, @@ -51,6 +52,7 @@ import { import { Input } from "@/components/ui/input"; import { useDebouncedCallback } from "@/hooks/use-debounced-callback"; import { PreferencesDialog } from "./preferences-dialog"; +import { FeedbackDialog } from "./feedback-dialog"; import { SupportDialog } from "./support-dialog"; type ViewMode = "grid" | "table" | "series"; @@ -95,6 +97,7 @@ export function AppBar({ const [mounted, setMounted] = useState(false); const [clearDialogOpen, setClearDialogOpen] = useState(false); const [supportDialogOpen, setSupportDialogOpen] = useState(false); + const [feedbackDialogOpen, setFeedbackDialogOpen] = useState(false); const [preferencesDialogOpen, setPreferencesDialogOpen] = useState(false); const importInputRef = useRef(null); @@ -327,7 +330,7 @@ export function AppBar({ Upload - {/* Settings menu */} + {/* More menu */} @@ -441,6 +444,10 @@ export function AppBar({ Support + setFeedbackDialogOpen(true)}> + + Feedback + @@ -486,6 +493,10 @@ export function AppBar({ open={supportDialogOpen} onOpenChange={setSupportDialogOpen} /> + void; +} + +export function FeedbackDialog({ open, onOpenChange }: FeedbackDialogProps) { + return ( + + + + feedback + + +
+

+ have feedback, a bug report, or a feature request? here are some + ways to get in touch: +

+ + {/* 1. Open a GitHub issue */} + +
+ +
+
open a github issue
+
+ report bugs or request features +
+
+
+ + + {/* 2. Contact on social media */} +
+
+ +
+
get in touch
+
+ reach out on social media or send an email +
+
+
+ + +
+
+ + + ); +} From 2ee30072a0f9f230a913bb99d829b856afd192d3 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 20 Feb 2026 19:02:31 +0000 Subject: [PATCH 2/3] fix: sort imports to satisfy Biome organizeImports rule https://claude.ai/code/session_01UGMF3Qro7TWof3AsFACt79 --- src/components/layout/app-bar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/layout/app-bar.tsx b/src/components/layout/app-bar.tsx index 020ba6e..257ebb7 100644 --- a/src/components/layout/app-bar.tsx +++ b/src/components/layout/app-bar.tsx @@ -51,8 +51,8 @@ import { } from "@/components/ui/dropdown-menu"; import { Input } from "@/components/ui/input"; import { useDebouncedCallback } from "@/hooks/use-debounced-callback"; -import { PreferencesDialog } from "./preferences-dialog"; import { FeedbackDialog } from "./feedback-dialog"; +import { PreferencesDialog } from "./preferences-dialog"; import { SupportDialog } from "./support-dialog"; type ViewMode = "grid" | "table" | "series"; From 2930e944905db5c8aad91e907577f724f631e079 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 20 Feb 2026 19:43:45 +0000 Subject: [PATCH 3/3] feat: use Menu icon for More button and remove Preferences Switch to hamburger Menu icon for the More button, remove the Preferences menu item/dialog, and fix import ordering for Biome. https://claude.ai/code/session_01UGMF3Qro7TWof3AsFACt79 --- src/components/layout/app-bar.tsx | 21 ++------------------- 1 file changed, 2 insertions(+), 19 deletions(-) diff --git a/src/components/layout/app-bar.tsx b/src/components/layout/app-bar.tsx index 257ebb7..bad5f67 100644 --- a/src/components/layout/app-bar.tsx +++ b/src/components/layout/app-bar.tsx @@ -3,7 +3,6 @@ import { Database, Download, - EllipsisVertical, FolderUp, HardDrive, Heart, @@ -12,12 +11,12 @@ import { LayoutGrid, Library, ListFilter, + Menu, MessageCircle, Monitor, Moon, Plus, Search, - Settings2, SortAsc, Sparkles, Sun, @@ -52,7 +51,6 @@ import { import { Input } from "@/components/ui/input"; import { useDebouncedCallback } from "@/hooks/use-debounced-callback"; import { FeedbackDialog } from "./feedback-dialog"; -import { PreferencesDialog } from "./preferences-dialog"; import { SupportDialog } from "./support-dialog"; type ViewMode = "grid" | "table" | "series"; @@ -98,7 +96,6 @@ export function AppBar({ const [clearDialogOpen, setClearDialogOpen] = useState(false); const [supportDialogOpen, setSupportDialogOpen] = useState(false); const [feedbackDialogOpen, setFeedbackDialogOpen] = useState(false); - const [preferencesDialogOpen, setPreferencesDialogOpen] = useState(false); const importInputRef = useRef(null); // Local search state for responsive input, debounced propagation to parent @@ -338,7 +335,7 @@ export function AppBar({ size="icon" className="h-9 w-9 sm:w-auto sm:px-3 bg-transparent" > - + More @@ -402,16 +399,6 @@ export function AppBar({ )} - - App - - setPreferencesDialogOpen(true)} - > - - Preferences - - Storage @@ -497,10 +484,6 @@ export function AppBar({ open={feedbackDialogOpen} onOpenChange={setFeedbackDialogOpen} /> - ); }