2.8 KiB
Phase 20: FAB & Full-Screen Catalog Search - Discussion Log
Audit trail only. Do not use as input to planning, research, or execution agents. Decisions are captured in CONTEXT.md — this log preserves the alternatives considered.
Date: 2026-04-06 Phase: 20-fab-full-screen-catalog-search Areas discussed: FAB mini menu design, Full-screen search layout, Tag chip interaction, Search result cards, Context indicator Mode: Auto (--auto flag) — all areas selected, recommended defaults chosen
FAB Mini Menu Design
| Option | Description | Selected |
|---|---|---|
| Radial/stack fan-out | Labeled icon buttons fan out vertically above FAB | ✓ |
| Dropdown menu | Standard dropdown list below FAB | |
| Bottom sheet | Slide-up panel from bottom |
User's choice: Radial/stack fan-out Notes: [auto] Matches mobile FAB patterns, minimal new UI, snappy feel.
Full-Screen Search Layout
| Option | Description | Selected |
|---|---|---|
| Full-screen overlay (UIStore) | fixed inset-0 z-50, no URL change | ✓ |
| New route (/search) | URL-based, browser history | |
| Side panel | Slide-out from right like item edit |
User's choice: Full-screen overlay via UIStore Notes: [auto] Consistent with CreateThreadModal pattern. No routing complexity.
Tag Chip Interaction
| Option | Description | Selected |
|---|---|---|
| Horizontal scrollable chips | Tap to toggle, multiple active, AND filtering | ✓ |
| Dropdown multi-select | Tags in a dropdown/popover | |
| Category-style tabs | Tab bar with tag groups |
User's choice: Horizontal scrollable chips Notes: [auto] Standard filter chip UX, works well on mobile.
Search Result Cards
| Option | Description | Selected |
|---|---|---|
| Compact cards with Add button | Brand+model, weight, price, owner count, "Add" CTA | ✓ |
| List rows | Dense list with inline add | |
| Full cards with details | Large cards with description, image, etc. |
User's choice: Compact cards with Add button Notes: [auto] Reuses GlobalItemCard pattern, quick scanning.
Context Indicator
| Option | Description | Selected |
|---|---|---|
| Subtle header text | Top text: "Adding to Collection" / "Starting Thread" | ✓ |
| Color-coded overlay | Different accent color per mode | |
| Tab toggle | Switch between modes within overlay |
User's choice: Subtle header text Notes: [auto] Minimal, clear, doesn't add complexity.
Claude's Discretion
- FAB animation style
- Tag chip ordering
- Card grid sizing
- Debounce timing
- Skeleton count
Deferred Ideas
- "Add Manually" wiring (Phase 22)
- Add-to-collection/thread flows (Phase 21)
- Search history, popular items