# 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