From c361a24dd9d620e9301f5f22a6476bafc57e0bb6 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 28 Sep 2026 13:39:16 +0000 Subject: [PATCH] feat(frontend): favicon, and fold the upload and link import behind a + button The drop zone and the link-import box sat above the library on every visit and pushed the grid down by both their heights, even though they are used in bursts. - AddPanel: both now live in one "Add to library" panel with a close button. Hidden rather than unmounted when closed, so a half-pasted link, the import options and an upload's progress survive a close. - LibraryView: a "+ Add" button beside the search box toggles it (aria-expanded, aria-controls). Closed by default. The close button hands focus back to +, since the focused button is about to be hidden. - Dragging files over the library opens the panel, so hiding the drop zone does not remove drag-and-drop. Other drags are left alone. - An upload still running behind a closed panel shows its percentage on the + button. - The empty library offers an "Add files or a link" button instead of pointing "above" at a folded panel. - Favicon: a gecko on GAM's blue, not green, so its tab is not the same as Notes' when the two are open side by side. SVG plus a 32px PNG fallback and a 180px apple-touch-icon, all taken from src/assets so Vite fingerprints them. nginx serves .svg as immutable for a year, which is only safe with a hashed name. Six new LibraryView tests. The favicon was checked rendered at 16-180px on light and dark tab strips. The toolbar was checked in Chromium at 1280px and 390px: button and search box are both 38px with tops aligned. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_0152keevURYGHzPysdHaz5ET --- frontend/index.html | 7 ++ frontend/src/assets/apple-touch-icon.png | Bin 0 -> 36152 bytes frontend/src/assets/favicon-32.png | Bin 0 -> 2179 bytes frontend/src/assets/favicon.svg | 20 +++++ frontend/src/components/AddPanel.tsx | 57 ++++++++++++ frontend/src/views/LibraryView.test.tsx | 105 ++++++++++++++++++++++- frontend/src/views/LibraryView.tsx | 88 ++++++++++++++++--- 7 files changed, 265 insertions(+), 12 deletions(-) create mode 100644 frontend/src/assets/apple-touch-icon.png create mode 100644 frontend/src/assets/favicon-32.png create mode 100644 frontend/src/assets/favicon.svg create mode 100644 frontend/src/components/AddPanel.tsx diff --git a/frontend/index.html b/frontend/index.html index 13d4e07..383372b 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -5,6 +5,13 @@ Gecko Asset Manager + + + +