From 414f2b726ecd388931368a75941afbee46c2f08f Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <business@jeanlucmakiola.de>
Date: Sun, 15 Mar 2026 18:09:55 +0100
Subject: [PATCH] docs: capture todo - Replace planning category filter select
 with icon-aware dropdown

---
 .planning/STATE.md                              |  2 +-
 ...ry-filter-select-with-icon-aware-dropdown.md | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 .planning/todos/pending/2026-03-15-replace-planning-category-filter-select-with-icon-aware-dropdown.md

diff --git a/.planning/STATE.md b/.planning/STATE.md
index d1efc99..285c418 100644
--- a/.planning/STATE.md
+++ b/.planning/STATE.md
@@ -53,7 +53,7 @@ Progress: [██████████] 100% (v1.1 phases)
 
 ### Pending Todos
 
-None.
+- Replace planning category filter select with icon-aware dropdown (ui)
 
 ### Blockers/Concerns
 
diff --git a/.planning/todos/pending/2026-03-15-replace-planning-category-filter-select-with-icon-aware-dropdown.md b/.planning/todos/pending/2026-03-15-replace-planning-category-filter-select-with-icon-aware-dropdown.md
new file mode 100644
index 0000000..996791b
--- /dev/null
+++ b/.planning/todos/pending/2026-03-15-replace-planning-category-filter-select-with-icon-aware-dropdown.md
@@ -0,0 +1,17 @@
+---
+created: 2026-03-15T17:08:59.880Z
+title: Replace planning category filter select with icon-aware dropdown
+area: ui
+files:
+  - src/client/routes/collection/index.tsx
+---
+
+## Problem
+
+The category filter in the planning tab uses a native HTML `<select>` element, which cannot render Lucide icons inline. After Phase 6 migrated all category icons from emoji to Lucide, this filter only shows category names without their icons — inconsistent with the rest of the app where category icons appear alongside names (CategoryPicker combobox, CategoryHeader, cards, etc.).
+
+This was documented as a deliberate deviation in 06-02-SUMMARY due to HTML `<select>` constraints.
+
+## Solution
+
+Replace the native `<select>` with a custom dropdown component (similar to CategoryPicker's combobox pattern) that renders `LucideIcon` + category name for each option. Reuse the existing popover/dropdown patterns from IconPicker or CategoryPicker.