91 lines
2.8 KiB
Markdown
91 lines
2.8 KiB
Markdown
# 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
|